@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 1.0
 *  updated --- 2012/3/30
 */


/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: 'Playfair Display', serif, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #7f6f68;
	background:#fff;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}



/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	min-width: 960px;
}
@media screen and (max-width: 959px) {
	#wrapper {
		min-width: inherit;
		width: 100%;
	}
}

/* !header
---------------------------------------------------------- */
#header {
	
}
#headerPC {
	width: 100%;
}
#headerPC .headerIn {
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 60px;
	color: #f5f5f5;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, left, from(#a48a8e), color-stop(0.5, #a48b81), color-stop(0.5, #a48b81), to(#9b8e80));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	/* IE9+ */
	background: -ms-linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	/* IE8 */
	-pie-background: linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	behavior: url(/PIE.htc);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
	#headerPC .headerIn {
		padding: 0;
	}
}
#headerPC .headerIn .headerMessage li {
	float: left;
}
#headerPC .headerIn .headerMessage li+li {
	margin-left: 20px;
}
#headerPC .headerBox {
	width: 100%;
	height: 70px;
	position: relative;
}
#headerPC .headerBox .headerBoxIn {
	max-width: 1024px;
	margin:0 auto;
}
#headerPC .headerLogo {
	float:left;
	margin-top:15px;
}

#headerSP {
}
#headerSP .headerLine {
	width:100%;
	height:6px;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, left, from(#a48a8e), color-stop(0.5, #a48b81), color-stop(0.5, #a48b81), to(#9b8e80));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	/* IE9+ */
	background: -ms-linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	/* IE8 */
	-pie-background: linear-gradient(left, #a48a8e, #a48b81 50%, #a48b81 50%, #9b8e80);
	behavior: url(/PIE.htc);
}
#headerSP .headerIn {
	width:100%;
	height:54px;
	position:relative;
}
#headerSP .headerLogo {
	width: 132px;
	padding: 10px 7px;
}
#headerSP .navbar-toggle {
	position:absolute;
	width: 40px;
	height: 40px;
	right: 15px;
	top: 7px;
	background: url(../img/open_menu.gif) 0 0 no-repeat;
	background-size: 40px 40px;
}
#headerSP .navbar-toggle.on {
	background: url(../img/close_menu.gif) 0 0 no-repeat;
	background-size: 40px 40px;
}

/* ヘッダー全体を最前面に出す */
#header {
  position: relative;  /* これでスタッキングコンテキストを作る */
  z-index: 9999;       /* 最前面 */
}

#headerPC .headerBox {
  position: relative;
  z-index: 9999;
}


/* !gNavi
---------------------------------------------------------- */
		
#gNavi {
	float:right;
}
#gNavi li {
	float:left;
}
#gNavi li+li {
	margin-left:30px;
}
#gNavi li a {
	color:#574a45;
	height:70px;
	line-height:70px;
	display:block;
	outline:none;
	position:relative;
}
#gNavi li a:hover {
	text-decoration:none;
	position:relative;
}
#gNavi li a:visited,
#gNavi li a:active,
#gNavi li a:focus { text-decoration: none !important;}

#gNavi li a:hover:before {
	position:absolute;
	content:"";
	background:#95887d;
	height:4px;
	width:100%;
	left:0;
	bottom:0;
	z-index:3;
}
#gNavi li.select>a:before {
	position:absolute;
	content:"";
	background:#95887d;
	height:4px;
	width:100%;
	left:0;
	bottom:0;
	z-index:3;
}
#gNavi .pulldownmenu {
	width:100%;
	position: absolute;
	left:0;
	top:100%;
	background:#fff;
	border-top:1px #e6e5e5 solid;
	height:70px;
	z-index:9;
	display:none;
}
#gNavi .pulldownmenu p {
	max-width:960px;
	margin:0 auto;
	padding-left:50px;
}
#gNavi .pulldownmenu p span {
	font-size:18px;
}
#gNavi .pulldownmenu p a,#gNavi .pulldownmenu p span {
	line-height:70px;
	display:inline-block;
}
#gNavi .pulldownmenu p a:hover {
	text-decoration:none !important;
}
#gNavi .pulldownmenu p span+a {
	margin-left:130px;
}
#gNavi .pulldownmenu p a+a {
	margin-left:130px;
}

