@charaset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object { margin:0; padding:0; }

body{
	font-family:メイリオ,'hiragino kaku gothic pro',sans-serif; font-size:75%; line-height: 1.41;
}

a img { border:0; }
img{ vertical-align: top; }
ul, ol { list-style-type:none; }
sup { position: relative; vertical-align: baseline; top: -0.9em; font-size: 0.5em; }
hr { display: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
th, caption{ text-align: left; font-weight: normal; }
address{ font-style: normal; }

input[type="text"],input[type="password"],input[type="text"] { padding:0 2px; margin-right:0.1em; }
input[type="submit"] { display:inline; margin:0; }
input[type="checkbox"] { margin-right:0.1em; vertical-align: middle; }
input[type="radio"] { margin-right:0.1em; }
textarea { padding:2px; overflow: auto; font-size: 100%;}
optgroup { font-style:normal; }
option { padding-right:10px; }

.clearfix{
	display: inline-block;
}
.clearfix{
	display: block;
}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}

a, a:link{
	color: #508E42;
	text-decoration: underline;
}

/* -------------------------------
共有設定 */

body{
	text-align: center
}

#header, #content_wrap, #footer{
	text-align: left;
}

#header{
	position:relative;
	padding: 24px 20px 0;
	width: 730px;
	height: 68px;
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	background: url(../img/bg_header.gif) no-repeat bottom left;
}

#header .site-logo{
	float: left;
	width: 128px;
	height: 55px;
}

#header p{
	position:absolute;
	right:5px;
	bottom:16px;
}

#content_wrap{
	width: 768px;
	margin: 0 auto;
	border-width: 0 1px;
	border-style: none solid;
	border-color: #92A68F;
	overflow: hidden;
	display: inline-block;
}

#content_wrap{
	display: block;
}

#story_content{
	width: 548px;
	float: right;
	margin-bottom: 72px;
}

#sidebar{
	float: left;
	width: 200px;
	padding: 10px 10px 0;
	margin-bottom: 56px;
	background: url(../img/bg_sidebar.jpg) repeat-x top left;
}

h2.menu{
	display: none;
}

ul.menu{
	border-bottom: 1px solid #598B51;
	margin-bottom: 16px;
	width: 200px;
}

ul.menu li{
	background: url(../img/bg_menu-link.png) no-repeat top left;
	width: 200px;
	height: 46px;
}

ul.menu li a img{
	padding: 4px 4px 0 21px;
}

ul.information,
ul.company-address,
dl.news{
	border-width: 0 1px 1px;
	border-style: none solid solid;
	border-color: #598b51;
	margin-bottom: 16px;
	background-color: white;
}

ul.information li.telephone{
	padding: 4px 0 0 8px;
}

ul.information li.fax{
	padding: 12px 0 0 8px;
	margin-bottom: 14px;
}

ul.company-address{
	padding: 9px 15px 0 11px;
}

ul.company-address address{
	padding-top: 10px;
	margin-bottom: 12px;
	font-style: normal;
}

dl.news{
	height: 192px;
	overflow: auto;
	padding: 0 6px;
}

dl.news dt{
	padding: 8px 3px 0;
}

dl.news dd{
	border-bottom: 1px solid #A2B5A1;
	padding: 0 3px;
}

dl.news dd p{
	margin-bottom: 8px;
}

#footer{
	width: 752px;
	margin: 0 auto;
	padding: 4px 8px 0;
	background-color: #598B51;
	border-width: 0 1px 1px;
	border-style: none solid solid;
	border-color: #92A68F;
	color: white;
	text-align: right;
	overflow: hidden;
	display: inline-block;
}

#footer a img{
	color: white;
	float: left;
	margin-bottom: 5px;
}

#footer p{
	font-size: 83%;
	padding-top: 3px;
	margin-bottom: 5px;
}