@charset "Shift_JIS";


/*基本指定-------------------------------------*/

*{
	margin:0;
	padding:0;
	font:normal normal normal 14px/1.3 "ＭＳ Ｐゴシック","Osaka",sans-serif;
	color: #f3c28d;
	border:none;
	list-style:none;
}

p { padding-bottom:10px;}

body {
	background: #f6ffa6;
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}


/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
.crlboth { clear: both;}


/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; font-size: 5px; }
.hidetxtb { text-indent: -9999px; overflow: hidden; font-size: 5px; }
.hidetxt a { text-decoration: none; font-size: 5px; }
.hidetxtb a { text-decoration: none; font-size: 5px; }
.buy_a a { text-decoration: none; font-size: 5px; }
.buy_b a { text-decoration: none; font-size: 5px; }
.buy_c a { text-decoration: none; font-size: 5px; }


#header {
	background: transparent url(../../image/header.jpg) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 245px;
}


#content {
	background: transparent url(../../image/bg.gif) repeat-y;
	clear:both;
	margin: 0 auto;
	text-align: left;
	width: 730px;
	overflow: hidden;
}



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

/* ナビ基本設定 */
#navi { background: transparent url(../../image/navi_bg.gif) repeat-x; width: 730px; height:110px; text-align: left;font-size: 6px; margin: 0 auto; }
#navi ul.firest { width:435px;float:left;}
#navi ul.firest { padding: 0 0 10px 20px;}
#navi ul.second { width:145px;float:left;}
#navi ul.third { width:105px;}
#navi .firest li { float: left; }
#navi  li { padding: 5px 0 0 5px; }
#navi img { vertical-align: bottom;}
#navi ul a { display: block; width: 140px; height: 40px; }
#navi ul a:link, #navi ul a:visited { background-position: 0 0px; }
#navi ul a:hover, #navi ul a:active { background-position: 0 -40px; }

#navi_a a { background-image: url(../../image/navi_a.gif); }
.a #navi_a a:link, .a #navi_a a:visited { background-position: 0 0; }
.a #navi_a a:hover, .a #navi_a a:active { background-position: 0 -40px; }

#navi_b a { background-image: url(../../image/navi_b.gif); }
.b #navi_b a:link, .b #navi_b a:visited { background-position: 0 0; }
.b #navi_b a:hover, .b #navi_b a:active { background-position: 0 -40px; }

#navi_c a { background-image: url(../../image/navi_c.gif); }
.c #navi_c a:link, .c #navi_c a:visited { background-position: 0 0; }
.c #navi_c a:hover, .c #navi_c a:active { background-position: 0 -40px; }

#navi_d a { background-image: url(../../image/navi_d.gif); }
.d #navi_d a:link, .d #navi_d a:visited { background-position: 0 0; }
.d #navi_d a:hover, .d #navi_d a:active { background-position: 0 -40px; }

#navi_e a { background-image: url(../../image/navi_e.gif); }
.e #navi_e a:link, .e #navi_e a:visited { background-position: 0 0; }
.e #navi_e a:hover, .e #navi_e a:active { background-position: 0 -40px; }

#navi_f a { background-image: url(../../image/navi_f.gif); }
.f #navi_f a:link, .f #navi_f a:visited { background-position: 0 0; }
.f #navi_f a:hover, .f #navi_f a:active { background-position: 0 -40px; }



#navi .second a { display: block; width: 140px; height: 85px; }
#navi .second a:link, #nav .second a:visited { background-position: 0 0; }
#navi .second a:hover, #nav .second a:active { background-position: 0 -85px; }

#navi_g a { background-image: url(../../image/navi_g.gif); }
#navi_g a:link, #navi_g a:visited { background-position: 0 -85px; }
#navi_g a:hover, #navi_g a:active { background-position: 0 -85px; }


#navi .third a { display: block; width: 100px; height: 55px; }
#navi .third a:link, #nav .third a:visited { background-position: 0 0; }
#navi .third a:hover, #nav .third a:active { background-position: 0 -55px; }

#navi_h a { background-image: url(../../image/navi_h.gif); }
#navi_h a:link, #navi_h a:visited { background-position: 0 -55px; }
#navi_h a:hover, #navi_h a:active { background-position: 0 -55px; }



