@charset utf-8;
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { line-height: 1; }
body { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
a { color: #0099ff; }
a:hover, a:active, a:focus { color: #66c2ff; }

ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
.cfix, .layout_l, footer .inner, header, header .inheader, .headAreaWrap .breadAreaWrap, .headAreaWrap .headArea, .headAreaWrap .headArea nav.pageLink, .h2Area, .h2Area_ver2, .infoBox, .estateBox, .dl_style06, .designBox, ul.list_style01, .f_box, .spaceListArea, .spaceListArea .spaceData, .pageTitle, nav.main, .relateList, .relateList .list_style02 { zoom: 1; }
.cfix:after, .layout_l:after, footer .inner:after, header:after, header .inheader:after, .headAreaWrap .breadAreaWrap:after, .headAreaWrap .headArea:after, .headAreaWrap .headArea nav.pageLink:after, .h2Area:after, .h2Area_ver2:after, .infoBox:after, .estateBox:after, .dl_style06:after, .designBox:after, ul.list_style01:after, .f_box:after, .spaceListArea:after, .spaceListArea .spaceData:after, .pageTitle:after, nav.main:after, .relateList:after, .relateList .list_style02:after { display: block; content: ""; clear: both; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
strong, b { font-weight: bold; }
.sp { display: none; }


img { vertical-align: baseline; }

/*common.css引用*/
a:focus { outline:none;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;} * html .clearfix { height: 1px; /*¥*/}
.both{ clear:both;}
.inline_block { display: inline-block; *display: inline; *zoom: 1;}
.clearfix:after{content:"";display:block;clear:both;height:0;line-height:0;font-size:0;visibility:hidden;}.clearfix{zoom:1;}* html .clearfix{height:0px;}.clear{clear:both;line-height:0;font-size:0;}
a img.over{ filter:alpha(opacity=100); -moz-opacity:1.0;opacity:1.0;}
a:hover img.over{ filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
a:hover img{ filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
a{ color: #6b2e00; text-decoration: none;}
a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;
}

/* ALL page layout common style */
body { width: 100%; background: url(../img/bg_main.png);}
.header { width: 79%; max-width: 1120px; margin: 0 auto; padding: 20px 0 0 0;}
.contents { width: 100%; ;}
.contents .inner { width: 79%; max-width: 1120px;margin: 0 auto;}
.mainContents  div.mainArea { width: 79.5%; background: url(../img/bg_bloglist.png) center top; float: left;}
/*.mainContents { width: 92.4%; max-width: 1120px; margin: -20.8% auto 0; padding: 0 0 0 4.9%; position: relative;}*/
.mainContents {/* width: 79.5%; max-width: 1040px; *//*margin: -20.8% auto 0;*/ padding: 0 0 0 0%; position: relative;}
.spHead { display: none;}
.countInfo { width: 30%; float: right; text-align: right;}
.header h1 { width: 60%; float: left;}
.header p {  float: right; text-align: right;padding-top: 35px;width:35%}
.header p img{width:100%; max-width:100%;}
.header .bread { clear: both; padding: 2.4% 0; z-index: 9999; position: relative;}
.header .bread li { display: inline-block; font-size: 90%; padding: 3px 0 0 0;}
.header .bread li img{vertical-align: middle; }
.header .bread li { color: #FFF;}
.header .bread li.current a { color: #d8a000;}
.header .bread li a { color: #d8a000;}
.headImgBlock { position: relative; margin: -35px 0 0 0;}
.headImgBlock .topLayer { width: 100%; position: absolute; top: 23%; z-index: 9999; text-align: right; left: -30%; ;}
.headImgBlock .topLayer img { max-width: 206px; width: 20%;}

.footer .footOuter { background: url(../img/bg_bottom.png);font-size:90%;}
.footer { background: url(../img/footerObj.png) center top no-repeat; padding: 90px 0 0 0; margin: 80px 0 0 0;}
.footerTop { padding: 30px 2.7%;}
.footerTop .addressBox { width: 35%; float: left;}
.footerTop .addressBox h4 , .footerTop .addressBox h5 , .footerTop .addressBox p { color: #330000;}
.footerTop .addressBox h4 { font-size: 120%; padding: 0 0 3% 0;}
.footerTop .addressBox h5 { font-size: 190%; font-weight: bold; margin: 0 0 20px 0;}
.footerTop .addressBox p { font-size: 130%;}
.footerTop .addressBox .footLogo { margin: 50px 0 0 0;}

.footerTop .linkBox { float: right; width: 61.3%;}
.footerTop .linkBox table td { padding-bottom: 5%; width: 50%; vertical-align: top;}
.footerTop .linkBox table td:nth-child(2){ padding: 0 0 5% 4.5%;}

.footerTop { width: 79%; max-width: 1120px; margin: 0 auto; display: block;}
.footer .copyWrap { background: url(../img/bg_foot.png);}
.footer .copy { width: 79%; max-width: 1120px; margin: 0 auto; display: block;padding:15px 3.8%;}
.footer .copy span { text-align: right; color: #FFF;  display: block; font-size: 80%;padding-top: 10px;}
.footer .copy a.corpInfo {margin: 0 auto; display: block; float: left;}
.footWrap { padding: 0 3.8%!important;}
#pagetop { opacity: 1; position: fixed; bottom: 30px; right: 3%; padding: 0 0 0 30px; text-align: left; z-index: 9999; opacity: 0.6\9;}




@media only screen and (max-width:1300px) {
}

@media only screen and (max-width:1210px) {
.blogBody .contents .inner h2 img { width: 100%;}
.newsPage .header h1 img { width: 100%; max-width: 572px;}
.header h1 { width: 100%;float: none;padding-top: 15px;}
.header h1 img { width: 80%;}
.header p { display: block;width: 100%;float: none;text-align: center;}
.header p img{width:50%; max-width:50%;}
.header{padding:0 0 0 0;}
.header .discription { padding: 10px 0; display: block; text-align: left; padding: 0 0 0 120px;}
.header .bread { width: 100%; margin: 0 auto;}
}

@media only screen and (max-width:1200px) {
.footerTop .linkBox li { display: block; margin: 0 0 20px 0;}
}

@media only screen and (max-width:1024px) {
/* 	common style */
	.header { width: 96%; margin: 0 auto;}
	.newsList .contents .news .newsListBox li .title a { padding: 0;}


.footerTop { width: auto; max-width: auto;}
.footerTop .linkBox table td { display: list-item; list-style-type: none; width: 100%;}
.footerTop .linkBox table td img { width: 100%;}
.footerTop .linkBox table td:nth-child(2) { padding: 0 0 5% 0;}

.top .innerTop { margin: 0 auto 40%;}
.top .innerTop , .top .innerBottom { width: 90%;}
/* .footerTop .addressBox {width: 70%;} */
.footerTop .addressBox {width: 57%;}
.footerTop .linkBox {width: 43%;}
#globalNav ul,#globalNav hr{width:96%;}
.contents .inner{
	width:96%;
}
.header h1 img {
  width:100%;
}
}

@media only screen and  (max-width:767px) {

.blogPage .header h1 { text-align: left; width: 100%; margin: 0;}

.header h1 {width:98%;margin:0 auto;}
.header h1 img { width: 100%; max-width: 572px;}
.header .discription { text-align: center; padding: 15px 0;}
.header .bread { width: 100%; margin: 0 auto; padding: 2.4% 0 5% 0;}
.header p { width: 100%;padding-top: 10px;}
.header p img{ width: 80%;max-width:80%;}
.contents .inner {width:100%; margin: 0 auto;}
.contents .blog, .contents .news, .contents .sidebar { width: 100%; float: none;}
.newsList .contents .news, .newsDetail .contents .news { width: 100%; float: none;}
.newsList .contents .news, .newsDetail .contents .news, .blogBody .contents .blog { margin: 0 auto 40px;}
.blogBody .contents .sidebar { margin: 0 auto;}
.blogBottomBox table td:first-child, .newsBottomBox table td:first-child { display: none;}
.blogBottomBox table td, .newsBottomBox table td { width: 100%; display: list-item; list-style-type: none; text-align: center;}
.blogBottomBox .snsBlock, .newsBottomBox .snsBlock { padding: 30px 0 0 0; text-align: center;}
.footerTop { padding: 20px 0 0 0;}
.footerTop, .copy span { width: 90%;}
.footerTop .linkBox li { margin: 0 0 20px 0; width: 100%;}
.footer .linkBox img { width: 100%; max-width: 300px;}

.footer .copy a.corpInfo {margin: 0 auto; display: block; float: none;}

}


@media only screen and (max-width:380px) {
	#pagetop {
		display: none!important;
	}
.footerTop .linkBox li:last-child { padding: 0;}
.blogBody .spHead { display: block; width: 100%;}
.blogBody .spHead .spPageTitle { width: 60%;}
.blogPage .header { width: 98%; padding: 20px 0 0 0;}
.blogBody .spHead img { width: 100%;}
.blogBody .headImgBlock { display: none; position: static;}
.blogBody .contents .blog .blogHead h3 { width: auto; float: none;}
.blogDetail .contents .blog .blogImg img { max-width: 97%;}
.blogBody .contents .blog .blogHead .countInfo { width: 100%; float: none; text-align: left;}
.blogBody .contents .mainContents { width: 100%; max-width: 100%; margin: 0 auto 20px; padding: 0;}
.newsList .contents .news .newsListBox li .date, .newsList .contents .news .newsListBox li .title { width: 100%; float: none;}
.blogDetail .contents .blog .subContents h4 span {padding: 2% 3%;font-size: 150%;}
.footerTop, .copy span { width: 98%; max-width: 98%; margin: 0 auto;}
.footerTop .addressBox { width: 95%; float: none; margin: 0 auto;}
.footerTop .linkBox { width: 95%; float: none; text-align: center; margin: 0 auto;}
.footerTop .linkBox { padding: 20px 0;}
.footerTop .linkBox li { display: block; margin: 0 0 20px 0;}
.footerTop .addressBox .footLogo { margin: 10px 0; text-align: center;}
.footer .copy span { width: 95%; margin: 0 auto; padding: 20px 5px; text-align: center;}
.footerTop .addressBox h5 { font-size: 165%;}
}

/*add 20150609*/
.blogContent .pdfIcon { background: url(../img/pdfIcon.png) left center no-repeat; padding: 3px 0 0 0; ;}
.blogContent .pdfIcon a { padding: 0 10% 0 20px!important;}

.sideBnrArea { width: 18.5%; float: right; margin: 0 0 0 0; background: none;}