@charset "utf-8";
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helevetica, sans-serif;
	color:#666;
	font-size: 0.9em;
	line-height: 1.6;
	text-align:center;
	}

img{ 
	border-style:none
	}

a{
	color:#666;
	text-decoration:none;
	}
	
a:hover{
	color:#CCC;
	text-decoration:none;
	}

p{
	font-size:0.9em;
	line-height:2em;
	}
dd{
	line-height:2em;
	}	
a:hover{
	text-decoration:none;
	}

ul li{
	text-decoration: none;
	list-style: none;
	}

#wrapper{
	margin:3%;
	text-align:left;
} 	


h1{
	font-size:1em;
	font-weight:400;
	margin:0 0 0.5em 0;
	border-bottom: 1px solid #F6C;
	/*background-image:url(img/navbar.png);*/
	}
	
h2{
	font-size:1em;
	padding:0.5em 1em 0.5em 1em;
	margin:1em 0 1em 0;
	text-align:left;
	/*background-image:url(img/navbar.png);*/
	border-bottom: 2px solid #F6C;
	
	 }
	 
h3,.relation_title{
	font-size:0.8em;
	padding:5px;
	margin-bottom:10px;
	margin:2%;
	height:20px;
	/*background-image:url(img/navbar.png);*/
	border-bottom: 2px solid #F6C;
}

#headline_left p{
	margin:10px;
	} 
.bannerBox{
	text-align:center;	
	}	

#navbar{
	border-top: 1px solid #CCC;
	}
#navbar ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}	
#navbar ul li{
	display:block;
	width:100%;
	text-align:center;
	font-size:1.2em;
	line-height:2.5em;
	border-bottom: 1px solid #CCC;
	}
	
#headline h2{
	/*border-bottom: 1px dotted #CCC;
	*/
	}
#headline p{
	line-height:1.8em;
	}
#headline_left{
	margin:0px 0px 10px 0px;
	border-bottom: 1px dotted #CCC;
	}
#headline_right{
	margin:0px 0px 10px 0px;
	border-bottom: 1px dotted #CCC;
	}
#mainArea{
	border-bottom: 1px solid #CCC;
}
#mainArea h2{
	/*border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	*/
	}
	

#mainArea_top{
	margin:0px 0px 10px 0px;
	border-bottom: 1px dotted #CCC;
	}
	
	
#topicPath{
	width:100%;
	height:2em;
	text-align:center;
	margin:0 0 1em 0;
	}
	
#topicPath li{
	font-size:0.80em;
	padding-left:10px;
	list-style:none;
	}

#topicPath li a{
	padding:0px 25px 0px 10px;
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	color:#009;
	}

#topImage {
	margin:0 auto;
	}
	
#indexArea{
	text-align:center;
}
#indexArea_r{
	margin:2em 0 0 0;
	}
.index_ir{
}

.index_ir li{
	padding:0 0 0 1.5em;
	line-height:2.5em;
	border-bottom: 1px solid #CCC;
	padding:0 2em 0 2em;
}

.basiclist{
	margin:1em;
	padding:1em;
	text-align:center;
	border-top: 1px dotted #f9c;
	border-bottom: 1px dotted #f9c;
	}
	
#mainArea  .intro {
	font-size:0.8em;
	margin:20px 10px;
	clear:both;
	}

.box0 img, .box01 img, .box1 img, .box2 img, .box3 img, .box_s img {
margin:2em;
}

.contents{
	margin: 0;
	}
.contents_list h2{
	border-bottom: 1px dotted #f9c;
	}
.contents .text {
	/*border-top: 1px dotted #CCC;*/
	padding:1em 0 1.5em 0;
	margin:0 3em;
}
.box0, .box01, .box1, .box2, .box3, .box_s, boxA{
	text-align:center;
	border-bottom: 1px solid #CCC;
	padding:10px 0 10px 0;
}

.box_m{
	text-align:center;
	}