/* naviデコランブルって何？ */
#navihead { width: 730px; text-align: center;font-size: 1px; margin: 0 auto; }
#navihead ul { margin: 0;}
#navihead li { float: left; }
#navihead img { vertical-align: bottom;}
#navihead ul a { display: block; width: 730px; height: 110px; }
#navihead ul a:link, #navihead ul a:visited { background-position: 0 0; }
#navihead ul a:hover, #navihead ul a:active { background-position: 0 -110px; }

#navi_z a { background-image: url(../../image/navi_deco.jpg); }
.a #navi_z a:link, .a #navi_z a:visited { background-position: 0 -110px; }
.a #navi_z a:hover, .a #navi_z a:active { background-position: 0 -110px; }



/* サブボタン各種 */
.buy { width: 670px; text-align: center;font-size: 1px; margin: 0 auto;padding: 0 10px 20px 0; }
.buy  ul { margin: 0;}
.buy  li { float: left; }
.buy  img { vertical-align: bottom;}
.buy  ul a { display: block; width: 670px; height: 31px; }
.buy  ul a:link, .buy  ul a:visited { background-position: 0 0; }
.buy  ul a:hover, .buy  ul a:active { background-position: 0 -31px; }

.buy_a a { background-image: url(../../image/product_btn_buy.gif); }
.a .buy_a a:link, .a .buy_a a:visited { background-position: 0 -31px; }
.a .buy_a a:hover, .a .buy_a a:active { background-position: 0 -31px; }

.buy_b a { background-image: url(../../image/product_btn_buy_b.gif); }
.buy_b a:link, .buy_b a:visited { background-position: 0 -31px; }
.buy_b a:hover, .buy_b a:active { background-position: 0 -31px; }

/* 詳しく知りたい方はこちらへ */
.buy  li.buy_c { padding-bottom:10px; }
.buy_c a { background-image: url(../../image/product_btn_detail.gif); }
.buy_c a:link, .buy_c a:visited { background-position: 0 -31px; }
.buy_c a:hover, .buy_c a:active { background-position: 0 -31px; }

/* ラインナップへ */
.buy  li.buy_d { padding-bottom:10px; }
.buy_d a { background-image: url(../../image/product_btn_lineup.gif); }
.buy_d a:link, .buy_d a:visited { background-position: 0 -31px; }
.buy_d a:hover, .buy_d a:active { background-position: 0 -31px; }

/* 益若デコランブル特設サイトへ */
.buy  li.buy_e { padding-bottom:10px; }
.buy_e a { background-image: url(../../image/product_btn_tsubasa_sw.gif); }
.buy_e a:link, .buy_e a:visited { background-position: 0 -31px; }
.buy_e a:hover, .buy_e a:active { background-position: 0 -31px; }


/* 購入ページへミニ */
.buy_mini { width: 216px; text-align: center;font-size: 1px; margin: 0 auto;padding: 0; }
.buy_mini  ul { margin: 0;}
.buy_mini  li { float: left; }
.buy_mini  img { vertical-align: bottom;}
.buy_mini  ul a { display: block; width: 216px; height: 33px; }
.buy_mini  ul a:link, .buy_mini  ul a:visited { background-position: 0 0; }
.buy_mini  ul a:hover, .buy_mini  ul a:active { background-position: 0 -33px; }

.buy_buy a { background-image: url(../../image/product_btn_buy_mini.gif); }
.buy_buy a:link, .buy_buy a:visited { background-position: 0 -33px; }
.buy_buy a:hover, .buy_buy a:active { background-position: 0 -33px; }


/*リンクアクション-------------------------------------*/


a{
	color:#f6ffa6;
	font-style:normal;
	text-decoration:underline;
}

a:link {
	color:#f6ffa6;
	font-style:normal;
	text-decoration:underline;
}

a:visited {
	color:#d5a175;
	text-decoration:underline;
}

a:hover {
	color:#99714c;
	font-style:normal;
	text-decoration:underline;
}

a:active {
	text-decoration:none;
}


/*topコンテンツ-------------------------------------*/

.news1st {margin: 5px 0 0 20px ; }

#contentin {
	background: transparent url(../../image/top_in_bg.gif) top center repeat-y;
	clear:both;
	margin: 0 auto;
	text-align: left;
	width: 730px;
	overflow: hidden;
}

#contentinsub {
	background: transparent url(../../image/sub_in_bg.gif) top center repeat-y;
	clear:both;
	margin: 0 auto;
	text-align: left;
	width: 730px;
	height: 100%;
	overflow: hidden;
}



