@charset "UTF-8";



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１．初期設定リセット
タグに設定されている初期値を解除

※この設定は任意
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

table {
	border:0px;
}

img {
	margin:0px;
	padding:0px;
	border:0px none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．初期設定
タグに値を設定

タグ自体に設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

body {
	margin:0px;
	padding:0px;
	color:#44403F;
	font-size:14px;
	line-height:1.8;
	font-family:"Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
	background:url(../common_img/bg.jpg) repeat center top;
}

h1 {/*seo用に使用すること,seoのフォントサイズは固定にする*/
	width:1040px;
	margin:0 auto;
	padding:0px 0 0;
	height:11px;
	color:#A2A4B3;
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;
	font-weight:normal;
	line-height:1.1em;
}

h2#logo {
	margin:0;
	padding:0;
}

a,
a:link,
a:visited{
	color:#8C692F;
	text-decoration:underline;
}
a:hover,
a:active {
	color:#666666;
	text-decoration:underline;
}


li img,
li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
}

dt img,
dt a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■３．共通仕様

　※ここでの設定は、ＩＤ・ＣＬＡＳＳは固定名
　※設定する値は任意

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-１．ラッパー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#wrapper_bg {
	overflow:hidden;
	min-width:1100px;
	background:url(../common_img/h_bg.gif) repeat-x center top;
}
/*各ページタイトルbg*/
body#top #wrapper_main_bg {
	background:url(../images/main_bg.jpg) no-repeat center 211px;
}
#wrapper_about_bg {
	background:url(../about/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_blog_bg {
	background:url(../blog/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_concept_bg {
	background:url(../concept/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_contact_bg {
	background:url(../contact/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_custom_bg {
	background:url(../custommade/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_flow_bg {
	background:url(../flow/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_guide_bg {
	background:url(../guide/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_history_bg {
	background:url(../history/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_knowledge_bg {
	background:url(../knowledge/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_notes_bg {
	background:url(../notes/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_project_bg {
	background:url(../project/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_regist_bg {
	background:url(../regist/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_shop_bg {
	background:url(../shop/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_shopping_bg {
	background:url(../shopping/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_time_bg {
	background:url(../time/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_trial_bg {
	background:url(../trial/images/page_tit_bg.jpg) no-repeat center 211px;
}
#wrapper_wholesale_bg {
	background:url(../wholesale/images/page_tit_bg.jpg) no-repeat center 211px;
}
/*各ページタイトルbgここまで*/

#wrapper_main_btm {
	padding:0 0 74px;
	background:url(../common_img/f_bg1.jpg) no-repeat center bottom;
}
#wrapper {
	width:1045px;
	margin:0 auto;
	padding:0 5px 0 0;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-２．ヘッダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#header {
	position:relative;
	width:750px;
	height:115px;
	margin:0 auto;
	padding:28px 0 0;
}

#header #h_tel{
	float:left;
	width:380px;
}
#header .h_open{
	color:#211A14;
	font-size:11px;
	line-height:1.5;
  text-indent: -0.5em;
}
#header .h_contact{
	float:right;
	width:362px;
}

#header #h_navi{
	float:left;
	width:518px;
	margin:15px 0 0;
}
#header #h_navi ul{
	float:left;
	margin:0 0 0 0;
}
#header #h_navi li{
	font-size:11px;
	line-height:1.4;
	color:#211A14;
	padding:0 8px 5px 12px;
	background:url(../common_img/h_icon.jpg) no-repeat left 3px;
}
#header #h_navi li a{
	color:#211A14;
	text-decoration:none;
}
#header #h_navi li a:hover{
	color:#AC7C56;
	text-decoration:none;
}
#header #h_navi li.none{
	padding:0 0px 5px 12px;
}

#header #h_credit {
	float:right;
	width:230px;
	text-align:right;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-５．ナビゲーション
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#gnavi {
	width:750px;
	list-style-type:none;
	margin:0 0 10px;
}
body#top #gnavi {
}
#gnavi li img,
#gnavi li a img {/*画像の隙間をなくす為に必須*/
	vertical-align:top;
}

#gnavi li{
	float:left;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-5．ぱんくず
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


.pankuzu{
	line-height:1.3;
	font-size:11px;
	color:#44403F;
	margin:10px auto 20px;
}
.pankuzu a{
	color:#44403F;
	text-decoration: underline;
}

.pankuzu a:hover,
.pankuzu a:active {
	color:#AC7C56;
	text-decoration: underline;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-６．コンテンツ・ラッパー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#main {/*メインコンテンツ*/
	width:1045px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-７．コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#content {
	float:right;
	width:750px;
}
#page_title {
	height:120px;
	padding:60px 0 0 ;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-８．左カラム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#left_side {
	float:left;
	width:266px;
	padding:0 0 10px;
	background:url(../common_img/l_box_btm.png) no-repeat left bottom;
}
#left_side_bg{
	padding:0 0 0px 5px;
	background:url(../common_img/l_box_bg.png) repeat-y;
}
#left_side_inner {
	width:224px;
	padding:0 16px 13px;

}

#left_side #l_btnarea1 {
	width:224px;
	padding:0 0 27px;
}
#left_side .l_cate_navi{
	padding:0 0 28px;
}
#left_side .l_cate_navi li{
	margin:0 0 2px;
}

#left_side .l_guide{
	font-size:13px;
	line-height:1.5;
	color:#44403F;
	padding:0 0 12px;
	margin:20px 0 20px 10px;
	border-bottom:1px solid #D5C6C0;
}
#left_side .l_guide li{
	padding: 0 0 8px 15px;
	background:url(../common_img/icon1.jpg) no-repeat left 4px;
}

#left_side .l_guide li a{
	color:#44403F;
	text-decoration:none;
}
#left_side .l_guide li a:hover{
	text-decoration: underline;
	color:#9A9276;
}

#left_side .l_about{
	position:relative;
	margin: 0 0 10px;
}
#left_side .l_about ul{
	position: absolute;
	top:65px;
	left:25px;
}
#left_side .l_about li{
	font-size:12px;
	line-height:1.5;
	color:#FFFFFF;
	padding: 0 0 3px 15px;
	background:url(../common_img/icon2.jpg) no-repeat left 4px;
}

#left_side .l_about li a{
	color:#FFFFFF;
	text-decoration:none;
}
#left_side .l_about li a:hover{
	text-decoration: underline;
	color:#FFFFFF;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-８．ページタイトル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-９．ページトップ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.f_page-up {
	position: relative;
	width:1040px;
	margin:0 auto;
}
.f_page-up img {
	position: absolute;
	top:-81px;
	right:0;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-10．
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-10．フッターナビ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#f_navi_bg{
	height:337px;
	padding:40px 0 0px;
	background:url(../common_img/f_bg2.jpg) no-repeat center top;
}
#f_navi_top{
	padding:0 0 40px;
}
#f_navi_bg #f_logo {
	float:left;
	width:340px;
}
#f_navi_bg #f_tel {
	float:left;
	width:455px;
}

