@charset "utf-8";

/**
 * @version    1.0.0, 2012-01-30 16:16
 *
 */


/*===================================
 * file name : pages.css
===================================== */

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

	common

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

/*--- title h1 -----------------*/

#mainContents > section {
	padding:0 0 0 0;
	color:#333333;
}

#mainContents > section > div {
	padding:0 0 20px 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/title/title_base_bg.jpg) no-repeat top left;
	width:640px;
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section > div:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section > div > h1{
	padding:12px 0 12px 15px;
	float:left;
	font-size:0;
}

#mainContents > section > div > div{
	padding:8px 0 0 0;
	float:right;
}







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

	index

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

/*--- title h3 -----------------*/

#mainContents > section#index > section .subTitle{
	margin:0 0 20px 0;
	padding:8px 3px 6px 14px;
	background-color:#E4EAF5;
	border-top:#D7E0F1 solid 1px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > section .subTitle:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > section .subTitle h2{
	float:left;	
	font-size:108%;
	font-weight:bold;
	color:#103F77;
}

#mainContents > section#index > section .subTitle p{
	padding:0 5px 0 0;
	float:right;
	font-size:85%;
}

#mainContents > section#index > section .subTitle p a{
	padding:0 0 0 12px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_circlearrow_down_darkblue.png) no-repeat center left;
}

#mainContents > section#index > section#apps .subTitle p a{
	padding:0 0 0 12px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_circlearrow_up_darkblue.png) no-repeat center left;
}

/*--- search -----------------*/

#mainContents > section#index > section .search{
	margin:0 20px 30px 20px;
	padding:0 0 15px 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_search_bg_bottom.jpg) no-repeat bottom left;
}

#mainContents > section#index > section .search h3{
	padding:11px 0 10px 28px;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_search_title_bg.jpg) no-repeat top left;
	font-size:0;
}

/*---search > form------*/

#mainContents > section#index > section .search h3 + section{
	padding:16px 16px 12px 16px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > section .search h3 + section:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > section .search h3 + section section{
	margin:0 11px 0 0;
	width:210px;
	float:left;
	
}

#mainContents > section#index > section .search h3 + section section select{
	width:210px;
	color:#333333;
}

#mainContents > section#index > section .search h3 + section section select option{
	color:#333333;
}

#mainContents > section#index > section .search h3 + section p{
	padding:6px 0 0 0;
	vertical-align:bottom;
	width:122px;
	float:left;
	
}

#mainContents > section#index > section .search h3 + section p input{
	vertical-align:bottom;
}

/*---search > category------*/

#mainContents > section#index > section .search > section + section{
	margin:0 15px 0 15px;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_search_category_bg_bottom.jpg) no-repeat bottom left;
}

#mainContents > section#index > section .search > section + section div{
	padding:10px 12px 10px 12px;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_search_category_bg_top.jpg) no-repeat top left;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > section .search > section + section div:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > section .search > section + section div h4{
	float:left;
	width:137px;  
}

#mainContents > section#index > section .search > section + section div h4{
	vertical-align:middle;
}

#mainContents > section#index > section .search > section + section div ul{
	padding:0 0 0 7px;
	border-left:#B0C4EE solid 1px;
	float:left;
	width:393px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > section .search > section + section div ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > section .search > section + section div ul li{
	margin:0 8px 0 0;
	float:left;
}

#mainContents > section#index > section .search > section + section div ul li a{
	font-size:85%;
}


