@charset "utf-8";

/*======================================================================
　『とろろや』スタイルシート 
======================================================================*/

/*--------------------------------------------------
　1-1.Universal selector（すべての要素にスタイルを適用）
--------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	color: #333333;
	font-weight: normal;
	font-style: normal;
}

/*--------------------------------------------------
　1-2.Structure Module
--------------------------------------------------*/

body {
	background-color: #102343;
	font-family:"'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif";
	font-size: 13px; /* 基本文字サイズ */
	*font-size: small; /* IE7およびIE6標準準拠モードに適用 */
	*font: x-small; /* IE6後方交互モードに適用 */
	text-align: center;
}

img {
	border:none;
	}
	
a,
a:visited {
	color:#CC0033;
	}
	
a:hover,
a:active {
	text-decoration:none;
	}

/* -------------------------------------------------
枠
------------------------------------------------- */
#all {
	width:900px;
	text-align:left;
	margin:0 auto;
	background:url(img/bg.jpg) repeat-y;
	}
	
#allIn {
	padding:0 50px;
	}
	
#flash {
	border:1px solid #FFFFFF;
	}
	
/* -------------------------------------------------
メニュー
------------------------------------------------- */
#menuBox {
	height:1%;
	}
	
#menuBox a {
	display:block;
	float:left;
	height:49px;
	width:267px;
	}
	
#menuBox a.menu1 {
	background:url(img/menu1_2.jpg) no-repeat;
	}
	
#menuBox a.menu2 {
	background:url(img/menu2_2.jpg) no-repeat;
	}
	
#menuBox a.menu3 {
	background:url(img/menu3_2.jpg) no-repeat;
	width:266px;
	}
#menuBox div.void {
	background:url(img/menu_spacer.gif) no-repeat;
	width:266px;
	height:49px;
	text-indent:-9999px;
	overflow:hidden;
	}
	/* IE6 */
* html #menuBox div.void {
	width:263px;
	margin-right:1px;
}
	
#menuBox a:hover {
	background-color:#FFFFFF;
	}
	
#menuBox a:hover img {
	visibility:hidden;
	}
	
#menuBottom {
	clear:both;
	}
	
/* -------------------------------------------------
メイン 左エリア
------------------------------------------------- */
#main {
	clear:both;
	background:url(img/main_bg.gif) repeat-y;
	height:1%;
	padding:0 0 20px 0;
	}
	
#main:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#main .mainBottom {
	clear:both;
	height:1%;
	}

/* -------------------------------------------------
メイン 左エリア
------------------------------------------------- */
#mainLeft {
	float:left;
	width:559px;
	}
	
#mainLeft .leftIn {
	margin:0 41px 0 32px;
	}	

#mainLeft .leftIn h2 {
	margin:20px 0 0 0;
	}
	
#mainLeft .leftIn .company {
	padding:35px 0 0 0;
	height:1%;
	}
	
#mainLeft .leftIn .company .companyImg {
	float:left;
	width:217px;
	}
	
#mainLeft .leftIn .company .companyInfo {
	float:right;
	width:269px;
	}
	
#mainLeft .leftIn .company .companyInfo h3 {
	margin:0 0 14px 25px;
	}
	
#mainLeft .leftIn .company .companyInfo dl {
	margin:0 0 0 35px;
	}
	
#mainLeft .leftIn .company .companyInfo dl dt {
	float:left;
	clear:left;
	width:4em;
	margin:0 0 3px 0;
	}
	
#mainLeft .leftIn .company .companyInfo dl dd {
	margin:0 0 3px 4em;
	}
	
/* -------------------------------------------------
メイン 右エリア
------------------------------------------------- */
#mainRight {
	float:right;
	width:241px;
	}
	
#mainRight .rMenuBox {
	padding:20px 0 0 33px;
	}
	
#mainRight .rMenuBox a {
	display:block;
	width:174px;
	height:50px;
	margin:0 0 10px 0;
	}
	
#mainRight .rMenuBox a.gMenu1 {
	background:url(img/r_menu1_2.jpg) no-repeat;
	}
	
#mainRight .rMenuBox a.gMenu2 {
	background:url(img/r_menu2_2.jpg) no-repeat;
	}
	
#mainRight .rMenuBox a.gMenu3 {
	background:url(img/r_menu3_2.jpg) no-repeat;
	}
	
#mainRight .rMenuBox a.gMenu4 {
	background:url(img/r_menu4_2.jpg) no-repeat;
	}
#mainRight .rMenuBox a.gMenu5 {
	background:url(img/r_menu5_2.jpg) no-repeat;
	}
	
#mainRight .rMenuBox a:hover {
	background-color:#FFFFFF;
	}
	
#mainRight .rMenuBox a:hover img {
	visibility:hidden;
	}
	
#mainRight .othersLink {
	margin:20px 0 0 33px;
	}
	
#mainRight .flashBnr {
	margin:20px 0 0 0;
	font-size:80%;
	text-align:center;
	}
	
#mainRight .counter {
	padding:20px 20px 0 0;
	text-align:right;
	}
	
/* -------------------------------------------------
フッター
------------------------------------------------- */
#footer {
	clear:both;
	}