@charset "utf-8";

/********************************************/
/*					basic					*/
/********************************************/
* {
	margin:0;
	padding:0;
	letter-spacing:0.08em;
	line-height:1.6em;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",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;
	background:#ffffff url(../img/headerLine.gif) repeat-x 0 300px;
}

body#index{
	background-image:none;
}

a:link ,
a:visited {
  border-bottom:0px solid #d1ba22;
  color:#999999;
  text-decoration:none;
}

a:hover,
a:active {
  border-bottom:1px solid #555555;
  color:#333333;
  text-decoration:non;
}

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

h2{
	margin:0 0 50px 0;
}

h3{
	margin:50px 0 30px 0;
	font-size: 20px;
}


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%;
}

td, th {
	padding: 10px;
}

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

#header{
	position:relative;
	display:block;
	margin:0;
	width:960px;
	height:300px;
}

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

#footer{
	position:absolute;
	width:960px;
	height:100px;
	margin:0;
	padding:0;
	bottom:0;
	left:0;
}

/********************************************/
/*				 header						*/
/********************************************/
#top{
	position:absolute;
}

#header h1{
	position:absolute;
	width:235px;
	height:168px;
	display:block;
	margin:58px 0 0 0;
	overflow:hidden;
	background:url(../img/logo.png) no-repeat 0 0;
}

#header h1 span{
	position:relative;
	display:block;
	padding:1000px 0 0 0;
	overflow:hidden;
	width:235px;
	height:168px;
}

ul#globalMenu{
	position:absolute;
	top:202px;
	right:-100px;
	display:block;
	width:400px;
	height:28px;
	margin:0;
}
#globalMenu li{
	display:inline;
	margin:0 0 0 15px;
	padding:0;
}



/********************************************/
/*				 index						*/
/********************************************/
#index #header{
	margin:0 0 20px 0;
	height:300px;
}

#index #main{
	margin:0;
	padding:305px 0 135px 0;
}

#image{
	position:absolute;
	display:block;
	background:url(../img/image.jpg) repeat-x 43% 0;
	background-repeat   : no-repeat;
	width:100%;
	height:300px;
	top:300px;
	left:40px;
}

#image p#tab{
	margin:35px 0 0 0;
	text-align:center;
}

#image p#tab a{
	display:block;
	width:33px;
	height:229px;
	text-align:center;
	overflow:hidden;
	margin:0 auto;
}

#image p#tab a span{
	display:block;
	padding:500px 0 0 0;
}

#image p#tab :link {
	background:url(../img/tab_off.gif) no-repeat 50% 0;
}

#image p#tab :visited {
	background:url(../img/tab_off.gif) no-repeat 50% 0;
}

#image p#tab :hover,
#image p#tab :active {
	background:url(../img/tab_on.gif) no-repeat 50% 0;
}


#main #newsTitle{
	display:block;
	width:180px;
	float:left;
}

#main #newsTitle h2{
	display:block;
	width:163px;
	margin:3.5em 0 0 0;
	height:27px;
	background:url(../img/titleNews.gif) no-repeat 0 0;
	overflow:hidden;
}
#main #newsTitle h2 span{
	position:relative;
	display:block;
	padding:20em 0 0 0;
	overflow:hidden;
	width:163px;
	height:27px;
}

#main #newsBody{
	display:block;
	width:700px;
	float:left;
}

#main #newsBody dl{
	margin:0;
	padding:3em 0 3em 15px;
	width:700px;
	border-left:1px solid #333333;
}

#main #newsBody dt{
	line-height:1.8em;
	float:left;
	clear:both;
}
#main #newsBody dd{
	margin:0 0 0 8em;
	line-height:2em;
}
#main #newsBody dd a{
	line-height:2em;
}




/********************************************/
/*				 main						*/
/********************************************/



/********************************************/
/*				 footer						*/
/********************************************/
#footer ul{
	display:block;
	width:96px;
	height:123px;
	margin:8px 0 20px 0;
}

#footer li{
	margin:0;
	display:inline;
}

#footer p{
	margin:0;
}

#footer p#gotoTop{
	position:absolute;
	top:130px;
	right:0;
}



/********************************************/
/*				 common						*/
/********************************************/
p#errMsg{
	margin:142px 0 0 0;

}

.paragraph{
	margin:0 0 60px 0;
}

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;
}

span.accent{
	position:relative;
	display:inline;
	padding:0;
	color:#ff5811;
	font-size:82%;
}
.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;
}

ul#pageLink{
	margin:-20px 0 40px 0;
}

#pageLink li{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin:0 5px 5px 0;
	border:1px solid #e3e3e3;
	color: #ffffff;
	background-color:#f3f3f3;
	float:left;
}

#pageLink li strong,
#pageLink li a{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
}

.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 */