@charset "UTF-8";
/* CSS Document */
.maintitle{
	width:100%;
	background:#489882;
	color:#FFF;
	margin-bottom:20px;
	padding:5px;
	box-sizing:border-box;
}
.imgandinfo,.imgandinfo2{
	margin-bottom:20px;
}

.imgandinfo div.mainimg,.imgandinfo2 div.mainimg{
	position:relative;
	height:auto;
	text-align:center;
}
.imgandinfo div.mainimg p,.imgandinfo2 div.mainimg p{
	width:100%;
	box-sizing:border-box;
	position:absolute;
	z-index:101;
	bottom:0;
	padding:10px;
	text-align:left;
	background:rgba(255,255,255,0.6);
}
.imgandinfo ul{
	margin:0;
	padding:0;
}
.imgandinfo ul li{
	float:left;
	width:33.3%;
	box-sizing:border-box;
	border:1px solid #CCC;
	cursor:pointer;
}
.imgandinfo ul li.selected{
	border-color:red;
}
.imgandinfo ul li img{
	box-sizing:border-box;
	padding:2px;
	width:100%;
}
.imgandinfo:after{
	display:block;
	content:"";
	clear:both;
}


/*=============================
PC用（幅が640px以上のウインドウ用）
=============================*/


@media (min-width: 640px) {


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:top;}
a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	
	}

ul,ol {margin: 0px 0px 0px 20px;padding: 0px;list-style:none;}

.clear_fix {min-height: 1em;_height: 1px;_overflow: visible;}
.layout_l {float:left;}
.layout_r {float:right;}