#lside { clear:left; width: 180px; text-align: left; float: left; padding:0px 2px 0px 25px;}

#lside dl { margin-bottom: 20px; }

#lside dd { padding:5px 5px 10px 20px; }

#lside a,p { font-size:14px;}

#topnews dd{ border-bottom:1px solid #99714c; }

#topnews { margin-top:5px;}

#rside { width: 484px; text-align: left; float: right; padding:5px 18px 40px 0px; font:normal normal normal 15px/1.4 "ＭＳ Ｐゴシック","Osaka",sans-serif;color: #24411c; }

#rside img { padding: 0 0 10px 0 ;}

#rside .nosp { padding: 0 0 0px 0 ;}


#footer{
	background: url(../../image/footer.gif) top center no-repeat;
	margin: 0;
	padding: 0 0 50px 0;
	text-align: center;
	height: 35px;
}

#footersub{
	background: url(../../image/footer_sub.gif) top center no-repeat;
	margin: 0;
	padding: 0 0 50px 0;
	text-align: center;
	height: 35px;
}



/*デコランブルについて-------------------------------------*/

#deco {width: 690px; height: 100%; text-align: left; float: left; padding:0 20px 0px 20px;}


#deco #title {
	background: url(../../image/decorumble_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 56px;
}

#deco .inner { padding: 10px 0 0 10px;}

#deco .inner img { margin: 0 0 10px 0;}





/*スイッチデコランブルについて-------------------------------------*/

#switch {width: 690px; height: 100%; text-align: left; float: left; padding:0 20px 0px 20px;}


#switch #title {
	background: url(../../image/switch_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 56px;
}

#switch #title2nd {
	background: url(../../image/switch_h2.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 96px;
}

#switch .inner { padding: 10px 0 0 10px;}

#switch .inner img { margin: 0 0 10px 0;}

#switch #ware li { float: left;}
#switch #ware li.center { margin: 0 10px 0 10px;}



/*デコランブル・ベースメントについて-------------------------------------*/

#basement {width: 690px; height: 100%; text-align: left; float: left; padding:0 20px 0px 20px;}


#basement #title {
	background: url(../../image/basement_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 56px;
}

#basement .inner { padding: 10px 0 0 10px;}

#basement .inner img { margin: 0 0 10px 0;}





/*製品紹介-------------------------------------*/

#product {width: 690px; height: 100%; text-align: left; float: left; padding:0 20px 0px 20px;}


#product #title {
	background: url(../../image/product_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 56px;
}

#product .inner { padding: 0px 0 0 10px;}

#product .inner img { margin: 10px 0 0px 0;}

#product .inner .tree { margin: -10px 0 0px 0;}

#product #ware li { width: 216px;float: left;}
#product #ware li.center { margin: 0 10px 0 10px;}
#product #ware li p { padding-top : 5px;}




/*お支払いについて-------------------------------------*/


#system {width: 690px; height: 100%; text-align: left; float: left; padding:0 20px 0px 20px;}



#system #title {
	background: url(../../image/system_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 56px;
}

#system * {font-size:13px;}


#system ul {
    list-style: none;
    margin: 0px;
    margin-left: 40px;
    padding: 0px;
}
 
#system li {
    margin: 0px;
    padding: 0px 0px 3px 23px;
    background: url(../../image/mark.gif) no-repeat 3px 0.3em;
    list-style: none;
}

#system li a {
	font-size:14px;
}


#system h2 { 
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px 0px;
	padding: 0 0 0 16px;
	border-width : 0 0 1px 0px ;
	border-style : solid ;
	border-color : #c6120b ;
}

#system .box {
	padding: 0 20px 0 50px;
}

#system table { margin: 10px 0 0 10px; }

#system td {border:1px solid #f3c28d;}

#system .CELL_1 { width:160px;}
#system .CELL_1 { color:#f3c28d;padding: 5px 5px 5px 10px;}
#system .CELL_2 { padding:5px;color:#f3c28d}

#system p.minitext { font-size:11px;color:#f3c28d;}




/*良くある質問-------------------------------------*/

#faq {width: 690px; height: 100%; text-align: left; float: left; padding:0 20px 0px 20px;}


#faq #title {
	background: url(../../image/faq_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 56px;
}


#faq .inner { padding: 10px 0 0 10px;}

