@charset "euc-jp";

/* cloth */


body{
	background:url(../img/top-back.jpg) repeat-y center;

}

img{
	border:none;
}


p{
	margin:0px;
}



/* リンク画像ロールオーバー */
	
/*a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}*/


/* 全体の枠のスタイル */

#wrap{
	width:840px;
/*	border:1px solid #000000;*/
	margin:15px auto;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	line-height:140%;
	font-size:90%;
}


/**********************************************************/
/*  ヘッダーのスタイル  */

#header{
	width:840px;
	height:75px;
	position:relative;
}

.shop-logo{
	position:absolute;
	left:2px;
	bottom:5px;
}

.login-bn{
	position:absolute;
	right:2px;
	bottom:3px;
}

#head-navi{
	width:840px;
	padding-top:2px;
	margin-bottom:10px;
	background-color:#808080;
	text-align:left;
	position:relative;
}

#head-navi ul{
	margin:0px 0px 0px 25px;
}

#head-navi li{
	padding-left:65px;
	list-style-type:none;
	display:inline;
}



/**********************************************************/
/* メイン部分のスタイル */



/*  左コンテンツの枠スタイル  */

#side-l-w{
	width:190px;
	float:left;
	color:#666666;
/*	border:1px solid #3366CC;*/
}

.category-li{
	list-style-type:none;
	margin:10px 0px 20px 5px;
	padding:0px;
}

.sidemenu-li{
	list-style-type:none;
	padding:3px 0px;
	margin-bottom:20px;
}

.carendar-w{
	width:180px;
	margin:0px;
}

/* メインスペースの枠スタイル  */

.main{
	width:650px;
/*	border:1px solid #FF6699;*/
	margin-bottom:25px;
	text-align:left;
}

.news-back{
	width:630px;
	height:auto;
	background:url(../img/news_back.gif) no-repeat right bottom;
	margin:15px 0px;
	padding-bottom:50px;
}

.news-back p{
	margin-left:25px;
}

.category-bn{
	margin:15px 0px;
}

.category-bn img{
	padding-bottom:15px;
}

.main a{
	color:#C59056;
	text-decoration:none;
}

.main a:hover{
	color:#C59056;
	text-decoration:underline;
}




/**********************************************************/

/* フッターのスタイル */

#footer{
	width:649px;
	font-size:12px;
	line-height:140%;
}


.footer-area-box{
	width:650px;
	margin:0px auto;
	text-align:left;
}


.footer-area-l{
	width:310px;
	float:left;
	margin-top:10px;
	margin-left:5px;
}

.footer-area-r{
	width:310px;
	float:right;
	margin-top:10px;
}

.souryo-tb{
	margin:10px 0px 30px 10px;
	border-collapse:collapse;
}

.souryo-tb th{
	border:1px solid #B2B2B2;
	background-color:#E0E0E0;
	font-weight:normal;
	font-size:12px;
	padding:3px 10px;
}

.souryo-tb td{
	border:1px solid #B2B2B2;
	padding:3px 10px;
}

.center{
	text-align:center;
}	


/* 文章のスタイル */

.footer-area-l p{
	width:280px;
	margin:8px 5px 30px 20px;
}

.footer-area-r p{
	width:280px;
	margin:8px 0px 20px 20px;
}

.line-txt{
	width:635px;
	border-bottom:1px solid #1a1a1a;
	border-top:1px solid #1a1a1a;
	padding:5px 0px;
	margin:30px 0px 10px 5px;
	text-align:left;
}


#footer a{
	color:#C59056;
	text-decoration:none;
}

#footer a:hover{
	color:#C59056;
	text-decoration:underline;
}

.f-menu-link{
	text-align:left;
	margin-left:10px;
}



/**********************************************************/

/* 商品ページのスタイル */

/*#syouhin-box{
	width:640px;
	margin:10px 0px;
	font-size:small;
}

.syouhin-txt{
	width:285px;
	float:left;
}

.syouhin-img{
	width:320px;
	float:right;
}
*/

/* カート部分のスタイル */

#cart-box{
	width:640px;
	margin:auto;
}

.cart-txt{
	width:280px;
	color:#808080;
	line-height:180%;
	float:right;
	text-align:left;
}

.cart-img{
	width:340px;
	float:left;
}

.kakaku-txt{
	color:#C59056;
}



/**********************************************************/

/* フリーページ共通のスタイル */

#free-w{	
	width:651px;
	margin:10px auto;
	text-align:left;
	font-size:12px;
}

#free-w p{
	line-height:130%;
	margin-left:18px;
	padding:4px 0px;
	margin-top:5px;
}

/**********************************************************/

/* ご利用案内ページのスタイル */


.eigyo-time-w{
	width:640px;
	margin-top:4px;
	margin-bottom:20px;
}

.eigyo-time-img{
	width:280px;
	float:left;
}

.eigyo-time-txt{
	width:350px;
	float:right;
}

.txt-brown{
	color:#C59056;
}

.souryo-table{
	margin:8px 0px 30px 15px;
	border-collapse:collapse;
}

.souryo-table th{
	width:200px;
	font-size:12px;
	font-weight:normal;
	border:1px solid #B2B2B2;
	padding:6px 10px;
	text-align:left;
}

.souryo-table td{
	width:60px;
	border:1px solid #B2B2B2;
	vertical-align:middle;
	padding:6px 0px 6px 27px;
}

.right{
	text-align:right;
}

.back-gray{
	background-color:#E0E0E0;
}



/**********************************************************/

/* リンクページのスタイル */

.link-table{
	margin:10px 0px 30px 15px;
	border-collapse:collapse;
}

.link-table th{
	width:70px;
	font-weight:normal;
	font-size:12px;
	background-color:#E0E0E0;
	border:1px solid #B2B2B2;
	padding:4px 0px 4px 8px;
	text-align:left;
}

.link-table td{
	border:1px solid #B2B2B2;
	vertical-align:middle;
	padding:4px 10px;
}

.ichiran{
	margin:15px 0px 30px 15px;
	border-collapse:collapse;
}

.ichiran th{
	width:120px;
	font-weight:normal;
	font-size:12px;
	background-color:#E0E0E0;
}

.ichiran td{
	padding:4px 15px;
}



/**********************************************************/

/* 会社概要ページのスタイル */

.gaiyou_back{
	width:651px;
	padding-bottom:70px;
	background:url(../img/gaiyou_back.gif) no-repeat right;
}





/***   余白の設定  ***/

.m00{margin:0px;}

.pt06 {padding-top: 6px;}
.pr03 {padding-left: 3px;}

.mt02 {margin-top: 2px;}
.mt03 {margin-top: 3px;}
.mt04 {margin-top: 4px;}
.mt05 {margin-top: 5px;}
.mt06 {margin-top: 6px;}
.mt07 {margin-top: 7px;}
.mt08 {margin-top: 8px;}
.mt09 {margin-top: 9px;}
.mt10 {margin-top: 10px;}
.mt12 {margin-top: 12px;}
.mt13 {margin-top: 13px;}
.mt15 {margin-top: 15px;}
.mt17 {margin-top: 17px;}
.mt18 {margin-top: 18px;}
.mt20 {margin-top: 20px;}
.mt21 {margin-top: 21px;}
.mt22 {margin-top: 22px;}
.mt23 {margin-top: 23px;}
.mt24 {margin-top: 24px;}
.mt25 {margin-top: 25px;}
.mt27 {margin-top: 27px;}
.mt28 {margin-top: 28px;}
.mt30 {margin-top: 30px;}

