@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#333;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
}

/* リンク設定
------------------------------------------------------------*/
a{color:#232323;text-decoration:none;}
a:hover{color:#36babb;}
a:active, a:focus {outline:0;}

/* 全体
------------------------------------------------------------*/


#wrapper{
margin:0 auto;
padding:1% 0% 1% 0%;
width:100%;
position:relative;
}

.innerBox { width:1200px; margin: 0 auto; }
.innerBox p { margin-bottom:10px; font-size:16px; }

.innerBox ul	{ margin:0px 0px 20px 20px; }
.innerBox li	{ font-size:16px; margin-bottom:10px; }
.innerBox ul li	{ list-style:disc;padding:0px; }
.innerBox ul ul	{ margin-top:10px; }
.innerBox ul ul li	{ list-style:circle; }
.innerBox ol	{ margin:0px 0px 20px 40px; }
.innerBox ol li	{ list-style:decimal;padding:0px; }

.innerBox ol li ol {
  padding:0 0 0 2em;
  margin:0;
}
 
.innerBox ol li ol li {
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
.innerBox ol li ol li :before{
  display: marker;
  content: "(" counter(cnt) ") ";
}


.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  background:#FFF;
  box-shadow:0px 0px 6px 0px #555;
  opacity:0.90;
  padding:5px 0px 0px;
}
#fixedBox { z-index:999999; }


.v_area { width:100%; text-align:center; overflow:hidden; position:relative; }
.v_area .mask { position:absolute; top:0; left:0; background:url(/images/pattern.png) repeat; display:block; width:100%; height:100%; z-index:10; }
.v_area .catch { font-family: 'Roboto', sans-serif; font-weight: 400; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:100; color:#FFF; font-size:34px; display:block; }
.v_area .catch span { font-family: 'Roboto', sans-serif; font-weight: 900; font-size:160%; display:block; line-height:1.4; }
.v_area .catch img { }
video#bgvid {
  position: relative;
  /* right: 0;
  bottom: 0; */
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: contain;
  background-color: #000;
  background-position:center top;
  margin:0px auto;
  vertical-align:bottom;
}


/*************
/* ヘッダー
*************/
#header{
	height:auto;
}

#header h1{
padding:5px 0px 0px 0px;
margin-bottom:10px;
font-size:12px;
font-weight:normal;
text-align:left;
}

/*************
/* ロゴ
*************/
.logo{
float:left;
width:auto;
padding:5px 5px 5px 5px;
}

.logo p{float:left;}

.logo span{display:block;}

/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:0px;
text-align:right;
}

.info .open{font-size:11px;}
.info .address{font-size:11px;}

/*************
/* ヘッダーメニュー
*************/
.hmenu{
float:right;
margin:10px 0px 0px 0px;
padding:2px;
text-align:right;
}

.hmenu ul {
	display:block;
	float:right;
	margin:0px 0px;
}

.hmenu ul li {
	padding:0px;
	display:block;
	font-size:10px;
	color:#482d0f;
	float:right;
}

.hmenu ul li a {
	color:#482d0f;
}
.hmenu ul li a:hover {
	color:#DDC2A2;
}

