﻿@charset "utf-8";

/* TOPPAGE
---------------------------------------------*/

html{
background: url(../img/bg_2nd02.gif) center top repeat-x;
width:100%;
height:100%;
}
body{

}

body > #wrap {height: auto; min-height: 100%;}  

#2nd {

}

.date2{
position: absolute;
top:0px;
left:172px;
width:483px;
height:113px;
}

#wrap{
background: url(../img/bg_2nd.jpg) left top no-repeat;
min-height: 1379px;
}


#main{

padding-bottom: 200px;
}


#mmenu{
position: absolute;
top:109px;
left:190px;
}

.mmenuimg{
width: 314px;
height: 268px;
}



.date{
position: absolute;
top:0px;
left:172px;
width:483px;
height:130px;
}

.atn{
width:327px;
height:31px;
margin:0 0 28px 27px;;
}

.title {
position: absolute;
top:148px;
left:300px;
width:343px;
height:33px;
}

#contents {
margin-top:-410px;
margin-left:300px;
width:720px;
margin-bottom:60px;
min-height:860px;
}

#contents table {
width:100%;
margin-top:25px;
}

#contents td {
padding:8px 8px;
}

*html #contents td{
font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Verdana;
color: #0b0100;
font-size: 100%;
}

.atn{
width:222px;
height:48px;
margin:0 0 28px 27px;;
}

#side{
position: absolute;
top:645px;
left:0px;
}

.wtxt{
color:#FFF;
}

.btxt{
font-size:14px;
font-weight:bold;
}

.r_12_150{
color:c40000;
}

.side_m{
width:216px;
height:216px;
margin-top:27px;

}

/* footer ----------------------------- */

#footer{
position:relative;
width:940px;
margin-left:27px;
margin-top: -200px; /* negative value of footer height */  
height: 200px;  
clear:both;
}

#footer_b{
margin-top:30px;
}


#footer ul {
padding-top:7px;
}

#footer li{
float:left;
padding-bottom:7px;
}


#footer hr {
clear:both;
border: 0.1em solid #a49391;
width:100%;
}

.ptop{
text-align:right;
}

/*=========================================
CLEARFIX
===========================================*/

.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 */



/*=========================================

===========================================*/


/* bmenu all ----------------------------- */

#bmenu {
width:216px;
margin-left:27px;
}

#bmenu li {
float:left;
}

#bmenu li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#bmenu a:link img{
visibility : visible ;
border-style : none ;
}

#bmenu a:visited img{
visibility : hidden ;
border-style : none ;
}

#bmenu a:hover img{
visibility : hidden ;
border-style : none ;
}

#bmenu a:active img{
visibility : hidden ;
border-style : none ;
}

/* bmenu01 ----------------------------- */

.bmenu01 {
width: 216px;
height: 69px;
}

.bmenu01 a{
display : block ;
width: 216px;
height: 69px;
background-repeat : no-repeat ;
background-position : left top ;
}

.bmenu01 a:link {
background-image : url(../img/b_menu_01s-trans.png) ;
}

.bmenu01 a:visited{
background-image : url(../img/b_menu_01s-trans.png) ;
}

.bmenu01 a:hover{
background-image : url(../img/b_menu_01s_on-trans.png) ;
}

.bmenu01 a:active{
background-image : url(../img/b_menu_01s_on-trans.png) ;
}


/* bmenu02 ----------------------------- */

.bmenu02 {
width: 216px;
height: 69px;
}

.bmenu02 a{
display : block ;
width: 216px;
height: 69px;
background-repeat : no-repeat ;
background-position : left top ;
}

.bmenu02 a:link {
background-image : url(../img/b_menu_02s-trans.png) ;
}

.bmenu02 a:visited{
background-image : url(../img/b_menu_02s-trans.png) ;
}

.bmenu02 a:hover{
background-image : url(../img/b_menu_02s_on-trans.png) ;
}

.bmenu02 a:active{
background-image : url(../img/b_menu_02s_on-trans.png) ;
}


/* bmenu03 ----------------------------- */

.bmenu03 {
width: 216px;
height: 69px;
}

.bmenu03 a{
display : block ;
width: 216px;
height: 69px;
background-repeat : no-repeat ;
background-position : left top ;
}

.bmenu03 a:link {
background-image : url(../img/b_menu_03s-trans.png) ;
}

.bmenu03 a:visited{
background-image : url(../img/b_menu_03s-trans.png) ;
}

.bmenu03 a:hover{
background-image : url(../img/b_menu_03s_on-trans.png) ;
}

.bmenu03 a:active{
background-image : url(../img/b_menu_03s_on-trans.png) ;
}




/* smmenu all ----------------------------- */

#smmenubox{
position: absolute;
top:7px;
left:760px;
}


#smmenu {
width:310px;
}

#smmenu li {
float:left;
margin-right:10px;
}

#smmenu li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#smmenu a:link img{
visibility : visible ;
border-style : none ;
}

#smmenu a:visited img{
visibility : hidden ;
border-style : none ;
}

#smmenu a:hover img{
visibility : hidden ;
border-style : none ;
}

#smmenu a:active img{
visibility : hidden ;
border-style : none ;
}

