@charset "utf-8";

/********************************************/
/*					basic					*/
/********************************************/
* {
	margin:0;
	padding:0;
	letter-spacing:0.08em;
	line-height:1.8em;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
}

html{
	width:100%;
	height:100%;
	overflow-y:scroll;
}

body{
	font-size: 78%;
	color:#333333;
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
}

a:link {
	color:#9f7638;
	text-decoration:none;
}

a:visited {
	color:#9f7638;
	text-decoration:none;
}

a:hover,
a:active {
	color:#b88842;
	text-decoration:none;
}

h1,h2,h3,h4{
	margin:0 0 20px 0;
	padding:0;
	line-height:1em;
	line-height:1.4em;
	font-size:100%;
}

img {
	border: 0px;
}

p{
	margin:0 0 20px 0;
}

ul{
	margin:0 0 20px 0;
	list-style:none;
}

form,input,textarea,table{
	font-size: 100%;
	line-height:1.2em;
}

table{
	border-collapse:collapse;
}



/********************************************/
/*				position					*/
/********************************************/
#wrapper{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
	min-height:100%;
	width:100%;
	min-width:980px;
	text-align:left;
}
body > #wrapper {
	height:auto;
}
* html #wrapper{
	height:100%;
}

#header{
	display:block;
	margin:0 0 50px 0;
	padding:0;
	width:100%;
	height:200px;

	border-top:5px solid #040000;
	border-bottom:1px solid #040000;
}

#main{
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0 0 120px 0;
	text-align:left;
}

#footer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	text-align:left;
	border-top:1px solid #040000;
	overflow:hidden;
}


/********************************************/
/*				 header						*/
/********************************************/
#header h1{
	position:absolute;
	display:block;
	top:21px;
	right:27px;
	width:75px;
	height:115px;
	overflow:hidden;
	background:url(/img/logo_off.gif) no-repeat 0 0;
	margin:0;
}
#header h1 span{
	position:relative;
	display:block;
	width:220px;
	height:120px;
	padding:120px 0 0 0;
}

#header ul#globalMenu{
	position:absolute;
	display:block;
	top:20px;
	right:140px;
	height:123px;
	margin:0;
}
#header #globalMenu li{
	position:relative;
	margin:0 0 0 10px;
	float:right;
	line-height:1em;
}

#header ul#subMenu{
	position:absolute;
	display:block;
	top:170px;
	left:10px;
	display:block;
	height:19px;
	margin:0;
}
#header ul#subMenu li{
	position:relative;
	display:block;
	margin:0 0 8px 0;
	padding:0;
	line-height:1em;
	float:left;
}

#header #globalMenu li a,
#header ul#subMenu li a{
	line-height:1em;
}


/********************************************/
/*				 main						*/
/********************************************/
.paragraph{
	padding:0 0 80px 0;
}
.paragraph ul{
	list-style:disc;
	margin:0 0 30px 15px;
}


/********************************************/
/*				 footer						*/
/********************************************/
#footer p#copy{
	position:absolute;
	margin:0;
	top:23px;
	left:20px;
}
#footer ul{
	position:absolute;
	margin:0;
	top:16px;
	right:2px;
}
#footer li{
	float:left;
	margin:0 18px 0 0;
}
footer p{
	margin:0;
}



/********************************************/
/*				 common						*/
/********************************************/
img.r {
	float: right;
	border: none;
	margin:0 0 25px 10px;
	vertical-align:top;
}

img.l {
	float: left;
	margin:0 10px 25px 0;
	vertical-align:top;
}

img.c {
	float: none;
	margin:0 auto;
	vertical-align:top;
	text-align:center;
	display:block;
}

.cl{
	float:none;
	height:0;
	overflow:hidden;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear:both;
	display:inline-block;
}

.notice{
	color:#fe8a8a;
}

#notice{
	color:#fe8a8a;
	margin:40px 0 80px 0;
}
#notice ul{
	margin:0 0 0 18px;
	list-style-type:disc;
}

div#access{
	position:absolute;
	display:none;
}

.non a:link,
.non a:visited,
.non a:hover,
.non a:active,
a:link.non,
a:visited.non,
a:hover.non,
a:active.non {
	border-bottom:0px solid #000066;
	text-decoration:none;
}

.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */