@charset "utf-8";
/*  @group Reset
----------------------------------------------------------- */
*{
	margin: 0; padding: 0;
}
img{
	vertical-align : middle; border-style:none;
}

article, aside, figcaption, figure, footer, header, nav, section{
  display: block;
}

article, aside, figcaption, figure, footer, header, nav, section{
  display: block;
  margin: 0;
}

a{
	text-decoration:none;
}
ul,ol{
	list-style:none;
}
u{
	border-bottom:double 1px #333333;
}
address{
	font-style:normal;
}
.clear{
	clear:both ;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.small{
	font-size: 90%;
}


.ue{
	clear:both;
text-align:right;
font-size:14px;
padding-right:18px;
}
.ue a:link{
	color:#666;
} 
.ue a:visited{
	color:#666;
}



/* @group HTML
----------------------------------------------------------- */
img{
	max-width : 100%;
}
html{
	font-family: Verdana, "MSゴシック", sans-serif;
line-height:1.5;
}

.aka{
	color:#990000;
}
dl{
	margin-bottom:12px;
}
dd{
	margin-bottom:24px;
}

/* @group Heading 
----------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{
	margin-bottom : 24px;
}
h1{
	font-size: 48px; 
line-height: 1;
} /* 48px */
h2{
	font-size : 36px;
line-height : 1.3333;
} /* 48px */
h3{
	font-size : 24px;
line-height : 1;
} /* 24px */

hgroup h2,h4,h5,h6{
	font-size : 16px;
line-height : 1.5;
} /* 24px */

/* @group Header
----------------------------------------------------------- */
header{
	text-align : center;padding-top : 24px;
}
header h1{
	margin-bottom : 0;
}
header h1 a:hover{
	position:relative;
top:1px;
left:1px;
}
header h2{
	color : #471e18;
}

/* @group Nav
----------------------------------------------------------- */
#groNavi ul{
	overflow : hidden;
}
#groNavi ul li{
	width : 25%; float : left ; height:106px;
}
#groNavi ul li a{
	display : block; padding : 0;
}
#groNavi ul li a:link{
	color:#996600;
} 
#groNavi ul li a:visited{
	color:#996600;
}
#groNavi ul li img:hover{
	width:234px;
}

/* contents Style
----------------------------------------------------------- */
body{
	background : url(bg_img_s.png) 50% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

#contents{
	width : 90%;
margin : 0 auto;
text-align : center;
}


#contents p, #contents ul{
	margin-bottom : 24px;
}

.resp-tabs-list li{
	color: #666666;
}


/* main Style */

#main img{
	margin: 0 0.5m 2em;
margin-bottom:24px;
box-shadow : 0 0 12px #ccc;
}

#main h3{
	clear:both;
color:#666;
font-size:16px;
border-left: 10px solid #666;
background: #F3F3F3;
padding:8px 16px;
margin-bottom:16px;
}

#main h4{
	clear:both;
color:#009966;
border-bottom: dotted 1px #009966;
text-align:left;
margin-bottom:16px;
background-image : url(san1.png);
background-position: left center;
background-repeat:no-repeat;
padding-left:20px;
}

#main h5{
	clear:both;
color: #666;
margin-bottom:14px;
}


#main table,#main td,#main th{
	border:solid 1px #ccc;
border-collapse: collapse;
font-size:16px;
}

#main td,#main th{
	padding:8px ;
}

#main table{
	margin:0 auto;
margin-bottom:24px;
width:90%;
}

#main th{
	background:#FFF0F8;
color:#666 ;
}

.w15{
	width:15%;
}
.w35{
	width:35%;
}
.w50{
	width:50%;
}
.w55{
	width:55%;
}



#main caption{
	font-weight:bold;
font-size:14px;
color:#993300;
text-align:left;
}


/* time Style */
#main .time{
	border-radius: 6px;
padding:16px 16px 16px;
margin-bottom:24px;
}

#main .time img{
	margin: 0 16px 0 0;
box-shadow : none;
}

#main .time dd img{
	box-shadow : 0 0 12px #ccc;
margin-top:16px;
}

#main .time dt{
	font-size:14px;
min-height:90px;
}

#main .time dd{
	min-height:90px;
}

.color1{
	background : url(san2.png) center bottom / auto auto no-repeat scroll padding-box border-box transparent;
}
.color2{
	background : url(san2.png) center bottom / auto auto no-repeat scroll padding-box border-box transparent;
}
.color3{
	background : url(san2.png) center bottom / auto auto no-repeat scroll padding-box border-box transparent;
}
.color4{
	background:#F3F3F3;
}