/* bmenu01 ----------------------------- */

.smmenu01 {
width: 28px;
height: 98px;
}

.smmenu01 a{
display : block ;
width: 28px;
height: 98px;
background-repeat : no-repeat ;
background-position : left top ;
}

.smmenu01 a:link {
background-image : url(../img/smmenu_01-trans.png) ;
}

.smmenu01 a:visited{
background-image : url(../img/smmenu_01-trans.png) ;
}

.smmenu01 a:hover{
background-image : url(../img/smmenu_01_on-trans.png) ;
}

.smmenu01 a:active{
background-image : url(../img/smmenu_01_on-trans.png) ;
}


/* smmenu02 ----------------------------- */

.smmenu02 {
width: 28px;
height: 141px;
}

.smmenu02 a{
display : block ;
width: 28px;
height: 141px;
background-repeat : no-repeat ;
background-position : left top ;
}

.smmenu02 a:link {
background-image : url(../img/smmenu_02-trans.png) ;
}

.smmenu02 a:visited{
background-image : url(../img/smmenu_02-trans.png) ;
}

.smmenu02 a:hover{
background-image : url(../img/smmenu_02_on-trans.png) ;
}

.smmenu02 a:active{
background-image : url(../img/smmenu_02_on-trans.png) ;
}

/* smmenu03 ----------------------------- */

.smmenu03 {
width: 28px;
height: 136px;
}

.smmenu03 a{
display : block ;
width: 28px;
height: 136px;
background-repeat : no-repeat ;
background-position : left top ;
}

.smmenu03 a:link {
background-image : url(../img/smmenu_03-trans.png) ;
}

.smmenu03 a:visited{
background-image : url(../img/smmenu_03-trans.png) ;
}

.smmenu03 a:hover{
background-image : url(../img/smmenu_03_on-trans.png) ;
}

.smmenu03 a:active{
background-image : url(../img/smmenu_03_on-trans.png) ;
}

/* smmenu04 ----------------------------- */

.smmenu04 {
width: 28px;
height: 164px;
}

.smmenu04 a{
display : block ;
width: 28px;
height: 164px;
background-repeat : no-repeat ;
background-position : left top ;
}

.smmenu04 a:link {
background-image : url(../img/smmenu_04-trans.png) ;
}

.smmenu04 a:visited{
background-image : url(../img/smmenu_04-trans.png) ;
}

.smmenu04 a:hover{
background-image : url(../img/smmenu_04_on-trans.png) ;
}

.smmenu04 a:active{
background-image : url(../img/smmenu_04_on-trans.png) ;
}

/* smmenu05 ----------------------------- */

.smmenu05 {
width: 20px;
height: 133px;
padding-right:10px;
}

.smmenu05 a{
display : block ;
width: 20px;
height: 133px;
background-repeat : no-repeat ;
background-position : left top ;
}

.smmenu05 a:link {
background-image : url(../img/smmenu_05-trans.png) ;
}

.smmenu05 a:visited{
background-image : url(../img/smmenu_05-trans.png) ;
}

.smmenu05 a:hover{
background-image : url(../img/smmenu_05_on-trans.png) ;
}

.smmenu05 a:active{
background-image : url(../img/smmenu_05_on-trans.png) ;
}


/* smmenu06 ----------------------------- */

.smmenu06 {
width: 20px;
height: 180px;
}

.smmenu06 a{
display : block ;
width: 20px;
height: 180px;
background-repeat : no-repeat ;
background-position : left top ;
}

.smmenu06 a:link {
background-image : url(../img/smmenu_06-trans.png) ;
}

.smmenu06 a:visited{
background-image : url(../img/smmenu_06-trans.png) ;
}

.smmenu06 a:hover{
background-image : url(../img/smmenu_06_on-trans.png) ;
}

.smmenu06 a:active{
background-image : url(../img/smmenu_06_on-trans.png) ;
}

/* smmenu07 ----------------------------- */

.smmenu07 {
width: 20px;
height: 107px;
}

.smmenu07 a{
display : block ;
width: 20px;
height: 107px;
background-repeat : no-repeat ;
background-position : left top ;
}

.smmenu07 a:link {
background-image : url(../img/smmenu_07-trans.png) ;
}

.smmenu07 a:visited{
background-image : url(../img/smmenu_07-trans.png) ;
}

.smmenu07 a:hover{
background-image : url(../img/smmenu_07_on-trans.png) ;
}

.smmenu07 a:active{
background-image : url(../img/smmenu_07_on-trans.png) ;
}


/* smmenu08 ----------------------------- */

.smmenu08 {
width: 20px;
height: 123px;
}

.smmenu08 a{
display : block ;
width: 20px;
height: 123px;
background-repeat : no-repeat ;
background-position : left top ;
}

.smmenu08 a:link {
background-image : url(../img/smmenu_08-trans.png) ;
}

.smmenu08 a:visited{
background-image : url(../img/smmenu_08-trans.png) ;
}

.smmenu08 a:hover{
background-image : url(../img/smmenu_08_on-trans.png) ;
}

.smmenu08 a:active{
background-image : url(../img/smmenu_08_on-trans.png) ;
}
