@charset "utf-8";

/* --------------
 clearfix
-------------- */
div:after,ul:after,ol:after,dl:after,
header:after,footer:after,
nav:after,section:after,article:after {
	content: ""; 
	display: block;
	clear: both;
}

/* --------------
 base
-------------- */
html {/* for smartphone */
	-webkit-text-size-adjust:none;
	overflow-y:scroll;
}
body {
	color:#555;
	font: normal 16px/1.6 'Noto Sans Japanese', sans-serif;
	background: url(../img/bg.png) repeat-x #fff;
}

h1 {
	font-weight: normal;
	font-family: YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
	
/* link */
a {
	/* color: #F66; */
	color: #bc6b0d;
	text-decoration: none;
}
.home #main a {
	color: #333;
}
.subpg #main a:hover {
	text-decoration: underline;
}


input[type="submit"],label {
	cursor: pointer;
}

/* --------------
 modules css
-------------- */
/* ---------- font size */
.fs10 { font-size:77%;}
.fs11 { font-size:85%;}
.fs12 { font-size:93%;}
.fs13 { font-size:100%;}
.fs14 { font-size:108%;}
.fs15 { font-size:116%;}
.fs16 { font-size:123.1%;}
.fs17 { font-size:131%;}
.fs18 { font-size:138.5%;}
.fs19 { font-size:146.5%;}
.fs20 { font-size:153.9%;}
.fs21 { font-size:161.6%;}
.fs22 { font-size:167%;}
.fs23 { font-size:174%;}
.fs24 { font-size:182%;}
.fs25 { font-size:192.3%;}
.fs26 { font-size:197%;}
.fs30 { font-size:227.3%;}

/* ---------- float */
.fll { float: left;}
.flr { float: right;}

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

/* ---------- align */
.alc { text-align: center !important;}
.alr { text-align: right !important;}
.all { text-align: left !important;}

.alt { vertical-align: top !important;}
.alb { text-align: bottom !important;}

/* ---------- float */
.noFloat { float: none !important;}

/* ---------- Cancele */
.both { clear: both;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}

/* ---------- margin,padding */
.mb0 {	margin-bottom: 0px !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}

.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}

.mt0 {	margin-top: 0px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}
.mt45 {	margin-top: 45px !important;}
.mt50 {	margin-top: 50px !important;}
.mt55 {	margin-top: 55px !important;}
.mt60 {	margin-top: 60px !important;}
.mt70 {	margin-top: 70px !important;}
.mt80 {	margin-top: 80px !important;}
.mt90 {	margin-top: 90px !important;}
.mt100 {margin-top: 100px !important;}

.pb0 {	padding-bottom: 0px !important;}
.pb5 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}

.pt0 {	padding-top: 0px !important;}
.pt5 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}

/* --------------
 styles
-------------- */
a:hover > img {
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.alignC {
	text-align: center;
}
.alignR {
	text-align: right;
}

.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.clearB {
	clear: both;
}

.pSmall {
	color: #666;
	font-size: 85%;
}
.clNormal, .clNormal a {
	color: #555 !important;
}
.pink {
	color: #C33;
}
.in {
	width: 980px;
	margin: 0 auto;
}

/* ----- list */
.ulDisc li {
	margin-left: 22px;
	margin-bottom: 9px;
	line-height: 1.4;
	list-style: outside disc;
}

.ulDecimal li {
	margin-left: 22px;
	list-style: outside decimal;
}

/* ----- decoration (button, etc...) */
.photo {
	border: 10px solid #fff;
	box-shadow: 3px 3px 5px #666;
}
/* ----- button */

/* ----- layout space */
.spsT {
	margin-top: 8px;
}

.spsT50 {
	margin-top: 50px;
}

/* ----- base width */
#siteHeader, #mainNav, #container, #siteFooter, #copyright small {
	width: 980px;
	margin: 0 auto;
}

/* =Header
-------------------------------------------------------------- */
/* ---------------------------------------- siteHeader */
#siteHeader {
	position: relative;
}

#siteHeader h1 a {
	float: left;
	margin-top: 30px;
	width: 470px;
	height: 50px;
	text-indent: -9999px;
	background: url(../img/logo_new.png) no-repeat;
}
/* #logoNew a {
	background: url(../img/logo_new.png) no-repeat !important;
} */

#siteHeader h2, #siteHeader h3 {
	display: inline-block;
}
#siteHeader h2 a {
	float: right;
	margin-top: 35px;
	width: 360px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/bnrTel.png) no-repeat;
}
#siteHeader h3 a {
	float: right;
	margin-top: 35px;
	width: 145px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/bnrMail.png) no-repeat;
}

#siteHeader p {
	font-size: 11px;
	position: absolute;
	top: 7px;
	right: 10px;
}
#siteHeader p a {
	padding: 0 5px;
	color: #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}

/* ---------------------------------------- globalNav */
#globalNav {
	height: 49px;
	background: url(../img/bgNav.png) repeat-x;
}

/* ------------------------------ mainNav */
#mainNav li {
	float: left;
	position: relative;
}
#mainNav li a {
	display: block;
}

/* #mainNav p {
	cursor: pointer;
} */

