@charset "utf-8";

/*　検索部分（タブとレイアウト｜フォーム関連のCSSはform.cssを参照）
------------------------------------------------------------------*/

#intro {
	float: left;
	width: 444px;
	/*height: 389px;*/
	padding-bottom: 10px;
        /padding-bottom: 8px;
	border: #9FB9C6 1px solid;
	background: #FFFFFE url(../images/intro-bg.jpg) top no-repeat;
}
/*html #intro {
	width: 444px;
}*/


#introtab {width: 422px;margin: 9px 10px 0 10px;}
*html #introtab {margin: 9px auto 0;}

/*--- タブの部分 ---*/
#introtab ul {
	width: 422px;
	height: 31px;
	margin: 0 auto 11px;
	text-align: center;
}

#introtab li {
	float: left;
	width: 98px;
	list-style-type: none;
	height: 31px;
	font-size: 0;
	text-indent: -9999px;
}

#introtab li a {
	display: block;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	height: 0 !important;
	height /**/:31px;
	padding-top: 31px;
}

#introtab1 {
	margin: 0 3px 0 12px;
	_margin: 0 3px 0 7px;
	background-image: url(../images/intro-tab_f01.gif);
}

#introtab2 {
	margin: 0 3px 0 0;
	background-image: url(../images/intro-tab_f02.gif);
	background-position: -101px 0;
}

#introtab3 {
	margin: 0 3px 0 0;
	background-image: url(../images/intro-tab_f03.gif);
	background-position: -202px 0;
}

#introtab4 {
	margin: 0 3px 0 0;
	background-image: url(../images/intro-tab_f04.gif);
	background-position: -302px 0;
}

#introtab1 a {
	background-image: url(../images/intro-tab_f02.gif);
}

#introtab2 a {
	background-image: url(../images/intro-tab_f03.gif);
	background-position: -101px 0;
}

#introtab3 a {
	background-image: url(../images/intro-tab_f04.gif);
	background-position: -202px 0;
}

#introtab4 a {
	background-image: url(../images/intro-tab_f01.gif);
	background-position: -302px 0;
}

/* オフマウス時 

#introtab1 a { background: url(images/intro-tab_f01.gif); }
#introtab2 a { background: url(images/intro-tab_f02.gif); }
#introtab3 a { background: url(images/intro-tab_f03.gif); }
#introtab4 a { background: url(images/intro-tab_f04.gif); }

/* オンマウス時 

#introtab1 a:hover { background-position: 0 -46px; }
#introtab2 a:hover { background-position: -159px -46px; }
#introtab3 a:hover { background-position: -263px -46px; }
#introtab4 a:hover { background-position: -367px -46px; }

/*--- ここまで ---*/

.introseach {
	width: 422px;
	height: 53px;
        /height:50px;
	border: #DFDFDF 1px solid;
	background-color: #FFFFFF;
	font-size: 93%;
}
*html div.introseach {height: 55px;}

.introkey {
	clear: both;
	width: 404px;
	/*height: 252px;*/
	margin: 10px 0 0;
        /margin-top: 8px;
	padding: 8px 9px;
        /padding-bottom: 6px;
	border: #DFDFDF 1px solid;
	background-color: #FFFFFF;
	/*font-size: 93%;*/
}

.introkey h3 {margin-bottom: 5px;}
*html div.introkey h3 {margin-top: 15px;}
.intorkey-left {clear: both;float: left;margin: 6px 0 8px; /margin-bottom:6px; width: 230px;}
.intorkey-right {float: right;margin: 6px 10px 8px 0; /margin-bottom:6px; width: 140px;}

#radiolist {
	float: left;
	width: 190px;
	margin: 10px 0 0 0;
	/margin: 7px 0 0 0;
	line-height: 150%;
}

* + html body #radiolist {
	line-height: 11px;
	margin: 5px 0 0 0;
}

.radiostyle {
	margin: 0 4px 0 0;
	*margin: 0;
}

