@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++++
CSS Document
+++++++++++++++++++++++++++++++++++++++++++*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/*スクロールバーを常に表示*/
html{overflow-y:scroll;}

body {
	margin: px;
	padding: 0px;
	text-align: center;
	font-size: small;
	background: url(../images/background.gif) repeat-x scroll 0 0;
}

body/**/ {
	font-size: /**/small;
}

p,h1,h2,h3,h4,h5,ul,li,ol,dl,dt,dd {
	padding: 0px;
	margin: 0px;
}

/*++++++++++++++++++++++++++++++++++++++++++
リンク
+++++++++++++++++++++++++++++++++++++++++++*/

a,a:visited {color: #006600;}

a:hover {color: 006600;text-decoration: none;}

a img {border: none;}

.clear{clear: both;}

.clear hr{display: none;}

/*++++++++++++++++++++++++++++++++++++++++++
全体
+++++++++++++++++++++++++++++++++++++++++++*/

#wrapper{
	text-align: center;
	width: 800px;
	margin: auto;
}

/*++++++++++++++++++++++++++++++++++++++++++
ヘッダー
+++++++++++++++++++++++++++++++++++++++++++*/

#header{
	text-align:	left;
	width: 800px;
	height: 80px;
	background: url(../images/header.jpg);
}

#head_left{
	float: left;
	width: 200px;
}

#head_right{
	float: right;
	text-align: right;
	padding-right: 20px;
	width: 400px;
	font-size: 12px;
	padding-top: 55px;
}

#head_right li{
	display: inline;
	padding: 0px 8px 5px 5px;
}

div#head_right li a:link{color:#006600;text-decoration:underline;}
div#head_right li a:visited{color:#006600;text-decoration:underline;}
div#head_right li a:hover{color:#006600;text-decoration:underline;}
div#head_right li a:focus{color:#006600;text-decoration:underline;}
div#head_right li a:active{color:#006600;text-decoration:underline;}

/*++++++++++++++++++++++++++++++++++++++++++
グローバルナビ
+++++++++++++++++++++++++++++++++++++++++++*/

#gnavi_base {
	text-align: left;
	width: 800px;
	height: 52px;
	margin: auto;
	background-image: url(../images/user_bg_globalmenu.gif);
	background-repeat: repeat-x;
	border-top:	5px solid #FE6700;
}

#gnavi_base ul {
	list-style-type: none;
	margin: 0px;
}

#gnavi_base ul li {
	float: left;
	height: 52px;
	width: 160px;
}

#gnavi_base ul li a {
	background: url(../images/navi.gif) no-repeat scroll 0 0;
	height: 52px;
	display: block;
	width: 160px;
}

#gnavi_base ul li span {
	overflow: hidden;
	z-index: -1;
	position: relative;
	display: block;
}
#gnavi_base ul li.news a {background-position: 0px 0px;}
#gnavi_base ul li.syohin a {background-position: -160px 0px;}
#gnavi_base ul li.teikyou a {background-position: -320px 0px;}
#gnavi_base ul li.osusume a {background-position: -480px 0px;}
#gnavi_base ul li.about a {background-position: -640px 0px;}
#gnavi_base ul li.news a:hover {background-position: 0px -52px;}
#gnavi_base ul li.syohin a:hover {background-position: -160px -52px;}
#gnavi_base ul li.teikyou a:hover {background-position: -320px -52px;}
#gnavi_base ul li.osusume a:hover {background-position: -480px -52px;}
#gnavi_base ul li.about a:hover {background-position: -640px -52px;}

/*++++++++++++++++++++++++++++++++++++++++++
メイン
+++++++++++++++++++++++++++++++++++++++++++*/

#main{
	text-align: justify;
	margin: 0;
	width: 800px;
}

/*++++++++++++++++++++++++++++++++++++++++++
ＴＯＰ
+++++++++++++++++++++++++++++++++++++++++++*/

