@charset "utf-8";
/* CSS Document */

body{
	background: url(../images/common/body_bg.jpg) repeat-x #FFF;
	font-size:12px;
	color:#C6C6C6;
}

a{ color:#008f36; text-decoration:underline;}
a:hover{ text-decoration:none;}
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

a.link02{ color:#666; text-decoration:underline}
a:hover.link02{ text-decoration:none}

/*container01--------------------------------------------------------------------*/
div#container01{ width:824px; margin:0 auto; font-size:12px}
div#container01-bg{
	width:1220px;
	height:731px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/common/main-bg4.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div#container01 p#english{ text-align:right; margin:7px 0 5px 0;}
*:first-child+html div#container01 p#english{ margin-top:0px}
* html div#container01 p#english{ margin-top:0px}
div#container01 div#box01{
	width:824px;
}
body#index div#container01 div#box01{
}

/*gnavi*/
div#container01 div#box01 div#gnavi{ width:809px; margin: 0 auto;}
div#container01 div#box01 div#gnavi ul{ width:809px; padding:10px 0 25px 0;}
* html div#container01 div#box01 div#gnavi ul{ padding-top:5px}
*:first-child+html div#container01 div#box01 div#gnavi ul{padding-top:5px}

div#container01 div#box01 div#gnavi ul li{ float:left}

div#container01 div#box01 div#gnavi ul li a{ text-indent:-9999px; display:block; height:47px}

div#container01 div#box01 div#gnavi ul li.logo{ background-image:url(../images/common/gnavi/logo.jpg); width:51px;}
div#container01 div#box01 div#gnavi ul li.logo a:hover,div#container01 div#box01 div#gnavi ul li.logo a.on{ background-image:url(../images/common/gnavi/logo-on.jpg); width:51px;}

div#container01 div#box01 div#gnavi ul li.wa09{ background-image:url(../images/common/gnavi/wa09.jpg); width:126px}
div#container01 div#box01 div#gnavi ul li.wa09 a:hover,div#container01 div#box01 div#gnavi ul li.wa09 a.on{background-image:url(../images/common/gnavi/wa09-on.jpg);}

div#container01 div#box01 div#gnavi ul li.news{ background-image:url(../images/common/gnavi/news.jpg); width:126px}
div#container01 div#box01 div#gnavi ul li.news a:hover,div#container01 div#box01 div#gnavi ul li.news a.on{ background-image:url(../images/common/gnavi/news-on.jpg);}

div#container01 div#box01 div#gnavi ul li.art{ background-image:url(../images/common/gnavi/art.jpg); width:126px}
div#container01 div#box01 div#gnavi ul li.art a:hover,div#container01 div#box01 div#gnavi ul li.art a.on{background-image:url(../images/common/gnavi/art-on.jpg);}

div#container01 div#box01 div#gnavi ul li.tic{ background-image:url(../images/common/gnavi/tic.jpg); width:125px}
div#container01 div#box01 div#gnavi ul li.tic a:hover,div#container01 div#box01 div#gnavi ul li.tic a.on{ background-image:url(../images/common/gnavi/tic-on.jpg);}

div#container01 div#box01 div#gnavi ul li.acc{ background-image:url(../images/common/gnavi/acc.jpg); width:126px}
div#container01 div#box01 div#gnavi ul li.acc a:hover,div#container01 div#box01 div#gnavi ul li.acc a.on{ background-image:url(../images/common/gnavi/acc-on.jpg);}

div#container01 div#box01 div#gnavi ul li.gal{ background-image:url(../images/common/gnavi/gal.jpg); width:126px}
div#container01 div#box01 div#gnavi ul li.gal a:hover,div#container01 div#box01 div#gnavi ul li.gal a.on{ background-image:url(../images/common/gnavi/gal-on.jpg);}

/*gnavi(eng)*/

body#english div#container01 div#box01 div#gnavi ul li{ float:left}

body#english div#container01 div#box01 div#gnavi ul li a{ text-indent:-9999px; display:block; height:47px}

body#english div#container01 div#box01 div#gnavi ul li.logo{ background:url(../images/common/gnavi-eng/logo.jpg); width:51px;}
body#english div#container01 div#box01 div#gnavi ul li.logo a:hover{ background:url(../images/common/gnavi-eng/logo.jpg); width:51px;}

