@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/




img, object, embed, video, iframe {
	max-width: 100%;
}

img {
	height: auto;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


/*全ての要素に適用*/
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
 }
	

/*trust-formの調整*/
#trust-form table ul li {
	background-image: none;
	display: inline;
	padding-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	line-height: 1.5em;
}

#wrapContents #trust-form ul {
	margin-bottom: 0px !important;
}

#trust-form th {
	background-color: #F1F1F1;
}

div#trust-form .contact-form label{
	display: inline !important;
}

/*フォームの幅調整*/

#trust-form input.trustform,
#trust-form textarea.trustform {
 width: 100%;
}

#trust-form ul li label input.trustform {
 width: 4%;
}

/*よく使うボックス*/

.boxClearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .boxClearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .boxClearfix {
	zoom: 1;
} /* IE7 */



.box2col {
	width: 48.437%;
	float: left;
	margin-bottom: 30px;
	margin-left: 3.126%;
}

.box2col:first-child {
	margin-left: 0%;
}


.box3col {
	width: 31.25%;
	float: left;
	margin-bottom: 30px;
	margin-left: 3.125%;
}

.box3col:first-child {
	margin-left: 0%;
}


.box4col {
	width: 22.916%;
	float: left;
	margin-bottom: 30px;
	margin-left: 2.778%;
}

.box4col:first-child {
	margin-left: 0%;
}




/*パンくずリスト*/
#wrapTopicpath #breadcrumb {
	font-size: 0.8em;
}

#breadcrumb div {
 display: inline;
	margin-right: 10px;
}


/*表示・非表示*/
.hide_desktop {
display: none;
}

/*新着部分の画像*/
.topNewsbox dl dd img {
	vertical-align: middle;
}





/* 画像のフロート */
.img_floatR {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
}

.img_floatL {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}








/****************************************************
 grobal
	****************************************************/


#menuBox {
	width: 100%;
	height: 60px;
	display: none;
}


#areaHead {
	width: 100%;
	height: 116px;
	border-top: 5px solid #B31218;
}

#wrapHead {
	max-width: 1080px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#headLogo {
	width: 34.074%;
	margin-top: 39px;
	float: left;
}


#headTel {
	width: 27.963%;
	float: left;
	margin-top: 43px;
	margin-left: 10.463%;
}

#headBtn {
	width: 23.149%;
	float: left;
	margin-top: 43px;
	margin-left: 1.573%;
}





#areaGmenu {
	width: 100%;
	height: 90px;
	background-image: url(../img/back_gmenu.png);
	background-repeat: repeat-x;
}

#wrapGmenu {
	max-width: 1080px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow-x: hidden;
	}

#wrapGmenuGlobal ul {
}

#wrapGmenuGlobal ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	max-width: 216px;
	float: left;
	width: 20%;
}

#wrapGmenuGlobal ul li:first-child {

}

#wrapGmenu ul {
}


#wrapGmenuMobile {
	display: none;	
}






#areaVisualMain {
	width: 100%;
}

#wrapVisualMain {
	width: 100%;
	max-width: 1200px;
	max-height: 540px;
	margin-left: auto;
	margin-right: auto;
}

#wrapVisualMain ul {
	list-style-type: none;
}

#areaVisualContents {
	width: 100%;
	background-size: cover;
	background-image: url(../img/visualContents.png);
	background-repeat: no-repeat;
}

#wrapVisualContents {
	width: 100%;
	max-width: 1080px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

#wrapVisualContents h1 {
	line-height: 160px;
	font-weight: normal;
	font-size: 2.2em;
	padding-top: 0px;
	padding-left: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	color: #FFFFFF;
}













#tpBox {
	width: 100%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	height: 40px;
	font-size: 0.8em;
}

body.home #tpBox {
	display: none;
}

#tpBox #wrapTopicpath {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}


#wrapContents {
	width: 100%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 40px;
}






#contents01 {
	margin-bottom: 20px;
}

#contents02 {
	margin-bottom: 40px;
}

#contents03 {
	margin-bottom: 40px;
}





#wrapContents .topNewsbox {
	margin-bottom: 30px;
	height: 230px;
	overflow-y: auto;
}

#wrapContents .topNewsbox ul {
}


#wrapContents .topNewsbox li {
	border-bottom: 1px dotted #979797;
	padding-top: 22px;
	padding-bottom: 22px;
	line-height: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: none;
}

#wrapContents .topNewsbox li:first-child {
	border-top: 1px dotted #979797;
}










/*見出しの設定*/

#wrapContents h1 {
	line-height: 1.2em;
	font-weight: normal;
	font-size: 2.5em;
	padding-top: 20px;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

body.home #wrapContents h1 {
	font-style: italic;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

#wrapContents h2 {
	font-size: 2.0em;
	line-height: 1.2em;
	font-weight: normal;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 15px;
	margin-bottom: 30px;
	border-top: 1px solid #0268B7;
	border-bottom: 1px dashed #B4B4B4;
	text-indent: 15px;
}

#wrapContents h3 {
	font-size: 2.0em;
	line-height: 1.2em;
	font-weight: normal;
	padding-top: 30px;
	padding-left: 0px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	background-color: #F0F0F0;
	text-indent: 20px;
}

#wrapContents h4 {
	font-size: 2.0em;
	line-height: 1.2em;
	font-weight: normal;
	border-bottom: 1px dashed #A9A7A7;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	text-indent: 10px;
}