.pt01 {padding-top: 1px;}
.pt02 {padding-top: 2px;}
.pt03 {padding-top: 3px;}
.pt04 {padding-top: 4px;}
.pt05 {padding-top: 5px;}
.pt06 {padding-top: 6px;}
.pt07 {padding-top: 7px;}
.pt08 {padding-top: 8px;}
.pt09 {padding-top: 9px;}
.pt10 {padding-top: 10px;}
.pt12 {padding-top: 12px;}
.pt13 {padding-top: 13px;}
.pt14 {padding-top: 14px;}
.pt15 {padding-top: 15px;}
.pt18 {padding-top: 18px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt27 {padding-top: 27px;}
.pt30 {padding-top: 30px;}



.pl01 {padding-left: 1px;}
.pl02 {padding-left: 2px;}
.pl04 {padding-left: 4px;}
.pl05 {padding-left: 5px;}
.pl06 {padding-left: 6px;}
.pl07 {padding-left: 7px;}
.pl08 {padding-left: 8px;}
.pl09 {padding-left: 9px;}
.pl10 {padding-left: 10px;}
.pl12 {padding-left: 12px;}
.pl13 {padding-left: 13px;}
.pl14 {padding-left: 14px;}
.pl15 {padding-left: 15px;}
.pl16 {padding-left: 16px;}
.pl17 {padding-left: 17px;}
.pl18 {padding-left: 18px;}
.pl19 {padding-left: 19px;}
.pl20 {padding-left: 20px;}
.pl23 {padding-left: 23px;}
.pl25 {padding-left: 25px;}
.pl27 {padding-left: 27px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl48 {padding-left: 48px;}
.pl50 {padding-left: 50px;}


.pr02{
	padding-right: 2px;
}


.pb10{
	padding-bottom: 10px;
}
.mt32 {margin-top: 32px;}
.mt35 {margin-top: 35px;}
.mt37 {margin-top: 37px;}
.mt38 {margin-top: 38px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt48 {margin-top: 48px;}
.mt49 {margin-top: 49px;}
.mt50 {margin-top: 50px;}
.mt51 {margin-top: 51px;}
.mt52 {margin-top: 52px;}
.mt53 {margin-top: 53px;}
.mt54 {margin-top: 54px;}
.mt55 {margin-top: 55px;}


.mr02 {margin-right: 2px;}
.mr03 {margin-right: 3px;}
.mr05 {margin-right: 5px;}
.mr08 {margin-right: 8px;}
.mr10 {margin-right: 10px;}
.mr13 {margin-right: 13px;}
.mr15 {margin-right: 15px;}
.mr16 {margin-right: 16px;}
.mr17 {margin-right: 17px;}
.mr18 {margin-right: 18px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.mr60 {margin-right: 60px;}
.mr68 {margin-right: 68px;}


.mb02 {margin-bottom: 2px;}
.mb03 {margin-bottom: 3px;}
.mb04 {margin-bottom: 4px;}
.mb08 {margin-bottom: 5px;}
.mb05 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb11 {margin-bottom: 11px;}
.mb12 {margin-bottom: 12px;}
.mb13 {margin-bottom: 13px;}
.mb14 {margin-bottom: 14px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}


.ml01 {margin-left: 1px;}
.ml02 {margin-left: 2px;}
.ml03 {margin-left: 3px;}
.ml04 {margin-left: 4px;}
.ml05 {margin-left: 5px;}
.ml06 {margin-left: 6px;}
.ml07 {margin-left: 7px;}
.ml08 {margin-left: 8px;}
.ml09 {margin-left: 9px;}
.ml10 {margin-left: 10px;}
.ml11 {margin-left: 11px;}
.ml12 {margin-left: 12px;}
.ml13 {margin-left: 13px;}
.ml14 {margin-left: 14px;}
.ml15 {margin-left: 15px;}
.ml16 {margin-left: 16px;}
.ml17 {margin-left: 17px;}
.ml18 {margin-left: 18px;}
.ml19 {margin-left: 19px;}
.ml20 {margin-left: 20px;}
.ml22 {margin-left: 22px;}
.ml23 {margin-left: 23px;}
.ml24 {margin-left: 24px;}


.ml25 {margin-left: 25px;}
.ml27 {margin-left: 27px;}
.ml28 {margin-left: 28px;}
.ml30 {margin-left: 30px;}
.ml33 {margin-left: 33px;}
.ml35 {margin-left: 35px;}
.ml38 {margin-left: 38px;}
.ml40 {margin-left: 40px;}
.ml42 {margin-left: 42px;}
.ml45 {margin-left: 45px;}
.ml46 {margin-left: 46px;}
.ml47 {margin-left: 47px;}
.ml48 {margin-left: 48px;}
.ml50 {margin-left: 50px;}
.ml51 {margin-left: 51px;}
.ml53 {margin-left: 53px;}
.ml55 {margin-left: 55px;}
.ml58 {margin-left: 58px;}
.ml60 {margin-left: 60px;}
.ml64 {margin-left: 64px;}
.ml65 {margin-left: 65px;}


/***   余白の設定（ここまで）  ***/



/*** clearfix ***/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*** clearfix（ここまで） ***/
