@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_

パソコン向けスタイルおよび共通スタイルの指定

/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/
body {
    min-width: 100%;
    text-align: center;
    background-color: #FFFFFF;
    width: 100%;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 0.8em;
    font-style: normal;
    line-height: 1.6;
    font-weight: 500;
    font-variant: normal;
    float: left;
    border-top: 4px solid #FF9999;
    padding-top: 30px;
}

a {
	text-decoration: none;
	color: #8A8381;
}
a:link { color: #8A8381; }
a:visited { color: #8A8381; }
a:hover { color: #88c3f7; }
a:active { color: #8A8381; }

.share {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

.shareStyle {
    width: 100%;
    float: left;
}

.shareStyle2 {
    width: 100%;
    float: left;
    padding-bottom: 47px;
    color: #8A8380;
}

.prioce{
    width: 100%;
    text-align: right !important;
    padding-bottom: 5px;
    font-size: 1em;
    color: #8A8380;
}

.shareStyle2 div {
	font-size: 1.3em;
	padding-left: 35px;
	border-bottom: 1px solid #ccc;
	background-image: url(../images/customer/img.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.pcImg {
	}

.pcImg2 {
	}

.mbImg,
.mbImg2 {
	display: none;
	}

.text {
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	}

.red {
	color: #B20000;
	}

.both {
    clear: both;
}

/*==========================================
 ヘッダーのスタイル
===========================================*/
header {
    width: 100%;
    float: left;
	}

header h1 {
    width: 100%;
    float: left;
	}


ul#global {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

ul#global li {
    display: inline;
    float: left;
    border-right: 1px solid #CCCCCC;
    margin-bottom: 18px;
	}

ul#global li:last-child {
    border-right: 0px solid #CCCCCC;
	}

header nav ul {
	display: none;
	}

#headerBlock {
    float: right;
    position: relative;
    bottom: 110px;
    margin-bottom: -110px;
}

#headerBlock p {
    text-align: right;
	padding: 0 20px 16px 0;

}


#headerBlock div {
	font-size: 1.4em;
	color: #8A8381;
	padding: 0 20px 16px 0;
	text-align: right;
}

#headerBlock li {
    display: inline;
}

#headerBlock li span {
    display: none;
}

#headerBlock li a {
    background-image: url(../images/btn_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 19px;
    padding-left: 14px;
}

#headerNavi {
    width: 100%;
    float: left;
    padding-top: 44px;
}

/*==========================================
 メインコンテンツ共通スタイル
===========================================*/
#main {
    width: 100%;
    float: left;
    padding-bottom: 80px;
	}

#mainImg {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 20px;
	}

.imgStyle {
    padding-bottom: 35px;
}

.fontStyle {
    color: #8A8381;
    font-size: 1.2em;
    line-height: 1.8em;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 500;
    padding-bottom: 68px;
    letter-spacing: 0.2em;
    text-align: center;
}

.fontStyle2 {
    color: #8A8381;
    font-size: 1.2em;
    line-height: 1.8em;
    padding-bottom: 30px;
}

#left {
    width: 700px;
    float: left;
    text-align: left;
    margin-top: 25px;
	}

#right {
    width: 260px;
    float: right;
    text-align: left;
    margin-top: 25px;
	}

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

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

.centerImg {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

#pNabvi {
	}

#pNabvi a {
	}

.olStyle {
	padding-bottom: 20px;
	}

.olStyle li {
    color: #8A8381;
    font-size: 1.2em;
    line-height: 1.8em;
	margin-bottom: 5px;
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 18px;
	}

.ulStyle {
	padding-bottom: 20px;
	}

