@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
line-height:150%;
}


body{
text-align:center;
background:url(../img/back.gif) repeat;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img{
border:none;
}

#container{
width:980px;
margin:0 auto;
text-align:left;
background-color:#FFF;
border-left:#F00 solid 1px;
border-right:#F00 solid 1px;
overflow:hidden;
position:relative;
}


/*====== ヘッダー開始 ========*/
#header{
	width:980px;
	height:75px;
	position:absolute;
	top:30px;
	left:center;
	background:url(../img/header.gif) no-repeat 0 0;
	}
	

#header_img{
	width:980px;
	}

#header_img li{
	width:468px;
	float:left;
	list-style:none;
	}

#header_img #logo{
	width:349px;
	height:76px;
	}


/*====== バナーレイアウト調整箇所 ========*/
#header_img #banner_advertising{
	width:468px;
	height:60px;
	margin:20px 0 0 150px;
	border: #ff2626 solid 1px;
	}
/*====== バナーレイアウト調整箇所 ========*/

#header #sub_title{
	width:400px;
	clear:both;
	margin:0 0 0 100px;
	color:#ff9900;
	font-size:16px;
	}


#header_info{
	width:400px;
	padding:5px 0 0 500px;
	overflow:hidden;
	}

#header_info li{
	width:200px;
	float:left;
	font-size:14px;
	list-style:none;
	}

#global_menu{
	width:980px;
	height:60px;
	background:url(../img/global_menu.gif) no-repeat 0 0;
	}

#global_menu ul{
	width:827px;
	padding:34px 0 0 22px;
	}

#global_menu li{
		width:130px;
	float:left;
	font-size:12px;
	list-style:none;
	font-weight:bold;
	text-align:center;
	}

#global_menu a{
	display:block;
	color:#FFF;
	text-decoration:none;
	width: 130px;
	}

#global_menu  a:hover{
	color:#F80;
	}
/*====== グローバルメニューテキストレイアウト調整箇所開始 ========*/
#global_menu  #menu_1{
	width:130px;
	}

#global_menu  #menu_2{
	width:130px;
	}

#global_menu  #menu_3{
	width:130px;
	padding-left:6px;
	}

#global_menu  #menu_4{
	width:130px;
	padding-left:10px;
	}

#global_menu  #menu_5{
	width:130px;
	}

#global_menu  #menu_6{
	width:130px;
	}
/*====== グローバルメニューテキストレイアウト調整箇所終了 ========*/

#bread_crumb {
	width:300px;
	position:absolute;
	top:230px;
	left:30px;
}

#bread_crumb ul{
	width:300px;
	margin:10px 0 0 10px;
}

#bread_crumb li{
	font-size:10px;
	list-style:none;
}

/*====== フラッシュ開始 ========*/
#flash{
	width:920px;
	position:absolute;
	top:260px;
	left:30px;
	}
/*====== フラッシュ終了 ========*/
/*====== ヘッダー終了 ========*/









/*====== メインコンテンツ ========*/
#main_contents{
	width:980px;
	padding-top:220px;
	}

#sub1 #main_contents{
	width:980px;
	padding-top:250px;
	}
	
#sub2 #main_contents{
	width:980px;
	padding-top:250px;
	}
/*====== サイドメニュー開始 ========*/

#entry_detail{
	width:300px;
	height: auto;
	float:right;
	margin-right:20px;
	margin-top:20px;
	}

#ss1{
	width:300px;
	height:37px;
	padding-top:140px;
	list-style:none;
	margin:0px 0px 10px 0px;
	background:url(../img/ss_selecter.gif) no-repeat 0 0;
	}

#ss1 li{
	width:200px;
	height:30px;
	display:block;
	list-style: none;
	margin-left: 50px;
	}
	
	
#ss1 li.bar1 a{
	display:block;
	width:200px;
	height:30px;
	text-indent:-5000px;
	text-decoration:none;
	overflow:hidden;
	background:url(../img/bt_bt.gif) no-repeat 0px 0;
	}
	
#ss1 li.bar1 a:hover{
	display:block;
	width:200px;
	height:30px;
	text-indent:-5000px;
	text-decoration:none;
	overflow:hidden;
	background:url(../img/bt_bt.gif) no-repeat -200px 0;
	}



#ss2{
	width:300px;
	height:37px;
	padding-top:140px;
	list-style:none;
	margin:0px 0px 10px 0px;
	background:url(../img/ss_yasu.gif) no-repeat 0 0;
	}

#ss2 li{
	width:200px;
	height:30px;
	display:block;
	list-style: none;
	margin-left: 50px;
	}
	
	
