/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
オプション　最終更新日2011/08/09
ピンク×水色バージョン
------------------------------------------*/
/*-------------------------------
ドット
--------------------------------*/
#dot{
	clear:both;
	margin:2px auto;
	padding:0px;
	height:4px;
	background:url(img/dot.gif) repeat-x;
	}

/*-----------------------------------リンクボタン*/
/*-------------------------------
公式リンクボタン
--------------------------------*/
.koushiki_bt a{
	display: block;
	margin:5px auto 10px;
	padding:0px;
	width:680px;
	height:60px;
	background:url(img/koushiki_bt.gif) no-repeat;
	text-indent:-9999px;
	}

.koushiki_bt a:hover{
	background-position: 0px -60px;
	}

.list_bt a {
	display: block;
	margin:5px auto 10px;
	padding:0px;
	width: 480px;
	height: 60px;
	text-indent: -9999px;
	background: url(img/all-b.gif) no-repeat;
	}

/*-------------------------------
口コミリンクボタン
--------------------------------*/
.kutikomi_bt a {
	display: block;
	margin:5px auto 10px;
	padding:0px;
	width: 680px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(img/kutikomi_bt.gif) no-repeat;
	}

.kutikomi_bt a:hover {
	background-position: 0px -60px;
	}

/*----------------------------------テキストリンク*/	
/*-------------------------------
上下スペースあり
--------------------------------*/
.text-link01{
	float:right;
	clear:both;
	margin:10px auto;
	padding:0px 0px 0px 20px;
	font-size:16px;
	font-weight:bold;
	background:url(img/kochira2.gif) no-repeat 0px 4px;
	}
/*-------------------------------
上下スペースなし
--------------------------------*/
.text-link04{
	float:right;
	clear:both;
	margin:0px auto;
	padding:0px 0px 0px 20px;
	font-size:16px;
	font-weight:bold;
	background:url(img/kochira2.gif) no-repeat 0px 4px;
	}
/*-------------------------------
上スペースあり
--------------------------------*/
.text-link02{
	float:right;
	clear:both;
	margin:10px auto 0px;
	padding:0px 0px 0px 20px;
	font-size:16px;
	font-weight:bold;
	background:url(img/kochira2.gif) no-repeat 0px 4px;
	}
/*-------------------------------
下スペースあり
--------------------------------*/
.text-link03{
	float:right;
	clear:both;
	margin:0px auto 10px;
	padding:0px 0px 0px 20px;
	font-size:16px;
	font-weight:bold;
	background:url(img/kochira2.gif) no-repeat 0px 4px;
	}
/*----------------------------------トップページ特集リンク*/
#box-link{
	clear:both;
	margin:5px 0px;
	padding:0px;
	width:680px;
	font-size:12px;
	line-height:1.5em;
	overflow:hidden;
	}

#box-link .box-link-01{
	float:left;
	margin:0px 5px 5px 0px;
	padding:0px;
	width:225px;
	_width:225px;
	}

#box-link .box-link-02{
	float:left;
	margin:0px 5px 5px 0px;
	padding:0px;
	width:223px;
	_width:224px;
	}
	
#box-link .box-link-03{
	float:right;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:220px;
	_width:220px;
	}

#box-link a:hover img{
	-ms-filter: "alpha(opacity=60)";/*for IE8*/
	filter: alpha(opacity=60); /*for IE6~7*/
	opacity:0.60;
	}

/*--------------------------------サイドバーランキング*/
#side-rank-box{
	margin:0px auto 5px;
	padding:5px;
	_width:225px;
	background:#fefcf0;
	border-left:1px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	overflow:hidden;
	}
	
	
#side-rank h3{
	margin:0px auto;
	padding:11px 0px 0px 50px;
	width:175px;
	_width:225px;
	height:27px;
	_height:38px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:url(img/side-rank-h3.gif) no-repeat;
	}
	
.side-rank01,
.side-rank02,
.side-rank03{
	clear:both;
	text-align:center;
	}
	
.side-rank01 .rank-t01{
	float:left;
	margin:0px auto;
	padding:0px 0px 0px 45px;
	background:url(img/side-rank01.gif) no-repeat left top;
	font-size:12px;
	}

.side-rank02 .rank-t02{
	float:left;
	margin:0px auto;
	padding:0px 0px 0px 45px;
	background:url(img/side-rank02.gif) no-repeat left top;
	font-size:12px;
	}
	
