/*
	Theme Name:atranking_201412
*/

/********** common **********/
body{
	margin:0px;
	min-width:1060px;
	line-height:1.75em;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
ul, ol { margin-bottom: 0px; }
h1{ font-size:28px; }
h2{ font-size:26px; }
h3{ font-size:24px; }
h4{ font-size:22px; }
h5{ font-size:20px; }

/* main frame */
.cusrow{margin-top:28px;}
.cus-col-728{ width:728px; float:right; }
.cus-col-300{ width:300px; float:left; }

/* rollover  */
a:hover.rollmenu {text-decoration: none;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.rollmenu a:active {text-decoration: none;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.rollmenu img {
	margin-top:0px;
	margin-bottom:1px;
	margin-right:1px;
}
.rollmenu img:hover,.rollmenu img:active {
	margin-top:1px;
	margin-bottom:0px;
	margin-right:0px;
}
img.logo {
	width:300px;
	height:auto;
}


/********** header **********/
.menu-gnavi-container ul{ clear: both; }
.menu-gnavi-container li{ float:left; }
.menu-gnavi-container li a{
	display: block;
	height:74px;
	padding:25px 22px 15px 22px;
	text-decoration: none;
}
.logo_area {
	margin-bottom:10px;
}
.arank-logo {
	max-width:300px;
	width:auto;
	float:left;
}
.arank-sub-logo {
	max-width:728px;
	width:auto;
	float:right;
}
.site_description {
	margin-top:3px;
}


/********** サイドナビ **********/
/* ad */
.arank-adbox{}
/* rank */
.arank-siderank{}
.arank-siderank h3{
	font-size:20px;
	padding:17px 10px 14px 62px;
	margin-top: 0px;
	margin-bottom: 17px;
}
.arank-siderankboxover{}
.arank-srankbox{
	padding-bottom:5px;
	margin-bottom:15px;
}
.arank-srleft{
	width:120px;
	float:left;
	padding-top:0px;
	padding-left:0px;
}
.arank-rnum{
	font-size:20px;
	padding:8px 5px 8px 60px;
	margin-bottom:18px;
}
.arank-srleft img{ width:120px; }
.arank-srright{
	width:55%;
	float:right;
}
.arank-srright h3{
	font-size:17px;
	line-height: 1.35em;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 18px;
	margin-right: 0px;
}
.arank-srright a{text-decoration: underline; }
.arank-srright a:hover{text-decoration: none; }
.arank-srright p{
	font-size:13px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	line-height: 1.5em;
}
.arank-srankbox-img{
	text-align:left;
	margin-top: 8px;
	margin-bottom: 12px;
}
/* side menu */
.arank-colmenu{}
.arank-colmenu h3{
	font-size:20px;
	padding:17px 10px 14px 62px;
	margin-top: 25px;
	margin-bottom: 1px;
}
.arank-colmenu .menu{margin-bottom:10px;}
.arank-colmenu .menu li{ padding:0px; }
.arank-colmenu .menu a{
	display: block;
	font-size:16px;
	padding:14px;
	text-decoration: none;
}
/********** フッター **********/
.bt_top_navi_div{}
.bt_top_navi{
	position: fixed;
	right: 8px;
	bottom: 8px;
	z-index:10000;
	width:55px;
}
.arank-footnavi{ padding:30px 0px 60px 0px; margin-top:50px;}
.menu-fnavi-container { }
.menu-fnavi-container ul{}
.menu-fnavi-container li{}
ul.lp_line {
	margin:0 auto;
	width:300px;
	overflow:hidden;
}
li.lp_col {
	display:inline;
	float:left;
	padding-right:35px;
	text-align:left;
	overflow:hidden;
}

.menu-fnavi-container li a{
	color:#fff;
	text-decoration: none;
}
.menu-fnavi-container li a:hover{ text-decoration: underline;}
.arank-footlogo{ padding:14px 0px;}
.arank-footnavitw{
	text-align:center;
	padding:22px 0px 8px 0px;
}


/***** 3カラム対応 *****/
#footer_line {
	clear:both;
	height:auto;
	margin:0 auto;!important
	width:1060px;
	overflow:hidden;
	padding-left:5px;
}
#footer_line .footer_box {
	display:inline;
	width:320px;
	float:left;
	overflow:hidden;
	margin:15px;
	color:#fff;
	text-align:left;
}


/********** 一覧・固定ページ・投稿ページ **********/
.postarticle{}
.pagearticle{}
.postarticle h2,.pagearticle h2{
	padding:2px 0px 2px 8px;
	margin-bottom:18px;
}
h2.arank-pagetitle{
	font-size:26px;
	padding:14px 0px 12px 0px;
	margin-top:0px;
	margin-bottom:5px;
	border-left:none;
}
h1.arank-posttitle,h2.arank-pcatch-h2 {
	font-size:24px;
	padding:16px 14px 14px 14px;
	margin-top:0px;
	margin-bottom:5px;
	border:none;
}
.postarticle h3,.pagearticle h3{
	padding-bottom:12px;
	margin-bottom:18px;
}
.metadata dt{
	width:81%;
	float:left;
}
.metadata dd{
	width:17%;
	text-align:right;
	float:right;
}
.arank-postdetail ul,.pagearticle ul,.arank-rankpage ul,
.arank-postdetail ol,.pagearticle ol,.arank-rankpage ol{
	padding-top:5px;
	padding-bottom:8px;
}
.arank-postdetail ul li,.pagearticle ul li,.arank-rankpage ul li,
.arank-postdetail ol li,.pagearticle ol li,.arank-rankpage ol li{
	padding-left:2px;
	padding-bottom:3px;
}
.arank-postdetail blockquote p{ font-size:15px; }
/* 1カラム */
.page-frame-820{
	width:820px;
	margin: 0px auto;
}
/********** 商品一覧ページ **********/
.arank-prolist article{
	padding-bottom:25px;
	margin-bottom:30px;
}
/**** ランキング商品パーツ ****/
.arank-ranklist{ padding-bottom:25px; }
/* タイトル */
h3.arank-ranklisth3{
	font-size:26px;
	font-weight:normal;
	padding:12px 0px 7px 115px;
	line-height: 1em;
}
.arank-rankh3{
	font-size:26px;
	padding:11px 0px 9px 0px;
	margin-top:0px;
	margin-bottom:5px;
	border-left:none;
}
.numtitle-left{
	width:140px;
	float:left;
}
.numtitle-right{
	width:582px;
	float:right;
	padding-top:10px;
}
.numtitle-right-one{
	width:670px;
	float:right;
	padding-top:10px;
}

.arank-rnumno{ padding-right:15px; }
/* 11位以下余白調整 */
.subrankh3{ padding-top:12px; }
/* 順位無し余白調整 */
.norankh3{
	padding-top:18px;
	padding-bottom:15px;
}
.arank-numnoimg{
	font-size:39px;
	font-weight:bold;
	float:left;
	padding-left:43px;
	padding-top:10px;
	padding-bottom:0px;
}
/* 画像　評価　表 */
.arank-left{
	width:30%;
	float:left;
}
.arank-right{
	width:69%;
	float:right;
}
.arank-leftstar{
	margin-top:17px;
	margin-right:18px;
	text-align:center;
	padding:10px 12px;
}
.arank-leftstar h4{
	font-size:16px;
	font-weight:bold;
	margin-top:7px;
	margin-bottom:8px;
	padding-bottom:7px;
}
/* レビュープラグイン余白調整 */
.detailrating img{padding:2px }
.post-ratings img{padding:2px !important;}
/* 表 */
.arank-table{
	width: 100%;
	max-width: 100%;
	text-align:center;
	margin-bottom:8px;
}
.arank-table th{
	width: 35%;
	font-size:14px;
	padding:10px;
	text-align:left;
	line-height: 1.2em;
}
.arank-table td{
	font-size:14px;
	text-align:left;
	padding:10px 14px 10px 14px;
}
/* 詳細とお問合せ */
.arank-clink{
	text-align:center;
	padding:20px 52px;
}
.arank-clink-left{ float:left; }
.arank-clink-right{ float:right; }
/* 1カラム */
/* 画像　評価　表 */
.one-arank-left{
	width:26%;
	float:left;
}
.one-arank-right{
	width:72%;
	float:right;
}
.one-arank-leftstar{ margin-right:13px;}

/********** 商品詳細ページ **********/
.arank-products{}
/* メインイメージ */
.arank-h1{
	padding-top:0px;
	margin-top:0px;
}
/* 商品概要 */
.arank-mcon{ margin-top:20px; }
.arank-afbox{
	padding:20px 52px;
}
/* 商品コメント（口コミ） */
.arank-comments h3{
	font-size: 24px;
	padding: 24px 0px 17px 47px;
	margin-top: 0px;
	margin-bottom: 14px;
	border-bottom:none;
}
.arank-comments-area{}
/* コメントリスト */
.arank-commentlist{}
.arank-commentitem{
	padding-bottom:10px;
	margin-bottom:15px;
}
.arank-commentitem h4{
	font-size:14px;
	margin:5px 0px 7px 0px;
	padding:15px 20px 15px 22px;
	position: relative;
}
.arank-comdate{
	font-size:14px;
	top:35%;
	left:88%;
	position: absolute;
}
.arank-commentitem h5{
	font-size:18px;
	padding:2px 15px;
	font-weight:bold;
	margin-bottom:0px;
}
.arank-commentitem p{
	font-size:14px;
	padding:5px 15px;
	margin-bottom:0px;
}
/* コメントフォーム */
.arank-comsubmit{
	padding:5px 10px;
	margin-bottom:10px;
}
.arank-comsubmit .comment-reply-title{
	border:none;
	margin:0px;
	background:none;
	padding:10px;
}
.arank-comsubmit label{ width:21.5%; vertical-align: top;padding-left:10px;}
.arank-comsubmit label.arank-input-tarea{ width:22.5%;}
.arank-comsubmit .form-control{ display: inline; width: 50%;}
.arank-comsubmit .form-control-tarea{ width: 70%;}
.arank-comsubmit .form-control-select{ width: 30%;}
.arank-comsubmit #arank-submit{
	width:38%;
	height:52px;
	font-size:16px;
	font-weight:bold;
	margin-top:4px;
	margin-left:25.5%;
	padding:6px 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor:pointer;
}
/* 商品詳細 */
.arank-pdetail{}
.arank-pdetail h3{
	font-size: 24px;
	padding: 24px 0px 17px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom:none;
}
.arank-detailtable{
	width: 100%;
	max-width: 100%;
	margin-top:5px;
	margin-bottom:25px;
}
.arank-detailtable th{
	vertical-align: top;
	width:24%;
	padding: 12px;
}
.arank-detailtable td{
	vertical-align: top;
	padding: 12px;
}
.arank-freearea{ margin-bottom:40px; }

/********** トップページ **********/
.topcontent h2{
	font-size:25px;
	padding:14px 0px 12px 0px;
	margin-top:0px;
	margin-bottom:5px;
	border-left:none;
}
.topcontent h3{
	font-size:24px;
	padding:9px 0px 7px 0px;
	padding-bottom:12px;
	margin-bottom:20px;
}
.newtopic{ padding:10px 0px; }
.newtopictitle{ margin-bottom:5px; }
.newtopic h3{
	font-size:24px;
	padding:2px 0px 2px 10px;
	margin-top:12px;
	margin-bottom:15px;
}
.newtopic_list{
	padding:10px;
	margin-left:20px;
	margin-right:20px;
}
.nlleft{
	float:left;
	width:10%;
}
.nlright{
	float:left;
	width:90%;
}
/********** その他 **********/

/* Mac IE 文字化け回避対策 */
input, select, textarea {font-family:"ヒラギノ角ゴ Pro W3", osaka, verdana, "ＭＳ ゴシック", sans-serif;}
/* clear fix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}