@charset "UTF-8";
/* For main */

/*-----------------------*/
/* 1.COMMON */
/* 2.BASE */
/*-----------------------*/


/* 1.COMMON
====================================================================================================== */
*{
	margin: 0px;
	padding: 0px;}

body {
	line-height:1.5;
	color:#4e2700;
	background:#fff5ee;
	font-family: verdana, Helvetica, arial, "Lucida Grande","Lucida Sans Unicode", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";}
	
/* font size(base12px)
====================== */
html body{
	font-size:75%;} 
.l{
	font-size:117%;}
.s{
	font-size:84%;}
h1,h2,h3,h4,h5{
	font-size:100%;}

/* for modern brawzer*/
html>/**/ body{	
	font-size:12px;}
html>/**/ body .l{
	font-size:14px;}
html>/**/ body .s{
	font-size:10px;}
	
/*==================== */
img{
	border:none;
	vertical-align:bottom;}		

table{
	border-collapse:collapse;
	border-spacing:0;}
	td,th{
		border:none;}
		
li{list-style:none;}

.f_r{float:right;}
.f_l{float:left;}

br.clear{
	width:auto;
	clear:both;
	line-height:0%;
	font-size:0;
	display: block;}	
.clear {
	clear: both;}

/*link*/
a:link,a:visited{color:#996699; text-decoration:none;}
a:hover{color:#996699; text-decoration:underline;}
a:focus{outline:none;}


/*font*/
.text_left{text-align:left;}
.text_right{text-align:right;}
.b{font-weight:bold;}
.f_red{ color:#FF0000;}
.f_black{ color:#000000;}

/*margin*/
.mr_10{margin-right:10px;}
.mb_10{margin-bottom:10px;}
.mb_5{margin-bottom:5px;}
.ml_10{margin-left:10px;}
.ml_20{margin-left:20px;}
.mt_m5{margin-top:-5px;}
.mb_m5{margin-bottom:-5px;}
.mt_10{margin-top:10px;}
.text_area{
		width:570px;
		margin:10px 0 20px 0;}
		

/* 2.BASE
====================================================================================================== */
#header{
	background:#ffc0cb url(../images/headbg_l.gif) repeat-x top;}
	#header_in{
		margin:0 auto;
		width:902px;
		padding:0 0 0 2px;}
	#header .caption{
		line-height:1;
		display:block;
		font-size:12px;
		color:#000000;
		font-weight:normal;
		min-height:17px;
		_height:17px;/*forIE6*/
		padding:7px 5px 0;}
		
#wrap{
	background:url(../images/mainbg.gif) repeat-x top;}
	
ul.menu{
	margin:0 auto 9px;
	height:38px;
	width:900px;}
	ul.menu li{
		float:left;}
		
#cont{
	margin:0 auto;
	width:900px;
	border:1px solid #f5ece5;
	position: relative;
}
	#cont_in{
		border:1px solid #dcdcdc;
		background:#FFFFFF;
		width:870px;
		padding:14px 14px 19px 14px;}
		

#main{
	position:relative;
	width:640px;
	float:left;}
	h2{
		margin-bottom:20px;}
	#main_in{	
		margin-left:35px;}
			
#sub{
	width:200px;
	float:right;}

#sub ul.sub_shop{
	margin:4px 0 20px;}
	#sub ul.sub_shop li{
		margin-bottom:5px;}
	#sub ul.sub_con{
		margin:8px 0 20px;}
	
	#sub ul.sub_info{
	margin:5px 0 0 10px;
	line-height: 2em;
}
		#sub ul.sub_info li a{
			padding-left:10px;
			background:url(../images/img_arrow.gif) no-repeat 0 0.2em;}

.totop{
	width:570px;
	margin:20px 35px 10px;
	text-align:right;}
	.totop a{
		padding-left:18px;
		background:url(../images/img_totop.gif) no-repeat 0 0.2em;}

#foot{
	margin:5px auto;
	width:900px;}
	#foot .f_link{
		float:left;}
	#foot .f_link{	
		color:#cccccc;}