.side-rank03 .rank-t03{
	float:left;
	margin:0px auto;
	padding:0px 0px 0px 45px;
	background:url(img/side-rank03.gif) no-repeat left top;
	font-size:12px;
	}

.link-bt{
	clear:both;
	float:right;
	margin:5px 5px 5px 0px;
	padding:0px 0px 0px 10px;
	background:url(img/yajirushi.gif) no-repeat left;
	}

/*----------------------------------------------新着*/
#news-box{
	margin:5px auto;
	padding:0px;
	}

#news-box p{
	font-size:12px;
	line-height:1.5em;
	}

.link-bt01{
	display:block;
	float:right;
	margin:5px;
	padding:0px;
	font-weight:bold;
	}

.link-bt01 img{
	vertical-align:-2px;
	}
	
/*-------------------------サイドバー上広告枠*/
#side-koukoku-t{
	margin:0px auto 5px auto;
	padding:5px;
	border:1px solid #b3b3b3;
	width:212px;
	_width:225px;
	text-align:center;
	overflow:hidden;
	}
	
#side-koukoku-t .koukoku-t{
	margin:0px auto;
	padding:5px 0px 0px 42px;
	background:url(img/side-koukokut.gif) no-repeat;
	height:38px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	}
	
#side-koukoku-t p{
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	}

/*-------------------------サイドバー下広告枠*/
#side-koukoku-b{
	margin:5px auto;
	padding:5px;
	border:1px solid #b3b3b3;
	width:212px;
	_width:225px;
	text-align:center;
	overflow:hidden;
	}
	
#side-koukoku-b .koukoku-t{
	margin:0px auto;
	padding:5px 0px 0px 42px;
	background:url(img/side-koukokut.gif) no-repeat;
	height:38px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	}
	
#side-koukoku-b p{
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	}

/*-------------------------------サイドバー特集枠*/
#side-tokushu{
	margin:0px auto 5px auto;
	padding:5px;
	border:1px solid #b3b3b3;
	width:212px;
	_width:225px;
	text-align:center;
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	overflow:hidden;
	}

#side-tokushu a:hover img{
	-ms-filter: "alpha(opacity=60)";/*for IE8*/
	filter: alpha(opacity=60); /*for IE6~7*/
	opacity:0.60;
	}

#side-tokushu .link-bt{
	clear:both;
	float:left;
	margin:5px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	background:url(img/yajirushi.gif) no-repeat left;
	}
/*-------------------------------------------------
クロス比較
--------------------------------------------------*/
.kobetu_hikaku {
	clear:both;
	margin: 0px 0px 2px 0px;
	padding: 0;
	}
 
.kobetu_hikaku table{
	clear:both;
	background :#fff;
	margin: 5px 0px;
	padding: 0px;
	color: #333;
	width: 680px;
	border-collapse: collapse;
font-size: 10px;
	line-height: 140%;
	border: solid 1px #b3b3b3;
table-layout: fixed;
	}
 
.kobetu_hikaku td {
	border: solid 1px #b3b3b3;
	padding: 5px;
	line-height: 140%;
	background: #fff;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
word-break: break-all;
	}

.kobetu_hikaku td img {max-width : 100%;}

.kobetu_hikaku th {
	border: solid 1px #b3b3b3;
	padding: 5px;
	font-weight: bold;
	color:#fff;
font-size: 12px;
	font-weight: bold;
	text-align: center;
	background :#55b8f1;
	color: #fff;
	}

.kobetu_hikaku td.col2 {
font-size: 11px;
	background: #fff;
	color: # 333;
	line-height: 150%;
padding: 7px;
        width: 100px;
	text-align: center;
	font-weight: bold;
	}

.kobetu_hikaku th:last-child, .kobetu_hikaku td:last-child {
width: 90px;
  }

.kobetu_hikaku td.col3 {
font-size: 11px;
	background: #faf4de;
	font-weight: bold;
	color: # 333;
	line-height: 150%;
padding: 7px;
	text-align: center;
	width: 80px;
	}

.kobetu_hikaku td.col4 {
	font-size: 12px;
	background: #fff;
	font-weight: normal;
	color: # 333;
	line-height: 150%;
	padding: 10px;
	width: 100px;
	text-align: left;
	font-weight: bold;
	text-align: center;
	}