/* -----===== area select =====----- */
#area-list {
	width: 600px;
	margin: 0 auto 20px;
	font-size: 90%;
	background: url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_search_bg_bottom.jpg) no-repeat bottom center;
}
#area-list h3 {
	height: 23px;
	padding: 11px 0 0 28px;
	background: url(//img.allabout.co.jp/f_navigation/v2/pages/bg/bg_select_area_title.png) no-repeat top center;
	overflow: hidden;
}
#area-list dl {
	padding: 10px 0;
}
#area-list dt {
	width: 90px;
	float: left;
	clear: left;
	margin: 0 0 3px 16px;
	text-align: center;
}
#area-list dt a {
	display: block;
	height: 17px;
	padding-top: 3px;
	background: url(//img.allabout.co.jp/f_navigation/v2/pages/bg/bg_select_area.png) no-repeat top center;
	font-size: 11px;
	font-weight: bold;
}
#area-list dd {
	width: 484px;
	height: 18px;
	margin: 0 0 5px 116px;
	padding-top: 2px;
}
#area-list dd li {
	display: inline;
	padding: 0 4px 0 8px;
	border-left: 2px solid #dadeea;
}
#area-list dd li:first-child {
	border-left: none;
}
#area-list dd li a {
	font-size: 12px;
}
/* -----===== end of area select =====----- */


/*--- recommend and ranking -----------------*/

#mainContents > section#index > section .recommend,
#mainContents > section#index > section .ranking,
#mainContents > section#index > section .pickup,
#mainContents > section#index > section .appsRecommend{
	padding:0 0 50px 0;
}

/*header*/

#mainContents > section#index > section .recommend header,
#mainContents > section#index > section .ranking header{
	padding:0 0 20px 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_title_bg.jpg) no-repeat top left;
	height:41px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > section .pickup header{
	margin:0;
	padding:0 0 0 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_title_bg_orange.jpg) no-repeat top left;
	height:41px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > section .appsRecommend header{
	margin:0;
	padding:0 0 20px 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_title_bg_apps.jpg) no-repeat top left;
	height:41px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}


#mainContents > section#index > section .recommend header:after,
#mainContents > section#index > section .ranking header:after,
#mainContents > section#index > section .pickup header:after,
#mainContents > section#index > section .appsRecommend header:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > section .recommend header h3,
#mainContents > section#index > section .ranking header h3,
#mainContents > section#index > section .pickup header h3{
	padding:10px 0 0 10px;
	float:left;
}

#mainContents > section#index > section .appsRecommend header h3{
	padding:8px 0 0 10px;
	float:left;
}

#mainContents > section#index > section .recommend header p,
#mainContents > section#index > section .ranking header p,
#mainContents > section#index > section .pickup header p,
#mainContents > section#index > section .appsRecommend header p{
	padding:9px 8px 0 0;
	float:right;
}

#mainContents > section#index > section .recommend header p + p,
#mainContents > section#index > section .ranking header p + p,
#mainContents > section#index > section .pickup header p + p,
#mainContents > section#index > section .appsRecommend header p + p{
	padding:10px 8px 0 0;
	float:right;
}

/*list*/

#mainContents > section#index > section .pickup div{
	margin:0;
	padding:0;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_recommend_list_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .pickup ul{
	padding:15px 15px 15px 15px;
	
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > section .recommend ul,
#mainContents > section#index > section .ranking ul,
#mainContents > section#index > section .appsRecommend ul{
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#index > section .recommend ul:after,
#mainContents > section#index > section .ranking ul:after,
#mainContents > section#index > section .pickup ul:after,
#mainContents > section#index > section .appsRecommend ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#index > section .recommend ul.border,
#mainContents > section#index > section .ranking ul.border,
#mainContents > section#index > section .appsRecommend ul.border{
	margin:0 0 10px 0;
	padding:0 0 17px 0;
	border-bottom:#EEEEEE solid 1px;
	
}

#mainContents > section#index > section .pickup ul.border{
	margin:0 10px 0 10px;
	padding:15px 5px 17px 5px;
	border-bottom:#FFECC9 solid 1px;
	
}

#mainContents > section#index > section .recommend ul li,
#mainContents > section#index > section .pickup ul li,
#mainContents > section#index > section .appsRecommend ul li{
	margin:0 18px 0 0;
	float:left;
	width:110px;
}

#mainContents > section#index > section .ranking ul li{
	margin:0 18px 0 0;
	padding:45px 0 0 0;
	float:left;
	width:110px;
}