#f_navi_bg #f_contact {
	float:right;
	width:241px;
}
#f_navi_bg #f_navi {
	width:1040px;
	margin:0 auto;
	font-size:12px;
	line-height:1.5;
	color:#FFFFFF;
	text-align:left;
}
#f_navi_bg #f_navi .f_shopping_menu th{
	width:128px;
	border-left:1px solid #8D8B8A;
	border-right:1px solid #8D8B8A;
	vertical-align:middle;
	text-align:center;
}
#f_navi_bg #f_navi .f_shopping_menu td.f_td1{
	width:525px;
	vertical-align:top;
	text-align:left;
	padding:20px 0 0 35px;
}
#f_navi_bg #f_navi .f_shopping_menu td.f_td2{
	width:185px;
	vertical-align:top;
	text-align:left;
	padding:20px 0 0 35px;
}
#f_navi_bg #f_navi .f_shopping_menu td ul.ul01{
	float:left;
	width:280px;
}
#f_navi_bg #f_navi .f_shopping_menu td ul.ul02{
	float:left;
	width:220px;
}

#f_navi_bg #f_navi .f_shopping_menu li{
	padding:0 0 10px 15px;
	background:url(../common_img/f_icon.png) no-repeat left 5px;
}

#f_navi_bg #f_navi .f_shopping_menu a,
#f_navi_bg #f_navi .f_shopping_menu a:link,
#f_navi_bg #f_navi .f_shopping_menu a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#f_navi_bg #f_navi .f_shopping_menu a:hover,
#f_navi_bg #f_navi .f_shopping_menu a:active {
	color:#FFFFFF;
	text-decoration: underline;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●３-10．フッター
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#footer_bg {
	background:url(../common_img/f_bg3.jpg) no-repeat center top;
}
#footer {
	width:1040px;
	height:160px;
	clear:both;
	color:#FFFFFF;
	padding:50px 0px 0px;
	margin:0 auto 0;
	font-size:12px;
	line-height:1.5;
}