#main #top{
	width: 800px;
	height: 306px;
	text-align: center;
	border-bottom: 10px solid #FE6700;
	padding-bottom: 10px;
	margin-top: 10px;
}

#main_left{
	float: left;
	width: 400px;
}

#main_right{
	float: right;
	text-align: left;
	width: 400px;
}

/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ
+++++++++++++++++++++++++++++++++++++++++++*/

#main #con{
	width: 798px;
	border: 1px solid #006600;
	background-color: #FFFFFF;
	margin: 10px 0px 0px 0px;
	padding-bottom: 10px;
}

#main #con h2{
	background: url(../images/title.jpg) no-repeat scroll 0 0;
	height: 80px;
	width: 788px;
	color: #FF4403;
	font-size: 24px;
	padding: 25px 0px 0px 10px;
}

#main #con h2 .con{
    font-size: 12px;
    float: right;
    margin-right: 10px;
}

/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ(ログイン)
+++++++++++++++++++++++++++++++++++++++++++*/

#main .login-area{
	padding-bottom: 10px;
	margin-left: 30px;
}

#main .login-area .login-box{
	color: #000000;
	background: #ffffff;
	padding: 10px 0px 10px 0px;
	}
	
#main .login-area dl {
	margin: 0px 7px 9px 5px;
	padding-bottom: 9px;
}

#main .login-area dl dt {
	float: left;
	width: 60px;
}

#main .login-area dl dd {
	margin-left: 60px;
}

#main .login-area .bottan{
    margin-left:70px;
    width:220px;  
    margin-bottom:10px; 
}

#main .login-area  table{
	margin: 0px 7px 9px 5px;
	padding-bottom: 9px;
}

#main .login-area .login-box .login-box-left{
	float: left;
	width: 300px;
	}
	
#main .login-area .login-box .login-box-right{
	float: right;
	margin-right: 50px;
	padding-top: 10px;
	width: 300px;
	}

/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ(ニュース)
+++++++++++++++++++++++++++++++++++++++++++*/

#main .news-area{
	padding-bottom: 10px;
}

#main .news-area dl {
	margin: 0px 5px 10px 5px;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 10px;
}

#main .news-area dl dt {
	float: left;
	width: 103px;
}

#main .news-area dl dd {
	margin-left: 103px;
}

#main .news{
    margin: 10px 20px 10px 20px;
}

#main .news dl {
	margin: 0px 5px 10px 5px;
	padding-bottom: 10px;
}

#main .news dl dt {
	float: left;
	width: 103px;
	color: #FE6700;
}

#main .news dl dd {
	margin-left: 103px;
}

#main .news .text_box{
	font-size: 11px;
	_font-size: 10px;
	color: #222222;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 15px;
	font-family: 'ＭＳ Ｐゴシック',"qMmpS Pro W3", "lr oSVbN", Osaka, Arial, Helvetica, Verdana,  sans-serif;
	margin-bottom: 20px;
}

/*++++++++++++++++++++++++++++++++++++++++++
商品一覧
+++++++++++++++++++++++++++++++++++++++++++*/		
#main .syohin-area{
	padding-bottom: 10px;
	margin-left: 30px;
	margin-right:30px;
	}
	
#main .syohin-area .search{
	padding: 0px 10px 10px 10px;
	}

#main .syohin-area dl{
	margin: 0px;
	margin-right: 5px;
	margin-bottom: 1em;
	padding: 0px;
	float: left;
	width: 170px;
	font-size: 11px;
	height: 200px;
	padding-top: 1px;
}
	
#main .syohin-area dt{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
	
#main .syohin-area dd{
	margin: 0px;
	padding: 4px 0.5em;
	text-align: center;
}

#main .syohin-area dd.name{
		height: 24px;
	}

/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ（商品詳細、申し込み確定）
+++++++++++++++++++++++++++++++++++++++++++*/
	
#main .syohin{
	color: #000000;
	background: #ffffff;
	padding: 0px 30px 10px 30px;
	}