#mainContents > section#index > section .ranking ul li.rank1{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_1_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .ranking ul li.rank2{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_2_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .ranking ul li.rank3{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_3_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .ranking ul li.rank4{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_4_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .ranking ul li.rank5{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_5_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .ranking ul li.rank6{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_6_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .ranking ul li.rank7{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_7_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .ranking ul li.rank8{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_8_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .ranking ul li.rank9{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_9_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .ranking ul li.rank10{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_ranking_10_bg.jpg) no-repeat top left;
}

#mainContents > section#index > section .pickup ul li{
	margin:0 0 0 15px;
	float:left;
	width:110px;
}

#mainContents > section#index > section .pickup ul li:first-child{
	margin:0 0 0 0;
}

#mainContents > section#index > section .recommend ul li p.thumb,
#mainContents > section#index > section .ranking ul li p.thumb,
#mainContents > section#index > section .pickup ul li p.thumb,
#mainContents > section#index > section .appsRecommend ul li p.thumb{
	padding:0 0 5px 0;
	text-align:center;
	font-size:0;
}

#mainContents > section#index > section .recommend ul li p.thumb img,
#mainContents > section#index > section .ranking ul li p.thumb img,
#mainContents > section#index > section .pickup ul li p.thumb img,
#mainContents > section#index > section .appsRecommend ul li p.thumb img{
	border:#D8DEEA solid 1px;
}

#mainContents > section#index > section .recommend ul li p.txt,
#mainContents > section#index > section .ranking ul li p.txt,
#mainContents > section#index > section .pickup ul li p.txt,
#mainContents > section#index > section .appsRecommend ul li p.txt{
	padding:0 0 5px 0;
	height:30px;
}

#mainContents > section#index > section .recommend ul li p.txt a,
#mainContents > section#index > section .ranking ul li p.txt a,
#mainContents > section#index > section .pickup ul li p.txt a,
#mainContents > section#index > section .appsRecommend ul li p.txt a{
	font-size:77%;
}

#mainContents > section#index > section .recommend ul li p.like,
#mainContents > section#index > section .ranking ul li p.like,
#mainContents > section#index > section .pickup ul li p.like,
#mainContents > section#index > section .appsRecommend ul li p.like{
	margin:5px 0 0 0;
	
	
	text-align:center;
}

#mainContents > section#index > section .recommend ul li p.like span,
#mainContents > section#index > section .ranking ul li p.like span,
#mainContents > section#index > section .pickup ul li p.like span,
#mainContents > section#index > section .appsRecommend ul li p.like span{
	padding:3px 3px 3px 21px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_like.png) no-repeat center left;
	font-size:77%;
	text-align:left;
	
	border:#E9E9E9 solid 1px;
	background-color:#ECEEF5;
}













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

	result

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

/*--- title h3 -----------------*/

#mainContents > section#result > section .subTitle{
	margin:0 0 20px 0;
	padding:8px 3px 6px 14px;
	background-color:#E4EAF5;
	border-top:#D7E0F1 solid 1px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .subTitle:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .subTitle h2{
	float:left;	
	font-size:108%;
	font-weight:bold;
	color:#103F77;
}

#mainContents > section#result > section .subTitle p{
	padding:0 5px 0 0;
	float:right;
	font-size:85%;
}

#mainContents > section#result > section .subTitle p a{
	padding:0 0 0 12px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_circlearrow_down_darkblue.png) no-repeat center left;
}

/*--- search -----------------*/

#mainContents > section#result > section .search{
	margin:0 20px 30px 20px;
	padding:0 0 15px 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_search_bg_bottom.jpg) no-repeat bottom left;
}

#mainContents > section#result > section .search h3{
	padding:11px 0 10px 28px;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_search_title_bg.jpg) no-repeat top left;
	font-size:0;
}

/*---search > form------*/

#mainContents > section#result > section .search h3 + section{
	padding:16px 16px 12px 16px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .search h3 + section:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .search h3 + section section{
	margin:0 11px 0 0;
	width:210px;
	float:left;
	
}