.ulStyle li {
    color: #8A8381;
    font-size: 1.2em;
    line-height: 1.8em;
    margin-bottom: 5px;
    list-style-position: outside;
    background-image: url(../images/point.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 13px;
	}


.tableStyle {
	width: 100%;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
	}

.tableStyle th {
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-weight: normal;
    color: #8A8381;
    font-size: 1.2em;
    line-height: 1.8em;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    vertical-align: top;
    width: 50%;
    white-space: unset;
    text-wrap: balance;
    background-image: url(../images/thbg.png);
	}

.tableStyle td {
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
    color: #8A8381;
    font-size: 1.2em;
    line-height: 1.8em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;

	}

blockquote {
    background-image: url(../images/share/boxbg.png);
    background-repeat: repeat;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 28px;
    padding-left: 28px;
    margin-bottom: 20px;
    margin-top: 70px;
	}

blockquote div {
    background-image: url(../images/share/kanouseijin3.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 70px;
    margin-top: -65px;
	}

blockquote p strong {
	padding-bottom: 15px;
	display: block;
	font-size: 1.2em;
	}

.imgLeft {
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
}

.imgRight {
    float: right;
    padding-left: 20px;
    padding-bottom: 20px;
}

.imgCenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.imgCenter img {
	width: 100%;
	max-width: 75%;
	max-height: 500px;
	height: auto;
 	text-align: center;
	}

#maps{
	width:700px;
	padding:0;
	margin:40px auto;
	max-width:100%;
	height:auto;
	}

/*==========================================
 フッターのスタイル
===========================================*/

footer {
    width: 100%;
    float: left;
    background-image: url(../images/footer_bg.png);
    background-repeat: repeat-x;
    background-position: 0% top;
	}


#copy {
    text-align: center;
	}

#pagetop {
    height: 60px;
    text-align: center;
    width: 100%;
    float: left;
}

#footerNavi {
    width: 100%;
    float: left;
    padding-top: 60px;
    padding-bottom: 27px;
    text-align: center;
}

#footerNavi p {
    font-size: 1.1em;
    color: #8A8381;
    text-align: center;
}

#footerNavi p a {
    color: #8A8381;
}


/*==========================================
 その他
===========================================*/
.bnContents {
    width: 100%;
    float: left;
    background-image: url(../images/bg.png);
    padding-top: 36px;
    padding-bottom: 56px;
}

.bnContents h2 {
    width: 100%;
    float: left;
    text-align: center;
    padding-bottom: 39px;
}

.bnContents p {
    float: right;
    position: relative;
    bottom: 60px;
    margin-bottom: -30px;
    margin-right: 46px;
}

.bnContents ul {
    width: 100%;
    float: left;
}

.bnContents ul li {
    text-align: center;
    display: inline;
    margin-right: 15px;
    margin-left: 15px;
}

#bgImg {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/bgImg.jpg?12345);
    background-repeat: no-repeat;
    background-position: center center;
    height: 253px;
    background-size: cover;
    background-clip: content-box;
    background-origin: content-box;
    background-attachment: fixed;
}

#bgImg aside {
    padding-top: 63px;
}

.topContents {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
    float: left;
    width: 90%;
    text-align: left;
}

.subTit {
    margin-left: 0px;
    background-image: url(../images/sub_tit_bg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 47px;
    padding-bottom: 15px;
    padding-top: 25px;
    overflow: auto;	/* for modern browser */
    zoom: 1;	/* for ie6 */
    margin-bottom: 22px;
}

.btnStyle{
    font-size: 1.2em;
    margin-top: 10px;
}

.btnStyle2 {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 80px;
}

.btnStyle a,
.btnStyle2 a {
    background-image: url(../images/btn_bg2.png);
    border: 1px solid #FFBDBD;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    color: #FF7272;
    text-decoration: none;
}

.btnStyle a:hover,
.btnStyle2 a:hover {
    background-image: url(../images/btn_bg2_on.png);
    border: 1px solid #FF8585;
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    color: #FF7272;
    text-decoration: none;
}

#bgImg2 {
    width: 100%;
    float: left;
    text-align: center;
    background-image: url(../images/bgImg2.jpg?12345);
    background-repeat: no-repeat;
    background-position: center center;
    height: 253px;
    background-size: cover;
    background-clip: content-box;
    background-origin: content-box;
    background-attachment: fixed;
}