#gNavi .pulldownmenu2 {
	width:100%;
	position: absolute;
	left:0;
	top:100%;
	background:#fff;
	border-top:1px #e6e5e5 solid;
	height:70px;
	z-index:9;
	display:none;
}
#gNavi .pulldownmenu2 p {
	max-width:1120px;
	margin:0 auto;
	padding-left:50px;
}
#gNavi .pulldownmenu2 p span {
	font-size:18px;
}
#gNavi .pulldownmenu2 p a,#gNavi .pulldownmenu p span {
	line-height:70px;
	display:inline-block;
}
#gNavi .pulldownmenu2 p a:hover {
	text-decoration:none !important;
}
#gNavi .pulldownmenu2 p span+a {
	margin-left:50px;
}
#gNavi .pulldownmenu2 p a+a {
	margin-left:50px;
}

/* navbar-collapse */
#globalMenu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 998;
	width:100%;
	background:#fff;
}
#globalMenu ul {
	padding:0 20px;
}
#globalMenu ul li {
	width: 100%;
	border-bottom:1px #dfdbd8 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#globalMenu ul li a,
#globalMenu ul li span {
	padding:15px 20px;
	display:block;
}
#globalMenu ul li a.arrow {
	padding:15px 20px 15px 40px;
	background:url(../img/arrow_menu.gif) 20px center no-repeat;
	background-size:10px 6px;
}
#globalMenu .sns .snsL {
	width:50%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#globalMenu .sns .snsL a {
	border-right:1px #dfdbd8 solid;
}
#globalMenu .sns .snsR {
	width:50%;
	float:right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#globalMenu .sns .snsL a ,#globalMenu .sns .snsR a {
	text-align:center;
	padding:15px 20px;
	display:block;
}
#globalMenu .telMenu {
	background:#fdf9f5;
	width:100%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#globalMenu .telMenu a {
	padding:15px 20px;
	color:#706862;
	font-size:20px;
	display:block;
	outline:none;
}
#globalMenu .telMenu a:hover {
	text-decoration:none;
}
#globalMenu .telMenu a span {
	background:url(../img/tel_menu.gif) 0 center no-repeat;
	padding-left:25px;
	background-size:15px 20px;
}

/* !mainimg
---------------------------------------------------------- */
#mainimg {
	background: url(../../img/mainimg.jpg) center 0 no-repeat;
	background-size: cover;
	height: 600px;
}
#mainimg img {
	display:none;
}
@media screen and (max-width: 959px) {
#mainimg {
	background:none;
	background-size:auto;
	height:auto;
}
#mainimg img {
	display:inline-block;
	width:100%;
}
}

/* !teaser
---------------------------------------------------------- */
#teaser {
	text-align:center;
	position:relative;
	height:239px;
}
#teaser h2 {
	text-align:center;
	position:absolute;
	font-size:38px;
	color:#95887d;
	left:0;
	top:50%;
	width:100%;
	margin-top:-35px;
	line-height:0.8em;
	display:block;
	z-index:3;
	letter-spacing: 1px;
}
#teaser h2 span {
	font-size:15px;
	color:#95887d;
}
@media screen and (max-width: 479px) {
#teaser h2 {
	font-size:30px;
	margin-top:-30px;
}
}

/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	background:#f5f5f5;
	width:100%;
}
#breadcrumb .breadcrumbIn {
	width:944px;
	margin:0 auto;
	padding:10px 0;
}
@media screen and (max-width: 959px) {
#breadcrumb {
	display:none;
}
}
#breadcrumb .breadcrumbIn , #breadcrumb .breadcrumbIn a {
	font-size:12px;
	color:#574a45;
}
#breadcrumb .breadcrumbIn .home {
	background:url(../img/ico_breadcrumb.png) 0 center no-repeat;
	padding-left:25px;
}
#breadcrumb .breadcrumbIn li {
	float:left;
}
#breadcrumb .breadcrumbIn li+li {
	margin-left:15px;
	padding-left:17px;
	background:url(../img/arrow_breadcrumb.png) 0 center no-repeat;
}

/* !contents
---------------------------------------------------------- */
#contents {
	width:100%;
}
#main {
	width:675px;
	float:left;
}

@media screen and (max-width: 959px) {
#main {
	width:auto;
	float:none;
	margin-bottom:20px;
}
}

#side {
	width:240px;
	float:right;
	font-size:15px;
}