#mainContents > section#result > section .search h3 + section section select{
	border:#C7D2E4 solid 1px;
	width:210px;
	color:#333333;
}

#mainContents > section#result > section .search h3 + section section select option{
	border:none;
	color:#333333;
}

#mainContents > section#result > section .search h3 + section p{
	padding:6px 0 0 0;
	vertical-align:bottom;
	width:122px;
	float:left;
	
}

#mainContents > section#result > section .search h3 + section p input{
	vertical-align:bottom;
}

/*---search > category------*/

#mainContents > section#result > section .search > section + section{
	margin:0 15px 0 15px;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_search_category_bg_bottom.jpg) no-repeat bottom left;
}

#mainContents > section#result > section .search > section + section div{
	padding:10px 12px 10px 12px;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_search_category_bg_top.jpg) no-repeat top left;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .search > section + section div:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .search > section + section div h4{
	float:left;
	width:137px;  
}

#mainContents > section#result > section .search > section + section div ul{
	padding:0 0 0 7px;
	border-left:#B0C4EE solid 1px;
	float:left;
	width:393px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .search > section + section div ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .search > section + section div ul li{
	margin:0 8px 0 0;
	float:left;
}

#mainContents > section#result > section .search > section + section div ul li a{
	font-size:85%;
}

/*--- authorize -----------------*/

#mainContents > section#result > section .authorize{
	margin:0 20px 20px 20px;
	padding:0;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_authorize_middle_bg.jpg) repeat-y top left;
}

/*--header--*/

#mainContents > section#result > section .authorize header{
	
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_authorize_title_bg.jpg) no-repeat top left;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 31px;
}

#mainContents > section#result > section .authorize header:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .authorize header h3{
	padding:6px 0 6px 9px;
	float:left;
}

#mainContents > section#result > section .authorize header p{
	padding:6px 6px 0 0;
	float:right;
}

/*--list--*/

#mainContents > section#result > section .authorize ul{
	padding:8px 10px 12px 10px;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_authorize_bottom_bg.jpg) no-repeat bottom left;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .authorize ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .authorize ul li{
	margin:0 10px 0 0;
	float:left;
	width:135px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .authorize ul li:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .authorize ul li p.thumb{
	float:left;
	width:60px;
}

#mainContents > section#result > section .authorize ul li p.thumb a{
	font-size:0;
}

#mainContents > section#result > section .authorize ul li p.thumb img{
	border:#D8DEEA solid 1px;
}

#mainContents > section#result > section .authorize ul li p.txt{
	float:left;
	width:75px;
	line-height:0.8em;
}

#mainContents > section#result > section .authorize ul li p.txt a{
	font-size:77%;
	
}

/*--- result -----------------*/

#mainContents > section#result > section .result{
	padding:0 0 60px 0;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .result:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

/*--header--*/

#mainContents > section#result > section .result header{
	padding:0 0 15px 0;
}

#mainContents > section#result > section .result header h2{
	padding:10px 0 5px 2px;
	border-bottom:#EDEFF4 solid 1px;
	font-size:138.5%;
	font-weight:bold;
	color:#3A5998;
}

#mainContents > section#result > section .result header h2 span{
	font-size:70%;
	font-weight:normal;
}

/*--menu--*/

#mainContents > section#result > section .result header + div{
	padding:0 0 0 0;
	
	
}

#mainContents > section#result > section .result header + div:after{
	
}

/*--menu -> btn--*/

#mainContents > section#result > section .result header + div ul{
	margin:0 0 0 0;
	width:640px;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_result_menu_border_bg.jpg) repeat-x bottom left;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .result header + div ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .result header + div ul li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0;
	float:left;
}

/*--resultContainer--*/

#mainContents > section#result > section .result .resultContainer{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_result_bg.jpg) repeat-x top left;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .result .resultContainer:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#popular{
	
}

#climb{
	display:none;
}

#topic{
	display:none;
}

/*--table--*/

#mainContents > section#result > section .result table{
	
}

