@charset "shift_jis";

/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}
/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.4;
	color:#4D4D4D;
	font-size:12px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック','Lucida Grande',arial,helvetica,clean,sans-serif;
	text-align:center;
}

/* IE6用 */
* html body {
	font-size:75%;
}

/* IE7用 */
*:first-child+html body {
	font-size:75%;
}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
}

/* テーブル・ボックス */

/* イメージ */
img,
a img{border:0;}

/* フォーム */
form{
	margin:0;
	padding:0;
}

/* 段落 */
p{
	margin:0;
	padding:0;
}

/* リンク */
a{
	color:#4d4d4d;
	text-decoration:none;
}
a:hover{
	color:#f00;
	text-decoration:underline;
}

object{
 outline: none;
} 


/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header-wrapper{
	width:100%;
	min-width:900px;
	background-color:#0066b3;
}
#header{
	margin:0 auto;
	width:900px;
	height:92px;
	position:relative;
	text-align:left;
}
#header h1{
	width:103px;
	height:70px;
	position:absolute;
	top:10px;
	left:0;
}
#menu:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#menu{
	margin:0;
	padding:0;
	width:720px;
	position:absolute;
	top:56px;
	right:0;
	/*\*//*/
	overflow:hidden;
	/**/
}
#menu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:120px;
	height:36px;
}
#menu li img{vertical-align:top;}
#menu li a{
	margin-left:2px;
	display:block;
	width:118px;
	height:36px;
}
#menu li#menu-1 a{background:url(../img_com/menu_1_over.jpg) no-repeat left top;}
#menu li#menu-1 a:hover{background-color:#fff;}
#menu li#menu-1 a:hover img{visibility:hidden;}
#menu li#menu-2 a{background:url(../img_com/menu_2_over.jpg) no-repeat left top;}
#menu li#menu-2 a:hover{background-color:#fff;}
#menu li#menu-2 a:hover img{visibility:hidden;}
#menu li#menu-3 a{background:url(../img_com/menu_3_over.jpg) no-repeat left top;}
#menu li#menu-3 a:hover{background-color:#fff;}
#menu li#menu-3 a:hover img{visibility:hidden;}
#menu li#menu-4 a{background:url(../img_com/menu_4_over.jpg) no-repeat left top;}
#menu li#menu-4 a:hover{background-color:#fff;}
#menu li#menu-4 a:hover img{visibility:hidden;}
#menu li#menu-5 a{background:url(../img_com/menu_5_over.jpg) no-repeat left top;}
#menu li#menu-5 a:hover{background-color:#fff;}
#menu li#menu-5 a:hover img{visibility:hidden;}
#menu li#menu-6 a{background:url(../img_com/menu_6_over.jpg) no-repeat left top;}
#menu li#menu-6 a:hover{background-color:#fff;}
#menu li#menu-6 a:hover img{visibility:hidden;}

#sub-menu:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#sub-menu{
	margin:0;
	padding:0;
	width:242px;
	position:absolute;
	top:5px;
	right:0;
	/*\*//*/
	overflow:hidden;
	/**/
}
#sub-menu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	height:24px;
}
#sub-menu li img{vertical-align:top;}

#sub-menu li#sub-menu-1{
	width:125px;
}
#sub-menu li#sub-menu-2{
	width:117px;
}
#sub-menu li a{
	display:block;
	height:24px;
}
#sub-menu li#sub-menu-1 a{
	width:125px;
}
#sub-menu li#sub-menu-2 a{
	margin-left:7px;
	width:110px;
}

/* --------------------------------------------------
	##main
-------------------------------------------------- */
#main:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#main{
	margin:0 auto;
	width:900px;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}
#top #main{
	margin-bottom:36px;
}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer-wrapper{
	clear:both;
	width:100%;
	border-top:1px #d9aa8a solid;
	background-color:#f2e2d7;
}
#footer{
	margin:0 auto;
	padding:14px 0;
	width:900px;
}
#footer-link{
	margin-bottom:6px;
	color:#35180b;
	line-height:2.0;
}
#footer-link a{color:#35180b;}
#footer-link a:hover{color:#f00;}
#copyright{
	color:#737373;
	font-size:84%;
}