.kobetu_hikaku td.col5 {
	font-size: 12px;
	background: #faf4de;
	font-weight: bold;
	color: # 333;
	line-height: 150%;
	padding: 10px;
	width: 100px;
	text-align: center;
	}


/*-------------------------------------------------
クロス比較ボタン
--------------------------------------------------*/
.k_h_btn_s {
 margin: 10px 0px 0px 0px;
 float: center;
 }
.k_h_btn_s a {
 display: block;
 text-indent: -7777px;
 overflow: hidden;
 width: 100px;
 height: 30px;
 background-position:0 0;
 background-repeat:no-repeat;
 background-image: url(img/k_h_btn_s.gif);
 }

.k_h_btn_s a:hover {
	background-position: 0 -30px;
 }

/*ＦＦ*/
html>body .k_h_btn_s a
.k_h_btn_s a:hover{
    height: 30px;
	background-position: 0 -30px;
	}

/*IE7.0*/
*:first-child+html .k_h_btn_s a
.k_h_btn_s a:hover{
    height: 30px;
	background-position: 0 -30px;
	}


/*-------------------------チェックポイント*/
/*-----------------------------------------
チェックポイント01
------------------------------------------*/
#check-point{
	margin:10px auto;
	padding:0px;
	width: 680px;
	height:130px;
	background:url(img/check01.jpg) no-repeat;
	}

#check-point .check-point-t{
	margin:0px auto;
	padding:16px 50px 0px 140px;
	}

#check-point p{
	margin:0px auto;
	padding:20px 100px 0px 80px;
	_padding-top:20px;
	width:500px;
	_width:680px;
	font-size:12px;
	line-height:1.5em;
	}

/*-----------------------------------------
チェックポイント02
------------------------------------------*/
#check-point02{
	margin:0px auto;
	padding:0px;
	width: 680px;
	height:130px;
	background:url(img/check02.jpg) top;
	}

#check-point02 .check-point-t{
	margin:0px auto;
	padding:16px 50px 0px 140px;
	}

#check-point02 p{
	margin:0px auto;
	padding:20px 100px 0px 80px;
	_padding-top:20px;
	width:500px;
	_width:680px;
	font-size:12px;
	line-height:1.5em;
	}

#check-point02 .check-point-b{
	margin:0px auto;
	padding:0px;
	width:680px;
	height:5px;
	font-size:0px;
	line-height:0px;
	background:url(img/check02-b.jpg) no-repeat bottom;
	}
/*-----------------------------------------
チェックポイント03
------------------------------------------*/
.check-point03{
	clear:both;
	margin:5px auto 10px;
	padding:0px;
	width:680px;
	border-bottom:2px dotted #a7a7a7;
	}

.check-point03-t{
	margin:0px 0px 0px 80px;
	padding:0px;
	width:580px;
	font-size:16px;
	font-weight:bold;
	color:#db0000;
	border-bottom:2px dotted #a7a7a7;
	}

/*-------------------------------比較ボックス*/
#hikaku-box{
	margin:5px auto;
	padding:0px;
	width:680px;
	}

/*------------------------
比較ボックス左側
------------------------*/		
#hikaku-box .hikaku-left{
	clear:both;
	float:left;
	margin:0px 10px 5px 0px;
	padding:0px;
	width:333px;
	border:1px solid #55b8f1; /*ボーダーカラー*/
	text-align:center;
	}
	
.hikaku-left .hikaku-title{
	margin:0px auto;
	padding:5px 0px 5px 15px;
	width:318px;
	_width:333px;
	background:url(img/hikaku-t-bg.gif) #55b8f1;/*タイトルカラー*/
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	}

.hikaku-left ul{
	margin:5px 15px;
	padding:0px;
	list-style:none;
	}

.hikaku-left li{
	margin:10px auto;
	padding:0px;
	border-bottom:2px dotted #ddd;
	}

.hikaku-left li p{
	margin:5px auto;
	padding:0px;
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	}

#hikaku-box .hikaku-left img{
	margin:5px auto 0px;
	padding:0px;
	}
	
/*------------------------
比較ボックス右側
------------------------*/	
#hikaku-box .hikaku-right{
	float:right;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:333px;
	border:1px solid #55b8f1; /*ボーダーカラー*/
	text-align:center;
	}
	