#mainContents > section#result > section .result table tr td{
	
	border:#D8DEEA solid 1px;
	vertical-align:middle;
}

/*indexNumber*/

#mainContents > section#result > section .result table tr td.indexNumber{
	text-align:center;
	width:44px;
	font-weight:bold;
	color:#385292;
}

/*img*/

#mainContents > section#result > section .result table tr td.img{
	padding:6px;
	text-align:center;
	width:60px;
}

#mainContents > section#result > section .result table tr td.img img{
	border:#D8DEEA solid 1px;
	text-align:center;
}

/*txt*/

#mainContents > section#result > section .result table tr td.txt{
	padding:5px;
}

#mainContents > section#result > section .result table tr td h3{
	margin:0;
	padding:0;
	font-size:85%;
	
}

#mainContents > section#result > section .result table tr td h3 a{
	font-weight:bold;
}

#mainContents > section#result > section .result table tr td p{
	margin:0;
	padding:0;
	font-size:85%;
}

/*like*/

#mainContents > section#result > section .result table tr td.like{
	padding:5px;
	width:120px;
}

#mainContents > section#result > section .result table tr td.like p{
	text-align:center;
}

#mainContents > section#result > section .result table tr td.like p span{
	padding: 7px 3px 3px 22px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_like.png) no-repeat center left;
	font-size: 105%;
	text-align:left;
}
#mainContents > section#result > section .result table tr td.like p.more{
	margin-top: 3px;
}

/*note*/

#mainContents > section#result > section .result p.note{
	padding:5px 0 0 0;
	font-size:77%;
}





/*--- recommend -----------------*/

#mainContents > section#result > section .pickup{
	padding:0 0 50px 0;
}

/*header*/

#mainContents > section#result > section .pickup header{
	margin:0;
	padding:0 0 0 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_title_bg_orange.jpg) no-repeat top left;
	height:41px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .pickup header:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .pickup header h2{
	padding:10px 0 0 10px;
	float:left;
}

#mainContents > section#result > section .pickup header p{
	padding:10px 8px 0 0;
	float:right;
}

/*list*/

#mainContents > section#result > section .pickup div{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_recommend_list_bg_small.jpg) no-repeat top left;
}

#mainContents > section#result > section .pickup ul{
	padding:15px 15px 15px 15px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#result > section .pickup ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section .pickup ul.border{
	margin:0 10px 0 10px;
	padding:15px 5px 10px 5px;
	border-bottom:#FFECC9 solid 1px;
	
}

#mainContents > section#result > section .pickup ul li{
	margin:0 0 0 15px;
	float:left;
	width:110px;
}

#mainContents > section#result > section .pickup ul li:first-child{
	margin:0 0 0 0;
}

#mainContents > section#result > section .pickup ul li p.thumb{
	padding:0 0 5px 0;
	text-align:center;
	font-size:0;
}

#mainContents > section#result > section .pickup ul li p.thumb img{
	border:#D8DEEA solid 1px;
}

#mainContents > section#result > section .pickup ul li p.txt{
	padding:0 0 5px 0;
	height:30px;
}

#mainContents > section#result > section .pickup ul li p.txt a{
	font-size:77%;
}

#mainContents > section#result > section .pickup ul li p.like{
	margin:5px 0 0 0;
	text-align:center;
}

#mainContents > section#result > section .pickup ul li p.like span{
	padding:3px 3px 3px 21px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_like.png) no-repeat center left;
	font-size:77%;
	text-align:left;
	
	border:#E9E9E9 solid 1px;
	background-color:#ECEEF5;
}


/*--menu -> pagination--*/

#mainContents > section#result > section ul.pagination{
	margin:10px 0 0 0;
	padding:0;
	/*width:288px;*/
	/*width:295px;*/
	float:right;
	
	/*clearfix*/
	⁄zoom:1;
}

#mainContents > section#result > section ul.pagination:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#result > section ul.pagination li{
	margin:0 7px 0 0;
	padding:0 0 0 0;
	background:none;
	background-color:#E5E9F2;
	border:#D8DEEA solid 1px;
	float:left;
	text-align:center;
	font-size:85%;
}

