@charset "Shift_JIS";

/* ====================================================== */
/* Last Update : 2014.06.05 */
/* For : Template PopUp Elements */ 
/* ====================================================== */
/* For IE bug:filter */
/* Base Decoration */
/* Header Decoration */
/* Contents Decoration */
/* SubFrame Decoration */
/* Footer Decoration */
/* Template Cleafix */
/* ====================================================== */


/* ------------------------------------------------------ */
/*  For IE */
/* ------------------------------------------------------ */

html{
background-color:#ffffff;
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}


/* ------------------------------------------------------ */
/* Base Decoration */
/* ------------------------------------------------------ */

body{
color:#222222;
font-size: 87.5%;
font-family:'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',osaka, sans-serif;
}

#popup_container {
line-height:1.5;
}

.alertJs p {
margin:20px;
padding:20px;
border:1px solid #cc0000;
color:#cc0000;
font-weight:bold;
text-align:center;
}

.alertCss {
display: none;
}
.aural {
background: none !important;
border: medium none !important;
display: block !important;
height: 1px !important;
left: 0 !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
top: 0 !important;
width: 1px !important;
}

/* ------------------------------------------------------ */
/* Header Decoration */
/* ------------------------------------------------------ */

#headerFrame2 {
font-family:'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',osaka, sans-serif!important;
height: 66px;
margin: 0 auto;
padding-top:15px;
}
#headerFrame2 .wrapFrame {
position: relative;
width: 810px;
margin: 0 auto 24px;
padding-bottom:15px;
border-bottom: 1px solid #e3e3e3;
}
#headerFrame2 .wrapFrame #headerLogo01 {
text-align:center;
}

/* ------------------------------------------------------ */
/* Contents Decoration */
/* ------------------------------------------------------ */

#contentsFrame .wrapFrame {
width: 750px;
margin: 0 auto;
padding: 0 30px;
clear: both;
}

#popup_container {
text-align: left;
}

#popup_container img {
max-width: 750px;
width: auto;
height: auto;
}

/* ------------------------------------------------------ */
/* Footer Decoration */
/* ------------------------------------------------------ */

#footerFrame {
font-family:'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',osaka, sans-serif!important;
width: 100%;
margin: 20px auto 0;
background:none;
text-align: left;
}
#footerFrame a,
#footerFrame a:link,
#footerFrame a:visited{
color:#0061a0;
}
#footerFrame a{
text-decoration:none;
}
#footerFrame a:hover{
color:#0090da!important;
text-decoration:underline;
}
#footerFrame .wrapFrame {
position: relative;
margin: 0 auto;
width: 810px;
height:170px;
border-top:1px solid #e3e3e3;
background:none;
}
#footerFrame .wrapFrame a,
#footerFrame .wrapFrame img {
vertical-align:middle;
}
#footerFrame .wrapFrame .lastUpdate {
position: absolute;
top: 118px;
left: 50px;
font-size:78.57%;
color:#929294;
}
#footerFrame .wrapFrame .hpNumber {
position: absolute;
top: 97px;
left: 50px;
font-size:78.57%;
color:#929294;
}
#footerFrame .wrapFrame #fInnerBlock {
padding:20px 30px 0 30px;
}

#footerFrame .wrapFrame #fInnerBlock #copyR{
padding-top:10px;
float:right;
}
#footerFrame .wrapFrame #fInnerBlock #footerLogo {
width:145px;
float:left;
}

/* utility */
/* ------------------------------------------------------ */
.bm8{margin-bottom:8px!important;}



/* ------------------------------------------------------ */
/* Template Cleafix */
/* ------------------------------------------------------ */

/* Clearfix */
/* ------------------------------------------------------ */
#header:after,
#contentsFrame .wrapFrame:after{
popup_container: "";
display: block;
clear: both;
}

#header,
#contentsFrame .wrapFrame{
zoom: 1;
}


/* レスポンシブ対応 */
@media screen and (max-width: 750px) {
	
	/* 共通テンプレート */
	#headerFrame2 .wrapFrame, 
	#headerFrame2 .wrapFrame #headerLogo01, 
	#contentsFrame .wrapFrame, 
	#footerFrame .wrapFrame {
		width: 90%!important;
	}
	
	#headerFrame2 .wrapFrame #headerLogo01 {
		width: 100%!important;
	}
	
	#footerFrame .wrapFrame #fInnerBlock {
		padding: 20px 10px 0!important;
	}
	
	#contentsFrame .wrapFrame {
		padding: 0!important;
	}
	
	/* ページ個別 */
	.evssl dl {
		width: auto;
	}
	.evssl dl dt {
		width: 26%;
		padding: 0 2%;
	}
	.evssl dl dd {
		width: 69%;
		padding: 0 1% 0 0;
	}
	.evssl dl dt img {
		width: 100%!important;
		height: auto;
	}
	
	.btnSubmit {
		margin: 0 4%;
		padding: 0.5em 0;
		width: 40%;
	}
	
	.contactArea .tel > * {
		display: block;
		line-height: 1.3;
	}
	
}