.hikaku-right .hikaku-title{
	margin:0px auto;
	padding:5px 0px 5px 15px;
	width:318px;
	_width:333px;
	background:url(img/hikaku-t-bg.gif) #55b8f1;/*タイトルカラー*/
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	}

.hikaku-right ul{
	margin:5px 15px;
	padding:0px;
	list-style:none;
	}

.hikaku-right li{
	margin:10px auto;
	padding:0px;
	border-bottom:2px dotted #ddd;
	}

.hikaku-right li p{
	margin:5px auto;
	padding:0px;
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	}

#hikaku-box .hikaku-right img{
	margin:5px auto 0px;
	padding:0px;
	}
	
.hikaku-left p.title,
.hikaku-right p.title{
	font-size:16px;
	font-weight:bold;
	color:#ff69b4;/*項目タイトルカラー*/
	}

/*-------------------------------H2商品紹介ボックス*/
/*-------------------------------
H2商品紹介ボックス01
-------------------------------*/
#h2-box{
	margin:0px auto;
	padding:0px;
	width:680px;
	overflow:hidden;
	}

#data-box{
	clear:both;
	margin:5px auto;
	padding:0px;
	width:680px;
	}

#data-box table{
	border:1px solid #999;
	width:680px;
	border-collapse: collapse;
	}

#data-box td{
	padding:5px;
	font-weight:normal;
	background:#fff;
	border:1px solid #999;
	}
	
#data-box td.col{
	width:150px;
	padding:5px;
	font-weight:bold;
	background:#feefee;
	border:1px solid #999;
	text-align:center;
	}

#data-box .link-bt{
	clear:both;
	float:left;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	background:url(img/yajirushi.gif) no-repeat left;
	}

/*-------------------------------
H2商品紹介ボックス02
-------------------------------*/
#h2-box02{
	margin:0px auto 5px;
	padding:5px;
	width:668px;
	_width:678px;
	overflow:hidden;
	border:1px solid #ddd;
	}
	
#h2-box02-title{
	clear:both;
	margin:0px auto;
	padding:3px 0px 0px 15px;
	width:658px;
	_width:668px;
	height:27px;
	background:url(img/h2-box02-title.gif) no-repeat left;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	}

#h2-box02-point{
	clear:both;
	margin:0px auto;
	padding:17px 15px 8px 90px;
	width:568px;
	_width:668px;
	height:85px;
	background:url(img/h2-box02-point.gif) no-repeat left;
	}
	

/*-------------------------------口コミボックス*/
#kutikomi-box{
	margin:0px auto;
	_margin:5px auto;
	padding:0px;
	width:680px;
	overflow:hidden;
	}

#kutikomi-box .box{
	margin:0px auto 5px;
	padding:5px;
	width:668px;
	_width:680px;
	border:1px solid #ddd;
	overflow:hidden;
	}

#kutikomi-box .box .box-l{
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px;
	width:90px;
	text-align:center;
	font-weight:bold;
	}
	
#kutikomi-box .box .box-r{
	float:right;
	margin:0px auto;
	padding:0px;
	width:573px;
	}

.kutikomi-title{
	margin:0px auto;
	padding:0px 0px 0px 45px;
	font-size:16px;
	font-weight:bold;
	color:#500a01;
	}

.kutikomi-box-t{
	margin:0px auto;
	padding:10px 10px 0px 45px;
	width:515px;
	_width:570px;
	background:url(img/kutikomi-box-t.gif) no-repeat left top;
	overflow:hidden;
	}

.kutikomi-box-b{
	margin:0px auto;
	padding:0px;
	width:570px;
	height:10px;
	background:url(img/kutikomi-box-b.gif) no-repeat left bottom;
	font-size:0px;
	line-height:0px;
	}

#chuui{
	margin:0px auto;
	padding:5px;
	width:668px;
	_width:678px;
	border:1px dotted #ddd;
	font-size:10px;
	line-height:1.5em;
	}

/*-------------------------------チェックボックス*/
/*------------------------------
チェックボックス01
-------------------------------*/
#main .check-box01{
	clear:both;
	margin:0px auto 5px;
	_margin:5px auto 5px;
	padding:10px;
	width:658px;
	_width:680px;
	border:1px solid #77c6f5; /*ボーダーカラー*/
	background:url(img/check-box01.gif) no-repeat left top #fffeec;
	overflow:hidden;
	}

#main .check-box01-t{
	margin:0px 0px 0px 50px;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	color:#863814;
	}

