@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, font, 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 {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

body,
table,
input, textarea, select, option {
	font-family: HiraKakuProN-W3;
	font-size: 1em;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
/*
ol, ul {
	list-style: none;
}
*/
ul li{
	margin: 0 0 0 20px;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #ff7126;
}

a:visited {
	color: #ff7126;
}

a:hover {
	text-decoration: none;
}

a:active {

}

img {
     max-width: 100%;
     height: auto;
	 vertical-align:bottom;
}

a:link img,
a:visited img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/*------------------------------------------------------------
	フォント指定
------------------------------------------------------------*/
.f10{
	font-size:77%;
}
.f11{
	font-size:85%;
}
.f12{
	font-size:93%;
}
.f13{
	font-size:100%;
}
.f14{
	font-size:108%;
}
.f15{
	font-size:116%;
}
.f16{
	font-size:123.1%;
}
.f17{
	font-size:131%;
}
.f18{
	font-size:138.5%;
}
.f19{
	font-size:146.5%;
}
.f20{
	font-size:153.9%;
}
.fontBold{
	font-weight:bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	/*font-weight: normal;*/

}


/*-----------------------------------------------------
      10px = 77%     11px = 85%     12px = 93%     13px = 100%

      14px = 108%    15px = 116%    16px = 123.1%  17px = 131%

      18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%

      22px = 167%    23px = 174%    24px = 182%    25px = 189%

      26px = 197%
 ------------------------------------------------------*/

/*------------------------------------------------------------
	テキスト指定
------------------------------------------------------------*/
#mainTxt,
#subTxt{
	margin: 0 0 20px;
	text-align: left;
	word-break: break-all;
}

#subTxt{
	font-size: 0.84em;
}

.sTle{
	font-weight: bold;
}

.dateTle,
.dateBdy{
	font-size:1.4em;
	padding: 5px 10px;
	font-weight: bold;
}

.dateTle{
	background-color:#312420;
	color:#ffffff;
}

.dateBdy{
	/*margin: 0 0 10px;*/
}

.dateBdy2{
	width:640px;
	margin: 0 auto 20px;
	padding:10px 0;
	background-color:#ff3c00;
	font-weight: bold;
	color:#ffffff;
	text-align:center;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

p{
	margin: 0 0 1em;
	overflow: hidden
}

p span{
	background-color:#fff600;
	font-weight: bold;
}

.presentTxt{
	font-size:161.6%;
	font-weight: bold;
	color: #ff3c00;
	margin: 0 0 30px;
}

.presentTxt .dwn{
	color: #312420;
}

.presentTxt .number{
	font-size:182%;
	line-height: 1;
}

.mainTle{
	text-align: center;
	font-size: 153.9%;
	font-weight: bold;
}

.mainTle:after {
	border-bottom:1px solid #312420 ;
	content: "";
	width:50px;
	display: block;
	height: 0;
	margin: 10px auto 20px;
}

.caption{
	font-size:85%;
	color:#8d8d8d;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/

body {
	text-align: center;
	color: #312420;
	line-height: 1.5;
}

#container{
	/*width: 600px;*/
	margin: 0 auto;
	/*padding: 0 0 20px;*/
}

.inner640{
	width: 640px;
	margin:0 auto;
	padding:0 20px;
	text-align:left;
	/*overflow:hidden;*/
	clear:both;
	position: relative;
}

.bnrBox{
	margin: 0 0 10px;
	padding: 40px 40px;
	border: 4px solid #312420;
}

.btn{
	/*margin: 0 0 20px;*/
}

.bgSub{
	background: url(../images/bg_sub.jpg) center top;
	padding:0 0 50px;
}

.overview{
	background-color:#e8f4fd;
	padding:30px 0 50px;	
}

.voice{
	background-color:#e6d7a9;
	padding:50px 0;	
}

.boxWH{
	margin:0 0 20px;
	background-color:#ffffff;
	padding:20px 40px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	/*margin: 0 0 20px;*/
	padding:25px 0 0;
	background: url(../images/bg_main.jpg) left top;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {

}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	background: url(../images/bg_sub.jpg) center top;
	padding: 50px 0;
}

/*------------------------------------------------------------
	余白指定
------------------------------------------------------------*/
.m10T{
margin:10px 0 0;
}
.m15T{
margin:15px 0 0;
}
.m20T{
margin:20px 0 0;
}
.m30T{
margin:30px 0 0;
}
.m40T{
margin:40px 0 0;
}
.m5R{
margin:0 5px 0 0; 
}
.m10R{
margin:0 10px 0 0; 
}
.m20R{
margin:0 20px 0 0; 
}
.m5B{
margin:0 0 5px;
}
.m10B{
margin:0 0 10px;
}
.m15B{
margin:0 0 15px;
}
.m20B{
margin:0 0 20px;
}
.m30B{
margin:0 0 30px 0;
}
.m40B{
margin:0 0 40px 0;
}
.m50B{
margin:0 0 50px 0;
}
.m5L{
margin:0 0 0 5px; 
}
.m10L{
margin:0 0 0 10px; 
}
.m20L{
margin:0 0 0 20px; 
}
.p50T{
padding:50px 0 0;
}
.p50B{
padding:0 0 50px;
}

/*------------------------------------------------------------
	画像指定
------------------------------------------------------------*/

.imgL{
	float:left;
	margin:0 30px 0 0;
}

.imgR{
	float:right;
	margin:0 0 0 30px;
}

.imgC{
    display:block;
    margin: 0 auto;
    text-align: center;
}

.noWrap{
	overflow:hidden;
	_zoom:1;
	text-align:left;
}

/*------------------------------------------------------------
	スマホ指定
------------------------------------------------------------*/

@media screen and (max-width: 639px) {
	
	#container{
		font-size:100%;
	}
	
	#gHeader {
		background-size:16% auto;
		padding:18px 10px 0;
	}
	
	.dateTle{
		font-size:100%;
	}
	
	.dateBdy{
		font-size:85%;
	}
	
	.dateBdy2{
		width:100%;
		font-size:77%;
		/*margin: 0 10px 10px;*/
		padding:10px 0;
	}
	
	.inner640{
		width: 95%;
		padding:0;
	}
	
	.btn{
		/*padding:0 10px;*/
	}
	
	.imgL{
	margin:0 10px 0 0;
}
	
	.presentTxt img{
		width:30%;
	}
	
	.presentTxt{
	font-size:100%;
	}

	.presentTxt .number{
	font-size:182%;
	line-height: 1;
	}
	
	.boxWH{
	padding:10px 20px;
}
	
	.boxWH img{
		width: 15%;
	}
	
	.bnrBox{
	margin: 0 0 20px;
	padding: 10px 20px;
}
	
	
}

/*		clearfix
------------------------------------------------------------------------------------*/

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