@charset "shift_jis";

html {
	height:100%;
	font-size:62.5%;
	}


/*=============目次=============
/
/01.ブラウザ初期設定
/02.コンテナ
/03.ヘッダーエリア
/04.左エリア
/05.左エリア-コンテンツ
/06.右エリア
/07.ヘッダーナビ
/08.グローバルナビ
/09.メインコンテンツ
/10.フッターエリア
/11.フロートクリア
/12.ヘッダーナビリンク設定
/13.グローバルナビリンク設定
/14.フッターナビリンク設定
/15.フォント関係
/16.マージン関係
/17.リンク関係
/
================================*/





/*01.ブラウザ初期設定
--------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-size:1.4em;
	line-height:1.6;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#555555;
	text-align:center;
	text-justify:inter-ideograph;
	background-color:#dcdcdc;
	}

h1 {
	margin:0;
	padding:5px 0px 0 55px;
	vertical-align: top;
	font-size:10px;
	line-height:1;
	}


h2,div,p,table,tr,th,td {
	margin:0;
	padding:0;
	vertical-align: top;
	}

h3 {
	margin:0;
	padding:40px 0 0 0;
	font-size:1.4em;
	line-height:1;
	border-bottom:solid 2px #b8d871;
	}

ul,li {
	margin:0;
	padding:0;
	text-indent:0;
	list-style-type:none;
	}

img,object ,embed{
	border: 0;
	margin:0;
	padding:0;
	vertical-align: top;
	font-size:0px;
	line-height:0px;
	}

a {
	margin:0;
	padding:0;
	}

/*02.コンテナ
--------------------------------------------------------------*/
#container{
	position:relative;
	width:960px;
	min-height:100%;
	margin:0 auto;
	text-align:center;
	background:url("../images/background02.gif") repeat-y 0px 0px;
	background-color:#ffffff;
	}

*html div#container{
	height:100%;
	}


/*03.ヘッダーエリア
--------------------------------------------------------------*/
#header{
	position:relative;
	height:50px;
	text-align:left;
	background-color:#ffffff;
	border-top:solid 5px #B8D674;
	}

#logo{
	width:170px;
	padding-top:7px;
	margin-left:55px;
	text-align:left;
	}

#kensaku{
	position:absolute;
	top:20px;
	right:30px;
	text-align:right;
	font-size:10px;
	border:solid 0px;
	}

#campagin-btn01{
	width:246px;
	height:25px;
	line-height:0;
	margin:0;
	background:url("../item/images/campagin_btn.gif") no-repeat 0px 0px;
	}
a#campagin-btn01{
	width:246px;
	height:25px;
	text-align:center;
	display:block;
	background:url("../item/images/campagin_btn.gif") no-repeat 0px 0px;
	}
a#campagin-btn01:hover{
	background:url("../item/images/campagin_btn.gif") no-repeat 0px -25px;
	}



/*04.左エリア
--------------------------------------------------------------*/
#sub-area{
	float:left;
	width:265px;
	margin:0;
	padding:0;
	text-align:center;
	background:url("../images/background_left.jpg") no-repeat 0px 0px;
	border:solid 0px;
	}

#sub-contents{
	width:245px;
	margin-left:20px;
	text-align:center;
	border:solid 0px;
	}

#action-navi{
	width:235px;
	margin-top:0;
	margin-bottom:32px;
	padding:0;
	border:solid 0px;
	}


/*05.左エリア-コンテンツ
--------------------------------------------------------------*/
#sidecontents-wrap{
	width:190px;
	margin:0 auto;
	text-align:center;
	background:url("../images/sidecon_back.gif") repeat-y 0px 0px;
	border:solid 0px;
	}
#sidecontents{
	width:170px;
	margin:0 auto;
	text-align:center;
	border:solid 0px;
	}

.sidecontents-column{
	border-bottom:solid 1px #999999;
	line-height:1;
	}

.sidecontents-column p{
	padding-bottom:6px;
	line-height:1;
	}

