
/*=============================================================**
Common Style
**=============================================================*/

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd, li, table, th, td, form {
margin: 0px;
padding: 0px;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
background: #FFFFFF;
color: #3E3E3E;
margin: 0;
padding: 0;
text-align: center;
font-size: 0.88em;
}
/*body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ"; *font-size:small;*font:x-small}*/
body {font-family: "Microsoft Yahei",Heiti, arial,helvetica,sans-serif !important;*font-size:small;*font:x-small}
select, input, button, textarea { font:99%; }
table {
font-size:inherit;
font:100%
}
pre, code, kbd, samp, tt {
font-family:monospace;
*font-size:108%;
line-height:100%
}
#yui3-css-stamp.cssfonts { display:none }
a img { border: none; }
a {
text-decoration: underline;
color: #0052a5;
}
a:hover { text-decoration: none;
color: #0052a5;
}
a:hover img{ opacity:0.8;}
a:visited { color:#0052a5; }
dt { font-weight: bold; }
ul { list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0px;
margin: 0px 0px 1em 0px;
}
table th, table td {
font-weight: normal;
border: 1px solid #D4D4D4;
padding: 4px 6px;
}
table th { background-color: #F8F0E7; }
.clf { min-height: 1px; }
.clf:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .clf {
height: 1px;
overflow: visible;
}
/**/

.docSeparate { display: none; }
/*============================================================**
#index
**============================================================*/
.wrapper{ position:relative; max-width:1200px; min-width:950px; margin:0 auto; background:#000000;}
.wrapper .nav{position:absolute; left:0px; top:0px; background:url(../images/bg_nav.png) repeat-x left top; width:100%; height:40px; z-index:9;}
.wrapper .nav ul { text-align:center; font-size:0;white-space:nowrap;}
.wrapper .nav ul li{ display:inline-block; padding:14px 5px 10px 5px;}
.wrapper .title{ position:absolute; left:38px; top:72px; text-align:left; z-index:1; color:#ffffff; font-size:0.9em;}
.wrapper .title h1{ padding-bottom:42px;}
.wrapper .menu{ position:relative; z-index:1; text-align:right; padding:70px 30px 123px 0;}
.wrapper .menu li{ font-size:0; padding-bottom:28px;}
.wrapper .news{ position:absolute; z-index:8; bottom:0; left:0; width:100%; height:23px; background:url(../images/news_bg.png) repeat-x left top;}
.wrapper .news p{ background:url(../images/info_tit.png) no-repeat left; padding:0 0 0 134px; height:23px; line-height:23px; color:#ffffff; text-align:left; margin:0 auto; width:827px;}
.wrapper .news p a{color:#ffffff; text-decoration:none;}
.wrapper .news p a:hover{text-decoration:underline;}
.wrapper .news p span{ display:inline-block; padding:0 20px 0 0 ;}
/*============================================================**
#visual
**============================================================*/
#visual ul{ font-size:0;position:absolute; left:0px; top:0px; width:100%;}
#visual ul li{ font-size:0;position:absolute; left:0px; top:0px; width:100%; height:983px; display:none; background:url(../images/visual01.jpg) no-repeat center top; }

#visual ul li.li01{background-image:url(../images/visual.jpg);}
#visual ul li.li02{background-image:url(../images/visual02.jpg);}
#visual ul li.li03{background-image:url(../images/visual03.jpg);}
#visual ul li.li04{background-image:url(../images/visual04.jpg);}


/*============================================================**
#footer
**============================================================*/
#footer { min-width:950px;}
/* バナー一覧 */
#footer .banner_nav {
	background:url(../images/bg_bunner.jpg) no-repeat left center;
}
#footer .banner_nav ul{
	font-size:0;
	text-align:center;
	white-space:nowrap;
}
#footer .banner_nav ul li{
	display:inline-block;
	padding:11px 25px;
}
/* /バナー一覧 */
.page_top {
position:absolute;
right:0px;
top:-85px;
text-align:right;
}
.page_top a {
display:block;
text-indent:999px;
overflow:hidden;
width:70px;
height:70px;
background:url(../images/bt_pagetop.gif) no-repeat left top;
}
.page_top a:hover { background:url(../images/bt_pagetop_over.gif) no-repeat left top; }
#footer {
text-align:center;
zoom:1;
}

#footer .innr {
position:relative;
text-align:left;
max-width:1200px;
margin:0 auto;
padding:0px 0px !important;
background: url(../images/footer_bg.jpg) left bottom;
}

#footer .innr .group_bl {
width:950px;
zoom:1;
background:url(../images/line_ft_vt.gif) repeat-y 800px 0;
margin:0 auto;
}
#footer .group_nav {
width:800px;
float:left;
overflow:hidden;
}
#footer .group_nav dl {
zoom:1;
width:680px;
margin-right:20px;
padding:12px 0 12px 170px;
position:relative;
background:url(../images/line_ft_dot.gif) repeat-x left bottom;
}
#footer .group_nav dl dd{ font-size:1em;}
#footer .group_nav dl.ft dd{ font-size:1em;}
#footer .group_nav dl.ft { padding-top:36px;}
#footer .group_nav dl:nth-child(2) { padding-bottom:40px;}
#footer .group_nav dl:nth-child(3),
#footer .group_nav dl:nth-child(4) { padding-bottom:24px;}
#footer .group_nav dl.end { background:none; padding-bottom:40px;}
#footer .group_nav dl dt, #footer .group_nav dl dd { float:left; }
#footer .group_nav dl dt {
position:absolute;
left:0px;
top:15px;
width:170px;
}
#footer .group_nav dl.ft dt {
top:36px;
}

#footer .group_nav dl dt a {
display:block;
background:url(../images/root_ft01.png) no-repeat 0 2px;
padding:2px 5px 2px 20px;
color:#006db5;
text-decoration:none;
line-height:120%;
}
#footer .group_nav dl dd {
border-left:1px solid #999999;
padding:0 10px;
margin-bottom:3px;
}
#footer .group_nav dl.ft dd:nth-child(3) {
clear:both;
}
#footer .group_nav dl dd a { color:#333333; }
#footer .etc_nav {
float:left;
width:140px;
display:inline;
font-size:90%;
overflow:hidden;
padding:40px 0 0 0;
}
#footer .etc_nav li { margin:0 0 0px 0px; }
#footer .etc_nav li a {
float:left;
color:#333333;
text-decoration:none;
/*background:url(../images/root_ft02.png) no-repeat 0 7px;*/
padding:2px 0px 2px 16px;
margin:0 0 12px 20px;
}
#footer_copyright {
padding:25px 0 55px 0;
clear:both;
color:#999999;
font-weight:bold;
font-size:11px;
text-align:center;
background:url(../images/line_ft_ho.gif) repeat-x left top;
}
#footer .group_nav:after, #footer .group_nav dl:after, #footer .innr:after, #footer .innr .group_bl:after, #footer .etc_nav:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

#visual silafont{ font-size:0;position:absolute; left:0px; top:0px; width:100%; height:983px; display:none;}