.box_m img{
	margin:15px;
	border: 1px solid #ccc;
	}

.contents dl{
	border-bottom: 1px dotted #f9c;
	margin-bottom: 20px;
	}

.contents_list{
	margin:2.5em 20px 0px;
	}

.contents_list a{
	color:#00F;
}
.contents_list p{
	margin-top:20px;
	}
		
.contents_list dl{
	width: 100%;
	font-size: 1em;
	}
	
.contents_list dt{
	clear:both;
	background-repeat: no-repeat;
	background-position: left center;
	margin: 1em 0 0.5em 0;
	padding:0 0 0 2em;
}

.contents_list dd{
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 0 0 2em;
	/*
	margin-left: 10px;
	padding-left: 2em;
	margin-bottom: 20px;
	*/
}

.hikyori dt{
	margin:0;
	padding:0;
	clear:left;
	float:left;
	width:3em;
	
}
.hikyori dd{
	margin:0;
	padding:0;
}

.qa_list dt{
	background-image: url(img/qa_q.png);
	border-bottom: 1px dotted #06F;
}

.qa_list dd{
}

.choose_list dt{
	background-image: url(img/heart-pink1.png);
	font-weight:bold;
	border-bottom: 1px dotted #f9c;
}


.choose_list dd{
	margin-left: 10px;
	padding-left: 2em;
	margin-bottom: 20px;
}


.checkbox dt{
	background-image: url(img/check.png);
	font-weight:bold;
	border-bottom: 1px dotted #F00;
}

.choose_list ul{
	margin:1em ;
	}
	
#return{
	clear:both;
	text-align:right;
	}	
	
	
.contents_cate li {
	height:30px;
	color:#666;
	padding: 0.5em 0 0 0.5em;
	border-bottom: 1px solid #CCC;
	/*
	background-image:url(img/title2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2em;
	*/
	margin-left:1.5em;
}

.contents_cate li a{
	color:#666;
	}

.category1{
	width:45%;
	float:left;
}

.category1 li a{
	width:45%;
	}

.category2{
	clear:both;
	}

/*
.tbi{
	padding:2em 0 2em 0;
	text-align:center;
	clear:both;
	background-image:url(img/textbottomsp.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	
.tbi a{
	font-size:0.8em;
	height:6.5em;
	display:block;
	text-decoration:none;
}

.tbi a:hover{
	color:#666;
}

*/


.rkm{
	text-align:center;	
	}


.boxB, .boxBdd{
	margin:0 auto 0;
	width:88%;
	clear:both;
}
.boxB h2{
	background-image:none;
	background-image: url(img/heart-pink1.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin:0;
	padding:1.5em 0 0.5em 2em;
	margin:0 0 1em 0;
	border-bottom: 1px dotted #CCC;
}

span.tooltip{
	line-height:1.5;
	color:white;
	width:200px;
	background:#F6C;
	border:2px solid white;
	padding:1em;
	font-size:small;
}
.box_b{
	background-color:#FFF;
	height:128px;
	width:128px;
	margin:5px 3px 3px 5px;
	float:left;
	border: 1px solid #CCC;
	}
	
#mainArea_top .boxA {
	height:138px;
	padding-bottom:20px;
	margin:2em 0 2em 5%;
	border-bottom: 1px solid #CCC;
}

#mainArea_top .img {
	margin:0;
	padding:0;
	width:160px;
	float:left;
	
}
#mainArea_top .textlist {
	text-align:left;
	margin:0;
	padding:0;
	width:130px;
	float:left;
}
#mainArea_top .text {
	text-align:left;
	margin:0;
	padding:0;
	width:130px;
	float:left;
}

#mainArea_top .text a{
	font-size:0.8em;
	text-decoration:underline;
	text-align:left;
}
	
#mainArea_top .price{
	clear:both;
	}
	
#mainArea_top .priceA{
	font-size:0.9em;
	color:#F00;
	clear:both;}
	