#main .check-box01 p{
	margin:0px auto;
	padding:0px;
	width:660px;
	}

/*------------------------------
チェックボックス02
-------------------------------*/
#check-box02{
	margin:0px auto 5px;
	_margin:5px auto 5px;
	padding:15px;
	_width:680px;
	background-color:#b9e5fb;
	overflow:hidden;
	}

#check-box02 .title{
	margin:0px auto 5px;
	padding:0px 0px 0px 100px;
	font-size:16px;
	font-weight:bold;
	color:#0080c0;
	}

#check-box02 .check-box02-01{
	margin:0px auto 5px;
	padding:10px;
	_width:648px;
	background:url(img/check-box02-01.gif) no-repeat top #fff;
	border:1px solid #ddd;
	}

#check-box02 .check-box02-02{
	margin:0px auto 5px;
	padding:10px;
	_width:648px;
	background:url(img/check-box02-02.gif) no-repeat top #fff;
	border:1px solid #ddd;
	}

#check-box02 .check-box02-03{
	margin:0px auto 5px;
	padding:10px;
	_width:648px;
	background:url(img/check-box02-03.gif) no-repeat top #fff;
	border:1px solid #ddd;
	}

#check-box02 .check-box02-01 p,
#check-box02 .check-box02-02 p,
#check-box02 .check-box02-03 p{
	margin:0px 0px 0px 100px;
	padding:0px;
	width:530px;
	_width:520px;
	}
	
/*------------------------------
チェックボックス03
-------------------------------*/
#check-box03{
	margin:0px auto 5px;
	_margin:5px auto 5px;
	padding:0px;
	overflow:hidden;
	}
	
#check-box03 #check-box03-title{
	margin:0px auto;
	padding:10px 0px 0px 40px;
	width:650px;
	_width:680px;
	height:30px;
	background:url(img/check-box03-title.gif) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	}

#check-box03 #check-box03-waku-m{
	margin:0px auto;
	padding:5px 10px;
	width:660px;
	_width:680px;
	background:url(img/check-box03-m.gif) repeat-y;
	overflow:hidden;
	}
	
#check-box03 #check-box03-waku-b{
	margin:0px auto;
	width:680px;
	height:10px;
	font-size:0px;
	line-height:0px;
	background:url(img/check-box03-b.gif) no-repeat bottom;
	}

/*-----------------------------------------
チェックポイント04
------------------------------------------*/
.check-box04{
	clear:both;
	margin:5px auto 10px;
	padding:0px;
	width:680px;
	border-bottom:2px dotted #a7a7a7;
	}

.check-box04-t{
	margin:0px 0px 0px 80px;
	padding:0px;
	width:580px;
	font-size:16px;
	font-weight:bold;
	color:#db0000;
	border-bottom:2px dotted #a7a7a7;
	}

/*-------------------------------詳細ページへ*/
/*------------------------------
詳細ページへ01
-------------------------------*/
#main .shousai-box01{
	clear:both;
	margin:0px auto 5px;
	_margin:5px auto 5px;
	padding:10px;
	width:658px;
	_width:678px;
	border:1px solid #000;
	background:url(img/shousai-box01.gif) no-repeat left top;
	overflow:hidden;
	}

#main .shousai-box01-t{
	margin:0px 0px 0px 30px;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	color:#863814;
	}

#main .shousai-box01 p{
	margin:0px auto;
	padding:0px;
	width:660px;
	}

#main .shousai-box01 .tuduki{
	float:right;
	}
	
	
/*-------------------------------ランキング*/
/*------------------------------
ランキングBEST3
-------------------------------*/
.rank-box-kin{
	border: 1px solid #00CCFF;
   	background: url(img/rank01-kin.gif) no-repeat 0 0;
 	margin: 0px auto 5px;
 	_margin: 5px auto;
	padding:5px;
	width: 668px;
	_width: 680px;
	word-break: break-all;
	overflow:hidden;
	}

.rank-box-gin{
	border: 1px solid #00CCFF;
   	background: url(img/rank01-gin.gif) no-repeat 0 0;
 	margin: 0px auto 5px;
 	_margin: 5px auto;
	padding:5px;
	width: 668px;
	_width: 680px;
	word-break: break-all;
	overflow:hidden;
	}