#main .syohin h4{
    background-color: #FFD870;
    width: auto;
    padding: 5px;
    margin: 0px 10px 0px 10px; 
    }

#main .syohin dl {
	margin: 5px 10px 9px 10px;
	padding: 3px;
}

#main .syohin dl dt {
	float: left;
	width: 300px;
}

#main .syohin dl dd {
	margin-left: 300px;
}

#main .syohin dl dd p {
	font-size:12px;
	font-weight:bold;
}

#main .syohin .text_box{
	font-size: 11px;
	_font-size:	10px;
	color: #333333;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 13px;
	font-family: "qMmpS Pro W3", "lr oSVbN", Osaka, Arial, Helvetica, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	margin-bottom: 20px;
}

#main .syohin .price{
    background-color: #dddddd;
    width: 180px;
    margin-left: 20px;
    padding: 10px;
    }
    
#main .syohin .cart{
    margin-left: 20px;
    padding: 10px;
    }
	
#main .syohin dl dt.buy{
	float: left;
	width: 200px;
}

#main .syohin dl dd.buy{
	margin-left: 200px;
}

/*++++++++++++++++++++++++++++++++++++++++++
コンテンツ(マイページ)
+++++++++++++++++++++++++++++++++++++++++++*/

#main .member_news-area{
	padding-bottom: 10px;
	width: 700px;
	margin-left: 50px;
}

#main .member_news-area h3{
	background-color: #bbdd99;
	padding: 3px 10px 3px 0px;
	color: #006600;
	margin-bottom: 10px;
}

#main .member_news-area .andmore
{
    font-size: 12px;
    float: right;
    margin-right: 10px;
}

#main .member_news-area dl {
	margin: 0px 5px 10px 5px;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 10px;
}

#main .member_news-area dl dt {
	float: left;
	width: 103px;
}

#main .member_news-area dl dd {
	margin-left: 103px;
}

#main .buy-area{
	padding-bottom: 10px;
	width: 700px;
	margin-left: 50px;
}

#main .buy-area h3{
	background-color: #bbdd99;
	padding: 3px 10px 3px 0px;
	color: #006600;
	margin-bottom: 10px;
}

#main .buy-area dl {
	border-bottom: 1px dashed #000000;
	height: 150px;
}

#main .buy-area dl dt {
	float: left;
	width: 150px;
}

#main .buy-area dl dd {
	margin-left: 150px;
}

#main .buy-area .box1 {
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
/*++++++++++++++++++++++++++++++++++++++++++
会員登録
+++++++++++++++++++++++++++++++++++++++++++*/

#main .member-box{
	color: #000000;
	background: #ffffff;
	padding: 10px 10px 10px 10px;
	margin-bottom: 5px;
	margin-left: 20px;
	}
	
#main .member-box table {
    width: 700px;
    border-spacing: 0;
    border-collapse: collapse;
	margin-top: 20px;
    }
	
#main .member-box th {
    background-color: #eeeeee;
    width: 130px;
    padding: 4px 7px;
    border: 1px solid #dddddd;
    }
	
#main .member-box td {
    border: 1px solid #dddddd;
    padding: 4px 7px;
    }
	
#main .member-box .bottan{
    margin-left: 500px;
    width: 220px;   
    padding-top: 10px;
}

#main .member-box form.left{float: left; padding-right: 10px;}

/*++++++++++++++++++++++++++++++++++++++++++
サイトマップ
+++++++++++++++++++++++++++++++++++++++++++*/

#main .map-area{
	padding-bottom: 10px;
}

#main .map-area .map{
	color: #000000;
	background: #ffffff;
	padding: 10px;
	margin-left: 30px;
	margin-right: 30px;
	}
	
#main .map-area li{
	background: url(../images/list2.gif) no-repeat 0px 3px;
	padding-left: 15px;
	margin-bottom: 5px;
	list-style-type: none;
}