/* #mainNav p.active ul {
	display: block;
} */
.navHomeHL {
	width: 80px;
	padding: 10px 0;	
}
.navHL {
	width: 180px;
	font-size: 18px;
	text-align: center;
	padding: 10px 0;
}
.navHL a {
	color: #fff;
}
/* -------------------- sub nav */
.navS {
	width: 198px;
	font-size: 90%;
	border: 1px solid #b0a87d;
	background: #dccf9b;

	position:absolute;
	left: 0;
	top:48px;
	z-index: 1;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.navS {
	display:none;
}
.navS li a {
	width: 188px;
	color: #663300;
	padding: 13px 0 13px 10px;
	border-bottom: 1px dotted #FFF;
	background: url(../img/arwS.png) no-repeat 3px center;
}
.navS li a:hover {
	background: url(../img/arwS.png) no-repeat 3px center #f2e7ba;
}

/* =Container
-------------------------------------------------------------- */
#container {
	padding: 17px 0 25px;
}

/* ---------------------------------------- sidebar */
#sidebar {
	float: left;
	width: 200px;
}

/* ------------------------------ side banner */
.sideBnr p {
	margin-bottom: 18px;
}

/* -------------------- aside */
.asideL {
	color: #555;
	line-height: 1.3;
	border: 1px solid #d4d4d4;
	border-top: 3px solid #663300;
	background: #fff1da;
}

.asideL h2 {
	font-family: YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 8px 8px 3px !important;
	color: #222 !important;
	font-size: 16px !important;
	text-align: left !important;
	border-bottom: none !important;
}
.asideL h3 {
	margin: 8px 8px 3px;
}

.asideL p {
	margin: 0 8px 1px;
	font-size: 11px;
}


/* ---------------------------------------- main */
/* ---------- top page */
.home #main {
	float: left;
	width: 510px;
	margin-left: 25px;
}

/* ---------- sub pages */
.subpg #main {
	float: right;
	width: 755px;
}

.subpg #main h1 {
	height: 60px;
	margin-bottom: 15px;
	padding: 12px 0 0 30px;
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	text-shadow: 1px 1px 2px #222;
	letter-spacing: 0.05em;
	background: url(../img/bgH1.png) no-repeat;
}

.subpg #main h2, #top .contactConts h2 {
	margin: 30px 0 10px;
	padding: 2px 10px 0 30px;
	color: #663300;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px dashed #683402;
	background: url(../img/bgH2.png) no-repeat left center;
}
.subpg #main h2 span {
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
}

.subpg #main h3 {
	margin: 15px 0 5px;
	padding-left: 28px;
	color: #bc6b0d;
	font-size: 110%;
	font-weight: bold;
	background-image: url(../img/bgH3.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.subpg #main h4 {
	color: #bc6b0d;
	font-weight: bold;
}

.subpg #main p {
	margin-bottom: 10px;
}


/* ---------------------------------------- subNav (only home) */
#subNav {
	float: right;
	width: 220px;
}

/* =Footer
-------------------------------------------------------------- */
#footer {
	background: #fff1da;
}

/* ---------------------------------------- siteFooter */
#siteFooter {
	padding: 20px 0 50px;
	color: #444;
	font-size: 12px;
}

#siteFooter a {
	color: #444;
}

/* ------------------------------ footTop */
#footTop {
	margin-bottom: 10px;
}

#footTop h2 {
	font-family: YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float: left;
	font-size: 20px !important;
}

#footTop p {
	float: left;
	margin-top: 4px;
	margin-left: 15px;
	font-size: 90%;
}

#footTop ul {
	float: right;
}
#footTop li {
	float: left;
	margin-right: 15px;
	padding-left: 10px;
	background: url(../img/arwF.png) no-repeat left center;
}

/* ------------------------------ footNav */
#siteFooter dl {
	width: 18%;
	margin-right: 2.5%;
	float: left;
}
#siteFooter dt {
	font-weight: bold;
	background: url(../img/arwF.png) no-repeat left center;
	margin-top: 6px;
	padding: 0 5px 0 10px;
}
#siteFooter dd a {
	padding: 7px 5px 7px 10px;
	border-bottom: 1px dotted #AAA;
	background: url(../img/arwF.png) no-repeat left center;
	display: block;
}
#siteFooter dl a:hover {
	color: #966;
}
#footNav {
	position: relative;
}
.footContact {
	position: absolute;
	bottom: -40px;
}
.footClm2 {
	width: 36% !important;
}
.footClm2 .fll {
	width: 49% !important;
}
.clmRight {
	margin-top: 26px;
	margin-left: 2%;
}
/* ---------------------------------------- copyright */
#copyright {
	padding: 10px 0;
	color: #fff1da;
	background: #663300;
}

#copyright small {
	font-size: 80%;
	display: block;
}

/* =pageTop
-------------------------------------------------------------- */
#pageTop {
	position: fixed;
	display: block;
	right: 80px;
	bottom: 45px;
}

#pageTop a {
	width: 100px;
	height: 60px;
	text-indent: -9999px;
	background: url(../img/pageTop.png) no-repeat;
	display: block;
}

#pageTop a:hover {
	opacity: 0.8;
}

#pageTop a:hover {
}


/* --------------
 sub page styles
-------------- */

/* ---------- breadcrumb */
#breadcrumb {
	margin-bottom: 20px;
}
#breadcrumb li {
	color: #AAA;
	font-size: 12px;
	display: inline-table;
}
#breadcrumb li a {
	color: #CCC;
	padding-right: 5px;
}
#breadcrumb li a:after {
	content: "　>"; 
}
#breadcrumb li a:hover {
	color: #999;
}

/* ---------------------------------------- subpage */
.subpage {
}