#mainContents > section#result > section ul.pagination li.stay{
	margin:0 7px 0 0;
	padding:4px 0 0 0;
	background-color:#F2F2F2;
	border:#EEEEEE solid 1px;
	width:20px;
	height:17px;
	color:#3B5998;
}

#mainContents > section#result > section ul.pagination li.prevDot,
#mainContents > section#result > section ul.pagination li.nextDot{
	background:none;
	border:none;
}

#mainContents > section#result > section ul.pagination li a{
	margin:0;
	padding:4px 0 0 0;
	display:block;
	width:20px;
	height:17px;
	font-weight:bold;
}

#mainContents > section#result > section ul.pagination li.next{
	margin:0;
	
}

#mainContents > section#result > section ul.pagination li.next a{
	margin:4px 5px 0 0;
	padding:0 0 0 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_arrow_blue.png) no-repeat center right;
	width:45px;
}

#mainContents > section#result > section ul.pagination li.prev a{
	margin:4px 0 0 5px;
	padding:0 0 0 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_arrow_blue_right.png) no-repeat center left;
	width:45px;
}















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

	detail

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

/*--- infomation -----------------*/

#mainContents > section#detail > section > section.infomation{
	margin:0 0 20px 0;
	padding:18px 22px 20px 22px;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_info_bg.jpg) repeat-y top left;
	border-top:#D8DFEA solid 1px;
	border-bottom:#D8DFEA solid 1px;
}

/*--- pageinfoContainer -----------------*/

#mainContents > section#detail > section > section .pageinfoContainer{
	padding:0 0 30px 0;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#detail > section > section .pageinfoContainer:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#detail > section > section .pageinfoContainer .pageinfo{
	float:right;
	width:403px;
}

#mainContents > section#detail > section > section .pageinfoContainer .pageinfo h2{
	padding:5px 5px 5px 7px;
	background-color:#D8DFEA;
	color:#3D5892;
	font-weight:bold;
}

#mainContents > section#detail > section > section .pageinfoContainer .pageinfo table{
	
}

#mainContents > section#detail > section > section .pageinfoContainer .pageinfo table tr{
	
}

#mainContents > section#detail > section > section .pageinfoContainer .pageinfo table tr td{
	padding:5px 5px 5px 0;
	border-bottom:#EEEEEE solid 1px;
	font-size:93%;
	vertical-align:middle;
}

#mainContents > section#detail > section > section .pageinfoContainer .pageinfo table tr td.ttl{
	width:60px;
	text-align: left;
	font-weight:bold;
}

#mainContents > section#detail > section > section .pageinfoContainer .pageinfo table + div{
	padding:35px 0 0 0;
}

#mainContents > section#detail > section > section .pageinfoContainer > .thumb{
	padding:10px;
	border:#EEEEEE solid 1px;
	float:left;
	width:140px;
	height:140px;
	text-align:center;
	position:relative;
}

#mainContents > section#detail > section > section .pageinfoContainer > .thumb p{
/*	position:absolute;	*/
}

#mainContents > section#detail > section > section .pageinfoContainer > .thumb img{
	
	
}

/*--- basic -----------------*/

#mainContents > section#detail > section > section .basic{
	padding:0 0 20px 0;
}

#mainContents > section#detail > section > section .basic h3{
	padding:0 0 7px 0;
	border-bottom:#CCCCCC solid 1px;
}

#mainContents > section#detail > section > section .basic table{
	width:100%;
}

#mainContents > section#detail > section > section .basic table tr{
	
}

#mainContents > section#detail > section > section .basic table tr td{
	padding:5px 10px 5px 15px;
	border-bottom:#EEEEEE solid 1px;
	
	font-size:93%;
	vertical-align:middle;
	color:#666666;
}

#mainContents > section#detail > section > section .basic table tr td.ttl{
	padding:5px 10px 5px 10px;
	background-color:#F1F5FA;
	border-bottom:#D8DEEA solid 1px;
	width:117px;
	font-weight:bold;
}

