@charset "UTF-8";

/*基本設定*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img 
{
	padding: 0;
	margin: 0;
}

a{text-decoration:none; color:#000;}
a:hover{color:#666666;}

li{list-style:none;}


img {border:none;vertical-align: bottom;}

body{background-color:#000;}


.b{font-weight:bold;}
.txtline{border-bottom:#333 1px solid;}

.center{text-align:center ;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}


.f10 {font-size: 10px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f19 {font-size: 19px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}

.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml60 {margin-left: 60px;}
.mt50 {margin-top:50px;}

.p10{padding:10px;}

.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb20{padding-bottom:20px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr40{padding-right:30px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.txtr{text-align:right;}
.hidden{display:none;}
.alphbtn a:hover img{filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}


.left {float:left;}
.right {float:right;}
.cent {margin-left:auto;margin-right:auto}


.clear {clear:both;}

.orange{color:#F08300;}
.red{color:#ED0000;}
.bggray{background:#E2E2E2;}


table {
border-collapse:collapse;
border-spacing:0;
}

th,td {
border:1px solid #999999;
}


/*レイアウト設定*/

#wrapper{
	width:880px;
	margin:0 auto;
	font-size:12px;
	font-family: "ＭＳ 明朝",serif;
	line-height:140%;
	}

#contents{
	width:880px;
	background:url(../images/paper_bg.jpg);
}


#leftmenu{
	width:160px;
	float:left;
	margin-left:20px;
	display:inline;
} 

#rightmain{
	width:650px;
	float:right;
	margin-right:20px;
	display:inline;
	padding-bottom:10px;
} 


/*ヘッダー*/

#header{
	background:url(../images/titlebg.jpg)  repeat-x;
	height:72px;
}

.headarea{
	width:880px;
	margin:0 auto;
}

.headmenu{float:right;}
.headmenu li{float:left; padding-left:15px; padding-top:36px;}



/*メイン*/
.mainarea{background:url(../images/online_top.jpg) no-repeat; height:208px;}


/*コンテンツメニュー*/
.menu li{
	background:url(../images/sankaku.gif) left no-repeat;
	padding-left:12px;margin-bottom:8px;}
	
.link dt{background:url(../images/shikaku.gif) left no-repeat;padding-left:10px}

/*コンテンツ商品*/

.whiteare{width:650px; background:url(../images/white_bg.gif) repeat-y; margin-bottom:7px;}
.whitearea_top{width:650px; background:url(../images/white_top.gif) no-repeat top; padding-top:5px;}
.whitearea_bottom{background:url(../images/white_bottom.gif) no-repeat bottom; padding-bottom:5px;}

.white3are{width:650px; background:url(../images/3line_bg.gif) repeat-y; margin-bottom:7px;}
.white3area_top{width:650px; background:url(../images/3line_top.gif) no-repeat top; padding-top:5px;}
.white3area_bottom{background:url(../images/3line_bottom.gif) no-repeat bottom; padding-bottom:5px;}

.salearea{padding:10px 20px 7px 20px;}

.left1{width:140px; float:left;}
.left2{width:400px; float:left;}
.righttxt{width:450px; float:right;}

.orangebig{font-size:19px; color:#F08300; font-weight:bold; line-height:120%;}
.cartarea{width:450px;}
.cartarea p{width:220px; float:left;}
.cart{width:180px; background-color:#EAEAEA; padding:10px 8px 5px 8px; float:right;}
.kosu{float:left; width:50px; padding-top:2px;}
.settxt li{width:203px; float:left; text-align:center;}
input.name-box {
    width:20px;
} 

.shohin{width:216px; float:left;}
.s_title{padding:10px 0 0 20px; font-size:12px; font-weight:bold;}
.s_syosai{text-align:right; padding-right:20px;}
.s_cart{margin:5px auto; width:168px; background-color:#EAEAEA; padding:10px 8px 5px 8px;}

/*フッター*/
.footer{color:#F08300;font-size:10px;text-align:center;padding:10px 0;
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

/*ポップアップ*/
#popwrapper{width:430px; background:url(../images/popbg.jpg) repeat-y;font-family: "ＭＳ 明朝",serif; font-size:12px; margin:0 auto;}
.popbg_top{background:url(../images/popbg_top.jpg) top no-repeat;}
.popbg_bottom{background:url(../images/popbg_bottom.jpg) bottom no-repeat;}

.poparea{width:350px; padding:35px 40px 30px 40px;}

.d_title{font-size:19px; padding-bottom:12px; line-height:130%; font-weight:bold;}
.d_copy{font-size:14px; color:#F08300; padding-bottom:10px; font-weight:bold;line-height:130%; }
.d_txt{font-size:12px; padding-bottom:5px; line-height:160%;}
.d_syosai{padding:8px;line-height:160%; background-color:#e2e2e2; margin-bottom:10px; }
.close{text-align:right;}

/*ショップご利用案内*/
.guidearea{width:610px; padding:25px 20px 0 20px; line-height:150%;}
.guidemenu li{width:150px; float:left; background:url(../images/sankaku2.gif) left no-repeat; padding-left:8px; font-size:13px; margin-left:5px; display:inline;}
.guide_navi{width:610px;margin-top:5px;}
.g_line{ background:url(../images/line.gif) bottom no-repeat; padding-bottom:25px;}
.ten_line{ background:url(../images/tensen.gif) bottom no-repeat; padding-bottom:25px;}
.garea{width:450px; float:left;}
.guide_navi li{float:left;}
.gimg{width:141px; float:right;}
.guide_navi_r{width:579px;}
.g_gray{background:#EAEAEA; padding:10px;}

.pankuzu{padding:10px 0 0 15px;}
.kiyakuarea{text-indent:-1em; padding-left:1em;}
.kiyakuarea .kana{text-indent:-3em; padding-left:2em;}