#mainArea_top .priceB{
	font-size:0.7em;
	clear:both;
	}
#mainArea_top .contents .red{
	color: #F00;
	font-weight:bold;
	font-size:0.8em;
	}
#mainArea_top .boxB .red{
	color: #F00;
	font-weight:bold;
	font-size:0.7em;
	}
#mainArea_top .contents .price0{
	text-decoration: line-through;
	font-size:0.6em;
	
	}
#mainArea_top .contents .price1{
	font-size:0.6em;
	
	}

#mainArea .itemBox{
	padding:1em 0 1em 0;
	margin:1em 0 1em 0;
	height:138px;
	border-bottom: 1px solid #CCC;
}

#mainArea .itemBoxi {
	margin:0;
	padding:0;
	width:160px;
	float:left;
	
}
#mainArea .itemBoxtx {
	padding:1em 0 1.5em 0;
	margin:0;
	width:130px;
	float:left;
	text-align:left;
}


#mainArea .itemBoxtx a{
	text-align:left;
	color:#666;
	font-size:0.9em;
	text-decoration:underline;
}

.rankBottom .recommend{
	border:none;
	padding:0;
	margin:0;
	margin-left:15px;
	}



.moreCol{
	clear:both;
	padding:20px 0 0;
	margin:0px 0px 20px 0px;
	}
	
.info{
	clear:both;
	text-align:right;
	}
	
#mainArea .info p{
	font-size:0.7em;
	}
	
.moreCol p{
	padding-left: 2em;
	}

.moreCol {
	text-align:left;
	}
	
.moreCol p{
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
	}

.moreCol p a{
	color:#00F;
	font-size:1.2em;
	}
#contents-bottom{
	clear:both;}

#prBottom{
	clear: both;  
	margin:2em 0 1em;
	padding:0 0 1em;
	}


.prBottomCol{
	width:250px;
	hright:250px;
	margin: 0 1em 0;
	}
#prBottom{
	border: 1px solid #CCC;
	}
#prBottom p{
	color:#999;
	}
	.rankTop{
	margin:40px 0px 0px;
	}

	
#mainArea .box_m {margin:30px 0 30px 0;}

#mainArea .box_m p, #mainArea p.recommend{
	font-size:0.5em;
	color:#CCC;
	}
#mainArea .contents p{
	text-align:left;}

.rankBottom{
	clear:both;
	border-bottom: 1px dotted #ccc;
	}
	
.rankBottom_img {
	text-align:center;
	margin:1em;
	}

.rankBottom_text{
	
	}
	
.rankBottom p{
	padding:1em;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.rankBottom ul{
	margin:1em;
	}

.rankBottom ul li a{
	padding-left:1.5em;
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	padding-left: 2em;
	}

/*sidebar_right
--------------------------------------------*/
	
#sidebar_right {
	width: 100%;
	margin:5px auto;
	
}


#sidebar_right .ranking_box {
	height: 130px;
	width: 160px;
	margin:5px auto;
}

#sidebar_right .ranking_box_title {
	margin: 3px;
	height: 30px;
	width: 150px;
}

#sidebar_right .ranking_box_title a{
	color:#FFF;
}
#sidebar_right .ranking_box_img {
	float: left;
	width: 80px;
	margin: 0px 0px 0px 0px;
}

#sidebar_right .ranking_box_text {
	font-size:0.8em;
	float: right;
	width: 60px;
	margin: 0px 10px 0px 10px;
}
#sidebar_right .ranking_box_title {
	margin: 3px;
	height: 30px;
	width: 154px;
	background-image: url(img/ranking.png);
	padding-left: 3em;
	background-repeat: no-repeat;
	padding-top: 5px;
	color: #FFF;
}



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

#sidebar{
	width:100%;
	margin:10px auto 10px;
}