body#english div#container01 div#box01 div#gnavi ul li.wa09{ background-image:url(../images/common/gnavi-eng/wa09.jpg); width:126px}
body#english div#container01 div#box01 div#gnavi ul li.wa09 a:hover{ background-image:url(../images/common/gnavi-eng/wa09.jpg); width:126px}

body#english div#container01 div#box01 div#gnavi ul li.wa09{ background-image:url(../images/common/gnavi-eng/wa09.jpg); width:126px}
body#english div#container01 div#box01 div#gnavi ul li.wa09 a:hover{ background-image:url(../images/common/gnavi-eng/wa09.jpg); width:126px}

body#english div#container01 div#box01 div#gnavi ul li.news{ background-image:url(../images/common/gnavi-eng/news.jpg); width:126px}
body#english div#container01 div#box01 div#gnavi ul li.news a:hover{ background-image:url(../images/common/gnavi-eng/news.jpg); width:126px}

body#english div#container01 div#box01 div#gnavi ul li.art{ background-image:url(../images/common/gnavi-eng/art.jpg); width:126px}
body#english div#container01 div#box01 div#gnavi ul li.art a:hover{ background-image:url(../images/common/gnavi-eng/art.jpg); width:126px}

body#english div#container01 div#box01 div#gnavi ul li.tic{ background-image:url(../images/common/gnavi-eng/tic.jpg); width:125px}
body#english div#container01 div#box01 div#gnavi ul li.tic a:hover{ background-image:url(../images/common/gnavi-eng/tic.jpg); width:125px}

body#english div#container01 div#box01 div#gnavi ul li.acc{ background-image:url(../images/common/gnavi-eng/acc.jpg); width:126px}
body#english div#container01 div#box01 div#gnavi ul li.acc a:hover{ background-image:url(../images/common/gnavi-eng/acc.jpg); width:126px}

body#english div#container01 div#box01 div#gnavi ul li.gal{ background-image:url(../images/common/gnavi-eng/gal.jpg); width:126px}
body#english div#container01 div#box01 div#gnavi ul li.gal a:hover{ background-image:url(../images/common/gnavi-eng/gal.jpg); width:126px}


/*mainv*/
div#container01 div#box01 div#mainv{ width:800px; margin:0 auto;}
div#container01 div#box01 div#co_btn{
	width:802px;
	height:49px;
	margin: 10px auto;
	background-repeat: no-repeat;
}
div#container01 div#box01 div#co_btn p{ text-align:right; margin-right:10px;}

p#page-cobtn{ margin-top:93px; margin-left:685px; }
* html p#bkbottom{ margin-top:-5px;}
*:first-child+html p#bkbottom{ margin-top:-5px;}

/*footer--------------------------------------------------------------------*/
div#footer{ background:url(../images/common/footer-bg.jpg) repeat-x top #000; height:150px; clear:both; margin-top:30px;}
div#footer div#footer-in{
	width:824px;
	padding-top:100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

body#black div#footer div#footer-in{}

div#footer div#footer-in p#copy{
	float:left;
	color:#333
}
div#footer div#footer-in p#rogo{ float:right}



/*--------------------------------------------------------------------------------*/
/*page-common--------------------------------------------------------------------*/

body.page{background: url(../images/common/page-bodybg.jpg) repeat-x #FFF;}

body.page div#container01-bg{
	width:1220px;
	height:243px;
	margin: 0 auto;
	background: url(../images/common/page-main_bg.jpg) no-repeat center bottom;
}

body.page div#outsam{ width:1220px; background: url(../images/common/test.jpg) no-repeat;margin: 0 auto;}
div#outcont{ width:1220px; background: url(../images/common/test.jpg) no-repeat; margin:0 auto}

body.page div#maincontents{
	width:824px;
	font-size:12px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0px;
}

body.page div#maincontents h1{ width:824px; height:98px; text-indent:-9999px;}

p.linktop{ margin:80px 35px 0 50px; text-align:right}
p.linktop2{ margin:20px 0 0 0; text-align:right}