#bgImg2 aside {
    padding-top: 63px;
}

#topLeft {
    width: 662px;
    float: left;
    text-align: left;
    margin-top: 37px;
}

#topRight {
    margin-top: 37px;
    width: 283px;
    float: right;
}

#topInfo {
    width: 100%;
    float: left;
}

#topInfo h2 {
    background-image: url(../images/sub_tit_bg2.png);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 20px;
}

#topInfo p {
    color: #8A8381;
    font-size: 1.2em;
    line-height: 1.8em;
    background-image: url(../images/dot.png);
    background-repeat: repeat-x;
    background-position: 0% bottom;
    padding-bottom: 8px;
    margin-bottom: 13px;
    padding-right: 10px;
}

#topInfo p time {
    width: 82px;
    padding-left: 10px;
    padding-right: 20px;
}

#topInfo p a {
    color: #8A8381;
}

#topInfo aside {
    text-align: right;
    padding-top: 22px;
    padding-bottom: 25px;
}

#topRight ul li {
    padding-bottom: 20px;
    text-align: center;
}

#title {
    width: 588px;
    float: left;
    background-image: url(../images/sub_tit_bg3.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 112px;
    padding-bottom: 10px;
}

#title h1 {
    color: #8A8380;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 3.2em;
}

#pNavi {
	width: 100%;
	float: left;
	color: #8A8381;
	font-size: 1.2em;
	padding-bottom: 40px;
	padding-top: 4px;
}

#pNavi a {
    color: #8A8381;
}

.titleStyle {
    background-image: url(../images/sub_tit_bg4.png);
    color: #FFFFFF;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 2.0em;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-bottom: 45px;
    text-shadow: 1px 2px 10px #9B5454;
    line-height: 1.4em;
}

.titleStyle2 {
    background-image: url(../images/sub_tit_bg5.png);
    color: #FF7373;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 1.6em!important;
    padding-top: 2px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-bottom: 30px;
    border: 1px solid #FFCECE;
    line-height: 1.0em;
    font-weight: bold;
}

.titleStyle2 span {
    background-image: url(../images/customer/img.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 3px;
    display: inline-block;
}
.titleStyle span {
    background-image: url(../images/customer/img.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 35px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
}

.titleStyle3 span {
    display: none;
}

.titleStyle3 {
    border-bottom: 4px solid #FFCECE;
    color: #FF7272;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 1.5em;
    padding-bottom: 5px;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 1.3em;
    background-image: url(../images/customer/img.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 35px;
    padding-top: 8px;
    padding-bottom: 3px;
}

.titleStyle4 {
    color: #FF7272;
    font-size: 1.3em;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1.3em;
}

.calendarTitle {
    width: 100%;
    float: left;
    background-image: url(../images/sub_calendar_bg.png);
    margin-bottom: 20px;
}

.calendarTitle h2 {
	padding: 15px 0 15px 15px;
}

.subBnStyle {
    width: 100%;
    float: left;
    padding-bottom: 47px;
    text-align: center;
}

.subBnStyle p {
    color: #666666;
    font-size: 0.9em;
    line-height: 1.6em;
    }

.subBnStyle p img {
    padding-bottom: 8px;
    }

.subBnStyle aside {
    padding-top: 10px;
    }

.sideBn {
    width: 100%;
    float: left;
    text-align: center;
}

.sideBn li {
    text-align: center;
    padding-bottom: 20px;
}

#subContents {
    width: 100%;
    float: left;
    color: #8A8381;
}

#subContents h3 {
    background-image: url(../images/sub_tit_bg2.png);
    background-repeat: repeat-x;
    background-position: 0% bottom;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 15px;
}

#subContents ul li {
/*     color: #8A8381; */
    font-size: 1.2em;
    line-height: 1.8em;
    margin-bottom: 3px;
    list-style-position: outside;
    background-image: url(../images/point.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 13px;
    margin-left: 10px;
    padding-right: 10px;
}

#subContents ul li a {
    color: #8A8381;
}