.checkstyle {
	margin: -1px 4px 1px 8px;
	*margin: -1px 1px;
}

* html body .checkstyle {
	margin: 0 1px 0 4px;
}

/* 検索部分 */

input.keyword {
	float: left;
	margin: 14px 0 14px 10px;
	padding: 4px 0 5px 4px;
	width: 150px;
	height: 14px;
	border: #DBDFE6 1px solid;
}

input.keyword:focus {
	background-color: #FBFDFE;
	border-color: #C7C7C7;
}

.searchsubmit {
	float: left;
	margin: 15px 9px 15px 7px;
    padding: 0;
    width: 45px;
    height: 22px;
	border: none;
	background: url(../images/submit.gif);
}

.searchsubmit:hover {
	background-color: #FBFDFE;
	background: url(../images/submit-focus.gif);
}

.search {
	clear: both;
	margin: 5px 148px 0;
        /margin-top:4px;
	/*margin: 10px 148px 0;*/
        padding: 0;
	cursor: pointer;
        width: 108px;
        height: 27px;
	border: none;
	background: url(../images/seach.gif);
	font-size: 0;
	color: #FFFFFF;
}
*html input.search {margin-top:6px;margin-bottom:6px;}

#intro #introtab .introkey div.searchmenu {display: block;}
#intro #introtab .introkey div.searchmenu p {display: inline-block; float:left; margin: 0 5px 5px 0; white-space:nowrap;/margin-bottom:0;}
/*#intro #introtab .introkey div.searchmenu p input {top: -1px;}*/

#advertisement {
	float: right;
	width: 219px;
	height: 389px;
}

/*START*******************************************TOP CONTENTS*/

#topcontents {display: block; clear: both;}

/*Left Ranling*/
#leftranking { float:left; width: 290px;}
#leftranking dl#popbox {
	border: 1px solid #A6D518;
	border-top: none;
	padding: 0 10px 10px;
}
*html #leftranking dl#popbox {width: 268px;}
#leftranking dl#revbox {
	border: 1px solid #FF9900;
	border-top: none;
	padding: 0 10px 10px;
}
*html #leftranking dl#revbox {width: 268px;}

#leftranking dl#popbox dt,#leftranking dl#revbox dt {padding: 10px 0 0 30px; background-repeat:no-repeat; background-position: 0 4px; font-size: 85%;}
#leftranking dl#popbox dt strong,#leftranking dl#revbox dt strong { display:block; font-size: 108%;}
#leftranking dl#popbox dt a,#leftranking dl#revbox dt a {color:#3FC2FF; text-decoration:underline;}
#leftranking dl#popbox dt a:hover,#leftranking dl#revbox dt a:hover {color:#FF6600; text-decoration:underline;}

#leftranking dl#popbox dt#rankp1 { background-image:url(../images/top/rankicon_p_1.gif);}
#leftranking dl#popbox dt#rankp2 { background-image:url(../images/top/rankicon_p_2.gif);}
#leftranking dl#popbox dt#rankp3 { background-image:url(../images/top/rankicon_p_3.gif);}
#leftranking dl#popbox dt#rankp4 { background-image:url(../images/top/rankicon_p_4.gif);}
#leftranking dl#popbox dt#rankp5 { background-image:url(../images/top/rankicon_p_5.gif);}

#leftranking dl#revbox dt#rankr1 { background-image:url(../images/top/rankicon_r_1.gif);}
#leftranking dl#revbox dt#rankr2 { background-image:url(../images/top/rankicon_r_2.gif);}
#leftranking dl#revbox dt#rankr3 { background-image:url(../images/top/rankicon_r_3.gif);}
#leftranking dl#revbox dt#rankr4 { background-image:url(../images/top/rankicon_r_4.gif);}
#leftranking dl#revbox dt#rankr5 { background-image:url(../images/top/rankicon_r_5.gif);}