#footer #f_sitemap ul{
	float:left;
	margin: 0 0 0 25px;
}
#footer #f_sitemap ul.ul03{
	width:75px;
}
#footer #f_sitemap ul.ul04{
	width:225px;
}
#footer #f_sitemap ul.ul05{
	width:255px;
}
#footer #f_sitemap ul.ul06{
	width:275px;
}
#footer #f_sitemap li{
	padding:0 0 8px 15px;
	background:url(../common_img/f_icon.png) no-repeat left 5px;
}

#footer #f_sitemap li a,
#footer #f_sitemap li a:link,
#footer #f_sitemap li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#footer #f_sitemap li a:hover,
#footer #f_sitemap li a:active {
	color:#FFFFFF;
	text-decoration: underline;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■４．対複数設定

　※ここでの設定名・値は任意
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*---table--*/
table.table01{
	border-collapse:collapse;
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
}
table.table01 th{
	vertical-align: middle;
	text-align: left;
	padding:15px 15px;
	font-weight:bold;
	border:1px solid #DDDDDD;
	background-color:#F7F6F3;
}
table.table01 td{
	vertical-align: middle;
	text-align: left;
	padding:15px 15px;
	border:1px solid #DDDDDD;
}

/*---bg_shadow--*/
.img_shadow img{
	margin-top:5px;
	display:block;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

/*float*/

.disp_left{float:left;}
.disp_right{float:right;}

/*ディスプレイnone*/

.disp_none{display:none;}

/*テキストalign*/
.align_r{text-align:right!important;}
.align_l{text-align:left!important;}
.align_c{text-align: center!important;}



/*---幅--*/

.w80{width:80px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w380{width:380px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w430{width:430px;}
.w440{width:440px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}

/*-----*/

.disp_vab{
	vertical-align:bottom;
}
.disp_vam{
	vertical-align:middle;
}

/*リストをセンターに*/
.centerd{
	position:relative;
	overflow:hidden;
}
.centerd ul{
	position:relative;
	left:50%;
	float:left;
}
.centerd ul li{
	position:relative;
	left:-50%;
	float:left;
}
/*マウスオーバー*/
.onmouse a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
a:hover img.onmouse {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/*角丸*/
.border_radius2 {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.border_radius3 {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.border_radius4 {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.border_radius5 {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

/*文字　カラー*/
.red {color:#BB1717;font-weight:bold;}
.red2 {color:#BB1717;}
.brown{color:#472B0F;}
.gold1{color:#98622C;}
.pink1{color:#ED5770;}
.ft_bold{font-weight:bold;}
.enji{color:#8D3728}

.bg_gray1{
	background-color:#EFEFEF;
}

/*フォントサイズ*/
.ft_10{line-height:1.3;font-size:10px;font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;}
.ft_11{line-height:1.5;font-size:11px;}
.ft_12{line-height:1.5;font-size:12px;}
.ft_13{font-size:13px;}
.ft_13b{font-size:13px;font-weight:bold;}
.ft_14{font-size:14px;}
.ft_14b{font-size:14px;font-weight:bold;}
.ft_15{font-size:15px;}
.ft_15b{font-size:15px;font-weight:bold;}
.ft_16{font-size:16px;}
.ft_16b{font-size:16px;font-weight:bold;}
.ft_18{font-size:18px;}
.ft_18b{font-size:18px;font-weight:bold;}
.ft_20{font-size:20px;}
.ft_20b{font-size:20px;font-weight:bold;}



/*--line-height--*/

.line_hi18{
	line-height:1.8;
}
.line_hi2{
	line-height:2;
}



/*--余白--*/

/*左*/

.pa_l10{padding-left:10px;}

/*上*/
.pa_t5{padding-top:5px;}
.pa_t10{padding-top:10px;}
.pa_t15{padding-top:15px;}
.pa_t20{padding-top:20px;}
.pa_t30{padding-top:30px;}

/*右*/
.pa_r5{padding-right:5px;}
.pa_r10{padding-right:10px;}
.pa_r20{padding-right:20px;}

/*下*/
.pa_b5{padding-bottom:5px;}
.pa_b10{padding-bottom:10px;}
.pa_b20{padding-bottom:20px;}
.pa_b25{padding-bottom:25px;}
.pa_b30{padding-bottom:30px;}
.pa_b40{padding-bottom:40px;}
.pa_b50{padding-bottom:50px;}

/*左*/
.ma_l5{margin-left:5px;}
.ma_l10{margin-left:10px;}
.ma_l20{margin-left:20px;}
.ma_l25{margin-left:20px;}
.ma_l30{margin-left:30px;}
.ma_l35{margin-left:35px;}
.ma_l40{margin-left:40px;}
.ma_l45{margin-left:45px;}
.ma_l50{margin-left:50px;}

/*上*/
.ma_t5{margin-top:5px;}
.ma_t10{margin-top:10px;}
.ma_t15{margin-top:15px;}
.ma_t20{margin-top:20px;}
.ma_t30{margin-top:30px;}
.ma_t40{margin-top:40px;}
.ma_t50{margin-top:50px;}

/*下*/
.ma_b2{margin-bottom:2px;}
.ma_b4{margin-bottom:4px;}
.ma_b5{margin-bottom:5px;}
.ma_b6{margin-bottom:6px;}
.ma_b8{margin-bottom:8px;}
.ma_b10{margin-bottom:10px!important;}
.ma_b12{margin-bottom:12px;}
.ma_b15{margin-bottom:15px;}
.ma_b17{margin-bottom:17px;}
.ma_b20{margin-bottom:20px!important;}
.ma_b25{margin-bottom:25px;}
.ma_b30{margin-bottom:30px;}
.ma_b35{margin-bottom:35px;}
.ma_b40{margin-bottom:40px;}
.ma_b50{margin-bottom:50px;}

/*右*/
.ma_r5{margin-right:5px;}
.ma_r10{margin-right:10px;}
.ma_r12{margin-right:12px;}
.ma_r13{margin-right:13px;}
.ma_r15{margin-right:15px;}
.ma_r20{margin-right:20px;}
.ma_r25{margin-right:25px;}
.ma_r28{margin-right:28px;}
.ma_r30{margin-right:30px;}
.ma_r_269 {margin-right: -269px;}

/*左右下マージン*/

.mlr10b10 { margin-left:10px!important; margin-right:10px!important;  margin-bottom:10px!important; }
.mlr10b20 { margin-left:10px!important; margin-right:10px!important;  margin-bottom:20px!important; }
.mlr10b30 { margin-left:10px!important; margin-right:10px!important;  margin-bottom:30px!important; }
.mlr10b40 { margin-left:10px!important; margin-right:10px!important;  margin-bottom:40px!important; }
.mlr10b50 { margin-left:10px!important; margin-right:10px!important;  margin-bottom:50px!important; }
.mlr10b60 { margin-left:10px!important; margin-right:10px!important;  margin-bottom:60px!important; }
.mlr10b70 { margin-left:10px!important; margin-right:10px!important;  margin-bottom:70px!important; }
.mlr10b80 { margin-left:10px!important; margin-right:10px!important;  margin-bottom:80px!important; }


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■５．その他の設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*フロート・クリアーボックス*/
.clearfix {zoom:1;}
.clearfix:after{ content: ""; display: block; clear: both; }
.clear {
 clear:both;
 }