#main .map-area .text_box{
	font-size: 11px;
	_font-size: 10px;
	color: #222222;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 24px;
	font-family: Osaka, Arial, Helvetica, Verdana,  sans-serif;
	margin-bottom: 20px;
}

#main .map-area .map dd{
	padding-bottom: 10px;
	}

/*++++++++++++++++++++++++++++++++++++++++++
規約
+++++++++++++++++++++++++++++++++++++++++++*/

#main .kiyaku-area{
	padding-bottom: 10px;
}

#main .kiyaku-area .map{
	color: #000000;
	background: #ffffff;
	padding: 10px;
	margin-left: 20px;
	}

#main .kiyaku-area ul{
	padding-right: 15px;
	margin-left: 30px;
}	

#main .kiyaku-area li{
	padding-left: 5px;
	margin-bottom: 5px;
	list-style-type: decimal;
}

#main .kiyaku-area li p{
	padding-left: 20px;

}

#main .kiyaku-area .text_box{
	font-size: 11px;
	_font-size: 10px;
	color: #222222;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 18px;
	font-family: Osaka, Arial, Helvetica, Verdana,  sans-serif;
	margin-bottom: 20px;
}

/*++++++++++++++++++++++++++++++++++++++++++
フッター
+++++++++++++++++++++++++++++++++++++++++++*/

#foot_body{
	text-align: center;
	width: 800px;
	margin: 0px;
	background-color: #FE6700;
    color: #FFFFFF;
	height: 20px;
	font-size: 14px;
}

#footer-navi {
	width: 800px;
	padding: 5px 0px;
	clear: both;
	text-align: center;
	margin-top: 10px;
}

#footer-navi ul {
	list-style-type: none;
	font-size: x-small;
}

#footer-navi ul li {
	padding: 0px 8px 0px 10px;
	display: inline;
	white-space: nowrap;
}

#footer-navi ul li a {
	color: #000000;
	text-decoration: none;
}

#footer-navi ul li a:hover {
	color: #006600;
}

/*++++++++++++++++++++++++++++++++++++++++++
文字、画像、背景関係
+++++++++++++++++++++++++++++++++++++++++++*/
/*+align+*/
.right{
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
}

.center{text-align: center;}

/*+font+*/
.bold{font-weight: bold;}
.c_w{color: #FFFFFF;}
.c_b{color: #000000;}
.c_o{color: #ef6700;}

/*+border+*/
.b{border 1px solid #ccc;}
.b2{border: 1px solid #0094a0;}

/*+padding+*/
.pd3{padding: 3px;}
.pd5{padding-left: 5px;}
.pd20{padding-left: 20px;}
.pd150{padding-left: 150px;}
.pd7{padding: 7px;}
.pd10{padding: 10px;}

/*+background+*/
.bg_g{background: #0094a0;}

/*+width+*/
.w50{width: 50px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w150{width: 150px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w300{width: 300px;}
.w410{width: 410px;}
.w440{width: 440px;}
.w541{width: 541px;}
.w544{width: 544px;}
.w540{width: 540px;}
.w550{width: 550px;}
.w740{width: 740px;}

/*+height+*/
.h100{height: 100px;}

/*+float+*/
.float_l{float: left;}
.float_r{float: right;}

/* ベリーショート */
#main input.text_ss
{
	width: 60px;
	padding: 2px;
}

/*短いテキストボックス*/
input.text_s{
	width: 120px;
	padding: 2px;
	color: #000;
}
/*数字用テキストボックス*/
input.number{
	width: 70px;
	padding: 2px;
	color: #000;
	text-align: right;
}

/*中くらいテキストボックス*/
input.text_m{
	width: 200px;
	padding: 2px;
	color: #000;
}

/*ちょっと長いテキストボックス*/
input.text_ml{
	width: 300px;
	padding: 2px;
	color: #000;
}
/*長いテキストボックス*/
input.text_l{
	width: 460px;
	padding: 2px;
	color: #000;
}

textarea
{
	padding: 2px;
	color: #000;
}