#leftranking dl#popbox dd,#leftranking dl#revbox dd {font-size: 93%; margin-top: 5px; border-bottom: 1px dotted #DDD;border-top: none; padding-bottom: 8px; line-height:1.3;}
#leftranking dl dd p.thumb { float: left;width: 90px; margin-bottom: 5px;}
#leftranking dl dd p.comment { float: right;width: 170px; margin-bottom: 5px;}

#leftranking dl dd p.button { clear:both; text-align:right;}
#leftranking dl dd p.button img {margin-left: 3px;}

/*Right List*/
#topcontents #rightlist {float: right;width: 600px;}
#rightlist p.pickupcap {color: #281B88; width: 580px; margin:0 auto;}

#rightlist ul#pickuplist01 {list-style-type: none; margin: 10px 0 20px;}
#rightlist ul#pickuplist01 li { clear:both; border-top: 1px dotted #FF9900; padding: 10px;}

#rightlist ul#pickuplist01 li p.leftimage { float:left; width:150px; margin-bottom: 10px; overflow:hidden;}
#rightlist ul#pickuplist01 li p.leftimage img {width:150px;}
#rightlist ul#pickuplist01 li dl { float:right; width: 420px; margin-bottom: 10px;}
#rightlist ul#pickuplist01 li dl dt { font-size: 108%; font-weight: bold; margin-bottom:5px;}
#rightlist ul#pickuplist01 li dl dt a { color:#3FC2FF;text-decoration:underline;}
#rightlist ul#pickuplist01 li dl dt a:hover { color:#FF9900;}
#rightlist ul#pickuplist01 li dl dd p { margin-bottom:5px;}

#rightlist ul#pickuplist02 { clear:both; list-style-type: none; margin-top: 10px;border-bottom: 1px solid #281B88;}
#rightlist ul#pickuplist02 li { clear:both; border-top: 1px solid #281B88; padding: 10px;}
#rightlist ul#pickuplist02 li p.leftimage { float:left; width:130px; text-align:center; margin-bottom: 10px;}
#rightlist ul#pickuplist02 li p.leftimage img { margin-bottom: 10px;}

#rightlist ul#pickuplist02 li dl { float:right; width: 440px; margin-bottom: 10px;}
#rightlist ul#pickuplist02 li dl dt { margin-bottom:5px;}
#rightlist ul#pickuplist02 li dl dt p.topcap {font-size: 85%; border-bottom: 1px solid #DDD; padding-bottom: 3px; margin-bottom: 8px;}
#rightlist ul#pickuplist02 li dl dt strong { display:block; clear:both; font-size: 108%; margin-top: 10px;}
#rightlist ul#pickuplist02 li dl dt a {color:#281B88;text-decoration:underline;}
#rightlist ul#pickuplist02 li dl dt a:hover { color:#FF9900;}
#rightlist ul#pickuplist02 li dl dd p { clear:both; margin-bottom:5px;}

#rightlist ul#pickuplist02 li dl dt p.topicon {}
#rightlist ul#pickuplist02 li dl dt p.topicon span  { display:block; float:left;width: 55px;}

#topnews {clear: both; width: 100%;}
#topnews h3 {
     background:url(../images/top/top_head_news.gif) no-repeat 0 0;
	 text-align: right;
	 height: 30px;
	 padding: 13px 10px 0 0;
}
#topnews h3 em { visibility:hidden;}

#topnews dl { width:600px; font-size: 93%;border-bottom: #DFDFDF 1px dotted; margin-top: 10px;}
#topnews dt,dd {padding: 8px 0;border-top: #DFDFDF 1px dotted;}
#topnews dt {
	float: left;
	clear:left;
	width: 6em;
	margin: 0;
	padding-left:0px;
}
#topnews dd {
	margin-left: 6em;
	padding-left:34px;
	background: url(../images/linkicon-pink.gif) 13px 11px no-repeat;
}
#topnews dd a {text-decoration: none;}
#news dd a:hover {text-decoration: underline;}

.specialbutton {margin-top: 10px;}
.specialbutton img {margin-right: 5px;}