a {color:#333; text-decoration:none;}
a:hover {color:#ff9900; text-decoration:none;}

/* AFTER要素 */
.clear_fix:after {content: "";display: block;clear: both;height: 0px;overflow: hidden;}


body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 18px;
	color: #333333;
	background-color:#FFFFFF;
	overflow-x: hidden;
	}


#wrapper {margin: 0px auto;padding: 0px; width:100%;}

.mgpd_z{margin:0px; padding:0px;}

.red_b{ color:#ff0000; font-weight:bold;}
.red_n{ color:#ff0000; }
.green_b{ color:#489882; font-weight:bold;}
.green_n{ color:#489882;}

/* ヘッダー */

#header {margin: 0px auto; width:100%; height: 145px; padding:0px; background:#489882;}
#headerbox {margin: 0px auto; width:960px; height: 125px; padding:0px;}
h1{margin: 0px 0px 0px 0px; padding:5px 0px 0px 0px; font-size:12px; color:#ffffff;width:600px;text-align:left; float:left;}
#logo{ clear:both;float:left; margin: 25px 0px 0px 0px; padding:0px 0px 0px 0px;}
#logo a:hover img {
  opacity: 0.95;
  filter: alpha(opacity=95);
  -ms-filter: "alpha(opacity=95)";
}
#telbanner{ float:left; margin: 20px 0px 0px 50px; padding:0px 0px 0px 0px;}
#h_rbox{ float:right; margin: -26px 0px 0px 0px; padding:0px 0px 0px 0px; height:120px; width:290px;}
#h_area{margin: 5px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; font-weight:bold; text-align:left; line-height:1.3;}
.h_text01{ font-size:12px; color:#ffffff; font-weight:bold; margin: 10px 0px 0px 40px; padding:0px 0px 0px 10px; background:url(../images/wh_icon.png) no-repeat; background-position:0px 6px; text-align:left;}
.h_text02{ font-size:12px; color:#ffffff; font-weight:bold; margin: 7px 0px 0px 40px; padding:0px 0px 0px 10px; background:url(../images/wh_icon.png) no-repeat; background-position:0px 6px;text-align:left;}
.h_text01 a{ color:#ffffff;}
.h_text01 a:hover{ color:#ff9933;}
.h_text02 a{ color:#ffffff;}
.h_text02 a:hover{ color:#ff9933;}

.hotoiawase{ margin: 0px 0px 0px 40px; padding:0px 0px 0px 0px;background:#FFFFFF;width:248px; }
.hotoiawase a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* ナビメニュー */
#navibox{ margin: 0px auto; padding:0px; background:#ffffff; width:100%; height:55px; border-bottom:2px solid #489881;}
#navibox_ch{ margin: 0px auto; padding:0px; background-image:url(../images/navi_bg.png); width:100%; height:48px;}
#navicontents{margin: 0px auto; padding:0px; width:960px; height:55px; text-align:center;}

.navi01{ margin:0px;float:left; background:url(../images/nv_home_on.png) no-repeat;}
.navi01 a {display: inline-block;}
.navi01 a:hover {background-color: transparent;}
.navi01 a:hover img {visibility: hidden;}

.navi02{ margin:0px;float:left; background:url(../images/nv_sekou_on.png) no-repeat;}
.navi02 a {display: inline-block;}
.navi02 a:hover {background-color: transparent;}
.navi02 a:hover img {visibility: hidden;}

.navi03{ margin:0px;float:left; background:url(../images/nv_name_on.png) no-repeat;}
.navi03 a {display: inline-block;}
.navi03 a:hover {background-color: transparent;}
.navi03 a:hover img {visibility: hidden;}

.navi04{ margin:0px;float:left; background:url(../images/nv_monthly_on.png) no-repeat;}
.navi04 a {display: inline-block;}
.navi04 a:hover {background-color: transparent;}
.navi04 a:hover img {visibility: hidden;}

.navi05{ margin:0px;float:left; background:url(../images/nv_access_on.png) no-repeat;}
.navi05 a {display: inline-block;}
.navi05 a:hover {background-color: transparent;}
.navi05 a:hover img {visibility: hidden;}

.navi06{ margin:0px;float:left; background:url(../images/nv_company_on.png) no-repeat;}
.navi06 a {display: inline-block;}
.navi06 a:hover {background-color: transparent;}
.navi06 a:hover img {visibility: hidden;}

#globalNav {margin: 0px; padding:0px; background:#ffffff; width:100%; height:55px; border-bottom:2px solid #489881; z-index:2;}
#navicontents{margin: 0px auto; padding:0px 0px 0px 0px; width:980px; height:55px;list-style: none;z-index:2;}
#navicontents ul li {
	list-style: none;
	margin-left: -10px;
	float: left;
	padding: 0px 10px 0px 0px;
	position: relative;
	width:160px;
	z-index:2;
}
#navicontents ul li ul {
	margin:0px;
	padding: 0px 0px 0px 10px;
	display: none;
	position: absolute;
	top: 54px;
	left: 0px;
	z-index:2;
}
#navicontents ul li ul li {
	float: none;
	font-size: 14px;
	line-height: 0;
	z-index:2;
}
#navicontents ul li ul li a {
	display: block;
	width: 160px;
	color: #ffffff;
	padding: 10px 0px;
	background: #92db86;
	line-height: normal;
	border-top: 1px solid #ffffff;
	text-decoration: none;
	text-align: center;
	z-index:2;
}
#navicontents ul li ul li a:hover {
	color: #489882;
	background: #ffffff;
	z-index:2;
}


/* メイン画像 */
#m_phbox{margin: 0px auto; padding:0px; width:100%; height:410px;}
#m_ph{ margin:0px auto; padding:0px; width:960px; background-color:#999;}


/* コンテンツ */

#contents { margin: 0px; padding:0px; background:url(../images/main_bg.png)}
#main { margin: 0px auto 0px; width:960px; height:auto;padding: 0px;}

.bdc{ margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px; text-align:left; font-size:14px;}
.bdc a{ text-decoration:underline;}

.mb_title{ margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px;}

/* 左 サイド　 */

#leftbox{margin: 20px 20px 0px 0px; padding:0px; width:220px; float:left;}
.leftcon_01{ margin: 0px 0px 0px 0px; padding:0px; width:220px; height: 179px;background: url(../images/side_contactbg.png) no-repeat;}
.left_otoiawase{margin: 0px 0px 0px 0px; padding:110px 0px 0px 0px;}
.left_otoiawasebtn{margin: 0px 0px 0px 8px; padding:0px 0px 0px 0px; background:#ffffff; width:204px; height:48px;}
.leftcon_02{ margin: 20px 0px 0px 0px; padding:0px; width:220px;}
.leftcon_02a{ margin: 20px 0px 40px 0px; padding:0px; width:220px;}
.leftcon_03{ margin: 20px 0px 0px 0px; padding:0px; width:220px;}
.s_map{ text-align:left; margin:5px 0px 30px 0px;}


/* 右　メインエリア */

#mconarea{margin: 20px 0px 0px 0px; padding:0px; width:720px; height:auto;float:right;}
#mconarea_j{margin: 30px 0px 0px 0px; padding:0px; width:720px; float:right;height:1000px;}

#mconarea .box10{ clear:both; margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px;}
#mconarea .box20{ clear:both; margin: 0px 0px 0px 0px; padding:20px 0px 0px 0px;}

.mcon_monthly{
	margin: 0;
	padding: 0;
	width: 720px;
	height: 610px;
	background-repeat: no-repeat;
	position: relative;
}
.mcon_monthly .mcon_01 > img {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.mcon_01 a{
	position:absolute;
	top:515px;
	left:157.5px;
	z-index:101;
}

.mcon_02{margin: 20px 0px 0px 0px; background:url(../images/m_newsbg.png) no-repeat; width:720px; height:268px; overflow:hidden;}
.newstext{
	margin: 60px 0px 10px 30px;
	width: 660px;
	text-align: left;
	height: 190px;
	overflow-y:scroll;
}
.newstext dt,.newstext dd{display:inline-block;}
.newstext dt{width:30%; vertical-align:top;}
.newstext dd{
	width: 100%;
	vertical-align: top;
}
.newstext dl dd:not(:last-child){border-bottom:1px dotted #333333;}
.newstext dd:after{clear:both;}
.newstext dl{border-bottom:1px dotted #333333;}
.mcon_03{margin: 20px 0px 0px 0px; padding:20px; background:url(../images/m_cinfo02.png) no-repeat; width:680px; height:451px;}

.c_text_b01{ margin:0px; padding:0px; text-align:left; font-size:20px; font-weight:bold; line-height:1.3;}
.c_text01{ margin:20px 0px 0px 0px; padding:0px; text-align:left; font-size:16px;}

.mcon_04{ margin: 0px 0px 0px 0px; padding:0px; background:url(../images/m_jireibg.png) no-repeat; width:720px; height:1246px;}
.jireibtn01{ margin: 0px 0px 0px 0px; padding:110px 60px 0px 0px; float:right;}
.jireibtn02{ clear:both; margin: 0px 0px 0px 0px; padding:325px 60px 0px 0px; float:right;}
.topback{ clear:both;margin:25px; padding:0px; float:right;}

/* 右　メインエリア　マンスリーサイン */

.mon_bb{ margin:0; padding:0;}

.mon_sb01{margin: 20px 12px 0px 0px; padding:0px; background:url(../images/signs_b01.png) no-repeat; width:354px; height:323px;}

.mon_sb02{margin: 20px 0px 0px 0px; padding:0px; background: url(../images/pat_b.png) no-repeat; width:354px; height:323px;}

.mon_sb03{margin: 20px 12px 0px 0px; padding:0px; background:url(../images/cop_b.png) no-repeat; width:354px; height:323px;}

.mon_sb04{margin: 20px 0px 0px 0px; padding:0px; background: url(../images/ren_b.png) no-repeat; width:354px; height:323px;}

.mon_sb05{margin: 20px 12px 0px 0px; padding:0px; background:url(../images/tak_b.png) no-repeat; width:354px; height:323px;}

.mon_sb06{margin: 20px 0px 0px 0px; padding:0px; background: url(../images/renp_b.png) no-repeat; width:354px; height:323px;}

.mon_dbtn01{ margin: 0px; padding: 275px 0px 0px 175px; background: url(../images/mond_btn_on.png) no-repeat; background-position: 187px 275px; }
.mon_dbtn01 a {display: inline-block;}
.mon_dbtn01 a:hover {background-color: transparent;}
.mon_dbtn01 a:hover img {visibility: hidden;}

/*マンスリーサイン詳細　サインスタンド*/

#mconarea .sign_b01{margin:0; padding:0 0 0 30px; background:url(../images/sign_bigb.png) no-repeat; width:690px; height:927px;}

#mconarea .sign_b01 .pricebox{margin:0px 0px 0px 0px; padding:395px 0px 0px 0px;}
#mconarea .sign_b01 .pricebox_125g{margin:0px ; padding:5px; background:#e2ffe3; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .sign_b01 .pricebox_180g{margin:0px ; padding:5px; background:#e2ffe3; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}
#mconarea .sign_b01 .pricebox_125gr{margin:0px ; padding:5px; background:#dcdcdc; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .sign_b01 .pricebox_180gr{margin:0px ; padding:5px; background:#dcdcdc; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}

#mconarea .siz_d{ font-size:14px;}
#mconarea .price_text01{ clear:both; text-align:left; padding:5px; margin:0px;  font-size:16px;}

/*マンスリーサイン詳細パーテーション*/
#mconarea .pat_b01{margin:20px 0px 0px 0px; padding:0px 0px 0px 367px; background: url(../images/pat_bg.png) no-repeat; width:353px; height:387px;}
#mconarea .pat_b01 .pricebox_125g{margin:55px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .pat_b01 .pricebox_180g{margin:55px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}
#mconarea .pat_b01 .pricebox_125gr{margin:0px ; padding:5px; background:#dcdcdc; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .pat_b01 .pricebox_180gr{margin:0px ; padding:5px; background:#dcdcdc; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}
#mconarea .pat_b01 .pricebox_125g_02{margin:15px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}

#mconarea .pat_b01 .pricebox { clear:both; margin:0; padding:0px 0px 0px 0px;}
#mconarea .pat_b01 .text { margin:15px 0px 0px 0px; padding:0px 0px 0px 10px;}
#mconarea .price_text02{ clear:both; text-align:left; padding:5px; margin:15px 0px 0px 0px;  font-size:16px;}


/*マンスリーサイン詳細　コポット*/

#mconarea .cop_b01{margin:20px 0px 0px 0px; padding:0px 0px 0px 35px; background: url(../images/cop_bg.png) no-repeat; width:685px; height:552px;}
#mconarea .cop_b01 .pricebox{margin:270px 0px 0px 0px; padding:0px 0px 0px 0px;}
#mconarea .cop_b01 .pricebox_125g{margin:0px ; padding:5px; background:#e2ffe3; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .cop_b01 .pricebox_180g{margin:0px ; padding:5px; background:#e2ffe3; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}
#mconarea .cop_b01 .pricebox_125gr{margin:0px ; padding:5px; background:#dcdcdc; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .cop_b01 .pricebox_180gr{margin:0px ; padding:5px; background:#dcdcdc; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}

/*マンスリーサイン詳細　連接グリーン*/

#mconarea .ren_b01{margin:20px 0px 0px 0px; padding:0px 0px 0px 367px; background: url(../images/ren_bg.png) no-repeat; width:353px; height:407px;}
#mconarea .ren_b01 .pricebox_125g{margin:65px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .ren_b01 .pricebox_180g{margin:65px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}
#mconarea .ren_b01 .pricebox_125gr{margin:0px ; padding:5px; background:#dcdcdc; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .ren_b01 .pricebox_180gr{margin:0px ; padding:5px; background:#dcdcdc; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}
#mconarea .ren_b01 .pricebox_125g_02{margin:15px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .ren_b01 .pricebox_180g_02{margin:15px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}

#mconarea .ren_b01 .pricebox { clear:both; margin:0; padding:0px 0px 0px 0px;}
#mconarea .ren_b01 .price_text02{ clear:both; text-align:left; padding:5px; margin:5px 0px 0px 0px;  font-size:16px;}

/*マンスリーサイン詳細　卓上ポット*/

#mconarea .pot_b01{margin:20px 0px 0px 0px; padding:0px 0px 0px 40px; background: url(../images/pot_bg.png) no-repeat; width:680px; height:474px;}
#mconarea .pot_b01 .pricebox{margin:270px 0px 0px 0px; padding:0px 0px 0px 0px;}
#mconarea .pot_b01 .pricebox_125g{margin:0px ; padding:5px; background:#e2ffe3; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .pot_b01 .pricebox_180g{margin:0px ; padding:5px; background:#e2ffe3; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}
#mconarea .pot_b01 .pricebox_125gr{margin:0px ; padding:5px; background:#dcdcdc; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .pot_b01 .pricebox_180gr{margin:0px ; padding:5px; background:#dcdcdc; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}

/*マンスリーサイン詳細　連接ポット*/

#mconarea .renpot_b01{margin:20px 0px 0px 0px; padding:0px 0px 0px 367px; background: url(../images/renpot_bg.png) no-repeat; width:353px; height:386px;}
#mconarea .renpot_b01 .pricebox_125g{margin:65px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .renpot_b01 .pricebox_180g{margin:65px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}
#mconarea .renpot_b01 .pricebox_125gr{margin:0px ; padding:5px; background:#dcdcdc; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .renpot_b01 .pricebox_180gr{margin:0px ; padding:5px; background:#dcdcdc; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}
#mconarea .renpot_b01 .pricebox_125g_02{margin:15px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:125px; border-bottom:2px solid #ffffff; border-right:2px solid #ffffff; font-size:16px;}
#mconarea .renpot_b01 .pricebox_180g_02{margin:15px 0px 0px 0px ; padding:5px; background:#e2ffe3; width:180px; border-bottom:2px solid #ffffff;border-right:2px solid #ffffff;font-size:16px;}

#mconarea .renpot_b01 .pricebox { clear:both; margin:0; padding:0px 0px 0px 0px;}
#mconarea .renpot_b01 .price_text02{ clear:both; text-align:left; padding:5px; margin:5px 0px 0px 0px;  font-size:16px;}


/* 施工例 */

.sekou_pic01{margin: 0px 12px 0px 0px; padding:0px; background: url(../images/sekou_01.png)no-repeat; width:354px; height:473px;}

.sekou_pic_t01{ margin: 0px; padding: 5px 0px 0px 10px; font-weight:bold; font-size:20px; color:#ffffff; text-align:left; }

dl.sekou_pri {
	font-size:14px;
	margin:270px 0px 0px 25px;
	border: 1px solid #333;
	border-top: none;
	width: 312px;
	background:#e2ffe3;
}
dl.sekou_pri dt{
	padding-top:5px;
	border-top: 1px solid #333;
	float: left;
	width: 5em;
}

dl.sekou_pri dd{
	padding:5px;
	text-align:left;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 5em;
	background:#ffffff;
}

dl.sekou_pri_annai {
	font-size:14px;
	margin:247px 0px 0px 25px;
	border: 1px solid #333;
	border-top: none;
	width: 312px;
	background:#e2ffe3;
}
dl.sekou_pri_annai dt{
	padding-top:5px;
	border-top: 1px solid #333;
	float: left;
	width: 5em;
}

dl.sekou_pri_annai dd{
	padding:5px;
	text-align:left;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 5em;
	background:#ffffff;
}

.sekou_pic02{margin: 0px 0px 0px 0px; padding:0px; background: url(../images/sekou_02.png) no-repeat; width:354px; height:473px;}
.sekou_pic01_03{margin: 20px 12px 0px 0px; padding:0px; background: url(../images/sekou_03.png)no-repeat; width:354px; height:473px;}
.sekou_pic02_04{margin: 20px 0px 0px 0px; padding:0px; background: url(../images/sekou_04.png) no-repeat; width:354px; height:473px;}
.sekou_pic01_05{margin: 20px 12px 0px 0px; padding:0px; background: url(../images/sekou_05.png)no-repeat; width:354px; height:473px;}
.sekou_pic02_06{margin: 20px 0px 0px 0px; padding:0px; background: url(../images/sekou_06.png) no-repeat; width:354px; height:473px;}
.sekou_pic01_07{margin: 20px 12px 0px 0px; padding:0px; background: url(../images/sekou_07.png)no-repeat; width:354px; height:473px;}


/* 施工例（屋外） */

.sekou_out_pic01{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_01.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic02{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_02.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic03{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_03.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic04{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_04.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic05{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_05.png) no-repeat; width:720px; height:405px;}
.sekou_out_pic06{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_06.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic07{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_07.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic08{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_08.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic09{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_09.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic10{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_10.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic11{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_11.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic12{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_12.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic13{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_13.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic14{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_14.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic15{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_15.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic16{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_16.png) no-repeat; width:720px; height:366px;}
.sekou_out_pic17{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_out_17.png) no-repeat; width:720px; height:366px;}

.sekou_out_text01{margin: 10px 0px 0px 350px; padding:10px; text-align:left; line-height:1.4;}
.sekou_out_text02{margin: 10px 0px 0px 350px; padding:0px 10px 10px 10px; text-align:left; line-height:1.4;}
.sekou_out_text03{margin: 10px 0px 0px 425px; padding:10px; text-align:left; line-height:1.4;}


dl.sekou_pri01 {
	font-size:14px;
	margin:0px 0px 0px 363px;
	border: 1px solid #333;
	border-top: none;
	width: 335px;
	background:#e2ffe3;
}
dl.sekou_pri01 dt{
	padding-top:5px;
	border-top: 1px solid #333;
	float: left;
	width: 5em;
}

dl.sekou_pri01 dd{
	padding:5px;
	text-align:left;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 5em;
	background:#ffffff;
}

.patop_box{clear:both; float:right;}

.patop{ 
	margin:	30px 0px 0px;
	text-align:center; 
	padding:5px; 
	border:1px solid #489882;
	background:#489882;
	color:#ffffff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	height: 22px;
	width:170px;
	font-size:14px;
	}

.patop a{ color:#ffffff;}
.patop a:hover{ color:#ffffff; text-decoration:underline;}

/* 施工例インデックス */
.sekou_mokuji{ margin:0px 0px 0px; padding:0px 0px 0px 10px; width:170px; background: url(../images/gr_icon.png) no-repeat; font-size:14px; text-align:left; background-position:0px 8px; line-height:1.8;}

/* 施工例（屋内） */

.sekou_in_pic01{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_in_01.png) no-repeat; width:720px; height:366px;}
.sekou_in_pic02{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_in_02.png) no-repeat; width:720px; height:366px;}
.sekou_in_pic03{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_in_03.png) no-repeat; width:720px; height:366px;}
.sekou_in_pic04{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_in_04.png) no-repeat; width:720px; height:366px;}
.sekou_in_pic05{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_in_05.png) no-repeat; width:720px; height:366px;}
.sekou_in_pic06{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_in_06.png) no-repeat; width:720px; height:366px;}
.sekou_in_pic07{margin: 20px 0px 0px; padding:0px; background: url(../images/sekou_in_07.png) no-repeat; width:720px; height:366px;}


/* 表札・銘板 */

.name_base_pic01{margin: 0px; padding:0px; background: url(../images/name_bs_01.png) no-repeat; width:720px; height:630px;}
.name_base_pic02{margin: 20px 0px 0px; padding:0px; background: url(../images/name_bs_02.png) no-repeat; width:720px; height:630px;}
.name_base_pic03{margin: 20px 0px 0px; padding:0px; background: url(../images/name_bs_03.png) no-repeat; width:720px; height:630px;}
.name_base_pic04{margin: 20px 0px 0px; padding:0px; background: url(../images/name_bs_04.png) no-repeat; width:720px; height:630px;}
.name_base_pic05{margin: 20px 0px 0px; padding:0px; background: url(../images/name_bs_05.png) no-repeat; width:720px; height:630px;}
.name_base_pic06{margin: 20px 0px 0px; padding:0px; background: url(../images/name_bs_06.png) no-repeat; width:720px; height:630px;}
.name_base_pic07{margin: 20px 0px 0px; padding:0px; background: url(../images/name_bs_07.png) no-repeat; width:720px; height:630px;}
.name_base_pic08{margin: 20px 0px 0px; padding:0px; background: url(../images/name_bs_08.png) no-repeat; width:720px; height:630px;}


.name_base_text01{margin: 440px 0px 0px 0px; padding:0px 20px 0px 66px; text-align:left; line-height:1.4;}

dl.name_dt01 {font-size:14px; margin:0px 0px 0px 66px; border: 1px solid #333; border-top: none; width: 600px; background:#e2ffe3;}
dl.name_dt01 dt{ padding-top:5px; border-top: 1px solid #333; float: left; width: 5em;}
dl.name_dt01 dd{
	padding:5px;
	text-align:left;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 5em;
	background:#ffffff;}

.name_exbg{ margin: 0px; padding: 0px; background: url(../images/name_exp_bg.png) no-repeat; width:720px; height:530px; text-align:left;}
.name_conbtn{margin: 0px; padding:270px 0px 0px 325px;}
.name_dsgbtn{ margin: 0px; padding: 100px 0px 0px 30px;}
.name_sozbtn{ margin: 0px; padding: 100px 0px 0px 35px;}
.name_ph{ clear:both;margin:0px; padding:20px 0px;}


/* アクセス */
.accbg{
	margin:	0px;
	padding:0px; 
	border:0px solid #489882;
	background:#ffffff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	height: 550px;
	width:676px;
}

.accadd{margin: 20px 0px 0px 138px; padding: 0px; text-align:left;}

/* 会社概要 */
dl.company_01 {
	font-size:16px;
	margin:0px auto;
	border: 1px solid #333;
	border-top: none;
	width: 600px;
	background:#e2ffe3;
}
dl.company_01 dt{
	padding:5px;
	border-top: 1px solid #333;
	float: left;
	width: 150px;
	text-align:left;
}

dl.company_01 dd{
	padding:7px;
	text-align:left;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 152px;
	background:#ffffff;
}


/* シャッターサイン */
.sh_big01{ margin: 0px; padding: 0px; font-size:24px; font-weight:bold; color:#ff0000; text-align:center;}
.sh_text01{ margin: 10px 0px 0px 30px; padding: 0px; text-align:left}
.pic_bg01{ 
	margin: 20px 20px 0px 0px; 
	padding: 0px;
	border:2px solid #489882;
	background:#ffffff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	width:345px;
	height:310px;
}

.pic_bg02{ 
	margin: 20px 0px 0px 0px; 
	padding: 0px;
	border:2px solid #489882;
	background:#ffffff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	width:345px;
	height:310px;
}


.sh_contact{
	clear:both;
	margin: 0px;
	padding:40px 0px 0px 0px;
	}

.pic_text01{margin: 10px 0px 0px 10px; padding:0px; text-align:left;}
.pic_bg01 .ph01{margin: 20px 0px 0px 0px; padding:0px}
.pic_bg02 .ph01{margin: 20px 0px 0px 0px; padding:0px}
.pic_bg01 .ph02{margin: 10px 0px 0px 0px; padding:0px}
.pic_bg02 .ph02{margin: 10px 0px 0px 0px; padding:0px}


/* トータルコーディネート*/
.totalc_b01{ margin: 20px auto 0px; padding:15px 0px 10px; width:650px; height:140px; border:3px solid #ff0000; font-size:22px;}
.totalc_b02{ clear:both; margin: 20px auto 0px; padding:15px 0px 10px; width:714px; height:140px; border:3px solid #ff0000; font-size:22px;}

/* お悩み */
.nym_bg01{ 
	margin: 20px 0px 0px 0px; 
	padding: 0px;
	border:2px solid #489882;
	background:#ffffff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	width:716px;
	height:500px;
}

.nym_bg02{ 
	margin: 20px 0px 0px 0px; 
	padding: 0px;
	border:2px solid #489882;
	background:#ffffff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	width:716px;
	height:150px;
}

.nym_bg03{ 
	margin: 20px 0px 0px 0px; 
	padding: 0px;
	border:2px solid #489882;
	background:#ffffff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	width:716px;
	height:80px;
}

.nym_bg04{ 
	margin: 20px 0px 0px 0px; 
	padding: 0px;
	border:2px solid #489882;
	background:#ffffff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	width:716px;
	height:390px;
}

.nym_bg05{ 
	margin: 20px 0px 0px 0px; 
	padding: 0px;
	border:2px solid #489882;
	background:#ffffff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	width:716px;
	height:360px;
}

.nym_t01{ margin:0px 0px 0px 0px; padding:10px 20px 5px 35px; font-size:22px; border-bottom:1px dotted #489882; text-align:left; background:url(../images/nym_icon.png) no-repeat; background-position:10px 14px;}

.nym_t02{ margin:0px 0px 0px 0px; padding:10px 20px 5px 35px; font-size:22px; text-align:left; background:url(../images/nym_icon.png) no-repeat; background-position:10px 14px;}


.nym_c01{margin:10px 0px 0px 35px; padding:0px 0px 0px 0px; text-align:left;}

.nym_ph01{margin:0px 0px 0px 120px; padding:0px;}
.nym_ph02{margin:0px 0px 0px 20px; padding:0px;}
.nym_ph03{margin:0px 0px 0px 45px; padding:0px;}

.nym_phtext{
	margin: 20px auto 10px; 
	padding: 0px;
	color:#489882;
	}
	
/* よくある質問 */

.qa_bg01{margin:0px 20px 0px 0px; padding:0px; background: url(../images/qa_bg.png) no-repeat; width:350px; height:329px; font-size:16px;}
.qa_bg02{margin:0px 0px 0px 0px; padding:0px; background: url(../images/qa_bg.png) no-repeat; width:350px; height:329px; font-size:16px;}
.qa_bg03{margin:20px 20px 0px 0px; padding:0px; background: url(../images/qa_bg.png) no-repeat; width:350px; height:329px; font-size:16px;}
.qa_bg04{margin:20px 0px 0px 0px; padding:0px; background: url(../images/qa_bg.png) no-repeat; width:350px; height:329px; font-size:16px;}

.qa_t01{ margin:0px 10px;; padding:25px 15px 5px 15px; color:#489882; text-align:left; border-bottom:1px solid #489882; width:300px; font-weight:bold;}	
.qa_c01	{ margin:10px 10px;padding:0px 0px 0px 25px; text-align:left; width:300px; background:url(../images/qa_01_icon.png) no-repeat;background-position:0px 2px;}	
.qa_c02	{ margin:10px 10px;padding:0px 0px 0px 25px; text-align:left; width:300px; background:url(../images/qa_02_icon.png) no-repeat;background-position:0px 2px;}
	
/* 社長の小部屋 */	

.mp_z{margin:0px; padding:0px;}
.pres_text	{margin:30px 0px 10px; padding:0px;}
.pl_btn{margin:30px 0px 0px 125px; padding:0px;}
	
/* サイトマップ */	
.sitemap_big{margin:0px 0px 0px 115px; padding:0px 0px 0px 30px; background: url(../images/smp_icon.png) no-repeat; background-position:0px 4px;width:350px; text-align:left;}
.sitemap_big02{margin:10px 0px 0px 115px; padding:0px 0px 0px 30px; background: url(../images/smp_icon.png) no-repeat; background-position:0px 4px;width:350px; text-align:left;}
.sitemap_sml{margin:0px 0px 0px 140px; padding:0px 0px 0px 20px; background: url(../images/smp_sml_icon.png) no-repeat; background-position:0px 3px;width:350px; text-align:left; font-size:16px;}

.sitemap_big a:hover{ text-decoration:underline; color:#333333;}
.sitemap_big02 a:hover{ text-decoration:underline; color:#333333;}
.sitemap_sml a:hover{ text-decoration:underline; color:#333333;}

/* プライバシーポリシー */	
.privacy_t01{margin:0px 0px 0px 0px; padding:0px 10px 0px 0px; text-align:left;}

.privacy_title01{margin:40px 0px 0px 0px; padding:0px 10px 5px 0px; border-bottom:1px dotted #489882; text-align:left;}
.privacy_title02{margin:30px 0px 0px 0px; padding:0px 10px 5px 0px; border-bottom:1px dotted #489882; text-align:left;}
.privacy_con01{margin:5px 0px 0px 0px; padding:0px 30px 0px 0px; text-align:left; font-size:16px;}

/* お問い合わせ */	

.contact_t01{margin:0px 0px 30px 0px; padding:0px 10px 0px 10px; text-align:left;}


form#mailform {
	padding: 5px;
}
table.mailform {
	width: 85%;
	margin: 0 auto;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	border-bottom: solid 1px #489882;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 200px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}


.sub_btn01{ width:121px; height:36px; background: url(../images/sendbtn.png) no-repeat; margin:0px 0 0; padding:0; border:none;cursor:pointer; text-indent:-9999px;}

.input01{width:200px; height:20px; padding:3px 2px; font-size:14px;}
.input02{width:300px; height:20px; padding:3px 2px; font-size:14px;}
textarea.input03{width:400px;height:250px;font-size:14px;}


/* フッター */

#footer { clear:both;margin: 0px auto;padding: 0px; color: #fff; background-color:#489882; height:420px; width:100%;}
.footer_text{margin:0px auto; padding:15px 0px 0px 80px; color:#fff; font-size:14px; width:1000px; text-align:left; line-height:1.8;}
.footer_text a {color:#fff; text-decoration:none;}
.footer_text a:hover {color:#ff9900; text-decoration:none;}
.f_logo{ margin: 60px 0px 0px 0px;padding: 0px 25px 0px 0px; float:left; heigth: 50px; border-right:solid 1px #fff;}
.f_logoside{ margin: 55px 0px 10px 0px;padding: 0px 0px 0px 20px; float:left; heigth: 50px; font-size:12px; text-align:left;}
.f_cw{ clear:both;font-size:12px;margin: 0px 0px 0px 0px;padding: 10px 0px 5px 0px; border-top:solid 1px #fff;}
.f_box{ margin: 0px auto; text-align:center; width:1000px; padding: 0px 0px 10px 80px;}

.f_infobox{ margin:0 auto; padding:0; height:170px; width:100%; background:#f2f2f2;}
.f_info{ margin:0px auto; padding:35px; background:#f2f2f2; width:960px;}
.f_tel01{ float:left; margin: 0px 40px 0px 40px;padding: 0px 0px 0px 0px;}

.f_form01{ float:left; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; background: url(../images/f_form_on.png) no-repeat; width:410px; height:101px;}
.f_form01 a {display: inline-block;}
.f_form01 a:hover {background-color: transparent;}
.f_form01 a:hover img {visibility: hidden;}





 /* スマホ版非表示 */


h1 img.smlimg_h {display: none;}  /* smallを非表示 */
h1 img.bigimg_h  { display: block; margin: 20px 0px 0px 0px;padding: 0px; float:left;}  /* bigを表示 */

.smlimg_tel {display: none;}  /* smallを非表示 */
.bigimg_tel  { display: block; margin: 20px 0px 0px 0px;padding: 0px; float:right;}  /* bigを表示 */

.smlimg01 {display: none;}  /* smallを非表示 */
.smlimg02 {display: none;}  /* smallを非表示 */

#spheaderbox{ display:none;}

#sp_mbox{ display:none;}


.sp_hlogo{ display:none;}
.sp_h01{ display:none;}
.sp_h02{ display:none;}
#spm_ph01{ display:none;}
#spnavibox{ display:none;}
.spnew_box{ display:none;}
.spnew_con01{ display:none;}
.spnew_bottom{ display:none;}
#sp_apbox{ display:none;}
#sp_tokubox{ display:none;}
#spmenubox{ display:none;}
#spfooter{ display:none;}

#sp_cs{ display:none;}

.slicknav_menu {
 display:none;
}

#spmenubox_b{ display:none;}

}













/*=============================
スマホ用（幅が640px未満のウインドウ用）
=============================*/


@media (max-width: 639px) {

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:top;}
ul,ol {margin: 0px 0px 0px 20px;padding: 0px;list-style:none;}

.clear_fix {min-height: 1em;_height: 1px;_overflow: visible;}
.layout_l {float:left;}
.layout_r {float:right;}

a {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:none;}

/* AFTER要素 */
.clear_fix:after {content: "";display: block;clear: both;height: 0px;overflow: hidden;}


body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 22px;
	color: #333333;
	overflow-x: hidden;
	line-height:1.5;
	background-color:#fff;
	}

#wrapper {margin: 0px auto;padding: 0px; width:100%; overflow:hidden;}

.red_n{ color:#ff0000; }
.red_b{ color:#ff0000; font-weight:bold;}
.red_bb{ color:#ff0000; font-weight:bold; font-size:28px;}
.green_b{ color:#489882; font-weight:bold;}
.green_n{ color:#489882;}
.center{ text-align:center;}

#sp_mbox{ margin:0px; padding:10px; line-height:1.4; text-align:left;}
#sp_fmenu{ margin:0px; padding:0px; }

.sp_b{margin:0px auto; padding:0px;}
.sp_b10{ margin:10px 0px 0px 0px; padding:0px;}
.sp_b20{ margin:20px 0px 0px 0px; padding:0px;}
.sp_b30{ margin:30px 0px 0px 0px; padding:0px;}
.sp_b30_20{ margin:30px 0px 20px 0px; padding:0px;}

.topback{ clear:both;margin:10px; padding:0px; float:right;}

.sp_mon{margin:0; padding:5px 0px 0px 0px;}

.sp_text26{ mardin:0; padding:0; font-size:26px;}
.sp_text30{ mardin:0; padding:0; font-size:30px;}
.sp_text26b{ mardin:0; padding:0; font-size:26px; font-weight:bold;}
.sp_text30b{ mardin:0; padding:0; font-size:30px; font-weight:bold;}

.sp_text_n{ mardin:10px; padding:10px;}

.sp_b_ti01{ margin:0px 0px 10px 0px;}
.sp_b_ti01c{ margin:20px 0px 10px 0px; text-align:center;}
.sp_b_ti02{ margin:20px 0px 10px 0px;}
.ari_ph3_a{ margin:10px 0px 10px 0px;}

.sp_ti_01{ margin:10px 0px; padding:10px; text-align:left; font-size:28px; font-weight:bold; border-bottom:1px dotted #ff0000;}
.sp_ti_02{ margin:10px 0px; padding:10px; text-align:left; font-size:28px; font-weight:bold; border-bottom:1px dotted #cc9900;}
.sp_ti_02_02{ margin:20px 0px 0px 0px; padding:10px; text-align:left; font-size:28px; font-weight:bold; border-bottom:1px dotted #cc9900;}

.sp_text_01 { margin:0px; padding:15px 15px 0px 15px;}
.sp_text_l { margin:0px; padding:15px 15px 20px 15px;}

.sp_ph01{ margin:5px auto 0px; text-align:center;}

.sp_ph_cap{ margin:20px auto 0px; text-align:center; font-weight:bold;}

/* ヘッダー */

#header {margin: 0px ;padding: 0px; height:100%; background:#489882; width:100%;}
h1 {margin: 0px auto 0px;padding: 0px; font-size:18px; line-height:1.3; color:#ffffff;}
#logo{margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;}


/* ナビメニュー */
#spnavibox{ margin: 0px auto; padding:0px;}
.spmenu01 {margin: 0px 0px  0px  0px;padding: 0px; float:left; height:auto; z-index:2; position: relative;} 
.spmenu02 {margin: 0px 0px  0px  0px;padding: 0px; float:left; height:auto; z-index:2; position: relative;} 

/* 新着情報 */
.spnew_box{margin:0px;padding:20px 10px 0px 10px;}
.spnew_con01{margin: 0px 0px 0px 0px;padding:0px 0px 0px 0px; width:100%; text-align:left; border-bottom:#333333 dotted 1px;}
.spnew_con01 dl:not(:last-child){border-bottom:1px dotted #333333;}

/* アピール文 */
#sp_apbox{ margin: 80px 10px 0px 10px; padding: 10px;border:1px solid #cccccc;}
.sp_aptext26b{ mardin:0; padding:10px; font-size:26px; font-weight:bold;}
.sp_apph{ margin:0 auto; padding:0; width:95%; height:auto;}

/* SP　地図 */
.sp_map{ margin:20px auto 10px; padding:0px; text-align:center;}
.sp_map_text{ margin:10px 0px 20px 60px; padding:0px; text-align:left;}


/* SPメニュー */
#spmenubox{ margin: 0px auto; padding:0px;}
#spmenubox_b{ margin: 30px auto 0px; padding:0px;}

.sp_ta01{margin: 10px auto 5px; padding:5px; background:#e2ffe3;}
.sp_ta_last{margin: 0px auto 0px; padding:5px; background:#DCDCDC;}


.sp_mon_01{margin: 20px auto; padding:0px; background:url(../images/signs_b.png) no-repeat; padding-top:91%; background-size:contain;}
.sp_mon_btn01{margin:-70px 0px 0px 240px; padding:0px;}
.sp_mon_btn02{margin:-80px 0px 0px 240px; padding:0px; position:absolute;}

/* シャッターサイン */
.sp_sh_lead{ margin:10px 0px 0px 0px; padding:0px; font-size:28px; color:#ff0000; font-weight:bold; text-align:center;}
.sp_sh_ti01{ margin:40px 0px 0px 0px; padding:0px; font-weight:bold; color:#489882;}
.sp_sh_ti02{ margin:30px 0px 0px 0px; padding:0px; font-weight:bold; color:#489882;}

/* トータルコーディネート */
.sptotalc_b01{ margin: 20px auto 0px; padding:20px; border:3px solid #ff0000; text-align:center;}

/* 悩み */
.spnym_t01{ margin:10px 0px 0px 0px; padding:10px 0px 5px 25px; font-size:22px; border-bottom:1px dotted #489882; text-align:left; background:url(../images/nym_icon.png) no-repeat; background-position:0px 14px; font-weight:bold;}
.spnym_t02{ margin:20px 0px 0px 0px; padding:10px 0px 5px 25px; font-size:22px; text-align:left; background:url(../images/nym_icon.png) no-repeat; background-position:0px 14px; font-weight:bold;}
.spnym_t03{ margin:20px 0px 0px 0px; padding:10px 0px 5px 25px; font-size:22px; border-bottom:1px dotted #489882; text-align:left; background:url(../images/nym_icon.png) no-repeat; background-position:0px 14px; font-weight:bold;}


/* よくある質問 */

.spqabox{ margin:10px 0px 0px 0px; padding:0px; border:1px solid #999999; text-align:left;}
.spqabox02{ margin:20px 0px 0px 0px; padding:0px; border:1px solid #999999; text-align:left;}

.spqa_t01{ margin:10px; padding-bottom:10px; color:#489882; text-align:left;border-bottom:1px solid #489882;}
.spqa_c01	{ margin:10px 10px;padding:0px 0px 0px 25px; text-align:left; background:url(../images/qa_01_icon.png) no-repeat;background-position:0px 4px;}	
.spqa_c02	{ margin:10px 10px;padding:0px 0px 0px 25px; text-align:left; background:url(../images/qa_02_icon.png) no-repeat;background-position:0px 4px;}

/* プライバシーポリシー */
.privacy_t01{margin:20px 0px 0px 0px; padding:0px 10px 0px 0px; text-align:left;}

.privacy_title01{margin:40px 0px 0px 0px; padding:0px 10px 5px 10px; border-bottom:1px dotted #489882; text-align:left;display:block;}
.privacy_title02{margin:30px 0px 0px 0px; padding:0px 10px 5px 10px; border-bottom:1px dotted #489882; text-align:left;}
.privacy_con01{margin:5px 0px 0px 0px; padding:0px 10px 0px 10px; text-align:left;}


/* サイトマップ */	

.spsitemap{list-style-type: disc; margin-top:5px;}

.sitemap_big{margin:20px 0px 0px 10px; padding:0px 0px 0px 30px; background: url(../images/smp_icon.png) no-repeat; background-position:0px 6px; text-align:left; text-decoration:none; font-size:22px;}
.sitemap_big02{margin:30px 0px 0px 10px; padding:0px 0px 0px 30px; background: url(../images/smp_icon.png) no-repeat; background-position:0px 6px; text-align:left; text-decoration:none; font-size:22px;}
.sitemap_sml{margin:20px 0px 0px 10px; padding:0px 0px 0px 20px; background: url(../images/smp_sml_icon.png) no-repeat; background-position:0px 4px; text-align:left; font-size:20px;}
.sitemap_big a{ text-decoration:none; color:#333333;}
.sitemap_big a:hover{ text-decoration:underline; color:#333333;}
.sitemap_big02 a{ text-decoration:none; color:#333333;}
.sitemap_big02 a:hover{ text-decoration:underline; color:#333333;}
.sitemap_sml a{ text-decoration:none; color:#333333;}
.sitemap_sml a:hover{ text-decoration:underline; color:#333333;}


/*　お問い合わせ　*/	

.contact_red{ color:#ff0000; font-size:18px;}
.contact_s{ color:#666666; font-size:16px;}

form#mailform01 {
	padding: 5px;
}
table.mailform {
	width: 85%;
	margin: 0 auto;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 22px;
	border-bottom: solid 1px #489882;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 30%;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}
.newstext dl dd:not(:last-child){border-bottom:1px dotted #333333;}
.spinput01{width:94%; height:25px; padding:2% 3%; font-size:18px; margin:2% 0 0;}
textarea.spinput03{width:94% ;height:200px;padding:3%;font-size:20px;}

.spsub_btn01{ width:121px; height:36px; background: url(../images/sendbtn.png) no-repeat; margin:0px 0 0; padding:0; border:none;cursor:pointer; text-indent:-9999px;}

#spfooter {margin: 0px auto;padding: 0px; color: #fff; background-color:#489882; height:auto; width:100%;}
.splogo{ margin: 0px auto;padding: 10px;}
.spaddr{ margin: 0px auto;padding:10px; font-size:18px; text-align:center;}
.spf_cw{ font-size:14px; margin: 0px 0px 0px 0px; padding:10px 0px 10px 0px; background-color:#489882; border-top:1px solid #ffffff;}
.f_box{ margin: 0px auto; text-align:center; width:100%;}

#sp_cs{color:#8C8C8C; padding:100px; }


/* スマホ非表示*/

#headerbox{ display:none;}
#globalNav{ display:none;}
#navibox{ display:none;}
#navibox_ch{ display:none;}
#leftbox{ display:none;}
#mconarea{ display:none;}
#footer{ display:none;}
#nav{ display:none;}
#chi_ph01{ display:none}

.bdc{ display:none}
.mb_title{ display:none}

/* アコーディオンメニュー*/

li{
list-style: none;
cursor: pointer;
text-align:left;
}

li a{text-decoration:none;
color:#ffffff;}
 
ul.acordion{
background: #489882;
margin: 0px;
padding: 0;
width:100%;
color:#ffffff;
}
 
ul.acordion li {
border-bottom: solid 1px #ffffff;
}
 
ul.acordion li:first-child {
border-top: solid 1px #ffffff;
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #e2ffe3;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 
ul.acordion li ul li a {
color: #333333;
display: block;
padding: 10px;
text-decoration: none;
}
 
ul.acordion li .none-submenu {
background: url(trigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 10px;
}
 
ul.acordion li .active-submenu {
background: url(triggeractive-arrow.png) no-repeat 98% 50%;
display: block;
padding: 10px;
}

/* 上部メニュー*/

.slicknav_menu {
 display:none;
}
 
#menu {
 display:none;

}
 
.slicknav_menu {
 display:block;
}


}