.rank-box-dou{
	border: 1px solid #00CCFF;
   	background: url(img/rank01-dou.gif) no-repeat 0 0;
 	margin: 0px auto 5px;
 	_margin: 5px auto;
	padding:5px;
	width: 668px;
	_width: 680px;
	word-break: break-all;
	overflow:hidden;
	}

#rank-box-title{
    clear: both;
	margin: 0px auto;
	padding:10px 0px 0px 80px;
	width: 558px;
	height:45px;
	font-size: 20px;
	font-weight: bold;
	}

.rank-box-kin p{
	width:668px;
	}

.link-rankbox a {
	float:right;
	overflow: hidden;
	display: block;
	width: 95px;
	height: 20px;
	background: url(img/koushiki-bt.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin: 5px auto 0px;
	} 

.link-rankbox a:hover {
	background-position:0 -20px;
	text-decoration: none;
	}
/*------------------------------
ランキングテーブル
-------------------------------*/
#ranking-table01{
	margin:5px 0px 10px 0px;
	padding:0px;
	}

#ranking-table01 table{
	width:680px;
	border-collapse:collapse;
	}

#ranking-table01 table th{
	padding:5px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:url(img/table-bg.gif) #55b8f1; /*項目タイトルバックカラー*/
	border:1px solid #ddd;
	}

/*ＦＦ*/
html>body #ranking-table01 table th{
	text-align:chenter;
	}

/*IE7.0*/
*:first-child+html #ranking-table01 table th{
	text-align:chenter;
	}

#ranking-table01 table td.col1{
	padding:5px;
	border-bottom:1px solid #ff599b;
	}

#ranking-table01 table td.col2{
	padding:5px;
	width:234px;
	font-size:14px;
	border-bottom:1px solid #ff599b;
	}
	
#ranking-table01 table td.col3{
	padding:5px;
	width:100px;
	font-size:12px;
	text-align:center;
	background:#fefcf0;
	border-bottom:1px solid #ff599b;
	}
	
#ranking-table01 table td.col4{
	padding:5px;
	font-size:12px;
	line-height:1.5em;
	border-bottom:1px solid #ff599b;
	}
	
#ranking-table01 .kutikomi-link a{
	float:right;
	margin:3px 3px 3px 0px;
	_margin:3px 7px 3px 0px;
	padding:0px;
	width:95px;
	height:20px;
	background:url(img/kutikomibt.gif) no-repeat;
	text-indent:-9999px;
	}

#ranking-table01 .kutikomi-link a:hover{
	background-position: 0px -20px;
	}
	
/*-------------------------------複数ボックス*/
/*------------------------------
3つのボックス01
-------------------------------*/
#box3-01{
	margin:0px auto 5px;
	_margin:5px auto 5px;
	padding:0px;
	width:680px;
	overflow:hidden;
	text-align:center;
	}

#box3-01 #box3-01waku1 .title,
#box3-01 #box3-01waku2 .title,
#box3-01 #box3-01waku3 .title{
	margin:0px auto;
	padding:5px 0px 0px 7px;
	width:216px;
	_width:223px;
	height:32px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	background:url(img/box3-01.gif) no-repeat;
	}

#box3-01 #box3-01waku1{
	float:left;
	margin:0px 5px  0px 0px;
	padding:0px;
	width:223px;
	overflow:hidden;
	}
	
#box3-01 #box3-01waku1 .box{
	margin:0px auto;
	_margin:3px auto;
	padding:5px;
	width:213px;
	_width:223px;
	overflow:hidden;
	background:#fffeec; /*バックグラウンドカラー*/
	}
	
#box3-01 #box3-01waku2{
	float:left;
	margin:0px 5px  0px 0px;
	padding:0px;
	width:223px;
	overflow:hidden;
	}

#box3-01 #box3-01waku2 .box{
	margin:0px auto;
	_margin:3px auto;
	padding:5px;
	width:213px;
	_width:223px;
	overflow:hidden;
	background:#fffeec; /*バックグラウンドカラー*/
	}

#box3-01 #box3-01waku3{
	float:left;
	margin:0px auto;
	padding:0px;
	width:223px;
	overflow:hidden;
	}

#box3-01 #box3-01waku3 .box{
	margin:0px auto;
	_margin:3px auto;
	padding:5px;
	width:213px;
	_width:223px;
	overflow:hidden;
	background:#fffeec; /*バックグラウンドカラー*/
	}

