@charset "Shift_JIS";

/*----------------------------------------
	default setting
-----------------------------------------*/

body, div, dl, dt, dd, th, td, ul, ol, li,
h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, strong, em, p {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

th {
	text-align: left;
	font-weight: normal;
}

li {
	list-style: none;
	vertical-align: bottom;
}

li img {
	vertical-align: top;
}

img, table {
	border: 0;
}

hr {
	display: none;
}

html {
	overflow-y: scroll;
}

/*----------------------------------------
	link setting
-----------------------------------------*/

a:link,
a:visited {
	color: #0098b4;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}

a:hover,
a:active {
	color: #0098b4;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

a.gray:link,
a.gray:visited {
	color: #333333;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}

a.gray:hover,
a.gray:active {
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

/*----------------------------------------
	clearfix
-----------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
	font-size: 0.1px;
	line-height: 0.1px;
}

.clearfix {
	display: inline-block;
	position: relative; /* DW */
}

/* Hides from IE-mac \*/
.clearfix {
	display: block; 
}
/* End hide from IE-mac */


/*----------------------------------------
	index
-----------------------------------------*/
#index{
	background:#464646 url(/images/top/bg_bodywrap.jpg) repeat-x 0 0;
	text-align:center;
}
#index #header_container{
	margin-bottom:0;	
}
#index #header{
	width:927px;
	margin:0 auto;
	padding-right:2px;
	padding-right:1px;
}
#index #top_menu{
	width:920px;
	margin:0 37px !important;
}
#bodyarea{
	width:994px;
	margin:0 auto;
	padding:0 24px;
	background: url(/images/top/bg_bodyarea.png) repeat-y left top;
	text-align: center;
}
*html #bodyarea{
	width:1042px;
}
#visual{
	height:424px;
	margin:0 auto;
	text-align:center;
	overflow: hidden;
}
#visual h1{
	text-align:center;
}
#area-menuwrap{
	width:994px;
	height:45px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background-color:#b0bcc2;
}
#area-menu{
	padding:0 0 0 69px;
}
#area-menu li{
	float:left;
	width:285px;
	text-align: left;
}
#area-menu a{
	display: block;
	width:285px;
	height:45px;
	text-indent:-300px;
	overflow: hidden;
	text-decoration: none;
}
#area-menu li.menu01 a{background: url(/images/top/btn_areamenu_01.gif) no-repeat 0 0;}
#area-menu li.menu02 a{background: url(/images/top/btn_areamenu_02.gif) no-repeat 0 0;}
#area-menu li.menu03 a{background: url(/images/top/btn_areamenu_03.gif) no-repeat 0 0;}

#area-menu li a.selected,
#area-menu li a:hover{
	background-position:0 -45px;
	text-decoration: none;
}
#area{
  overflow: hidden;
  zoom:1;
}
#area li{
	display: none;
  clear: both;
	height:381px;
  overflow: hidden;
  zoom:1;
}

#area li#area01{background:#cfcfcf url(/images/top/bg_area01.gif) no-repeat left top;}
#area li#area02{background:#cfcfcf url(/images/top/bg_area02.gif) no-repeat left top;}
#area li#area03{background:#cfcfcf url(/images/top/bg_area03.gif) no-repeat left top;}

#area01 div.area-btn{
	width:772px;
	margin:0 auto;
	padding:25px 0 0;
	text-align:left;
}
#area01 div.area-btn p{
	height:26px;
}
#area02 dl.area-btn{
	width:572px;
	margin:0 auto;
	padding:0;
}
#area02 dl.area-btn dt{
	height:26px;
	margin:25px 0 0 183px;
	padding:0;
	text-align:left;
}
#area02 dl.area-btn dd{
	width:389px;
	margin:0 0 0 183px;
	text-align:left;
}
#area02 dl.area-btn dd p{
	float:left;
	width:125px;
	height:26px;
}
#area02 dl.area-btn dd p.l{
	width:126px;
}
#area02 dl.area-btn dd p.c{
	width:138px;
}
#area03 dl.area-btnwrap{
	width:925px;
	margin:0 auto;
	padding:25px 0 0;
}
#area03 dd.area-btn{
	padding:0 0 0 645px;
	text-align:left;
}
#area03 dd.area-btn p{
	float: left;
	width:126px;
	height:26px;
}
#wrapper {
	padding:0 0 0 61px;
	text-align: left;