#sidebar h3{
	font-size:0.8em;
	padding:5px;
	margin-bottom:10px;
	width:100%;
	height:20px;
	/*background-image:url(img/navbar.png);*/
	border-bottom: 2px solid #F6C;
	text-align:left;
}

.sidebar_box {
	text-align: center;
	margin-bottom:10px;
}

.sidebar_box ul{
padding-botom:15p;
text-align:left;
	}


.sidebar_box ul li, .relation_text{
	line-height:2.5em;
	border-bottom: 1px solid #ccc;
	}


.sidebar_box ul li a{
	font-size:0.9em;
	padding-left:0.5em;
	}
	
			
.sidebar_box ul li a:hover{
	}
	
	
@media only screen and (min-width: 961px) {
*{
	padding:0;
	margin:0;
	}

a{
	text-decoration:underline;
	}
	
.contents_cate ul li a{
	text-decoration:none;
	}

#sidebar a {
	text-decoration:none;
	}
	
h2,h3 {
	background-image:none;
}


/*layout1
-----------------------------------*/

#wrapper {
	margin:auto;
	width:950px;
}
#header {
	height:120px;
	width: 950px;
}

#ad{
	}
#navbar {
	height: 30px;
	width: 950px;
	/*background-image:url(img/navbar.png);*/
	border:none;
}
#headline {
	width: 950px;
	height:210px;
}
#container {
	width: 790px;
	float:right;
}
#sidebar {
	width:160px;
	float:left;
	border:none;
}

#footer{
	width: 950px;
	clear:both;
	font-size:0.8em;
	background-image:url(img/navbar.png);
		border:none;

	}


/*layout2
-----------------------------------*/


#header h1{
	font-size:1em;
	font-weight:normal;
	}


#header #top_left {
	height:30px;
	clear:both;
	margin-top:40px;
	float:left;
}

#header #top_right {
	float:right;
	margin:0;
}


/*
#header #top_right img{
	margin:5px 0px 5px;
}
*/
#navbar a{
	color:#666;
	text-decoration:none;
}


#navbar ul li {
	height:30px;
	width: 150px;
	float: left;
	padding-left:30px;
	border:none;
}

#headline #headline_left {
	background-image:url(img/headline.png);
	float: left;
	width:510px;
	height:180px;
	margin: 10px 0px 10px 0px;
	border:none;
}


#headline #headline_left h2 {
	color:#333;
	font-size: 0.8em;
	font-weight:bold;
	margin:30px 0 0 0 ;
	text-align:center;
	border:none;
}


#headline #headline_left p{
	color:#333;
	font-size:0.75em;
	height: 100px;
	width: 430px;
	margin:0px 40px;
}

#headline #headline_left #ih2{
	
	text-align:left;
	width:420px;
	margin: 30px 0px 0px 50px;
	}

#headline #headline_left #itext{
	margin:5px 40px;
	line-height:1.4em;
}

#headline #headline_right {
	float: right;
	height: 180px;
	width: 420px;
	padding: 10px 0px 10px 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#headline_right .bannerBox {
	margin:0px 10px 0px 0px;
	width: 200px;
	text-align:left;
	float:right;
}

#headline_right .bannerBox p{
	font-size:0.75em;
}

#mainArea{
	width: 590px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top:5px;
	float:left;
	
}

#mainArea h2 {
	border:none;
	font-size:0.8em;
	margin-bottom:10px;
	width:580px;
	height:15px;
	/*background-image: url(img/titlebar.png);*/
	border-bottom: 1px solid #999;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	clear:both;
}



#mainArea .img {
	text-align:center;
	margin:10px 0px 10px;
	height:130px;
	}
		
#mainArea p{
	font-size:1em;
	}


#mainArea  .text {
	text-align:center;
	margin:15px 5px;
	font-size:0.95em;
	}
	
#mainArea  .text a{
	font-size:0.8em;
	}

.bn_center{
	text-align:center;
	margin:10px 0px;
	}	
