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

table{
    border-collapse: collapse; 
    border-spacing:0;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color:#0059B2;
	text-decoration:underline;

}

a:visited {
	color:#0059B2;
	text-decoration:underline;
}

a:hover {
	color:rgb(63,48,0);
	text-decoration:underline;
}

a:active {
	color:rgb(63,48,0);
	text-decoration:underline;
}


img{
	vertical-align:bottom;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
html{font-size: 62.5%;}

body {
	text-align: center;
	line-height: 1.5;
	background:#ffffff;
	font-size: 1.2rem;
}
body > *{
	width:100%;
	max-width:640px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
header {
	margin-bottom:7px;
}

h1{
	background-color:#979797;
	color:#FFFFFF;
	text-align:center;
	border-bottom:5px #e8e6d9 solid;
	font-weight:normal;
	line-height:200%;
}


h2{
	margin-bottom:30px;
	width:100%;
	padding:0 2.51%;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
}


h2 img{
	width:100%;
	height:auto;
}


#main_img > img,
#main_img > a > img{
	width:100%;
	height:auto;
}



#main_img > p{
	margin:10px auto;
	vertical-align:middle;
	line-height:22px;
}


/*------------------------------------------------------------
	ナビ
------------------------------------------------------------*/
nav{
	margin-bottom:30px;
}


ul.accordion {text-align:left;}
ul.accordion a { display:block;}
ul.accordion span { display:block;}
ul.accordion ul { display:none;}
ul.accordion > li {background:url(../img/common/nav_bg.gif) no-repeat 0 0;background-size:100% auto;box-sizing:border-box;}
ul.accordion > li > p {width:100%;height:auto;font-size:1.0em;font-weight:bolder;}
ul.accordion > li > p span { }
ul.accordion > li > p span.open { }
ul.accordion > li > p img{width:100%;height:auto;}
ul.accordion > li > ul > li { background:#e8e6d9 url(../img/common/nav_list_bg.gif) no-repeat 95% 8px; background-size:10px 15px; border-bottom:1px solid #FFFFFF;padding:6px; color:#000000;font-size:1.1em;}
ul.accordion > li > ul > li a{text-decoration:none; color:#000000;}
ul.accordion > li > ul > li:last-child { border:none;}


#foot_nav{
	background-color:#f4f3ee;
	margin-bottom:0;
	padding-bottom:30px;
}


/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
article{
	background-color:#f4f3ee;
	padding-bottom:20px;
}

article > section{
	margin-bottom:20px;
}

article > section:last-child{
	margin-bottom:0;
}


article > section > *{
	margin-bottom:20px;
}

section > img,
section h3 > img{
	width:100%;
	height:auto;
}

.padding_container{
	padding:0 2.51%;
	width:100%;
	box-sizing:border-box;
}

.padding_container2{
	padding:2.51%;
	width:100%;
	box-sizing:border-box;
}

.margin_container{
	margin-left:2.51%;
	margin-right:2.51%;
}

.margin_container2{
	margin:2.51%;
}

.margin_container3{
	margin-left:17%;
	margin-right:17%;
}


.padding_container > img,
.padding_container2 > img,
.margin_container > img,
.margin_container2 > img,
.padding_container > a > img,
.padding_container2 > a > img,
.margin_container > a > img,
.margin_container2 > a > img,
.margin_container3 > img,
.margin_container3 > a > img{
	width:100%;
	height:auto;
}




aside{
	background-color:#f4f3ee;
	padding-bottom:20px;
}

aside > section{
	margin-left:2.51%;
	margin-right:2.51%;
	margin-bottom:2.51%;
}

aside > section:last-child{
	margin-bottom:0;
}


aside .aside_inner img{
	width:100%;
	height:auto;
	
}

aside #aside_contact > h3{
	margin-bottom:15px;
}

aside #aside_contact > .aside_inner{
	background:url(../img/common/aside_contact_bg.gif) no-repeat 0 0;
	background-size:100% auto;
	padding:45% 9% 10% 9%;
}


aside #aside_blog > .aside_inner{
	margin:15px 0;
}




aside #aside_access > .aside_inner{
	background:url(../img/common/aside_access_bg.gif) no-repeat 0 0;
	background-size:100% auto;
	padding:130% 9% 10% 9%;
}




/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
footer {
	width:100%;
	background-color:#979797;
}