.hmenu p { font-size:12px; color:#333; }
.hmenu p span.open { display:block; text-align:left; }


/*************
/* ロゴ+電話番号+hmenu
*************/
.logo{
margin-top:1px;
color:#2C4D9A;
font-size:19px;
font-weight:bold;
text-shadow: 0px 1px 1px #666;
line-height:1.1em;
padding:0px 0px 0px 0px;
margin:0px;
}
.hmenu .tel {
color:#fd7f1d;
background:url(../common/tel_icon.png) no-repeat left center;
font-size:30px;
/* text-shadow: 0px 1px 1px #191919; */
line-height:1.5;
padding:0px 5px 0px 30px;
margin:1px 2px 0px 2px;
vertical-align:middle;
}
.hmenu .tel a { color:#fd7f1d; }
.hmenu .fax {
color:#333;
background:url(../common/fax_icon.png) no-repeat left center;
font-size:24px;
/* text-shadow: 0px 1px 1px #191919; */
line-height:1.5;
padding:0px 2px 0px 22px;
margin:1px 2px 0px 2px;
vertical-align:middle;
}
.hmenu .mail {
color:#FFF;
background:url(../common/mail_icon.png) no-repeat 10px center #fd7f1d;
font-size:16px;
/* text-shadow: 0px 1px 1px #191919; */
line-height:1.5;
padding:10px 10px 10px 40px;
margin:0px 0px 0px 5px;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
vertical-align:middle;
}
.hmenu .mail a { color:#FFF; }


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#mainBanner img{
max-width:100%;
height:auto;
}

#mainBanner #site-name img{
max-width:100%;
display:block;
}

#subBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#subBanner img{
max-width:100%;
height:auto;
}

#subpage #mainBanner img{border:4px solid #f1f1f1; margin-bottom:17px;}
#subBanner img{border:4px solid #f1f1f1; margin-bottom:17px;}