/* --------------------------------------------------
	##header-2
-------------------------------------------------- */
#header-2-wrapper{
	margin:0 0 18px;
	padding:23px 0 12px;
	width:100%;
	min-width:900px;
	background-color:#f2e2d7;
}
#main-image{
	margin:0 auto 13px auto;
	width:900px;
	height:315px;
	text-align:left;
}
#news-slide{
	margin:0 auto;
	width:900px;
	height:30px;
	position:relative;
	background:url(../img/news_slide_bg.gif) no-repeat left top;
	text-align:left;
}
#news-slide h2{
	width:102px;
	height:13px;
	position:absolute;
	top:9px;
	left:8px;
}
#news-slide ul{
	margin:0;
	padding:0;
	position:absolute;
	top:4px;
	left:120px;
	width:707px;
	height:22px;
	background-color:#fff;
}
#news-slide ul li{
	margin:0;
	padding:0 8px;
	list-style:none;
	line-height:22px;
	color:#000;
	display:none;
}
#news-slide-btn{
	width:67px;
	height:22px;
	position:absolute;
	top:4px;
	right:3px;
}
#contents-left{
	width:296px;
	float:left;
}
#contents-center{
	margin-left:18px;
	display:inline;
	width:310px;
	float:left;
}
#contents-center img{bertical-align:top;line-height:0;font-size:0;}
#contents-right{
	width:258px;
	float:right;
}
#news-box{
	margin-bottom:16px;
	width:296px;
}
#news-box h2{
	margin:0 0 12px;
}
#news-box dl{
	margin:0;
	padding:0;
}
#news-box dt{
	margin:0 0 2px 0;
	padding:0;
	color:#808080;
}
#news-box dt img{vertical-align:middle;}
#news-box dd{
	margin:0;
	padding:0 0 12px 0;
	color:#000;
}
#news-box dd a{color:#000;}
#news-box dd a:hover{color:#f00;}
#news-box dd img{vertical-align:middle;}
#news-box-2{
	margin-bottom:16px;
	width:296px;
}
#news-box-2 h2{
	margin:0 0 12px;
}
#news-box-2 dl{
	margin:0;
	padding:0;
}
#news-box-2 dt{
	margin:0 0 2px 0;
	padding:0;
	color:#808080;
}
#news-box-2 dt img{vertical-align:middle;}
#news-box-2 dd{
	margin:0;
	padding:0 0 12px 0;
	color:#000;
}
#news-box-2 dd a{color:#0066b3;}
#news-box-2 dd a:hover{color:#f00;}
#news-box-2 dd img{vertical-align:middle;}
#box-ost{
	padding:14px 20px;
	min-height:1%;
	background:url(../img/ost_bg.gif) no-repeat left bottom;
}
#box-ost h3{
	margin-bottom:6px;
}
#rank-table{
	border-collapse:collapse;
	border:0;
}
#rank-table th{
	width:52px;
	text-align:left;
	padding:6px 0;
}
#rank-table td{
	text-align:left;
	padding:6px 0;
}
#rank-table td span{
	color:#000;
	font-size:134%;
	font-weight:bold;
}
.bnr{
	margin-bottom:10px;
	text-align:center;
}
#bnr-list{
	margin:0 0 20px;
	padding:0;
}
#bnr-list li{
	margin:0;
	padding:0 0 8px 0;
	list-style:none;
	text-align:center;
}
#bnr-list li img{vertical-align:top;}
#contents-right h2{
	margin-bottom:10px;
	padding-bottom:4px;
	border-bottom:1px #d6d6d6 solid;
}
#bnr-list-1:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#bnr-list-1{
	margin:0 0 24px -4px;
	padding:0;
	width:258px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#bnr-list-1 li{
	padding:0 0 8px 8px;
	list-style:none;
	float:left;
	display:inline;
}
#bnr-list-1 li img{vertical-align:top;}
#url-list{
	clear:both;
	margin:0 0 14px;
	padding:11px 0 0 0;
	border-top:1px #d6d6d6 solid;
}
#url-list li{
	margin:0;
	padding:0 0 6px 18px;
	list-style:none;
	color:#595959;
	background:url(../img/icon_link.gif) no-repeat 3px 3px;
}
#url-list li a{
	color:#595959;
}
#url-list li a:hover{
	color:#f00;
}
#box-cse{
	width:220px;
}
#box-cse input{vertical-align:middle;}
.cse-tf{
	margin-right:2px;
	padding:2px;
	border:1px #b8b8b8 solid;
	width:160px;
	font-size:100%;
}

/*5月23日より追加分*/

/*今月のおすすめ*/

#rank-table .fea_text{
	position: absolute;
	margin-top: 0.1em;
	padding-left: 3px;
}

/*cmバナー*/

#cm{
	background-image: url(../img/itemback.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 15px;
}

#cm ul{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}



/*clerfix*/