.information {
	width: 100%;
	float: left;
	padding-top: 15px;
	padding-bottom: 47px;
	color: #8A8381;
}

.information p {
	color: #8A8381;
	font-size: 1.2em;
	line-height: 1.8em;
	padding-bottom: 30px;
	clear: both;
}

.information .godetail {
	text-align: right;
}

#gallery {
    width: 100%;
    float: left;
    margin-top: 25px;
}

#gallery #title {
    width: 100%!important;
    text-align: left;
}

.galleryBlock {
/*     width: 700px; */
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}

.galleryBlock section {
    width: 100%;
    border: 3px solid #E4E2E1;
    border-radius: 20px;
    float: left;
    margin-bottom: 45px;
}

.galleryBlock section figure {
    padding-top: 22px;
    text-align: center;
    padding-bottom: 22px;
}

.galleryBlock section figure img {
	width: 100%;
	max-width: 91%;
	/* max-height: 450px; */
	height: auto;
 	text-align: center;
	}

.galleryBlock section p {
    color: #8A837F;
    font-size: 1.2em;
    line-height: 1.6em;
    padding-bottom: 22px;
    padding-left: 3%;
    padding-right: 3%;
}

.galleryBlock section h1 {
    text-align: left;
    padding-left: 3%;
    padding-right: 3%;
    color: #8A837F;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 2.5em;
    padding-top: 22px;
    line-height: 1.3em;
}

.back {
    float: left;
    margin-top: -20px;
    padding-left: 3%;
    padding-right: 3%;
}

.next {
    float: right;
    margin-top: -20px;
    padding-left: 3%;
    padding-right: 3%;
}

.staffInfo {
    overflow: auto;	/* for modern browser */
    zoom: 1;	/* for ie6 */
    margin-right: 15px;
    }

.staffInfo dt {
    color: #FF7272;
    font-weight: bold;
    font-size: 1.2em;
}

.staffInfo dd {
    color: #8A8380;
    font-size: 1.2em;
    padding-bottom: 10px;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 15px;
}

#titleImg {
    margin-bottom: 30px;
    width: 100%;
}

.customer {
    width: 99.8%;
    float: left;
    border: 1px solid #E3BCBD;
    margin-bottom: 30px;
    border-radius: 10px;
}

.customer .titleStyle5 {
    margin-top: 15px;
    font-size: 2em;
    padding-top: 40px;
    margin-bottom: 20px;
}

.customer p {
    color: #8A8381;
    font-size: 1.2em;
    line-height: 1.8em;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.customer .imgLeft {
    padding-left: 15px;
}

.fontStyle3 {
    color: #8A8381;
    font-size: 1.2em;
    line-height: 1.8em;
    padding-bottom: 30px;
    text-align: center;
}

.titleStyle5 {
    background-image: url(../images/concept/bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    color: #FF7272;
    text-align: center;
    font-size: 2.5em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    padding-top: 35px;
    padding-bottom: 40px;
}


.staffVoice {
    background-color: #FFFFFF;
    margin-left: 10%;
    margin-right: 20px;
    margin-bottom: 30px;
    float: left;
    padding-top: 30px;
    background-image: url(../images/customer/bg.png);
}

.Staffbox {
    border: 1px solid #cccccc;
    margin-bottom: 30px;
    border-radius: 10px;
}

.Staffbox h1 {
    border-bottom: 4px solid #FFCECE;
    color: #8A8381;
    font-size: 1.7em;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-weight: bold;
    line-height: 1.3em;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background-image: url(../images/staff/bg.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    padding-top: 15px;
}

.Staffbox h1 span {
    font-size: 0.8em;
    font-style: normal;
    padding-right: 10px;
}

.Staffbox .imgLeft {
    margin-left: 15px;
}

.staffInfo dd:last-child {
    border-bottom: 0px dotted #CCCCCC;
    margin-bottom: 20px;
}


.Staffbox .imgLeft img,
.customer .imgLeft img {
        -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
  }