@charset "Shift_JIS";

*{
margin:0;
padding:0;
}

/* ----- Global Common ---- */

body{
text-align : center;
margin: 0;
padding: 0;
background:url("../img/cmn/all_p_bg.jpg") #ddd center;
}

img{
border:0px;
vertical-align:bottom;
}

ul,dl,ol{
list-style-type:none;
list-style-position:outside;
}

hr{
display:none;
}

a{
color:#2e7c60 !important;
}

a:link{
color:#2e7c60 !important;
}

a:visited{
color:#2e7c60 !important;
}

a:hover{
color:#ff6600 !important;
}

a:active{
color:#669900 !important;
}


.clearFix{
display:inline-table;
}

.clearFix:after{
display:block; 
clear:both; 
visibility:hidden;
/*height:0; 
content:".";*/
}

.both {clear: both}


#wrapper {
margin-left : auto;
margin-right : auto;
text-align : left;
background : url("../img/cmn/wrapper_p_bg.jpg") top no-repeat;
overflow:hidden;
}

#allContents{
clear:both;
margin:0 auto;
width:800px;
text-align:left;
background-color:#fff;
border-left: solid 1px #555;
border-right: solid 1px #555;
overflow:hidden;
}

#header {
width:800px;
height:76px;
background:url(../img/cmn/header.jpg) 0 0 no-repeat;
}

#globalNavi {
width:800px;
height:54px;
background:url(../img/cmn/global_navi.jpg) 0 0 no-repeat;
}

#contentsArea{
margin:0;
padding:0;
overflow:hidden;
}

/* ----- Gloval Navi ----- */

#navi{
height: 54px;
background-position: 0px 0px;
clear: both;
background:url(../img/cmn/global_navi.jpg) 0 0 no-repeat;
}

#navi ul{
margint: 0px;
padding: 0;
list-style-type: none;
}

#navi li{
text-indent: -9999px;
margin: 0;
padding: 0;
float: left;
}

#navi_1 a{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi01.jpg") no-repeat top;
overflow:hidden;
}

#navi_1 a:hover{
background-position: bottom;
}

#navi_1{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi01.jpg") no-repeat bottom;
}

#navi_2{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi02.jpg") no-repeat bottom left;
}

#navi_2 a{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi02.jpg") no-repeat top left;
overflow:hidden;
}

#navi_2 a:hover{
background-position: bottom left;
}

#navi_3 a{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi03.jpg") no-repeat top left;
overflow:hidden;
}

#navi_3 a:hover{
background-position: bottom left;
}

#navi_3 {
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi03.jpg") no-repeat bottom left;

}

#navi_4 a{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi04.jpg") no-repeat top left;
overflow:hidden;
}

#navi_4 a:hover{
background-position: bottom left;
}

#navi_4{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi04.jpg") no-repeat bottom left;
}

#navi_5 a{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi05.jpg") no-repeat top left;
overflow:hidden;
}

#navi_5 a:hover{
background-position: bottom left;
}

#navi_5{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi05.jpg") no-repeat bottom left;
}

#navi_6 a{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi06.jpg") no-repeat top right;
overflow:hidden;
}

#navi_6 a:hover{
background-position: bottom right;
}

#navi_6{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi06.jpg") no-repeat bottom right;
}

#navi_7 a{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi07.jpg") no-repeat top right;
overflow:hidden;
}

#navi_7 a:hover{
background-position: bottom right;
}

#navi_7{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi07.jpg") no-repeat bottom right;
}

#navi_8 a{
display: block;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi08.jpg") no-repeat top right;
overflow:hidden;
}

#navi_8 a:hover{
background-position: bottom right;
}

#navi_8{
display: none;
width: 100px;
height: 54px;
margin: 0;
padding: 0;
background : url("../img/cmn/navi08.jpg") no-repeat bottom right;
}


/*---- footerArea-----*/

#footer{
overflow:hidden;
height:180px;
margin:0;
padding: 0;
background : url("../img/cmn/footer.gif") #fff no-repeat top;
}

#footerLink{
border-top: solid 1px #666;
height:20px;
margin-top: 15px;
padding:0;
color:#444;
}

#footerLink a{
text-decoration:underline;
}

#footerLink p{
margin-top:2px;
_margin-top:5px;
text-align:center;
font-size:12px;
}

#footerCopy {
height:30px;
background : url("../img/footer/footer_bg.gif") no-repeat bottom left;
text-indent:-9999px;
}

#footerCopy p{
padding-top:5px;
height:20px;
margin-bottom:3px;
text-align:center;
font-size:12px;
color:#666;
}