#box3-01waku1 .box img,
#box3-01waku2 .box img,
#box3-01waku3 .box img{
	margin:0px auto;
	padding:0px;
	}
	
#box3-01waku1 .box p,
#box3-01waku2 .box p,
#box3-01waku3 .box p{
	margin:0px auto;
	padding:0px;
	text-align:left;
	}
/*-------------------------------複数ボックス*/
/*------------------------------
4つのボックス
-------------------------------*/
#box4{
	margin:0px auto 5px;
	_margin:5px auto;
	padding:0px;
	width:680px;
	overflow:hidden;
	}

#box4 .box4-waku-l{
	float:left;
	margin:0px 5px 5px 0px;
	padding:5px;
	border:1px solid #ddd;
	width:325px;
	_width:337px;
	overflow:hidden;
	}

#box4 .box4-waku-r{
	float:right;
	margin:0px 0px 5px 0px;
	padding:5px;
	border:1px solid #ddd;
	width:325px;
	_width:337px;
	overflow:hidden;
	}
	
#box4 .box4-waku-l a,
#box4 .box4-waku-r a{
	font-size:12px;
	line-height:1.5em;
	color:#7A5D65;
	}

#box4 .box4-waku-l a:hover,
#box4 .box4-waku-r a:hover{
	color: #ff9900;
	}
	
#box4 .box4-waku-t{
	margin:5px auto 0px;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	color:#2EBAB7;
	}
/*-------------------------------オススメボックス*/
/*------------------------------
オススメボックス左
-------------------------------*/
#osusume-l{
	clear:both;
	margin:10px auto;
	padding:0px;
	overflow:hidden;
	width:680px;
	background:url(img/yubisashi.jpg) right top no-repeat;
	}

#osusume-l-box{
	margin:0px 180px 0px 0px;
	padding:5px;
	overflow:hidden;
	width:490px;
	_width:500px;
	border:1px solid #ddd;
	background:#FFFFCC;
	}

/*------------------------------
注目ボックス
-------------------------------*/
#chumoku-box{
	clear:both;
	margin:0px auto 10px;
	_margin:5px auto 10px;
	padding:10px;
	width:658px;
	_width:680px;
	border:1px solid #77c6f5; /*ボーダーカラー*/
	background:url(img/chumoku-box.gif) no-repeat 0px 0px #fffeec;
	overflow:hidden;
	}

#chumoku-title{
	float:right;
	margin:0px auto;
	padding:2px;
	width:555px;
	_width:560px;
	border-bottom:2px dotted #888;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#369b50;
	}
	
#chumoku-box p{
	clear:both;
	margin:0px 0px 0px 100px;
	_margin:0px 10px 0px 100px;
	padding:0px;
	width:568px;
	_width:565px;
	}

/*------------------------------
結論ボックス
-------------------------------*/
#ketsuron-box{
	clear:both;
	margin:0px auto 10px;
	_margin:5px auto 10px;
	padding:10px;
	width:658px;
	_width:680px;
	border:1px solid #77c6f5; /*ボーダーカラー*/
	background:url(img/ketsuron-box.gif) no-repeat 0px 0px #fffeec;
	overflow:hidden;
	}

#ketsuron-title{
	float:right;
	margin:0px auto;
	padding:2px;
	width:555px;
	_width:560px;
	border-bottom:2px dotted #888;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:#e70049;
	}
	
#ketsuron-box p{
	clear:both;
	margin:0px 0px 0px 100px;
	_margin:0px 10px 0px 100px;
	padding:0px;
	width:568px;
	_width:565px;
	}
				
/*-------------------------------商品詳細*/
/*------------------------------
商品詳細01
-------------------------------*/
#shousai01{
	clear:both;
	margin:0px auto 5px;
	padding:0px;
	overflow:hidden;
	width:680px;
	}

#shousai01 table{
	margin:0px auto;
	padding:0px;
	width:678px;
	font-size:14px;
	border:1px solid #ddd;
	border-collapse: collapse;
	}

#shousai01 td.col1{
	margin:0px auto;
	padding:5px;
	width:120px;
	text-align:center;
	font-weight:bold;
	background-color:#55b8f1;
	border:1px solid #ddd;
	color:#fff;
	}
	
#shousai01 td.col2{
	margin:0px auto;
	padding:5px;
	background-color:#fff;
	border:1px solid #ddd;
	}