#login-title{
	padding-top:6px;
	text-align:center;
	font-weight:bold;
	line-height:1;
	color:#669966;
	}

.input-text{
	width:165px;
	}

#login-title02{
	margin-bottom:9px;
	text-align:center;
	font-size:0.95em;
	font-weight:bold;
	color:#ff9900;
	border-bottom:solid 1px #999999;
	}

#information{
	width:120px;
	height:22px;
	margin:0 auto;
	text-align:center;
	background:url("../images/btn_information.gif") no-repeat 0px 0px;
	}
a#information{
	width:120px;
	height:22px;
	text-align:center;
	display:block;
	background:url("../images/btn_information.gif") no-repeat 0px 0px;
	}
a#information:hover{
	background:url("../images/btn_information.gif") no-repeat 0px -22px;
	}


a#simulation-help{
	width:170px;
	height:47px;
	text-align:center;
	display:block;
	background:url("../images/btn_simulation01.gif") no-repeat 0px -47px;
	}
a#simulation-help:hover{
	background:url("../images/btn_simulation01.gif") no-repeat 0 0px;
	}

a#member-enter{
	width:170px;
	height:47px;
	display:block;
	background:url("../images/member_enter.gif") no-repeat 0px -47px;
	}
a#member-enter:hover{
	background:url("../images/member_enter.gif") no-repeat 0px 0px;
	}


a#cart{
	width:170px;
	height:47px;
	margin-top:12px;
	display:block;
	background:url("../images/cart.gif") no-repeat 0px -47px;
	}
a#cart:hover{
	background:url("../images/cart.gif") no-repeat 0px 0px;
	}


#fax{
	width:170px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:12px;
	text-align:center;
	}

a#btn-fax{
	width:170px;
	height:47px;
	margin-top:12px;
	text-align:center;
	display:block;
	background:url("../images/btn_fax.gif") no-repeat 0px 0px;
	}
a#btn-fax:hover{
	background:url("../images/btn_fax.gif") no-repeat 0px -47px;
	}

#sidecontents-end{
	width:190px;
	margin:0 auto 24px auto;
	text-align:center;
	background-color:#ffffff;
	border:solid 0px;
	}



/*06.右エリア
--------------------------------------------------------------*/
#main-area{
	float:right;
	width:695px;
	margin-bottom:60px;
	background:url("../images/background_right.jpg") no-repeat 0px 0px;
	border:solid 0px;
	
	}


/*07.ヘッダーナビ
--------------------------------------------------------------*/
#header-navi{
	height:40px;
	margin-right:20px;
	border:solid 0px;
	}

#header-navi ul{
	padding-top:12px;
	text-align:left;
	line-height:0;
	border:solid 0px;
	}

.header-link{
	padding:0 6px;
	display:inline;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	border-left:solid 2px #ffffff;
	}

#header-link-last{
	padding:0 6px;
	display:inline;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	}


/*08.グローバルナビ
--------------------------------------------------------------*/
#g-navi{
	overflow:hidden;
	width:678px;
	height:40px;
	margin:0 15px 130px 0;
	line-height:0;
	text-align:left;
	border:solid 0px;
	}

#g-navi02{
	overflow:hidden;
	width:678px;
	height:40px;
	margin:0 15px 110px 0;
	line-height:0;
	text-align:left;
	border:solid 0px;
	}

#g-navi li{
	float:left;
	width:113px;
	height:20px;
	text-align:left;
	font-size:0px;
	line-height:0px;
	vertical-align: top;
	border:solid 0px;
	}


/*09.メインコンテンツ
--------------------------------------------------------------*/
#main-wrap{
	position:relative;
	width:650px;
	margin:0 30px 0 15px;
	padding-bottom:80px;
	text-align:center;
	background-color:#ffffff;
	border:solid 0px;
	}

#main-wrap02{
	width:650px;
	margin-left:15px;
	padding-bottom:80px;
	text-align:center;
	background-color:#ffffff;
	border:solid 0px;
	}


