@charset "utf-8";
/*HTML新要素をブロックレベル化*/
article,aside,canvas,details,figcaption,figure,header,footer,menu,nav,section,summary{
	display:block
}
/*HTMLの新要素をブロックレベル化*/
*{
	margin:0;
	padding:0;
}
body{
	background-color:#fff;
	color:#565600;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-weight:regular;
	letter-spacing:0.05em;
	background-image:url(../image/matsuba.jpg)
}
/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
/*スマホ用レイアウト*/
#wrapper{
	width: 320px ;		/* 横幅 */
	margin-right: auto ;		/* ボックスを左右中央に */
	margin-left: auto ;		/* ボックスを左右中央に */
	padding: 0 ;		/* 余白 */
	border: none ;		/* 枠線 */
	float: right ;		/* float */
}
/* 一般に適用するCSS */
/*一般レイアウト*/
#wrapper{
	width:980;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	box-shadow:#333 0 0 20px 0;
}
header{
	height:150px;
	background-color:#005243;
	padding:10px 20px;
	color:#fff;
	background-image:url(../image_ninu/header_stendglass.jpg)
}
article{
	width:320px;
	background-color:rgb(255,204,102);
	padding:3px 3px;
	float:right;
	margin:3px 3px 3px 3px;
	font-weight:bold;	
}
nav{
	width:220px;
	margin:10px 0 0 10px;
	float:left;
	font-size:1.5em;
}
footer{
	height:40px;
	background-color:#030;
	clear:both;
	box-shadow:#999 0 5px 5px 0;
}

/*ヘッダー部分*/
header h1{
	font-size:1.75em;
	margin-bottom:5px;
}
header p{
	font-size:0.75em;
	line-height:1.5;
}
header ul{
	list-style-type:none;
	width:150px;
}
header li{
	font-size:1.5em;
	font-weight:bold;
}
header li a{
	display:block;
	line-height:38px;
	color:#568300;
	text-decoration:none;
	text-align:justify;
	padding-left:5px;
	background-color:#fff;
	border-radius:8px;
	border:outset 5px orange;
}
header li a:hover{
	color:#fff;
	background-color:#001200;
}
/*コンテンツ部分*/
article h2{
	color:#fff;
	font-size:1.000em;
	line-height:30px;
	padding-left:30px;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../image/h2img.gif)
}
article p{
	font-size:1.000em;
	line-height:1.5;
	padding-left:30px;
	margin-bottom:10px;	
}
dl span{
	color:#f00;
}
/*インフォメーション部分*/
article dl#info{
	margin-left:20px;
	margin-bottom:20px;
	border:solid 1px #393;
	padding:10px;
}
article dl#info dt{
	color:#666;
	font-weight:bold;
	border-bottom:dotted 2px #ccc;
	margin-bottom:8px;
}
article dl#info dd{
	font-size:1.000em;
	margin-bottom:10px;
}
/*ナビ部分*/
nav ul{
	list-style-type:none;
}
nav li{
	font-size:1.000em;
	font-weight:bold;
}
nav li a{
	display:block;
	line-height:38px;
	color:#fff;
	text-decoration:none;
	padding-left:40px;
	background-color:#568300;
	border-bottom:solid 3px #fff;
	border-radius:8px;
}
nav li a:hover{
	color:#f00;
	background-color:#ff0;
	border:solid 1px #005243;
}
nav li a:span{
	color:#f00;
}
/*フッター部分*/
footer small{
	line-height:40px;
	font-size:0.75em;
	color:#fff;
	text-align:center;
	display:block;	
}
p,s{
font-size:0.85em;
}