#faq .inner img { margin: 0 0 10px 0;}

/*良くある質問-------------------------------------*/


#faq ul.ques {
    list-style: none;
    margin: 0px;
    margin-left: 40px;
    padding: 0;
}
 
#faq ul.ques li {
    margin: 0 ;
    padding: 5px 0px 10px 50px;
    background: url(../../image/faq_mark.gif) no-repeat 3px -0.2em;
    list-style: none;
}


div.box div.answer {
	margin: 0 0 20px 35px;
	width: 600px;
	overflow: hidden;

}

div.answer {
	width:600px;
	min-height:300px;
	background:
		url(../../image/faq_answer_bottom.gif)
		no-repeat left bottom;
	}

div.short1 {
	min-height:180px;
	}


div.short2 {
	min-height:180px;
	}

div.middle1 {
	min-height:270px;
	}

div.answer  dl{
	float:left;
	width:600px;
	margin:0 0 10px 0;
	background:
		url(../../image/faq_answer_middle.gif)
		repeat-y;
	}

div.answer  dl dt{
	width:600px;
	background:
		url(../../image/faq_answer_top.gif)
		no-repeat top left;
	}

div.answer  dl dt p{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#5c1c1c;
	padding:0.7em 0.8em 0.7em 4em;
	background:
		no-repeat 1em 0.9em;
	}

div.answer  dl dt a:hover{
	background:
		url(../img/home/icon_new_o.gif)
		1em 0.9em no-repeat;
	}

div.answer  dl dd{padding-top:1em;}

div.answer  dl dd p{
	margin:0 0.8em 1em;
	}

div.answer  dl dd li{
	font-size:14px;
	margin:0 0 0.5em 1.6em;
	}


/*ふくみみの使用方法と使用上の注意---------------------*/

#notes {width: 690px; height: 100%; text-align: left; float: left; padding:0 20px 0px 20px;}


#notes #title {
	background: url(../../image/notes_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 56px;
}

#notes .inner { padding: 10px 0 0 10px;}

#notes .inner img { margin: 0 0 10px 0;}

#notes .way p { padding: 0 10px 10px 10px;}

#notes .list {padding: 0 10px 0 10px;}

#notes dt {
	font-weight: bold;
	color: #ed3620;
	margin: 0px 0 10px 0;
	border-width : 0 0 1px 0 ;
	border-style : solid ;
	padding : 0 ;
	border-color : #ed3620 ;
}

#notes dd {
	margin: 0px 0 20px 0;
	border-width : 0 0 2px 0 ;
	border-style : solid ;
	padding-bottom : 10px ;
	border-color : #8d2828 ;
}

.inlistul li {
    margin: 0px;
    padding: 0px 0px 3px 23px;
    background: url(../../image/mark.gif) no-repeat 3px 0.3em;
    list-style: none;
}


.inlistul li p.inul {
	font-weight: bold;
}






/*お取扱いを検討されている法人･店舗の皆様へ---------------------*/

#business {width: 690px; height: 100%; text-align: left; float: left; padding:0 20px 0px 20px;}


#business #title {
	background: url(../../image/business_h1.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 690px;
	height: 56px;
}

#business .inner { padding: 10px 0 0 10px;}

#business .inner img { margin: 0 0 10px 0;}

#business .way p { padding: 0 10px 10px 10px;}

#business .list {padding: 0 10px 0 10px;}












/*other-------------------------------------*/



#hrst {
	background: url(../../image/top_in_st.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 8px;
}

#hrend {
	background: url(../../image/top_in_end.gif) top center no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 7px;
}



.hrimgs {
	background: url(../../image/hr_dot.gif) top center repeat-y;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
	width: 670px ;
	height: 30px;
}

.hrimgss {
	background: url(../../image/hr_dot.gif) top center repeat-y;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
	width: 620px ;
	height: 30px;
}

.none {
	display:none ;
	width: 0px ;
	height: 0px ;
	overflow: hidden ;
	position: absolute; /* for the benefit of IE5 Mac */
}

sup {
	font-size:11px;
	font-weight: bold;
	text-decoration:underline;
	color: #f33902;
}

.strongtxt {
	font-size:16px;
	font-weight: bold;
	color:#f9f8a6;
}

.crlboth { clear: both;}
.spacedot { text-align:center;}
.space10 {margin-bottom:20px;}