#main-contents{
	clear:both;
	width:650px;
	min-height:100%
	padding-bottom:50px;
	border:solid 0px;
	}

/*10.フッターエリア
--------------------------------------------------------------*/
#footer{
	position:absolute;
	bottom:0px;
	left:280px;
	width:650px;
	height:90px;
	border-top:solid 2px #b8d871;
	}

#under-navi{
	text-align:left;
	margin-top:0.3em;
	padding-bottom:0.3em;
	line-height:1;
	border-bottom:solid 2px #b8d871;
	}
#under-navi li{
	text-align:left;
	display:inline;
	}

#footer-navi {
	text-align:left;
	margin-bottom:3px;
	}
#footer-start{
	text-align:left;
	padding-right:5px;
	display:inline;
	font-size:0.8em;
	}
.footer-list{
	text-align:left;
	padding:0 5px;
	display:inline;
	font-size:0.8em;
	border-left:solid 1px #b8d871;
	}


#copyright {
	text-align:left;
	font-size:0.9em;
	}


/*11.フロートクリア
--------------------------------------------------------------*/
.float-clear {
	clear:both;
	font-size:0;
	line-height:0;
	}

.float-clear12 {
	clear:both;
	font-size:0;
	line-height:0;
	margin-bottom:2em;
	}




/*12.ヘッダーナビリンク設定
--------------------------------------------------------------*/
#header-navi a{
	line-height:1;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	}

#header-navi a:hover{
	color:#ff9900;
	border-bottom:solid 1px #ff9900;
	}



/*13.グローバルナビリンク設定
--------------------------------------------------------------*/
#g-navi01on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat 0px -40px;
	}

a#g-navi01{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat 0px 0px;
	}
a#g-navi01:hover{
	background:url("../images/g_navi.gif") no-repeat 0px -40px;
	}


#g-navi02on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -110px -40px;
	}

a#g-navi02{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -110px 0;
	}
a#g-navi02:hover{
	background:url("../images/g_navi.gif") no-repeat -110px -40px;
	}


#g-navi03on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -220px -40px;
	}

a#g-navi03{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -220px 0px;
	}
a#g-navi03:hover{
	background:url("../images/g_navi.gif") no-repeat -220px -40px;
	}


#g-navi04on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -330px -40px;
	}

a#g-navi04{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -330px 0px;
	}
a#g-navi04:hover{
	background:url("../images/g_navi.gif") no-repeat -330px -40px;
	}


#g-navi05on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -440px -40px;
	}

a#g-navi05{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -440px 0px;
	}
a#g-navi05:hover{
	background:url("../images/g_navi.gif") no-repeat -440px -40px;
	}


#g-navi06on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -550px -40px;
	}

a#g-navi06{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -550px 0px;
	}
a#g-navi06:hover{
	background:url("../images/g_navi.gif") no-repeat -550px -40px;
	}


#g-navi07on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat 0px -60px;
	}

a#g-navi07{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat 0px -21px;
	}
a#g-navi07:hover{
	background:url("../images/g_navi.gif") no-repeat 0px -61px;
	}


#g-navi08on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -110px -60px;
	}

a#g-navi08{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -110px -21px;
	}
a#g-navi08:hover{
	background:url("../images/g_navi.gif") no-repeat -110px -61px;
	}


#g-navi09on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -220px -60px;
	}

a#g-navi09{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -220px -21px;
	}
a#g-navi09:hover{
	background:url("../images/g_navi.gif") no-repeat -220px -61px;
	}


#g-navi10on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -330px -60px;
	}

a#g-navi10{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -330px -21px;
	}
a#g-navi10:hover{
	background:url("../images/g_navi.gif") no-repeat -330px -61px;
	}


#g-navi11on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -440px -60px;
	}

a#g-navi11{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -440px -21px;
	}
a#g-navi11:hover{
	background:url("../images/g_navi.gif") no-repeat -440px -61px;
	}


