@charset "utf-8";
/*=============================================================

	Date: 2014-10-21
	CSS Document ： yOMI-SEARCH 基本レイアウトスタイル
	
	1.サーチメニュー部分設定
	2.大枠設定
	3.YOMIメニュー設定
	4.PR mokuji
	5.YOMI コンテンツ設定
	6.カテゴリランキングボタン設定
	


=============================================================*/


/* ---------------------------------

	1.サーチメニュー部分設定

--------------------------------- */



div#search_yomi_select{float:left; margin-top:10px; }




/* ---------------------------------

	2.大枠設定

--------------------------------- */


div#ys_left {
	float: right;
	width: 630px;
	margin-top:20px;
	margin-bottom:20px;
}

div#ys_right {
	width:300px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}






/*人気サイトランキング用*/
div#ys_rank_left {
	float: left;
	width: 800px;
	margin-top:10px;
	margin-bottom:20px;
}


div#ys_rank_right {
	width:160px;
	float:right;
	margin-top:10px;
	margin-bottom:20px;
}




/* ---------------------------------

	3.YOMIメニュー設定

--------------------------------- */




tr { font-size:12px; line-height:1.6em; }/*yomi tableのフォント設定*/
td { font-size:12px; line-height:1.6em; }/*yomi tableのフォント設定*/




.ys_menu_box{
	width:300px;
	margin-top:20px;
	padding-bottom:5px;
	font-size:12px;
	text-align:center;
	background:url(../img/bg_subcontents.jpg) no-repeat bottom;
}


.ys_menu_box a{ text-decoration:underline; font-weight:bold;}
.ys_menu_box a:hover { text-decoration:none; font-weight:bold; }
.ys_menu_box a:visited{ text-decoration:underline; font-weight:bold;}




.ys_related_top { background: url(../img/ys_menu_ttl_related.jpg) no-repeat; width:300px; height:55px; display:block; font-size:10px; color:#000; font-weight:bold; padding:0; }
.ys_main_top { background: url(../img/ys_menu_ttl_main.jpg) no-repeat; width:300px; height:55px; display:block; font-size:10px; color:#000; font-weight:bold; padding:0; }


.ys_menu_box_contents { width:280px; margin-left:12px; padding-bottom:10px;}



/* ---------------------------------

	4.PRmokuji

--------------------------------- */


#PRmokuji { 
	width: 630px;
	height:33px;
	text-align:left; 
	font-size:10px;
	color:#000;
	font:verdana;
	padding:15px 0 0 0 ;
	margin:0px;
	line-height: 1.6em;
	background:#000;
}


#PRmokuji_rank {  /*人気サイトランキング用*/
	width: 784px;
	height:33px;
	text-align:left; 
	font-size:10px;
	color:#fff;
	font:verdana;
	padding:15px 0 0 0 ;
	margin:0px;
	line-height: 1.6em;
	background:#000;
}

	
#PRmokuji #PRmokuji_rank #PRcount { margin: 0; padding: 0;  }




#PRmokuji #PRcount li {
	margin: 0; 
	padding: 0 2px;
	height: 10px;
	display: block;
	float: left;
	list-style:none;
	font-weight:bold;
	color:#fff;
}

#PRmokuji_rank li { /*人気サイトランキング用*/
	margin: 0; 
	padding: 0 2px;
	height: 10px;
	display: block;
	float: left;
	list-style:none;
	color:#fff;
}


#PRmokuji #PRcount li a{ 
	margin: 0; 
	padding: 0 8px 0 8px;
	display: block;
	border: solid 1px #656565;
	background: #656565;
	text-decoration: none;
	color: #fff;
	font-size:10px;
}


#PRmokuji_rank  li a{ /*人気サイトランキング用*/
	margin: 0; 
	padding: 0 8px 0 8px;
	display: block;
	border: solid 1px #656565;
	background: #656565;
	text-decoration: none;
	color: #fff;
	font-size:10px;
}



#PRmokuji #PRcount li a:hover{
	border: solid 1px #0099CB;
	background: #0099CB;
	color: #fff;
	font-size:10px;
}