@media screen and (max-width: 959px) {
#side {
	width:auto;
	float:none;
}
}
#side .sideTit {
	border-left:4px #cdcccc solid;
	border-bottom:1px #cdcccc solid;
	padding:6px 10px;
}
#side .sideList01 li {
	border-bottom:1px #cdcccc solid;
}
#side .sideList01 li a {
	display:block;
	background:url(../img/ico01.png) 0 center no-repeat;
	padding:15px 5px 15px 25px;
}
#side .sideList02 li.bor {
	border-bottom:1px #cdcccc solid;
	border-top:1px #cdcccc solid;
}
#side .sideList02 li a {
	display:block;
	background:url(../img/ico01.png) 0 center no-repeat;
	padding:15px 5px 15px 30px;
}
#side .sideList02 li ul {
	margin-left:30px;
}
#side .sideList02 li ul li a {
	display:block;
	background:none;
	font-size:13px;
	padding:0;
}
#side .sideList02 li ul li+li {
	margin-top:5px;
}
#side .sideList03 {
	margin:20px 0;
}
#side .sideList03 li a {
	font-size:15px;
	padding:20px 0;
	text-align:center;
	display:block;
	position:relative;
}
#side .sideList03 li.sideBlank a:before {
	background:url(../img/ico03.png) 0 0 no-repeat;
	position:absolute;
	content:"";
	right:20px;
	top:50%;
	margin-top:-5px;
	width:9px;
	height:9px;
	z-index:3;
}
#side .sideTxt {
	background:#faf4f2;
	font-size:18px;
	padding:20px;
	text-align:center;
	-webkit-border-radius: 0 0 30px 0;
	-moz-border-radius: 0 0 30px 0;
	-ms-border-radius: 0 0 30px 0;
	-o-border-radius: 0 0 30px 0;
	border-radius: 0 0 30px 0;
	behavior: url(/PIE.htc);
	position:relative;
}
#side .sideTxt p+p {
	margin-top:10px;
}


/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position: fixed;
	bottom: 54px;
	right: 54px;
	z-index: 9999;
	display:none;
}
.pageTop a {
	outline:none;
}
@media screen and (max-width: 959px) {
.pageTop {
	bottom: 15%;
	right: 5%;
}
}
/* !footer
---------------------------------------------------------- */
#footer {
	width:100%;
	border-top:1px #e9e7e6 solid;
	background:#918881;
}
@media screen and (max-width: 959px) {
#footer {
	width:auto;
}
}
#footer .footerBox {
	max-width:1024px;
	margin:0 auto;
	height:185px;
	padding:25px 0;
	position:relative;
}
@media screen and (max-width: 959px) {
#footer .footerBox {
	width:auto;
	margin:auto;
	height:auto;
	padding:20px;
}
}

#footer .footerBox .footerLink {
	border-bottom:1px #989089 solid;
	color:#fff;
	padding:0 0 20px;
	margin-bottom:20px;
}
#footer .footerBox .footerLink a {
	color:#fff;
}
#footer .footerBox .footerLink a:hover {
	text-decoration:underline;
}
#footer .footerBox .footerQr {
	position:absolute;
	right:5px;
	top:80px;
	z-index:3;
}
#footer .footerBox .footerRule a {
	font-size:12px;
	color:#cdc9c7;
}
#footer .footerBox .footerRule a+a {
	margin-left:15px;
}
@media screen and (max-width: 959px) {
#footer .footerBox .footerLink {
	display:none;
}
#footer .footerBox .footerQr {
	display:none;
}
}	
#copyright {
	background:#fff;
	color:#000;
	font-size:12px;
	text-align:center;
	padding:20px 10px;
}
@media screen and (max-width: 959px) {
#copyright {
	padding:10px 20px;
}
}
	
/* !h(n)eading
---------------------------------------------------------- */
.h3Basic {}

/* !Listing
---------------------------------------------------------- */
.ulBasic {
}

/* !Table
---------------------------------------------------------- */
.tableBasic01 {
	width:100%;
}
.tableBasic01 th ,.tableBasic01 td {
	border-bottom:1px #dddcdb solid;
	padding:5px 10px;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* !Section
---------------------------------------------------------- */
.section {
	width:944px;
	margin:0 auto;
	padding:60px 0;
}
@media screen and (max-width: 959px) {
.section {
	width:100%;
	margin:auto;
	padding:35px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
}

/* !blgtitle
---------------------------------------------------------- */
#blgtitle {
	background:#f5f5f5;
	width:100%;
}
#blgtitle .blgtitleIn {
	width:944px;
	margin:0 auto;
	padding:10px 10px;
}
#blgtitle .blgtitleIn , #blgtitle .blgtitleIn a {
	font-size:12px;
	color:#574a45;
}
#blgtitle .blgtitleIn li {
	float:left;
}

/* !xtwitter
---------------------------------------------------------- */
.twitter-container {
    margin-top: 20px; /* 上にスペースを追加 */
    margin-bottom: 20px; /* 下にスペースを追加 */

}