/* CSS Document */

h4.none{
	margin:20px 0 0;
	padding:0;
	background:none;
}
h5.chara{
	margin:5px 0 10px;
	padding:0;
	width:580px;
	height:38px;
	position:relative;
}
h5.chara span{
	font-size:10px;
	font-weight:normal;
	position:absolute;
	right:10px;
	top:15px;
	background:#eaf6fd;
	padding:0 2px;
}
#chara li{
	float:left;
}
.charaContents{
	padding-bottom:10px;
	border-bottom:1px dashed #1a8dd6;
}
.charaDetail{
	margin-top:5px;
}
.charaDetail dt{
	float:left;
	width:200px;
}
.charaDetail dd{
	padding-left:210px;
	padding-top:10px;
}
.charaDetail li{
	text-align:left;
	background:url(/main/about/images/listIcon.gif) no-repeat left 3px;
	padding-left:16px;
	margin-bottom:3px;
}
.charaDetail li a:link,.charaDetail li a:visited,.charaDetail li a:active{
	text-decoration:underline;
}
.charaDetail li a:hover{
	text-decoration:none;
}
#omakaseBox{
	padding-bottom:20px;
	border:1px dashed #e30110;
	border-top:none;
}
#omakaseList{
	margin:10px 30px;
	background:#ffeeef;
	padding:10px;
}
#omakaseList li{
	text-align:left;
	background:url(/main/about/images/omakaseList.gif) no-repeat left top;
	padding-left:20px;
}
#omakaseBox p{
	text-align:center;
	font-weight:bold;
	color:#e30110;
}
a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;	
}



/*
	clearfix
*/
div.contentsClear{
	margin:40px auto;
}
.mgn_top70{
	margin-top:70px;
}

p.text_fieldTop{
	width:90%;
	margin:20px auto;
	line-height:1.6;
}
p.text_fieldTop em{
	color:#006ab6;
	font-weight:bold;
}
#p_mark{
	width:150px;
	font-size:10px;
	background:#e8f0f6;
	padding:5px;
}
div.charaBox{
	width:258px;
	float:left;
	height:100%;
	background:url(../main/about/images/contentsBg.gif) no-repeat bottom center;
	position:relative;
	padding-bottom:7px;
	text-align:left;
	margin-left:21px;
}
div.charaBox img.title{
	margin-left:15px;
	margin-bottom:7px;
}
div.charaBox a span.button{
	display:block;
	float:right;
	width:142px;
	height:22px;
	padding:5px 0 0 25px;
	text-align:left;
	font-size:95%;
	color:#ffcc00;
	cursor:pointer;
	text-decoration:none;
}
div.charaBox a span.easy{
	background:url(../main/about/images/buttonBg01.gif) no-repeat;
	color:#e56314;
}
div.charaBox a:hover span.easy{
	background:url(../main/about/images/buttonBg01_on.gif) no-repeat;
	color:#e56314;
}	
div.charaBox a span.func{
	background:url(../main/about/images/buttonBg02.gif) no-repeat;
	color:#3594bb;
}
div.charaBox a:hover span.func{
	background:url(../main/about/images/buttonBg02_on.gif) no-repeat;
	color:#3594bb;
}
div.charaBox a span.sec{
	background:url(../main/about/images/buttonBg03.gif) no-repeat;
	color:#6b8619;
}
div.charaBox a:hover span.sec{
	background:url(../main/about/images/buttonBg03_on.gif) no-repeat;
	color:#6b8619;
}
div.charaBox a span.low{
	background:url(../main/about/images/buttonBg04.gif) no-repeat;
	color:#f0085a;
}
div.charaBox a:hover span.low{
	background:url(../main/about/images/buttonBg04_on.gif) no-repeat;
	color:#f0085a;
}

/**********************お客様の声***************************/
p.voiceTitle{
	width:560px;
	height:45px;
	background:url(../main/about/images/voiceTitle.gif) no-repeat;
	position:relative;
}
p.voiceTitle span{
	position:absolute;
	top:15px;
	right:20px;
	color:#555;
}
div.shopVoice{
	width:560px;
	height:auto;
	margin:40px auto 20px auto;
	padding-bottom:20px;
	background:url(../main/about/images/voiceBg.gif) no-repeat bottom;
}
div.siteCap{
	float:left;
	width:215px;
	margin-left:15px;
	margin-right:10px;
}
div.siteCap img{
	margin-top:10px;
}
div.siteIntro{
	float:right;
	width:290px;
	margin-right:10px;
	text-align:left;
}
div.siteIntro em{
	color:#fb2461;
	font-weight:bold;
	margin:8px auto 3px auto;
	display:block;
}
div.siteIntro p{
	font-size:95%;
	color:#444;
	margin-top:6px;
}
a#pagetop.inside{
	margin-bottom:30px;
}
/*************************************************/
.float_main_box{
	width:89%;
	margin:20px 20px 20px 40px;
	text-align:left;
	overflow:hidden;
}
.float_left_box{
	float:left;
	width:60%;
	overflow:hidden;
}
.float_right_box{
	float:right;
	width:35%;
	overflow:hidden;
}
hr{
	width:100%;
	height:2px;
	color:#c3c3c3;
	border:none;
	margin:20px auto;
}
h2{
	background:url(../main/about/images/marker.gif) no-repeat left ;
	padding-left:13px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
	color:#488bb9;
}

#jump_btn{
	margin:20px auto 60px auto;
}

/*　10,000item　*/
.float_main_box_s{
	width:460px;
	overflow:hidden;
	margin:0px auto;
	
}
.float_left_box_s{
	width:auto;
	float:left;
	text-align:center;
	overflow:hidden;
}
.float_right_box_s{
	width:autopx;
	float:right;
	text-align:center;
	overflow:hidden;
}
/* campaign*/
#campaignBox {
	background:url(/main/registform/images/campaignBg.gif) no-repeat bottom;
	padding-bottom:8px;
}
#campaignBox .clearfix {
	width:549px;
	margin:8px auto;
}
#campaignBox .clearfix img {
	float:left;
	width:180px;
}
#campaignBox .clearfix p {
	float:right;
	width:349px;
	text-align:left;
}
#campaignBox p {
	text-align:center;
}