#PRmokuji_rank li a:hover{/*人気サイトランキング用*/
	border: solid 1px #0099CB;
	background: #0099CB;
	color: #fff;
	font-size:10px;
}



#PRmokuji #PRcount li a:visited:hover{
	border: solid 1px #0099CB;
	background: #0099CB;
	color: #fff;
	font-size:10px;
}

#PRmokuji_rank li a:visited:hover{/*人気サイトランキング用*/
	border: solid 1px #0099CB;
	background: #0099CB;
	color: #fff;
	font-size:10px;
}


.pr_count{
	font-size:10px;
	line-height:1.6em;
	letter-spacing:1px;
	color:#fff;
	display:inline;
	margin:0 15px 0 10px;
	padding: 0 -8px 0 -8px;
}
	
	
	
	
	
	
.mokuji {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.mokuji a {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.mokuji a:hover {
		color:#fff !important;
		text-shadow:0px 1px #636363 !important;
		border-color:#5D5D5D !important;
		background:#777777 !important;
		background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .mokuji span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #636363 !important;
		border-color:#5D5D5D !important;
		background:#777777 !important;
		background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777)) !important;
		}
	
	
	
	
	
	
	
		
		
/* ---------------------------------

	5.YOMI コンテンツ設定

--------------------------------- */


div#ys_contents { width:630px; clear:both; font-size:0.9em;}

div#ys_contents_rank { width:630px; font-size:0.9em; float:right; }/*人気サイトランキング用*/

.ys_inner { width:630px; margin:10px 0 15px 0; padding-bottom:10px; }

.ys_img {
	float:left; 
	width:130px; 
	height:100px;
	padding-top:10px;
	border:1px solid #eaeaea;
	text-align:center;
 }

.ys_data { float:right; margin-left:10px; width:480px; margin-bottom:20px; text-align:left; }

.log-1/*サイトタイトル*/ 
{ font-size:1.3em; font-weight:bold; margin-top:8px; padding:0; line-height:1.0em;}

.log-1 a{ color:#000; background:#fff; text-decoration:underline; font-weight:bold; padding:4px; margin-right:5px;}
.log-1 a:hover{ color:#fff; text-decoration:none; background:#000; font-weight:bold; padding:4px; margin-right:5px;}


.log-3 { font-size:1.1em; line-height:1.6em; margin-top:8px; margin-left:4px; color:#333; }
.log-4 { font-size:1.0em; color:#333; padding-top:8px; margin-left:4px; text-align:left; }/* 各サイト管理人コメント */
.log-2 {DISPLAY: block; FONT-SIZE: 10px; margin:0 10px 0 5px;}
.log-4 {DISPLAY: block; FONT-SIZE: 10px; COLOR: #444; LINE-HEIGHT: 14px;  letter-spacing:0.1em; padding-top:8px; text-align:left; }/* 各サイト管理人コメント */






.ys_user

 {width:470px; font-size:1.0em; background:#f9f9f9;  text-align:right; margin:15px 0 15px 0; padding-right:5px; color:#444; }


.yomi_user_update{ 
	margin:0 10px 0 0;
	display:inline;
	padding:0;
	font-size:9px;
	color:#000;
}



.searchresult_caption {
margin:0 0 15px 0px;
padding-bottom:20px;
border-bottom:1px solid #eee;
line-height:1.2em;
}




/* ---------------------------------

	5.カテゴリランキングボタン設定

--------------------------------- */


div#ys_rankingbtn{
float:right;
margin-top:5px;
text-align:right;
width:200px;
font-size:1px;
color:#fff;
}


/*=======================================================
 人気サイトランキング用
=======================================================*/

div#ranking_no{
	width:170px;
	float:left;
	margin-top:40px;
}

div#ranking_no dt{
	font-family:verdana;
	font-size:58px;
	font-weight:bold;
	color:#999;
}

div#ranking_no dd{
	font-size:9px;
	text-align:left;
	display:block;
	margin:15px 0 0 0;
	text-align:center;
}




/*=======================================================
 YOMI CONTENTS FOOTER AD
=======================================================*/

div#yomi_ad_foot { 
	width:336px;  
	margin:15px 0 15px 0 ;
	text-align:center;
	padding-top:10px;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}