/*------------------------------
商品詳細02
-------------------------------*/
#shousai02{
	margin:0px auto 5px;
	padding:0px;
	width:680px;
	overflow:hidden;
	}

#shousai02 table{
	margin:0px auto;
	padding:0px;
	width:680px;
	border:1px solid #55b8f1;
	border-collapse: collapse;
	}

#shousai02 td.col1{
	margin:0px auto;
	padding:5px;
	border:1px solid #55b8f1;
	text-align:center;
	}

#shousai02 td.col2{
	margin:0px auto;
	padding:5px;
	width:100px;
	border:1px solid #55b8f1;
	background:#8ed8f8;
	color:#fff;
	text-align:center;
	font-weight:bold;
	}

#shousai02 td.col3{
	margin:0px auto;
	padding:5px;
	width:350px;
	border:1px solid #55b8f1;
	}

#shousai02 td.col4{
	margin:0px auto;
	padding:5px;
	}

#shousai02 .koushiki-link a{
	float:right;
	margin:3px 3px 3px 0px;
	_margin:3px 7px 3px 0px;
	padding:0px;
	width:95px;
	height:20px;
	background:url(img/koushiki-bt.gif) no-repeat;
	text-indent:-9999px;
	}

#shousai02 .koushiki-link a:hover{
	background-position: 0px -20px;
	}

/*------------------------------
商品詳細03
-------------------------------*/
#shousai03{
	margin:0px auto 5px;
	padding:5px;
	width:668px;
	overflow:hidden;
	border:1px solid #ddd;
	}

#shousai03 table{
	margin:0px auto 10px;
	padding:0px;
	width:666px;
	border:1px solid #55b8f1; /*テーブル外枠のボーダーカラー*/
	border-collapse: collapse;
	}

#shousai03 td.col1{
	margin:0px auto;
	padding:5px;
	width:167px;
	border:1px solid #55b8f1; /*テーブル内枠のボーダーカラー*/
	background:#8ed8f8; /*テーブルのバックグラウンドカラー*/
	color:#fff; /*フォントカラー*/
	text-align:center;
	font-weight:bold;
	}

#shousai03 td{
	margin:0px auto;
	padding:5px;
	width:167px;
	border:1px solid #55b8f1; /*テーブル内枠のボーダーカラー*/
	text-align:center;
	font-weight:normal;
	}

#shousai03 .koushiki-link a{
	float:right;
	margin:3px 3px 3px 0px;
	_margin:3px 7px 3px 0px;
	padding:0px;
	width:95px;
	height:20px;
	background:url(img/koushiki-bt.gif) no-repeat;
	text-indent:-9999px;
	}

#shousai03 .koushiki-link a:hover{
	background-position: 0px -20px;
	}


h4 {
	margin:0 0 20px 0;
	padding:2px 8px;
	border-width:0 0 5px 0 ;
	border-color:#7EBA03;
	border-style:solid;
	background:#fff;
	line-height:140%;
        font-size:1.2em;
	font-weight:bold;
}

/* 画像 */
.kiji_img{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

/* 手動目次 */
.toc{
	background-color:#eee;
	width:50%;
	padding:1em;
	position:relative;
	border:solid 1px #aaa;
	margin:1em;
	line-height:2em;
}

.toc a{
	color:#333;
}

/* 引用文 */

blockquote{
background-color:#eee;
padding:1em 1em 1em 3em;
position:relative;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before{
content:open-quote;
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}

blockquote a{
color:#999
}


/* ボタン */

.article-b a {
  width: 70%;
  background-color: #40BFFF;
  border-radius: 3px;
  box-shadow: 0 3px 0 rgba(136,136,136,1);
  color: #ffffff;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 10px 0;
}
.article-b a:hover {
  box-shadow: 0 1px 0 rgba(136,136,136,1);
  margin: 12px auto 8px;
}

/* 自動ナンバリングつき見出し */

section {
    counter-reset:number; /* この要素ごとに数字をリセットする */
}

.num {
    position:relative;
    margin-left:40px;
    padding:8px 10px 6px;
    border-bottom:solid 2px #7EBA03;
}

.num:before {
    counter-increment:number;
    content:counter(number);
    position:absolute;
    top:0;
    left:-40px;
    padding:6px 10px;
    border:solid 2px #7EBA03;
    color:#7EBA03;
    font-weight: bold;
}