.postsc{
	padding:30px 30px 5px;
	clear:both;
	}

#topImage{
	width:300px;
	height:300px;
	float: left;
	}

#indexArea{
	height:300px;
	}

#indexArea_r {
	width:275px;
	float: right;
	margin:0;
	margin-left:5px;
}

#indexArea_r .bannerBox {
	clear:both;
}


#indexArea_r .bannerBox a {
	margin-bottom:30px;
	width:200px;
	float: left;
}

#indexArea_r .bannerBox p {
	font-size:0.7em;
	margin:0px 10px 0px;
	width:55px;
	float: right;
}

.index_ir li {
	text-align:left;
	}
		
.index_ir li a{
	text-align:left;
	text-decoration:none;
	background-image:url(img/heart-pink1.png);
	background-repeat:no-repeat;
	padding: 0 0 0 2em;
	}
#topicPath{
	width:600px;
	
	}
#topicPath li{
	float: left;
}

.shoplist{
	margin:0px 0px 20px;
	}

.shoplist dd{
	margin:0px 0px 20px 5em;
	}

.contents{
	margin:0;
	padding:0;
	clear:both;
	}
	
.contents .pink{
	color: #F3C;
	}
.contents .pink a{
	color: #F3C;
	}

.contents .off{
	color: #F00;
	font-weight:bold;
	font-size:1.5em;
	}
	
.contents .pink a:hover{
	text-decoration:none;
	}


	

.tbi{
	background-image:none;
	background-image:url(img/textbottompc.png);
	}
	
.tbi a{
	font-size:1em;
}
.moreshopping{
	clear:both;
	margin:10px 30px 20px;
	}
	
.moreshopping p{
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 2em;
	}

.moreshopping p a{
	color:#00F;
	}
	
.box0 img, .box01 img, .box1 img, .box2 img, .box3 img, .box_s img {
margin:0;
}

.box0, .box01, .box1, .box2, .box3, .box_s {
	border:none;
	margin:0;
	padding: 0;
}
.box0 {
	height:250px;
	width: 160px;
	float:left;
	text-align:center;
	margin:20px 5px 20px 15px;
	padding: 5px;
}
.box01 {
	height:250px;
	width: 160px;
	float:left;
	text-align:center;
	margin:20px 5px 20px 15px;
	padding: 5px;
	border: 1px solid #CCC;
}
.box1 {
	height:280px;
	width: 150px;
	float:left;
	text-align:center;
	margin:20px 10px 20px 20px;
	padding: 5px;
	border: 1px solid #CCC;
	/*background-image:url(img/box_backImg.png);*/
}

.box2 {
	height:330px;
	width: 150px;
	float:left;
	text-align:center;
	margin:10px 10px 20px 10px;
	padding: 5px;
	border: 1px solid #CCC;
}
.box2 .text{
	height:85px;
	}

.box3 {
	height:350px;
	width: 150px;
	float:left;
	text-align:center;
	margin:20px 10px 20px 20px;
	padding: 5px;
	border: 1px solid #CCC;
	background-image:url(img/box_backImg_raanking.png);
	background-repeat:no-repeat;
}

.box_s {
	height:300px;
	width: 150px;
	float:left;
	text-align:center;
	margin:20px 10px 20px 20px;
	padding: 5px;
	border: 1px solid #CCC;
}

#mainArea_top .boxA {
	margin:0;
	padding:0;
	height:320px;
	width: 150px;
	float:left;
	margin:20px 10px 20px 20px;
	padding: 5px;
	border: 1px solid #CCC;
	/*background-image:url(img/box_backImg.png);*/
}

#mainArea_top .noP {
	height:280px;
}


#mainArea .img {
	text-align:center;
	margin:10px 10px 0px 0px;
	width:150px;
	height:130px;
	}