#g-navi12on{
	width:110px;
	height:20px;
	background:url("../images/g_navi.gif") no-repeat -550px -60px;
	}

a#g-navi12{
	width:110px;
	height:20px;
	margin:0;
	padding:0;
	display:block;
	background:url("../images/g_navi.gif") no-repeat -550px -21px;
	}
a#g-navi12:hover{
	background:url("../images/g_navi.gif") no-repeat -550px -61px;
	}



/*14.フッターナビリンク設定
--------------------------------------------------------------*/
#footer-navi a{
	line-height:1;
	color:#669966;
	text-decoration:none;
	}

#footer-navi a:hover{
	color:#ff9900;
	border-bottom:solid 1px #ff9900;
	}




/*15.フォント関係
--------------------------------------------------------------*/
.text-left{text-align:left;}

.text-right{text-align:right;}

.text-center{text-align:center;}

.font-nomal{font-size:0.85em;}

.font-min{font-size:0.8em;}

.font-min-red{font-size:0.8em;
			color:#cc0000;}

.font-red{color:#cc0000;}

.font-red-bold{color:#cc0000;
			font-weight:bold;}

.font-bold{font-weight:bold;}


.font10-bold{font-size:1em;
			font-weight:bold;}

.font11-bold{font-size:1.1em;
			font-weight:bold;}

.font12{font-size:1.2em;}

.font12-bold{font-size:1.2em;
			font-weight:bold;}

.font12-red{font-size:1.2em;
			color:#cc0000;}

.font14{font-size:1.4em;}

.font14-bold{font-size:1.4em;
			font-weight:bold;}

.raquo {font-size:1.2em;
			color:#ff9900;}

.page-title01{
	width:685px;
	height:30px;
	margin-bottom:12px;
	padding-top:6px;
	font-size:1.2em;
	line-height:1em;
	text-indent:10px;
	font-weight:bold;
	color:#ff3300;
	background-image:url("../images/title_base01.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	}

.lead-01{
	margin-bottom:12px;
	font-size:1.2em;
	line-height:2em;
	font-weight:bold;
	color:#ff3300;
	border-bottom:solid 1px #666666;
	}

.lead-02{
	margin-bottom:9px;
	line-height:1.5;
	font-size:1.2em;
	text-indent:6px;
	font-weight:bold;
	color:#ff3300;
	background-color:#dcdcdc;
	}

.lead-03{
	margin-bottom:12px;
	line-height:1.6em;
	text-indent:6px;
	font-size:1.25em;
	font-weight:bold;
	color:#cc0000;
	background-image:url("../images/lead_base.gif");
	background-repeat:repeat-x;
	background-position:0px 0px;
	}

.lead-03 a{
	color:#cc0000;
	}
.lead-03 a:hover{
	color:#cc0000;
	}


.lead01-gray {
	width:100%;
	margin-bottom:6px;
	font-size:14px;
	line-height:1.5;
	font-weight:bold;
	text-indent:10px;
	color:#ffffff;
	background-color:#666666;
	}

.cart-caption {
	margin:10px;
	text-align:left;
	font-size:1.1em;
	line-height:1;
	font-weight:bold;
	}

.under-line{
	padding-bottom:4px;
	border-bottom:solid 1px #999999;
	}


.nowrap {
	white-space:nowrap;
	}

.font-policy{
	font-size:1.2em;
	font-weight:bold;
	color:#669966;
	}
.font-policy a{
	color:#669966;
	}
.font-policy a:hover{
	color:#669966;
	}

/*16.マージン関係
--------------------------------------------------------------*/
.margin6{margin-bottom:6px;}

.margin9{margin-bottom:9px;}

.margin12{margin-bottom:12px;}

.margin24{margin-bottom:24px;}

.margin36{margin-bottom:36px;}


.padding-top10{padding-top:10px;}



/*17.リンク関係
--------------------------------------------------------------*/
a{color:#669966;}
a:hover{color:#ff9900;}