#ss2 li.bar2 a{
	display:block;
	width:200px;
	height:30px;
	text-indent:-5000px;
	text-decoration:none;
	overflow:hidden;
	background:url(../img/bt_bt.gif) no-repeat 0px 0;
	}
	
#ss2 li.bar2 a:hover{
	display:block;
	width:200px;
	height:30px;
	text-indent:-5000px;
	text-decoration:none;
	overflow:hidden;
	background:url(../img/bt_bt.gif) no-repeat -200px 0;
	}


#ss3{
	width:300px;
	height:37px;
	padding-top:140px;
	list-style:none;
	margin:0px 0px 10px 0px;
	background:url(../img/ss_vegas.gif) no-repeat 0 0;
	}

#ss3 li{
	width:200px;
	height:30px;
	display:block;
	list-style: none;
	margin-left: 50px;
	}
	
	
#ss3 li.bar3 a{
	display:block;
	width:200px;
	height:30px;
	text-indent:-5000px;
	text-decoration:none;
	overflow:hidden;
	background:url(../img/bt_bt.gif) no-repeat 0px 0;
	}
	
#ss3 li.bar3 a:hover{
	display:block;
	width:200px;
	height:30px;
	text-indent:-5000px;
	text-decoration:none;
	overflow:hidden;
	background:url(../img/bt_bt.gif) no-repeat -200px 0;
	}


#ss4{
	width:300px;
	height:37px;
	padding-top:140px;
	list-style:none;
	margin:0px 0px 10px 0px;
	background:url(../img/ss_3boshi.gif) no-repeat 0 0;
	}

#ss4 li{
	width:200px;
	height:30px;
	display:block;
	list-style: none;
	margin-left: 50px;
	}
	
	
#ss4 li.bar4 a{
	display:block;
	width:200px;
	height:30px;
	text-indent:-5000px;
	text-decoration:none;
	overflow:hidden;
	background:url(../img/bt_bt.gif) no-repeat 0px 0;
	}
	
#ss4 li.bar4 a:hover{
	display:block;
	width:200px;
	height:30px;
	text-indent:-5000px;
	text-decoration:none;
	overflow:hidden;
	background:url(../img/bt_bt.gif) no-repeat -200px 0;
	}

li.taito{
	font-size:18px;
	font-weight:bold;
	text-align:right;
	padding:0px;
	color:#f30000;
	}
li.taito a{
	color:#f30000;
	text-decoration:none;
	}
li.taito a:hover{
	color:#ff3600;
	text-decoration: underline;
	}


#side_menu {
	width:300px;
	line-height:2em;
border-bottom:#C99E71 solid 1px;

}

#sub1 #side_menu{
	width:300px;
	line-height:2em;
	border-bottom:#C99E71 solid 1px;
}


#sub2 #side_menu{
	width:300px;
	line-height:2em;
	border-bottom:#C99E71 solid 1px;
}


#side_menu ul{
	width:300px;
	background:url(../img/side_menu_mid.gif) repeat-y;
	}

#side_menu li{
	width:294px;
	font-size:14px;
	list-style:none;
	font-weight:bold;
	padding:5px 0 0 6px;
	text-align:left;
	border-bottom:#C99E71 dotted 1px;
	}

#side_menu a{
	display:block;
	color:#03F;
	text-decoration:none;
	}

#side_menu a:hover{
	color:#F80;
	text-decoration:underline;
	}


.title-infomation {
	width:200px;
	background:url(../img/side_titilebar_1.gif) no-repeat 0 0;
	font-size:16px;
	color :#FFF;
	padding: 30px 20px 5px 80px;
	border-bottom:#000 solid 2px;
}

.title-attention {
	width:200px;
	background:url(../img/side_titilebar_2.gif) no-repeat 0 0;
	font-size:16px;
	color :#FFF;
	padding: 30px 20px 5px 80px;
	border-bottom:#000 solid 2px;
}



/*====== サイドメニュー終了 ========*/




/*====== メインコンテンツ開始 ========*/
#main {
	width:590px;
	float:left;
	padding:0 20px 200px 0;
}


#main p{
	width:570px;
	margin-left:10px;
	padding:5px 0 5px 0;

}

#hard-navi {
	width : 600px;
	background:#EEE;
	margin-bottom:1em;
	margin-left:10px;
}

#hard-navi ul{
	overflow: hidden;
	margin : 12px 0 0 0;
}

#hard-navi li{
	float : left;
	width : 199px;
	list-style:none;
}

.title-top {
	width:590px;
	background:url(../img/main_titilebar.gif) no-repeat 0 0;
	padding: 30px 0 0 0;
	margin:20px 0 0 10px;
	overflow:hidden;
	border-bottom:#0f345b solid 1px;
}

.title-top h1{
	width:510px;
	color:#333;
	font-size:24px;
	padding:0 0 0 50px;
	margin-top:-20px;
	}