#mainArea  .text {
	width:125px;
	height:60px;
	margin:15px 20px 15px 15px;
	font-size:0.95em;
	border-top: 1px dotted #CCC;
	padding:1em 0 1.5em 0;
	text-align:left;
	}
	
#mainArea_top .text a{
	font-size:0.8em;
	}


#mainArea  .price{
	margin-left:20px;
	text-align:center;
	}

#mainArea .itemBox {
	border:none;
	margin:0;
	padding: 0;
	padding: 5px;
	margin:20px 10px 20px 20px;
	height:280px;
	width: 150px;
	float:left;
	text-align:center;
	border: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#mainArea .itemBoxi {
	text-align:center;
	margin:10px 10px 0px 0px;
	width:150px;
	height:130px;
	}


#mainArea .itemBoxtx {
	width:125px;
	height:130px;
	text-align:left;
	margin:15px 20px 15px 15px;
	font-size:0.95em;
	border-top: 1px dotted #CCC;
	padding:1em 0 1.5em 0;
	padding:10px 0 0 ;
	}
	
#mainArea .itemBoxtx a{
	font-size:0.8em;
	text-align:left;
	}
	
	.contents_cate ul li {
	text-align:left;
	}


.category1{
	width:150px;
}
.category1 li a{
	width:450px;
	}

.category2{
	clear:both;
	}

.rankTop{
	margin:40px 0px 0px;
	}

.rankTop h3{
	font-size:0.9em;
	width:570px;
	height:20px;
	background-image:none;
	text-align:left;
	border-left: solid 10px #ccc;
	border-bottom: solid 1px #ccc;
	padding:5px 0px 5px 10px;
	margin-top:20px;
	}
	
.rankBottom{
	clear:both;
	width:570px;
	height:250px;
	border-bottom: 1px dotted #ccc;
	margin:10px 10px 0px;
	}
	
.rankBottom_img {
	text-align:left;
	width:140px;
	height:128px;
	float:left;
	}
.rankBottom_text p{
	padding:0;
	margin:0;
	border:none;
}

.rankBottom_text {
	padding:0;
	margin:0;
	float:right;
	width:400px;
	height:150px;
	}
	
.rankBottom ul{
	padding:0;
	margin:0;
margin:5px 0px 0px 5px;
}

.rankBottom ul li a{
	padding:0;
	margin:0;
	font-size:0.8em;
	width:380px;
	float:left;
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	padding-left: 2em;
	margin:0px 0px 1em 0;
	}

.boxB{
	margin:0 15px;
	width:590px;
}
.boxBdd{
	margin:0 0 0 -2em;
	width:590px;
}
.relation{
	border:none;
	width:540px;
	margin:0 0 25px 25px;
	clear:both;
	}
	
.relation_title{
	background-image:none;
	margin-top:50px;
	font-size:1.2em;
	}

.relation_text{
	border:none;
	background-image: url(img/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2em;
}

.relation_text a{
	color:#00F;
	font-size:1.2em;
}
	
#return{
	padding:50px 0px 0px 0px;
	}	


#prBottom{
	width: 520px;
	height: 270px;
	margin-left:20px;
	}
.prBottomCol{
	float:left;
	margin:5px 5px 5px 5px;
	}	
	
.adbottom{
	margin:50px 0 0 150px;
	}
	/*layout2
-----------------------------------*/







/*




#mainArea_link{
	height:300px;
	margin:10px 0px 10px 0px;
}


#mainArea_link #topImage {
	float: left;
}


.homeImage{
	width:80px;
	float:left;
	padding: 0px 20px 0px 10px;
	}


	
#mainArea_category ul li{
	height:30px;
	}

#mainArea_category ul li a{
	font-size:0.8em;
	width:450px;
	color:#666;
	padding-bottom: 5px;
	background-image:url(img/title2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2.5em;
	}

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


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

#sidebar_right {
	float: right;
	width: 160px;
	margin-top:5px;
}

#footer a{
	color:#999;
	}
}