@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :common.css
 style info :基本・共通設定
=================================================================== */
/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
body {
color: #29211B;
/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Droid Sans", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
/* 文字の拡大縮小を防ぐ */
background-color: #fff;
}
body a {
color: #29211B;
}
body a:link {
text-decoration: underline;
}
body a:visited {
text-decoration: underline;
}
body a:hover {
text-decoration: none;
}
body a:active {
text-decoration: underline;
}
/* 画像圧縮・拡大 */
img {
max-width: 100%;
height: auto;
}
/* clearfix */
.clearfix {
zoom: 1;
}
.clearfix:after {
display: block;
clear: both;
content: "";
}
/* -----------------------------------------------------------
	汎用class
----------------------------------------------------------- */
.con_r {
float: right;
}
.con_l {
float: left;
}
.txt_r {
	text-align: right;
}
.txt_l {
	text-align: left;
}
.txt_c {
	text-align: center;
}
/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#page {
margin: 0 auto;
max-width: 640px;
min-width: 320px;
overflow: hidden;
background-color: #ffffff;
}

/* -----------------------------------------------------------
	#header		ヘッダ
----------------------------------------------------------- */
header {
position: fixed;
top: 0;
z-index: 120;
width: 100%;
max-width: 640px;
background-color: #FFFFFF;
border-top: 8px solid #184E18;	
}
header .con_header {
width: 100%;
height: 100%;
min-width: 320px;
max-width: 640px;
display: table;
}
header h1  { 
width :70.31%; 
display : table-cell; 
} 
header h1 img  { 
max-width : 148px; 
width : 32.88%; 
padding : 3% 0 3% 5%; 
}
header p  { 
text-align : center; 
width : 14.84%; 
height : 100%; 
display : table-cell; 
} 
header p a img  { 
max-width : 70px; 
width : 77.77%; 
padding : 8% 0; 
}  

header nav#dmenu  { 
max-width : 540px; 
width : 84%; 
margin : 0 8%; 
background : #342523; 
z-index : 1000; 
display : none; 
position : absolute; 
top : 100%; 
} 

/*	ドロップダウンメニュー	*/
header nav#dmenu {
max-width: 640px;
width: 100%;
margin: 0;
background-color: rgba(3,40,3,0.8);
z-index: 1000;
display: none;
position: absolute;
top: 100%;
}
header nav#dmenu #con_gnav {
text-align: left;
z-index: 10;
}
header nav#dmenu #con_gnav li {
font-size : 14px;
text-overflow : ellipsis;
float : left;
width : 100%;
font-weight: normal;
border-bottom: 1px solid #184E18;
}
header nav#dmenu #con_gnav li a {
display: block;
padding : 18px 0 18px 32px; 
color: #fff;
background : url(../img/ar002.png) no-repeat 11px 22px; 
background-size :7px 12px; 
}
header nav#dmenu #con_gnav li#close {
background-color: rgba(3,40,3,1.0);
padding: 18px 0;
color: #fff;
font-size : 14px;
border: none;
cursor: pointer;
width : 100%;
text-align: center;
}
header nav#dmenu #con_gnav li#close span {
background: #d8cecd;
color: #000;
padding: 0 0.3em;
margin-right: 0.8em;
}
/* -----------------------------------------------------------
	#contents		コンテンツ
----------------------------------------------------------- */
#contents {
margin: 14.8% 0 0;
}
#contents_layer {
margin: 18% 0 0;
}
#contents_common {
margin: 2% 0 0;
}
/* -----------------------------------------------------------
	#main	メインコンテンツ
----------------------------------------------------------- */
#main {
width: 700px;
float: left;
}
/* -----------------------------------------------------------
	#footer		フッタ
----------------------------------------------------------- */
footer .con_footer {
padding : 7.2% 5.46% 9.2%; 
overflow : hidden; 
background: #343434;
color: #FFFFFF;
}
footer .con_footer p {
width : 29.47%; 
max-width : 168px; 
float : left; 
}
footer .con_footer address {
font-size: 84%;
width : 62.63%; 
max-width : 357px;
line-height: 2.0;
float : right; 
}
footer .copyright {
text-align : center;
font-size: 80%;
background: #343434;
color: #FFFFFF;
padding-bottom: 3.5%;
}
footer .con_footer a {
color: #FFFFFF;
text-decoration : none;
}
/*----------------------------------------------------
	450px以下対応
----------------------------------------------------*/
@media only screen and (max-width: 450px) {
  html * {
	font-size: 97%;
}
}