#wrapContents h5 {
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
	background-image: url(../img/heading_01.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 0px;
	background-position: 8px 12px;
	margin-bottom: 20px;
	text-indent: 30px;
	padding-bottom: 10px;
}

#wrapContents h6 {
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #C5AE00;
	margin-bottom: 10px;
	text-indent: 10px;
}


/*サイドメニュー*/









/*ボトムリンク*/

#areaBottomLink {
	width: 100%;
	margin-top: 0px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#areaBottomLink ul {
	list-style-type: none;
}

#areaBottomLink ul li {
	display: inline;
	font-size: 1.0em;
	padding-left: 12px;
}

#areaBottomLink ul li+li {
	background-image: url(../img/pipe_01.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}



/*ボトム*/

#areaBottom {
	width: 100%;
	background-size: cover;
	background-image: url(../img/backBottom_01.png);
	background-repeat: no-repeat;
	height: 600px;
}

#wrapBottom {
	width: 100%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	padding-top: 150px;
	color: #FFFFFF;
}

#areaBottom h1 {
	font-size: 1.8em;
}




/*フッター*/

#areaFooter {
	width: 100%;
	margin-top: 0px;
	background-color: #F1F1F1;
}

#wrapFooter {
	max-width: 1080px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
}




#areaFooterLink {
	width: 100%;
	height: 60px;
	margin-top: 0px;
	background-color: #0473BF;
}

#wrapFooterLink {
	max-width: 1080px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-top: 18px;
	font-style: italic;
}


#wrapFooterLink ul {
	list-style-type: none;
}

#wrapFooterLink ul li {
	display: inline;
	font-size: 0.9em;
	padding-left: 12px;
}

#wrapFooterLink ul li+li {
	background-image: url(../img/pipe_01.png);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}



#areaCopyright {
	width: 100%;
	height: 60px;
	margin-top: 0px;
	background-color: #000000;
}

#wrapCopyright {
	max-width: 1080px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-top: 20px;
}




























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



.hide_tablet {
display: none;
}

.zeroMargin_tablet {
margin-left: 0;
}


.table01 th,
.table01 td,
.table02 th,
.table02 td {
	display: block;
	width: 100%;
}


.table02 td {
	text-align: center;
}

.table11 {
 display: block; 
 width: 100%; 
 margin: 0 -10px;
	border: none;
}

.table11 thead {
	display: block;
	float: left;
	white-space: nowrap;
}

.table11 tbody {
 display: block; 
 width: auto; 
 overflow-x: auto; 
 white-space: nowrap;
}

.table11 th {
	display: block;
	width: auto;
	padding-right: 20%;
	padding-left: 20%;
	padding-top: 0px;
	padding-bottom: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	}

.table11 tbody tr {
 display: inline-block; 
 margin: 0 -3px;
}

.table11 td {
	display: block;
	padding-right: 15%;
	padding-left: 15%;
	padding-top: 0px;
	padding-bottom: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}





#menuBox {
	display: block;
}

#areaLinkBox {
	height: auto;
}

#wrapLinkBox {
	height: auto;
	background-position: center 10px;
	line-height: auto;
	text-align: center;
	padding-right: 0px;
	padding-top: 30px;
}



#areaHead {
	height: auto;
}

#wrapHead {
	width: 98%;
	padding-top: 20px;
	padding-bottom: 20px;
}


#headLogo {
	margin-top: 0.5%;
	max-width: 360px;
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}

#headTel {
	width: 50%;
	float: left;
	margin-top: 3%;
	margin-left: 0%;
	text-align: center;
}

#headBtn {
	width: 50%;
	float: left;
	margin-top: 3%;
	margin-left: 0%;
	text-align: center;
}






#areaGmenu {
	display: none;
}

#wrapGmenuGlobal {
	display: none;
}

#wrapGmenuMobile {
	display: inherit;
}


#wrapVisualContents {
	height: auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#wrapVisualContents h1 {
	line-height: 1.2em;
	font-weight: normal;
	font-size: 1.8em;
	padding-top: 0px;
	padding-left: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
}


#home #wrapMainContents {
	padding-top: 20px;
}

#wrapContents {
	max-width: 80%;
}


#areaFooterLink {
	height: auto;
}

#wrapFooterLink {
	padding-top: 15px;
	padding-bottom: 15px;
}



#areaFooter,
#areaBottom,
#areaCopyright {
	max-width: 100%;
}

#wrapFooter,
#wrapBottom,
#wrapCopyright {
	max-width: 90%;
	padding-right: 0px;
	padding-left: 0px;
}



}




















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


.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}

.img_floatR,
.img_floatL {
	float: none;
	width: 98%;
	margin: auto;
}


#wrapLinkBox {
	line-height: 1.8em;
	padding-top: 40px;
}


#areaHead {
	height: auto;
}


#headLogo {
	max-width: 360px;
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
}


#headTel {
	max-width: 306px;
	width: 80%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
}

#headBtn {
	max-width: 300px;
	width: 80%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5%;
}














.box2col {
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	}

.box2col:first-child {
	margin-left: auto;
}


.box3col {
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	text-align: center;
}

.box3col:first-child {
	margin-left: auto;
}


.box4col {
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

.box4col:first-child {
	margin-left: auto;
}


#wrapContents h1 {
	text-align: center;
}


#areaBottom {
	height: auto;
}

#wrapBottom {
	padding-top: 50px;
	padding-bottom: 50px;
}



}