.title-top h2{
	width:510px;
	color:#333;
	font-size:24px;
	padding:0 0 0 50px;
	margin-top:-20px;
	}

#info{
	line-height:200%;
	font-size:16px;
	}


#ranking{
	width:590px;
	}


#ranking dl{
	width:580px;
	margin:10px 0 0 10px;
	}

#ranking dt{
	width:580px;
	background-color:#CECECE;
	padding-left:5px;
	}

#ranking .thumbnail{
	width:80px;
	float:left;
	margin-top:5px;
	}

#ranking .detail{
	width:490px;
	float:right;
	font-size:12px;
	margin:5px 0;
	}

#ranking .detail_last{
	width:490px;
	float:right;
	font-size:12px;
	margin:5px 0 50px 0;
	}

#ranking .detail span{
	color:#F00;
	}

#ranking strong{
	color:#F60;
	}

#ranking dt a{
		width:120px;
	color:#03F;
text-decoration:none;
	}	

#ranking dt a:hover{
text-decoration:underline;
}

#D1{
	width:150px;
	margin:10px 0 0 470px;
	list-style:none;
	font-size:12px;
	}

#D1 a{
	width:110px;
	color:#03F;
text-decoration:none;	
	}
	
#D1 a:hover{
text-decoration:underline;
}


#left_cont{
	width:290px;
	float:left;
	padding-bottom:50px;
	}

#sub1 #left_cont{
	width:290px;
	float:left;
	padding-bottom:700px;
	}

#sub2 #left_cont{
	width:290px;
	float:left;
	padding-bottom:200px;
	}

#left_cont dl{
	width:290px;
	height:175px;
	border:#FFC68C solid 2px;
	margin:10px 0 0 10px;
	}


#left_cont dt{
		color:#ff9900;
	letter-spacing:-0.05em;
	padding:10px 0 0 10px;
	font-size:14px;
	background-color:#C8C8C8;
	}
	
	
#left_cont dt:first-letter{
	font-size:2em;
	color:#ff9900;
	}

#left_cont .pik{
	width:80px;
	float:left;
	padding:5px 0 0 5px;
	}

#left_cont .report{
	width:195px;
	float:right;
	font-size:12px;
	padding:5px 5px 0 5px;
	}

#right_cont{
	width:290px;
	float:right;
	}

#right_cont dl{
	width:290px;
	height:175px;
	border:#FFC68C solid 2px;
	margin:10px 0 0 10px;
	}


#right_cont dt{
		color:#ff9900;
	letter-spacing:-0.05em;
	padding:10px 0 0 10px;
	font-size:14px;
	background-color:#CECECE;
	}
	
	
#right_cont dt:first-letter{
	font-size:2em;
	color:#ff9900;
	}

#right_cont .pik{
	width:80px;
	float:left;
	padding:5px 0 0 5px;
	}

#right_cont .report{
	width:195px;
	float:right;
	font-size:12px;
	padding:5px 5px 0 5px;
}


#impression{
	font-size:16px;
	line-height:200%;
	margin:5px 0 50px 0;
	}

#impression strong{
	font-size:20px;
	color:#000;
	}

#impression span{
	color:#F60;
	font-weight:bold;
	}

#impression a{
	width:110px;
	color:#03F;
text-decoration:none;	
	}
	
#impression a:hover{
text-decoration:underline;
}

/*====== メインコンテンツ終了 ========*/




/*=====製品情報=====*/


#left_tit_1{
	color:#ff9900;
	letter-spacing:-0.05em;
	padding:10px 0 0 10px;
	font-size:16px;
	}
	
#left_tit_1:first-letter{
	font-size:2em;
	color:#ff9900;
	}


#product_information table{
	font-size:14px;
	border:#999 solid 1px;
	margin-top:10px;
	margin-bottom:100px;
	}

#product_information td{

	padding:10px 0 10px 0;
	border:#999 solid 1px;
	}

#product_information a{
	width:110px;
	color:#03F;
text-decoration:none;	
	}
	
#product_information a:hover{
text-decoration:underline;
}


/*=====製品情報=====*/





/*=====サイトマップ開始=====*/
#sitemap{
	width:570px;
	margin:10px 0 0 20px;
	}


#sitemap #left_map{
	width:280px;
	float:left;
	padding-bottom:300px;
	}

#sitemap #right_map{
	width:280px;
	float:right;
	}

#sitemap dt{
	color:#F60;
	font-weight:bold;
	padding-top:10px;
	}

#sitemap dd{
	color:#F60;
	text-indent:15px;
	font-size:12px;
	}

#sitemap span{
	color:#333;
	font-size:12px;
	
	}

#sitemap a{
	width:500px;
	color:#06F;