/*--- wallinfo -----------------*/

#mainContents > section#detail > section > section .wallinfo{
	padding:0 0 20px 0;
}

#mainContents > section#detail > section > section .wallinfo h3{
	margin:0 0 10px 0;
	padding:0 0 7px 0;
	border-bottom:#CCCCCC solid 1px;
}

/*articl*/

#mainContents > section#detail > section > section .wallinfo section{
	margin:0 0 8px 0;
	padding:0 10px 5px 10px;
	border-bottom:#EEEEEE solid 1px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#detail > section > section .wallinfo section:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#detail > section > section .wallinfo section figure{
	float:left;
	width:62px;
}

#mainContents > section#detail > section > section .wallinfo section figure img{
	border:#EEEEEE solid 1px;
}

#mainContents > section#detail > section > section .wallinfo section div{
	float:left;
	width:514px;
}

#mainContents > section#detail > section > section .wallinfo section div h4{
	font-size:93%;
}

#mainContents > section#detail > section > section .wallinfo section div h4 a{
	font-weight:bold;
}

#mainContents > section#detail > section > section .wallinfo section div p{
	font-size:93%;
}

/*btn*/

#mainContents > section#detail > section > section > p{
	text-align:center;
}






/*--- recommend -----------------*/

#mainContents > section#detail > section .pickup{
	padding:0 0 50px 0;
}

/*header*/

#mainContents > section#detail > section .pickup header{
	margin:0;
	padding:0 0 0 0;
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_title_bg_orange.jpg) no-repeat top left;
	height:41px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#detail > section .pickup header:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#detail > section .pickup header h2{
	padding:10px 0 0 10px;
	float:left;
}

#mainContents > section#detail > section .pickup header p{
	padding:10px 8px 0 0;
	float:right;
}

/*list*/

#mainContents > section#detail > section .pickup div{
	background:url(//img.allabout.co.jp/f_navigation/v2/pages/bg/pages_recommend_list_bg_small.jpg) no-repeat top left;
}

#mainContents > section#detail > section .pickup ul{
	padding:15px 15px 15px 15px;
	
	/*clearfix*/
	⁄zoom:1;
	_height: 1px;
	min-height: 1px;
}

#mainContents > section#detail > section .pickup ul:after{
	/*clearfix*/
	content:'';
	display:block;
	clear:both;
	font-size:0.1em;
}

#mainContents > section#detail > section .pickup ul.border{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:#EEEEEE solid 1px;
	
}

#mainContents > section#detail > section .pickup ul li{
	margin:0 0 0 15px;
	float:left;
	width:110px;
}

#mainContents > section#detail > section .pickup ul li:first-child{
	margin:0 0 0 0;
}

#mainContents > section#detail > section .pickup ul li p.thumb{
	padding:0 0 5px 0;
	text-align:center;
	font-size:0;
}

#mainContents > section#detail > section .pickup ul li p.thumb img{
	border:#D8DEEA solid 1px;
}

#mainContents > section#detail > section .pickup ul li p.txt{
	padding:0 0 5px 0;
}

#mainContents > section#detail > section .pickup ul li p.txt a{
	font-size:77%;
}

#mainContents > section#detail > section .pickup ul li p.like{
	margin:5px 0 0 0;
	text-align:center;
}

#mainContents > section#detail > section .pickup ul li p.like span{
	padding:3px 3px 3px 21px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_like.png) no-repeat center left;
	font-size:77%;
	text-align:left;
	
	border:#E9E9E9 solid 1px;
	background-color:#ECEEF5;
}

/*---back index--------------*/

#mainContents > section#detail > section p.backIndex{
	padding:0 0 60px 0;
	font-size:93%;
}

#mainContents > section#detail > section p.backIndex a{
	padding:0 0 0 12px;
	background:url(//img.allabout.co.jp/f_navigation/v2/common/icon/icon_circlearrow_darkblue.png) no-repeat center left;
}