@charset "euc-jp";

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

/* Base
---------------------------------------- */
html {
 overflow-y: scroll;
}
body {
	height:5500px;
	color: #333;
	background:#EDE8D3;
	font:normal 16px/1.4 'メイリオ','Meiryo','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ ゴシック',sans-serif;
	*font-size:x-small;
}
/* IE7 */
*:first-child+html body {
    font-size:medium;
}
/* 位置 */
.txt_r {text-align:right;} .txt_c {text-align:center;}
.mt_05 {margin-top:5px;} .mt_10 {margin-top:10px;} .mt_20 {margin-top:20px;} .mb_05 {margin-bottom:5px;} .mb_10 {margin-bottom:10px;} .mb_20 {margin-bottom:20px;}

/* リンク */
a {color: #00F;	text-decoration:underline; cursor:pointer}
a:hover {text-decoration: none;}

/* clear */
.clearfix:after {content:''; display:block; clear:both;}
.clearfix {zoom:1;}

/* 記号用 */
.kigou {font-family:'ＭＳ ゴシック','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',sans-serif;}

/* コンテンツ */
#page{ 
	width:960px;
	height:100%;
	margin:0 auto;
	text-align:left;
}

/* ヘッダ
-------------------------------------------------------*/
header {
	width:960px;
	height:82px;
	margin:0 auto;
	background:#FFF;
	position: fixed;
	top:0;
	z-index:100;
}
header h1 {
	margin:0 10px;
}
header #menu ul {
	width:330px;
	position:absolute;
	top:23px;
	left:314px;
	overflow:hidden;
}
header #menu ul li {
	width:45px;
	height:45px;
	float:left;
	margin-right:10px;
}
header #logo {
	width:230px;
	height:76px;
	position:absolute;
	right:5px;
	top:0;
}
/* 画像の透過 */
header #menu ul li a img{
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	opacity:1.0;
}
header #menu ul li a:hover img{
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	opacity:0.6;
}

/* ページナビ
---------------------------------------------------------- */
#navi_hd {
	position:fixed;
	top:100px;
	right:50%;
	margin-right:-100px;
	z-index:100;
}
#navi_btm {
	position:fixed;
	bottom:20px;
	right:50%;
	margin-right:-100px;
	z-index:100;
}
.page_navi {
	width:200px;
	height:100px;
}
.page_navi #havi_hd,
.page_navi #havi_btm {
	width:200px;
	height:100px;
}
#navi_hd img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/prev.png", sizingMethod="scale");
}
#navi_btm img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/next.png", sizingMethod="scale");
}

/* フッタ
-------------------------------------------------------*/
#gotop {
	overflow:hidden;
	margin-top:-50px;
}
#gotop a {
	display:block;
	width:150px;
	height:50px;
	float:right;
	color:#FFF;
	background:#999;
	font-size:75%;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	position: relative;
	behavior: url(/PIE.php); 
}
#gotop a:hover {
	background:#666;
	text-decoration:none;
}
#gotop a:visited {
	color:#FFF;
}
footer {
	width:100%:
	height:100%;
	min-height:500px;
}
footer nav {
	width:100%:
	min-height:65px;
	padding:10px;
	color:#FFF;
	background:#817234;
	overflow:hidden;
}
footer nav ul {
	overflow:hidden;
}
footer nav ul li {
	margin:0 0 5px 0;
	padding:0 5px;
	float:left;
	font-size:75%;
	white-space:nowrap;
	border-left:1px solid #FFF;
}
footer nav ul li.end {
	border-right:1px solid #FFF;
}
footer nav ul li a,
footer nav ul li a:visited {
	color:#FFF;
	text-decoration:none;
}
footer nav ul li a:hover {
	text-decoration:underline;
}
#other {
	padding:10px;
	background:#FFF;
	overflow:hidden;
	text-align:right;
}
#copy {
	padding:10px 10px 100px 10px;
	background:#FFF;
	overflow:hidden;
}
#copy .name {
	width:48%;
	float:left;
	font-size:75%;
}
#copy .copyright {
	width:48%;
	float:right;
	font-size:75%;
	text-align:right;
}