/* mons Style */
.mons{
	margin:8px;
padding:16px 16px 0;
border:solid 1px #f98181;
border-radius: 6px;
}

#main .mons dt{
	font-weight:bold;
color: #666666;
}

#main .mons dt img{
	box-shadow : none;
padding-right:2px;
margin-bottom:4px;
}

#main .mons dd img{
	margin-top:8px;
margin-bottom:8px;
}

#main .nokage img{
	box-shadow : none;
}

/* ul Style */
#yoko, #mokuhyo, .taisetu{
	border: dotted 1px #FF64B5;
border-radius: 6px;
background: #FDF2D0;
padding:14px;
}

#yoko li{
	text-align:left;
list-style: circle outside;
margin-left:1.5em;
}

#yoko li ul li{
	list-style: disc;
font-size:90%;
}

#mokuhyo li{
	text-align:center;
}

.taisetu{
	text-align:left;
list-style: square inside;
margin-bottom:24px;
}

.taisetu ul li{
	list-style:none inside;
font-size:90%;

}

/* pagetitle Style */
#pagetitle{
	background : url(bg_toku.png) center top / auto auto no-repeat scroll padding-box border-box transparent;
}

#pagetitle h3{
	padding:80px 0 0;
text-align:center;
font-size:24px;
color:#996600 ;
}

/* aboutNavi Style */
#aboutNavi{
	width:80%;
margin:0 auto;
text-align:center;
padding-bottom:1px;
 }
#aboutNavi ul{
	overflow : hidden ;
}
#aboutNavi ul li{
	width : 24%; float : left; font-weight:bold;
}
#aboutNavi ul li a{
	display : block; padding : 12px 0 ;
}
#aboutNavi ul li a:link{
	color: #996633;
} 
#aboutNavi ul li a:visited{
	color:#996633;
}

.navion{
	background:#FFF;
border-top: dotted 1px #999;
border-right: dotted 1px #999;
border-left: dotted 1px #999;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.navioff{
	background:#F3F3F3;
border-right: dotted 1px #FFF;
border-bottom: dotted 1px #999;
border-left: dotted 1px #FFF;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}


/* footer Style
----------------------------------------------------------- */
footer{
	clear:both;
padding : 24px;
background :#7FC31B;
color : #471e18;
}

footer p{
	margin-bottom:24px;
}


footer h4{
	 
color : #471e18;
font-size : 14px;
text-align:right;
}

p#addr{
	font-size : 14px;
text-align:right;
}



/* 768px
----------------------------------------------------------- */
@media screen and (min-width : 768px){

body{
	background : url(bg_img2.png) center top / auto auto no-repeat scroll padding-box border-box #7fc31b;
}

hgroup{
	text-align : left;
margin-left:48px;
} 

hgroup h2{
	margin-left:16px;
}

#contents{
	text-align : left;
background-image:none;
min-height:600px;
}

#wrap{
	background-color:#FFF;
margin-bottom:16px;
overflow: hidden;
}

#main img{
	margin: 0 0 24px;
}

#main table{
	margin:0 auto;
margin-bottom:36px;
}

#contents p, #contents dl{
	font-size:16px;
}

#section1,#section2,#section3,#section4,#section5,#section6,#section7{
	padding:0 16px;
background-color:#FFF ;
}

/* time Style */
#main .time dl{
	clear:both;
}

#main .time dt{
	clear:left;
float:left;
width:100px;
height:90px;
font-size:12px;
}

/* mons Style */
.mons{
	float:left;
width:37%;
}

/* ul Style */
.taisetu{
	float:left;
margin:0 6px 24px;
padding:14px;
width:22%;
}

footer p{
	text-align:right;
}

.hidari{
	float:left;
}
#main .hidari img{
	margin-right:16px;
}

.migi{
	float:right;
}
#main .migi img{
	margin-left:16px;
}


}

/* 1024px
----------------------------------------------------------- */
@media screen and (min-width : 1024px) {

html{
	font-size : 16px ;
}

nav#groNavi ul{
	width :960px;/* 960/1024 */
margin : 0 auto ;
}

#contents{
	overflow : hidden;
width : 960px ;
}/* 960/1024 */

#main .time dt{
	width:100px;
}

.mons{
	width:244px;
}

.taisetu{
	width:26%;
}

footer{
	width : 960px; /*940/1024*/
margin : 0 auto ;
}

}
 
 /* print
----------------------------------------------------------- */

@media print {

body{
	background : url(bg_img2.png) center top / auto auto no-repeat scroll padding-box border-box transparent;
}

#wrap{
	background:#FFFFFF;
}
header h1, header h2, #main{
	text-align:left;
}
#main img{
	text-align:center;
}

footer{
	text-align: right;
}


}