@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;
}

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;
}
*/

a {
	color:#333333;
}

a:link,
a:visited {
	text-decoration: none;
	outline: none;
}
 
a:hover,
a:active {
	text-decoration: underline;
}

a.arrow{
	background:url(../images/icon_arrow.png) left center no-repeat;
	padding:0 0 0 25px;
}

/*		フォント指定
------------------------------------------------------------------------------------*/
.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%
 ------------------------------------------------------*/
 
 /*		テキスト指定
------------------------------------------------------------------------------------*/
h1{
	font-size:153.9%;
}

h2{
	font-size:153.9%;
	color:#8cb944;
	margin:0 0 10px;
}

.dwnLoad p{
	font-size:138.5%;
	font-weight:bold;
	margin:0 0 10px;
	}

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

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

#container{
	/*font-size:182%;*/
	/*width: 600px;*/
	margin: 0 auto;
}

/* 768px以上用（タブレット用）の記述 */
@media screen and (min-width: 768px){
	section{
	width: 640px;
}
}


section{
	/*padding:50px 0;*/
	/*width:640px;*/
	margin: 0 auto;
	text-align:center;
}

p{
	margin: 0 0 1em;
}

.btn{
	margin: 0 0 30px;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	padding:30px 10px 0 10px;
	background-color:#f4f2ec;
}

#gHeader p.tle {
	padding:0 50px;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
.whBox{
	background-color:#ffffff;
	padding:40px 10px;
}

.beBox{
	background-color:#f4f2ec;
	padding:40px 10px;
}

.dwnLoad{
	background-color:#dedede;
	padding:30px 10px;
}

.dwnLoad span{
	margin:0 10px 0 0;
}

.dwnLoad img{
	margin:0 0 10px;
}


/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	font-family:Verdana;
	padding:10px 0;
	background-color:#ffffff;
}

 /*		余白指定
------------------------------------------------------------------------------------*/
.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;
}
.m5L{
margin:0 0 0 5px; 
}
.m10L{
margin:0 0 0 10px; 
}
.m20L{
margin:0 0 0 20px; 
}

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

.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;
}

/*		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 */