/*	margin-top:30px;*/
	margin-top:30px;
}
#news{
	padding:25px 0 0;
	background: url(/images/top/subt_news.gif) no-repeat center left;
}
#news h2{
	display: none;
}
#news p.more{
/*	height:40px;*/
	height:40px;
/*	margin:-20px 0 0;*/
	margin:-20px 0 0;
	padding:0 60px 0 0;
	text-align: right;
}
#news table{
	width:720px;
	margin:0 0 0 100px;
}
#news table th{
	width:74px;
	padding: 0 0 6px;
}
#news table td{
	padding: 0 0 6px;
	color:#333;
}
#news table td.day{
	padding-right:6px;
}
#news a:link,
#news a:visited {
	color: #333;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}
#news a:hover,
#news a:active {
	color: #333;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
#top_btn{
	height:170px;
}
#top_btn li{
	float: left;
	width:304px;
	height:168px;
}
#top_btn li.bnnr{
	float: left;
	width:268px;
	height:58px;
}
#top_btn2{
	height:175px;
}
#top_btn2 li{
	float: left;
	width:297px;
}
#top_btn2 li.fin{
	float: left;
	width:278px;
}

#copy{
	width:1042px;
	height:55px;
	margin:0 auto;
	padding:0;
	background: url(/images/top/bg_bodyarea_btm.png) no-repeat left bottom;
	text-align:right;
}
#copy img{
	margin:10px 62px 0 0;
}

#copy ul {
	margin-left:55px;
}

#copy ul li {
	float:left;
	padding:8px 0 5px;
	padding:6px\9 0 5px;
}

#copy ul li a {
	color:#444444;
	margin-right:0.5em;
	padding-left:0.5em;
	border-left:solid 1px #444444;
	font-size: 12px;
}
#copy ul li a:link,
#copy ul li a:visited {
	text-decoration: none;
}

#copy ul li a:hover,
#copy ul li a:active {
	text-decoration: underline;
}

#copy ul li a.self {
	color:#cccc66;
}

#copy ul li.first a {
	padding-left:0;
	border-left:none;
}


/*----------------------------------------
	index
-----------------------------------------*/
#slidearea {
	position:relative;
	width:994px;
	height:424px;
	margin:0 auto;
	overflow: hidden;
}
#slidearea #slidecontainerwrapp {
	position:relative;
	width:994px;
	height:424px;
	overflow:hidden;
}
#slidearea #slidecontainer {
	filter: none;
}
#slidearea #slidecontainer li {
	width:994px;
	display:inline;
	float:left;
}
#slidearea #slidenav {
	width:994px;
	height:20px;
	position:absolute;
	bottom:2px;
	right:29px;
	text-align:right;
}
#slidearea #slidenav li {
	display:inline-block;
	width:12px;
	height:19px;
	overflow:hidden;
	margin-left:10px;
}
#slidearea #slidenav li.nvi a {
	background:url(../images/slider_btn01-trans.png) left top no-repeat;
}
#slidearea #slidenav li.current a {
	background-image:url(../images/slider_btn02-trans.png);
}
#slidearea #slidenav li a {
	display:block;
	width:12px;
	height:19px;
	overflow:hidden;
}
* html #slidearea #slidenav li {
	display:inline;
	zoom:1;
}
*:first-child+html #slidearea #slidenav li {
	display:inline;
	zoom:1;
}