text-decoration:none;
	}	
	
#sitemap a:hover{
text-decoration:underline;
}

/*=====サイトマップ終了=====*/




/*=====オススメのサイト紹介枠=====*/

.osusume{
	width:580px;
	height:170px;
	clear:both;
	}
	
.osusume h3{
	color:#666;
	font-size:15px;
	border:#F00 3px double;
	padding:5px 0px;
	text-align:center;
	width:500px;
	margin-bottom:20px;
	margin-left:40px;
	}

.osusume ul{
	width:580px;
	height:150px;
	border-top: #c4c4c4 1px dashed;
	padding-top:20px;
	}


.osusume li{
	list-style:none;
	font-size:12px;
	width:110px;
	height:80px;
	float:left;
	margin:10px;
	display:block;
	line-height:normal;
	}
.osusume li a{
	line-height:normal;
	color:#F30;
	}
.osusume li a:hover{
	line-height:normal;
	color:#F93;
	text-decoration:underline;
	}
.osusume li.iti{
	background:url(/img/ss/selecter.gif) no-repeat;
	padding-top:90px;
	margin-left:38px;
	}
.osusume li.nii{
	background:url(/img/ss/vegas.gif) no-repeat;
	padding-top:90px;
	}
.osusume li.san{
	background:url(/img/ss/3starz.gif) no-repeat;
	padding-top:90px;
	}
.osusume li.shii{
	background:url(/img/ss/yasunehonpo.gif) no-repeat;
	padding-top:90px;
	}

/*===============================*/

/*=====データページへ誘導紹介枠=====*/

.osusume2{
	width:580px;
	height:280px;
	margin-top:20px;
	clear:both;
	}
	
.osusume2 h3{
	color:#666;
	font-size:15px;
	border:#F00 3px double;
	padding:5px 0px;
	text-align:center;
	width:500px;
	margin-bottom:20px;
	margin-left:40px;
	}

.osusume2 ul{
	width:542px;
	border-top: #c4c4c4 1px dashed;
	margin-left:38px;
	
	}


.osusume2 li{
	list-style:none;
	font-size:12px;
	width:110px;
	height:170px;
	float:left;
	margin:10px;
	display:block;
	line-height:normal;
	}

.osusume2 li.vdata a{
	background:url(/img/ss/selecter2.gif) no-repeat -110px 0;
	height:170px;
	width:110px;
	text-indent:-5000px;
	display:block;
}

.osusume2 li.vdata a:hover{
	background:url(/img/ss/selecter2.gif) no-repeat 0 0;
	height:170px;
	width:110px;
	text-indent:-5000px;
	display:block;
}


.osusume2 li.yasudata a{
	background:url(/img/ss/yasunehonpo2.gif) no-repeat -110px 0;
	height:170px;
	width:110px;
	text-indent:-5000px;
	display:block;	
}
.osusume2 li.yasudata a:hover{
	background:url(/img/ss/yasunehonpo2.gif) no-repeat 0 0;
	height:170px;
	width:110px;
	text-indent:-5000px;
	display:block;	
}

.osusume2 li.mitudata a{
	background:url(/img/ss/3starz2.gif) no-repeat -110px 0 ;
	height:170px;
	width:110px;
	text-indent:-5000px;
	display:block;	
}
.osusume2 li.mitudata a:hover{
	background:url(/img/ss/3starz2.gif) no-repeat 0 0 ;
	height:170px;
	width:110px;
	text-indent:-5000px;
	display:block;	
}



.osusume2 li.vegasdata a{
	background:url(/img/ss/vegas2.gif) no-repeat -110px 0;
	height:170px;
	width:110px;
	text-indent:-5000px;
	display:block;	
}
.osusume2 li.vegasdata a:hover{
	background:url(/img/ss/vegas2.gif) no-repeat 0 0;
	height:170px;
	width:110px;
	text-indent:-5000px;
	display:block;	
}

/*===============================*/



/*====== フッター開始 ========*/
#footer{
	width:980px;
	height:80px;
background:url(../img/footer.gif) no-repeat 0 0;
clear:both;
	}

#footer_link{
	font-size:12px;
	text-align:center;
	padding-top:25px;
	color:#FFF;
	}

#footer_link a{
	color:#FFF;
	}

#footer_link a:hover{
	color:#06F;
}

#footer_1{
	width:980px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding-top:10px;
	}

/*====== フッター終了 ========*/

















/*====== float関連バグ対策 ========*/

dl:after,
#side_menu li:after,
{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

dl,
#side_menu li
{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
	* html dl,
	* html #side_menu li
	{height: 1%;}
	dl,
	#side_menu li,
	{display: block;}
/*--ここまでMAC IEは非適用 */

