/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
BASE TAG SELECTER
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
* {
margin:0;
padding:0;
}

body {
font-family:Verdana,Arial,Helvetica,"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック";
text-align:center;
background-color:#FFFFFF;
background-repeat:repeat-x;
}

hr {
display:none;
}

span.ltxt {
float:left;
margin-bottom:2px;
}

span.rtxt {
float:right;
margin-bottom:2px;
}

h2.ltxt {
float:left;
font-size:16px;
}

h2.rtxt {
float:right;
font-size:16px;
}


a {
color:#133140;
}

a:hover{
color:#53A623;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
CONTAINER
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#header {
margin:0 auto;
padding:0 12px;
text-align:left;
width:960px;
position:relative;
background:#fff;
}

#container_logo {
position:relative;
/*
background-image:url(../imgs/background.png);
*/
width:100%;
}

#container_logo_s {
position:relative;
/*
background-image:url(../imgs/background.png);
*/
width:100%;
height:78px;
}

#container {
margin:2px auto 0px auto;
padding:0px;
text-align:center;
width:100%;
position:relative;
background-color:#ffffff;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
COLUMN
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#column_mes {
position: relative;
}

#column {
margin:0px auto 0px auto;
position: relative;
text-align:center;
width:960px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
TOPMENU
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#menuArea {
width:960px;
height:45px;
margin:20px 0px 0 0px;
position:relative;
}

ul#menu{
    list-style:none;
    width:100%;
}
ul#menu li{
    list-style:none;
    float:left;
    width:172px;
}
ul#menu a{
    display:block;
    width:172px;
    height:43px;
    text-indent:-100px;
    overflow:hidden;
}


a.menu1 {
background-image:url(../imgs/top_menu1_off.gif);
}
a:hover.menu1 {
background-image:url(../imgs/top_menu1_on.gif);
}

a.menu2 {
background-image:url(../imgs/top_menu2_off.gif);
}
a:hover.menu2 {
background-image:url(../imgs/top_menu2_on.gif);
}

a.menu3 {
background-image:url(../imgs/top_menu3_off.gif);
}
a:hover.menu3 {
background-image:url(../imgs/top_menu3_on.gif);
}

a.menu4 {
background-image:url(../imgs/top_menu4_off.gif);
}
a:hover.menu4 {
background-image:url(../imgs/top_menu4_on.gif);
}

a.menu5 {
background-image:url(../imgs/top_menu5_off.gif);
}
a:hover.menu5 {
background-image:url(../imgs/top_menu5_on.gif);
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
MESSAGE
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#mesArea {
width:960px;
height:76px;
margin:21px auto 0px auto;
position:relative;
}

#mesArea img.ltop {
float:left;
}
#mesArea img.rtop {
float:right;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
MAIN CONTENT
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#mainContent {
text-align:center;
clear:both;
width:960px;
float:left;
margin:25px 0px 0px 0px;
z-index:0;
position: relative;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
MAIN CONTENT
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#contentArea {
font-size:12px;
line-height:22px;
margin:2px 0 2px 0
}

#contentArea ul li.news {
display:block;
font-size:14px;
border:none;
margin:8px 5px 8px 0px
}

#contentArea ul li.ylist {
font-size:14px;
border:none;
margin:4px 5px 4px 30px
}

#contentArea ul li.tlist {
display:block;
font-size:14px;
border:none;
margin:2px 5px 2px 40px
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
SUB CONTENT
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#subContent {
width:230px;
float:right;
margin-top:25px;
font-size:14px;
position: relative;
}

#subContent ul li {
width:200px;
height:60px;
list-style-type:none;
background:url(../imgs/top_r_box.gif) no-repeat;
margin:5px 0 0 0;
padding:0 0 0 30px;
text-align:left;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
FOOTER
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#footer {
clear:both;
width:960px;
height:43px;
margin:58px auto 0 auto;
/*
background:url(../imgs/top_footer_bg.gif) no-repeat;
*/
}

span.footlink {
float:right;
font-size:14px;
padding:0 5px 10px 0;
}

span.copyright {
clear:both;
float:right;
font-size:10px;
color:#666666;
margin-bottom:2px;
}

.clearBoth {
clear:both;
}