@charset "shift_jis";

/*初期設定のリセット*/
body,div,h1,h3,h4,p,a{
	margin: 0;
	padding: 0;
}
a{ text-decoration:none;}
img{ vertical-align:middle;}
/*END　初期設定のリセット*/

/* 禁則処理 */
p,li,dd.ol{
	line-break:strict;
	-ms-line-break: strict;
	word-break:breac-strict;
	-ms-eord-break:break-strict	
}

/*　iphoneの自動調整禁止　*/
body{
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
}

html{
	line-height:1.5;
}

/*フルードイメージ*/
img{max-width:100%;}
/*END フルードイメージ*/

/* jQuery トップへ戻るボタン*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/* ここまでjQuery トップへ戻るボタン*/

a:link { color: #83B62F; }
a:visited { color: #009900; }
a:hover { color: #009900; }
a:active { color: #009900; }

h1,h2,div,form{
	margin:0px;
}
p,li{
	color:#000;
	font-size:0.875em;/*14px*/
	line-height:1.25em;
}

ul{
	line-height:1.5em;
}
li{
	margin-bottom:10px;	
}


/* 見出し */
h2{
    font-size:1em;/*16px*/
	font-family: 'Kosugi Maru', sans-serif;
	color:#660000;
	background-image:url(img_common/h2_bg.png);
	background-repeat:no-repeat;
	margin:2em 0 0 0;
	padding-top:0px;
	padding-left:40px;
}
h3{
    font-size:1em;/*16px*/
	font-family: 'Kosugi Maru', sans-serif;
    margin:0 0 0.5em 0;
	color:#cc0000;
	border-bottom:solid 1px #cc0000;
}

h4{
    font-size:1em;/*16px*/
	font-family: 'Kosugi Maru', sans-serif;
	color:#009900;
	margin-bottom:0;
}


body{
	background-image: url(img/bgx.jpg);
}

header{
	background-image:url(img_common/title_sub_bg.png);
	background-repeat:repeat-x;
}



#menu ul,#menu_top ul{
	list-style:none;
	margin:0;
	padding:0;	
}

.box01{
	background-color:#fff;
	width:90%;
	margin:1em auto;
	padding:10px;
}

footer{
	background-color:#543F20;
}
.foot_index ul{
	font-size: 12px;
	color: #FFFFFF;
}
.foot_index a{
	color: #FFFFFF;
}
.foot_index a:hover{
	color:#FF9966;	
}



/* スマホ用 */
@media screen and (max-width:767px){

header{
	height:86px;
	margin-bottom:2em;
}

.foot_index{
	padding:1em 2em;
}


	
	
/* 表示・非表示 */	
.sp{
	display:block;	
}
.tb{
	display:none;	
}
.pc{
	display:none;	
}

	
}



/* タブレット用 */
@media screen and (min-width:768px){

header{
	height:86px;
	margin-bottom:2em;
}

h2{
	margin:2em 0 1em 1em;
}

footer{
	height:100px;	
}
.foot_index {
	padding:10px 20px;	
}
.foot_index ul{
	list-style:none;
}
.foot_index li{
	float:left;
	padding:0 10px;
	border-right:solid 1px #fff;
}

/* 表示・非表示 */	
.sp{
	display:none;	
}
.tb{
	display:block;	
}
.pc{
	display:none;	
}

}



/* PC用 */
@media screen and (min-width:800px){

header{
	margin:0;
}

#container{
	margin:0 auto;
	width:800px;	
}
article{
	display:table;
	margin:0;
	padding:0;
}

#side{
	display:table-cell;
	vertical-align:top;
	width:215px;
	background-image:url(img/menu_haikei02.jpg);
}

#menu_top{
	background-image:url(img_top/title_top02.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:279px;
}
#menu {
	padding-top: 0px;
	padding-left: 20px;
	text-align:left;
}
#menu a, #menu_top a{
    color:#FFFFFF;
	text-decoration:none;
}
#menu a:hover{
    color:#FF9966;
}
.submenu{
    display:block; 
	font-size:16px;
	line-height:1em;
	border-left:solid 10px #82b62e;
	margin:20px 10px;
	padding-left:10px;
}



#main{
	display:table-cell;
	width:545px;
	background-color:#543F20;
}
.contents{
	padding:0 20px 50px 20px;
}
.box01{
	width:460px;
	padding:20px;
	/*margin:1em auto;*/	
	border-radius:10px;
}

footer{
	background-image:url(img_common/footer_bg.jpg);	
	height:140px;
	margin:0;
}
.foot_index {
	color: #FFFFFF;
	margin-left: 200px;
	padding:10px;
}


/* 表示・非表示 */	
.sp{
	display:none;	
}
.tb{
	display:none;	
}
.pc{
	display:block;	
}


}