/* section部分 */
.sect1 { text-align:center; padding:20px 0px 80px 0px; background:url(../images/sect1.jpg) no-repeat center; }
.sect2 { text-align:center; background:url(../images/sect2.jpg) no-repeat left center #f4f4f6; padding:100px 0px; }
.sect2 .wBox { text-align: center; padding: 20px; background: #FFF; max-width: 480px; float: right; display: block; }
.sect3 { text-align:center; background:url(../images/sect3.jpg) no-repeat right center #f4f4f6; padding:100px 0px; }
.sect3 .wBox { text-align: center; padding: 20px; background: #FFF; max-width: 480px; float: left; display: block; }
.sect4 { text-align:center; background:#fd7f1d; padding:60px 0px; color:#FFF; }
.sect4 h2.ct { color:#FFF; }
.sect4 h2.ct span { display:block; }
.sect4 h3.ct { color:#FFF; }
.sect4 pt { color:#FFF; }


/* 見出し */

h2.ct { text-align:center; background:none; border:none; text-shadow:0px 0px 0px #DDD; font-size: 42px; color:#111; margin:30px auto; padding:8px 0px; letter-spacing: 0.1em; }
h2.ct:after { content:"______________"; display:block; color:#fd7f1d; font-size:15px; letter-spacing:0em; }
h2.ct span { font-size:60%; display:block; }

h3.ct { font-size:20px; margin-bottom:20px; text-align:center; line-height:1.6; }


p.ct { text-align:center; }


/* テーブルセル要素 */
.tcBox { border-collapse: separate; border-spacing: 20px 10px; display:table; table-layout: fixed; width:100%; margin:0 auto 40px; }
.tcBox .block { display:table-cell; vertical-align:top; text-align:center; border:0px solid #DDD; padding:0px; margin-bottom:10px; position:relative; font-size:18px; }
.tcBox .block span { /* margin-right:0.2em; */ }
.tcBox .block img { max-width:100%; margin-bottom:10px; }
.tcBox .block h3 { border:none; padding:0px; margin:10px auto; color:#FFF; font-size:20px; font-weight:bold; }
.tcBox .block h3::after { content:url(../common/arrow.png); display:inline-block; vertical-align:middle; padding-left:10px; }
.tcBox .block p { margin-bottom:10px; color:#FFF; font-size:14px; }
.tcBox .block p.price span { font-size:200%; font-weight:bold; padding:0 5px; }
.tcBox .block p.lt { text-align:left; }
.tcBox .block ul.lt li { text-align:left; }



.tcBox2 { border-collapse: separate; border-spacing: 20px 10px; display:table; table-layout: fixed; width:100%; margin:0 auto 40px; }
.tcBox2 .block { display:table-cell; vertical-align: middle; text-align:center; border:0px solid #DDD; padding:0px; margin-bottom:10px; position:relative; font-size:18px; }
.tcBox2 .block span { /* margin-right:0.2em; */ }
.tcBox2 .block img { max-width:100%; margin-bottom:10px; }
.tcBox2 .block h3 { border:none; padding:0px; margin:10px auto; color:#FFF; font-size:20px; font-weight:bold; }
/* .tcBox2 .block h3::after { content:url(../common/arrow.png); display:inline-block; vertical-align:middle; padding-left:10px; } */
.tcBox2 .block p { margin-bottom:10px; color:#FFF; font-size:14px; }
.tcBox2 .block p.price span { font-size:200%; font-weight:bold; padding:0 5px; }
.tcBox2 .block p.lt { text-align:left; }
.tcBox2 .block ul.lt li { text-align:left; }


.tcBox3 { border-collapse: separate; border-spacing: 20px 10px; display:table; table-layout: fixed; width:100%; margin:0 auto; }
.tcBox3 .block { display:table-cell; vertical-align:top; text-align:center; border:0px solid #DDD; padding:0px; margin-bottom:10px; position:relative; font-size:18px; }
.tcBox3 .block span { /* margin-right:0.2em; */ }
.tcBox3 .block img { max-width:100%; margin-bottom:10px; }
.tcBox3 .block h3 { border:none; padding:0px; margin:10px auto; font-size:20px; font-weight:bold; }
.tcBox3 .block h3::after { content:url(../common/arrow.png); display:inline-block; vertical-align:middle; padding-left:10px; }
.tcBox3 .block p { margin-bottom:10px; font-size:14px; }
.tcBox3 .block p.price span { font-size:200%; font-weight:bold; padding:0 5px; }
.tcBox3 .block p.lt { text-align:left; }
.tcBox3 .block ul.lt li { text-align:left; }



.click {
padding:15px 0px;
width:80%;
background:url(../common/arrow.png) no-repeat 90% 50% #fd7f1d;
font-size:16px;
margin:10px auto;
text-decoration:none;
text-align:center;
display: inline-block;
font-weight:bold;
color: #FFF;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}

.click:hover{
color:#FFF;
background:url(../common/arrow.png) no-repeat 94% 50% #0f93a5;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}

.click2 {
padding:15px 0px;
width:80%;
background:url(../common/arrow.png) no-repeat 90% 50% #FFF;
font-size:16px;
margin:10px auto;
text-decoration:none;
text-align:center;
display: inline-block;
font-weight:bold;
color: #fd7f1d;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}

.click2:hover{
color:#FFF;
background:url(../common/arrow.png) no-repeat 94% 50% #0f93a5;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}


#header .mail_bt{
background:url(../common/mail_icon.png) no-repeat 5px center #333;
color:#FFF;
}

.mail_bt{
/* width:98%; */
border:1px solid #CCC;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-size:11px;
text-decoration:none;
text-align:left;
line-height:1.6;
display:block;
font-weight:bold;
color: #222;
background:url(../common/mail_icon_side.png) no-repeat 5px center #FFF;
padding: 5px 5px 5px 40px;
}

.mail_bt:hover{
color:#222;
border:1px solid #e73101;
}


.flex-control-nav { display:none; }
.flex-direction-nav li .next { display:none; }
.flex-direction-nav li .prev { display:none; }


/*************
メイン コンテンツ
*************/
.content article{
padding:20px;
margin-bottom:20px;
/* border:1px solid #191919; */
overflow:hidden;
-webkit-box-shadow: 0 0 0px 0 #EDEDED, inset 0 0 5px 0px #ccc;
-moz-box-shadow: 0 0 0px 0 #EDEDED, inset 0 0 5px 0px #ccc;
box-shadow: 0 0 0px 0 #EDEDED, inset 0 0 5px 0px #ccc;
}

* html section.content article{height:1%;}

.content p{ margin-bottom:20px; line-height:1.7; }


.content img{
max-width:100%;
height:auto;
vertical-align: bottom;
}


h4{
	margin:1em auto 0em auto;
	padding:6px 8px 4px 8px;
	background:#eaeaea;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:14px;
}

h4 ~ h4{
	margin:1em auto 0em auto;
	padding:6px 8px 4px 8px;
	background:#eaeaea;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:14px;
}


h5{
	margin:1em 0;
	padding:6px 8px 4px 8px;
	background:#eeede5;
	border:1px solid #dbd8c8;
	font-weight:bold;
	font-size:12px;
}


.small{
	font-size:80%;
}


.waku { padding:25px; background:#FFF; border:#EEE 1px solid; }



/*************
テーブル
*************/

/* table_w 単体 */
table.table_w{
border-collapse:collapse;
margin:0px auto 15px auto;
width:100%;
}

table.table_w td{
border-collapse:collapse;
background-color:#FFF;
text-align:left;
padding:8px;
border:1px solid #DDDDDD;
line-height:20px;
}

table.table_w td.left{
text-align:left;
}

table.table_w th{
background-color:#efefef;
text-align:left;
padding:8px;
white-space:nowrap;
color: #333;
border-top:1px solid #DDDDDD;
border-right:4px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
vertical-align: middle;
}

/* table_flow 単体 */
table.table_flow{
border-collapse:collapse;
margin:5px auto 15px auto;
width:100%;
}

table.table_flow td{
border-collapse:collapse;
background-color:#FFF;
text-align:left;
padding:8px;
border:1px solid #DDDDDD;
line-height:20px;
}

table.table_flow th{
background-color:#F0FCCB;
text-align:center;
padding:8px;
white-space:nowrap;
color: #333;
border-top:1px solid #DDDDDD;
border-right:4px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
border-left:1px solid #DDDDDD;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
vertical-align: middle;
}
table.table_flow th span { width:100%; display:block; font-weight:bold; color:#F60; }

.W_BOX table.table_w { margin:0px auto 0px auto; }



/*************
/* フッター
*************/
#footer{
	clear:both;
	overflow:hidden;
	padding:10px 10px 10px 10px;
	background:#FFF;
	border-top:2px solid #fd7f1d;
}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
width:320px;
float:left;
}
#footer .grid img { max-width:98%; }

#footer #info .logo, .ninka, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0px 0px 0px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer #info .open{
font-size:12px;
color:#FFF;
margin-bottom:5px;
}
#footer p { color:#232323; }

ul.footnav{
/* float:right; */
width:590px;
float:left;
/* width:200px; */
padding:15px 5px;
margin:10px;
}

ul.footnav li{
/*float:left;*/
margin-bottom:10px;
padding:0 8px 0 15px;
font-size:12px;
background:url(../common/arrow1.png) no-repeat left center;
display:inline-block; 
}

ul.footmenu{
width:100%;
padding:10px 0px;
margin:5px 0px;
position:relative;
}

ul.footmenu li{
float:left;
margin-bottom:10px;
padding:0 7px 0 15px;
font-size:11px;
background:url(../common/list_arrow.png) no-repeat left center;
}

ul.footnav li.ft{
	padding:4px 5px;
	background:#1b96db;
	color:#FFF;
	border: 1px dotted #0c80c1;
}

#footer a{color:#232323;}
#footer a:hover{color:#36babb;}

#footer .hmenu .tel {
color:#fd7f1d;
background:url(../common/tel_icon.png) no-repeat left center;
font-size:30px;
/* text-shadow: 0px 1px 1px #191919; */
line-height:1.5;
padding:10px 10px 10px 30px;
margin:1px 2px 0px 2px;
vertical-align:middle;
}
#footer .hmenu .tel a { color:#fd7f1d; }
#footer .hmenu .mail a { color:#FFF; }

address{
clear:both;
padding:10px;
text-align:center;
font-style:normal;
font-size:12px;
color:#FFF;
background:#fd7f1d;
}


/* 両サイド水平線 */
h2.b_line {
	position: relative;
	text-align: center;
	/*font-size:20px;*/
	font-weight:bold;
        border:none;
}
h2.b_line span {
	position: relative;
	color:#222;
	/* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; */
	font-size:36px;
	z-index: 2;
	display: inline-block;
	margin: 1em 2em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
h2.b_line::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #015db2;
}


.A_BOX {
	background:#F1F1F1;
	color:#232323;
	margin:5px auto 30px auto;
	padding:20px;
	border:#FFFFFF 1px solid;
	border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
    behavior: url(../common/PIE.htc) ;	      /* CSS3 PIE */
}
.A_BOX p:last-child { margin-bottom:0px; }


/******* W_BOX ******/
.W_BOX {
	background:#FFF;
	margin:10px auto 10px auto;
	padding:20px;
	border:1px solid #d0d0d0;
	-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #eaeaea;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #eaeaea;
	box-shadow: 0 0 0px 0 #ccc, inset 0px 0px 0px 5px #eaeaea;
}
.W_BOX p:last-child { margin-bottom:0px; }

.W_BOX dl { }
.W_BOX dl dt { font-size:20px; border-bottom:1px solid #ff83c0; padding:5px; margin-bottom:5px; }
.W_BOX dl dd { font-size:16px; padding-left:5px; }



.T_BOX {
	background:#E6E6E6;
	line-height:2em;
	margin-bottom:10px;
	padding:10px;
	text-shadow: 1px 1px 3px #EDEDED;
	color: #161616;
	background-color: #FFF4EA;
    background: -moz-linear-gradient(top, #E7E7E7, #FEFEFE); /* mozilla */
    background: -webkit-gradient(linear, center top, center bottom, from(#E7E7E7), to(#FEFEFE)); /* Webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E7E7E7', endColorstr='#FEFEFE'); /* IE5.5以上 */
	-webkit-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	-moz-box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	box-shadow: 0 0 5px 0 #EDEDED, inset 0 0 0px 1px #FFFFFF;
	border: 1px #CCCCCC solid;
	border-radius: 6px;        /* CSS3草案 */
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* Firefox用 */
	font-size:12px;
	position:relative;            /* 要らなかったがPIEを動作させるために追加 */
	behavior: url(../common/PIE.htc);	      /* CSS3 PIE */
}


/*************
カラー
*************/
.red { color:#C00;}
.gold { color:#8f894a;}
.orange { color:#F90;}
.green { color:#9C0;}
.blue { color:#027dcb;}
.pink { color:#F69;}

/*************
フォント
*************/
.bb { font-weight:bold; }
.f10 { font-size:10px !important;}
.f11 { font-size:11px !important;}
.f12 { font-size:12px !important;}
.f14 { font-size:14px !important;}
.f16 { font-size:16px !important;}
.f18 { font-size:18px !important;}
.f20 { font-size:20px !important;}
.f22 { font-size:22px !important;}
.f24 { font-size:24px !important;}
.f26 { font-size:26px !important;}
.f28 { font-size:28px !important;}
.f30 { font-size:30px !important;}
.f32 { font-size:32px !important;}
.f34 { font-size:34px !important;}
.f36 { font-size:36px !important;}

/*************
クリアー
*************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	overflow:hidden;
	zoom:1;
}

.clear {
	clear:both;
}

/*************
フロート
*************/
.fl { float:left; }
.fr { float:right; }


/*************
フェイスブック
*************/
div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 100% !important;
}

/*************
ページトップ
*************/
#pagetop { text-align:center;clear: both; /* margin-right:20px; */ }
#pagetop {
	display:block;
	overflow:hidden;
	clear:both;
	z-index:5;
	height:29px;
}
#pagetop a { border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2x 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px; color: #FFF; background:#fd7f1d; float:right; display:block; position:relative; padding:5px 15px 5px 15px;}
#pagetop a:hover { background:#000; color:#FFF;}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
#header_in{
	width:1200px;
	padding:0.0% 0% 0.0% 0%;
	margin:0 auto;
	position:relative;
	}
#wrapper_in, .inner{
	width:1200px;
	padding:0% 0% 0% 0%;
	margin:0 auto;
	position:relative;
	}
#header { border-top:10px solid #fd7f1d; }
	
#wrapper{

	}
	
nav#mainNav{
	overflow:hidden;
	position:relative;
	width:100%;
	/* height:46px; */
	margin:0px auto 0px auto;
	padding:5px 0px;
	}
	
nav#mainNav .inner{
	width:1200px;
	/*height:32px;*/
	padding:10px;
	}

nav#mainNav ul li{
	float: left;
	position: relative;
	/* background:url(../common/nav_line.png) no-repeat left center; */
	/* border-left:1px dashed #DDD;*/
	border-right:1px dotted #DDD;
	box-shadow:1px 0px 0px #FFF inset;
	}

nav#mainNav li:first-child{border-left: none; box-shadow:none;}
nav#mainNav li:last-child{ }

nav#mainNav ul li a {
	display: block;
	text-align: center;
	text-shadow:0px 0px 2px #FFF;
	_float:left;
	font-size:16px;
	font-weight:bold;
	/* min-width:80px; */
	width:158px;
	/* width:125px; */
	/* height:32px; */
	line-height:1.4;
	padding:0px 5px 0px 5px;
	color:#111;
	margin:0px auto;
	}

nav#mainNav ul li a span, nav#mainNav ul li a strong{
	display:block;
	}

nav#mainNav ul li a span{
	color:#ccc;
	font-size:10px;
	}

nav div.panel{
	display:block !important;
	float:left;
	/* background:url(../common/nav_line.png) no-repeat right center; */
	/* border-right:1px dashed #DDD;*/
	border-left:1px dotted #DDD;
	box-shadow:1px 0px 0px #FFF;
	}

a#menu{display:none;}

nav#mainNav li.active a, nav#mainNav li a:hover{
	color:#222;
	padding-top:0px;
	text-shadow:1px 1px 2px #FFF;
	/* background:url(../common/navi_on.png) no-repeat center center; */
	}
	
#mainBanner{margin:0px 0px 17px 20px; }
#subpage #mainBanner{margin:0px auto;}
#subBanner{margin:0px 0px 17px 0px; }
	

	
#topMainBnr	{ width:100%; padding:0px 0px 0px 0px; margin:0px auto 0px auto; border-top:0px solid #CCC; }
#topMainBnr.subpage { width:100%; padding:0px 0px 0px 0px; margin:0px auto 0px auto; background:#f7f7f5;-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #CCC;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #CCC;
	box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #CCC; }
#topMainBnr img		{ width:100% !important; }
#topMainBnr #site-name img	{ width:880px !important; }
#topMainBnrFrame .slider li { } 
#topMainBnrFrame	{ width:100%;min-height:80px; margin:0px auto; position:relative; }
#topMainBnrFrame .catch { padding-top:0px; margin:0px auto; width:880px; z-index:100; } 
#topMainBnrFrame .catch {
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;	
		}
#topMainBnrFrame .catch2 {
		position:absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 347px;
		height:120px;
		}

#topMainBnrFrame p { font-size:18px; padding-top:25px; margin:0px auto; width:960px; }
	
	
}


@media only screen and (max-width:959px){
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	
#header{
	height:auto;
	padding-bottom:2px;
	}
	
.innerBox { width:100%; }
	
nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f5f5f5), color-stop(0.5, #f0f0f0), color-stop(0.00, #f7f7f7));
	background: -webkit-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background: -o-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
	background: linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
  border:1px solid #e4e4e4;
	}

nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	border-bottom:1px solid #e4e4e4;
	}

nav#mainNav a#menu span{padding-left:10px;}
nav#mainNav a.menu span:before{content: "→ ";}
nav#mainNav a.menuOpen span:before{content: "↓ ";}
nav#mainNav a#menu:hover{cursor:pointer;}

nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	}
	
nav#mainNav ul li a span{padding-left:10px;}
	
nav#mainNav ul li img {
		float:left;
		margin:5px 10px 5px 10px;
	}
	
nav#mainNav ul li:last-child a{border:0;}
	
nav#mainNav ul li.active a{color:#73a51c;}

nav div.panel{float:none;}
	
#subpage #mainBanner{max-width:668px;}

	
#footer .grid,#footer ul.footnav{
	float:none;
	width:100%;
	text-align:left;
	}

ul.footnav li{float:none;display:inline-block;}
	
	
#footer .grid img, #footer .info{float:none;}
#footer .grid p{display:block;}
#footer #info .info{float:none;text-align:center;}
	
#footer .logo,#footer .info{
	width:100%;
	float:none;
	}
	
#footer .logo p{float:none;display:block;}
#footer .logo img{float:none;padding:0;}

#topMainBnr { padding:0px 0px; margin-top:2px;}
#topMainBnrFrame { min-height:40px; margin:0px auto; }
#topMainBnrFrame p { padding:10px; }



}

/* 電話番号タップ部分 */
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
#header{
	height:auto;
	padding-bottom:2px;
	}
	
#header h1,.logo, .info,.hmenu {text-align:center;}
	
.logo, .info,.hmenu {
	clear:both;
	width:98%;
	padding:1%;
	float:none;
	}
	
.hmenu{
		float:none;
		margin:0px auto 2px auto;
		padding-right:0px;
	}
.hmenu ul { padding-right:20px; margin:0px auto; display:block; }
.hmenu img { max-width:100%; }
	
.logo p {float:none;display:block;}
.logo img{float:none;padding:5px;}

	
#topMainBnr { padding:0px 0px; margin-top:0px;}

	
#header p.tel { display:inline; }
#footer p.tel { display:inline; }

	
}
	


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
#header { height:auto; }
	
#header .logo img{
	max-width:100%;
	display:block;
	height:auto;
	float:none;
	padding:0px;
	margin:5px auto;
}

.innerBox { width:96%; padding:1% 2%; }

.hmenu .mail { display:inline-block; }

.sect1 { background:#fd7f1d; }
.sect2 { background:#f4f4f6; padding:20px 0px; }
.sect3 { background:#f4f4f6; padding:20px 0px; }

.sect2 .wBox, .sect3 .wBox { width:auto; }

.tcBox .block { display:block; }
.tcBox2 .block { display:block; }
.tcBox3 .block { display:block; }

#footer .grid img { max-width:100%; margin:5px auto; }

ul.footnav { width:98%; padding:1%; margin:0 auto; }

	
#topMainBnr { box-shadow:inset 0px 1px 3px rgba(0,0,0,0.25); position:relative;display:block; overflow:visible; padding:0px 0px; }
#topMainBnr.subpage { width:100%; padding:0px 0px 0px 0px; margin:0px auto 0px auto; background:#ededed;-webkit-box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #CCC;
	-moz-box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #CCC;
	box-shadow: 0 0 0px 0 #ccc, inset 0 0 5px 0 #CCC; }
#topMainBnrFrame { position:relative;height:auto; display:block; margin:0 auto; width:99%; }
#topMainBnrFrame .slideFrame	{ display:block; overflow:hidden;  }
#topMainBnrFrame #topManiBnrInnerFrame	{ /* box-shadow:1px 2px 5px rgba(0,0,0,0.2) inset; overflow:hidden; */ }
#topMainBnrFrame img	{ width:100%;position:relative; }
#topMainBnrFrame ul.slides li { overflow:hidden;/*display:block; */ }
#topMainBnrFrame ul.slides li a { }
	
.grid{width:100%;}
.grid1{width:100%;}
.box img{max-width:100px;}
#mainBanner h2,#mainBanner p{font-size:80%;}


#header p.tel { display:inline; }


}