@charset "utf-8";

/*----------------------------------------------*/
/*                                              */
/*  Maker   : Ayako Okubo                       */
/*  Company : Elephant Communications inc.      */
/*                                              */
/*----------------------------------------------*/

/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
}

#table{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

img{
border:0;
}

a:link{
color:#0C9BB7;
}
a:visited{
color:#0C9BB7;
}
a:hover{
color:#0C9BB7;
text-decoration:none;
}
a:active{
color:#0C9BB7;
}

ul{
list-style-type:none;
}


/*------------------------------------------------
   Layout
------------------------------------------------*/

html{
width:100%;
height:100%;
}

body{
width:100%;
height:100%;
font-size:14px;
color:#000;
line-height:1.6;
text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "sans-serif";
background:url(../image/all_bg01.jpg) repeat-x right top;
}

div#headBg{
height:7px;
background:url(../image/all_bg02.jpg) no-repeat left top #0094B2;
line-height:0;
font-size:0;
}

div#logo{
margin:27px 0 45px 0;
}

div#content{
margin:0 auto;
width:800px;
text-align:left;
}

div#content p#topicPath{
font-size:12px;
text-align:right;
}

div#content div#main{
padding:23px 40px 150px 30px;
width:730px;
}

div#footBg{
width:100%;
height:15px;
background:url(../image/all_bg03.jpg) repeat-x left top;
line-height:0;
font-size:0;
}

div#footer{
margin:0 auto;
padding:0 0 15px 0;
width:800px;
}


/*------------------------------------------------
   float
------------------------------------------------*/

.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 */


.floatl{float:left;}
.floatr{float:right;}
.clear{clear:both;}


/* text ----------------------------------------*/

.bold{font-weight:bold;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.red{color:#cc0000;}


/* margin --------------------------------------*/

.bmg10{margin-bottom:20px;}



/*------------------------------------------------
   globalNav
------------------------------------------------*/

ul#globalNav{
float:right;
padding:0 0 13px 0;
background:url(../image/bg_gnavi2.gif) no-repeat left top;
list-style:none;
}

ul#globalNav li{
float:left;
height:36px;
text-indent:-9999px;
overflow:hidden;
}

ul#globalNav li a{
display:block;
height:36px;
}

ul#globalNav li#menu00,
ul#globalNav li#menu00 a:hover{
width:105px;
background:url(../image/bg_gnavi.gif) no-repeat 0px -35px;
}
ul#globalNav li#menu00 a{
width:105px;
background:url(../image/bg_gnavi.gif) no-repeat -0px 0px;
}

ul#globalNav li#menu01,
ul#globalNav li#menu01 a:hover{
width:121px;
background:url(../image/bg_gnavi.gif) no-repeat -105px -35px;
}
ul#globalNav li#menu01 a{
width:121px;
background:url(../image/bg_gnavi.gif) no-repeat -105px 0px;
}

ul#globalNav li#menu02,
ul#globalNav li#menu02 a:hover{
width:105px;
background:url(../image/bg_gnavi.gif) no-repeat -226px -35px;
}
ul#globalNav li#menu02 a{
width:105px;
background:url(../image/bg_gnavi.gif) no-repeat -226px 0px;
}

ul#globalNav li#menu03,
ul#globalNav li#menu03 a:hover{
width:105px;
background:url(../image/bg_gnavi.gif) no-repeat -331px -35px;
}
ul#globalNav li#menu03 a{
width:105px;
background:url(../image/bg_gnavi.gif) no-repeat -331px 0px;
}

ul#globalNav li#menu04,
ul#globalNav li#menu04 a:hover{
width:105px;
background:url(../image/bg_gnavi.gif) no-repeat -436px -35px;
}
ul#globalNav li#menu04 a{
width:105px;
background:url(../image/bg_gnavi.gif) no-repeat -436px 0px;
}

ul#globalNav li#menu05,
ul#globalNav li#menu05 a:hover{
width:106px;
background:url(../image/bg_gnavi.gif) no-repeat -541px -35px;
}
ul#globalNav li#menu05 a{
width:106px;
background:url(../image/bg_gnavi.gif) no-repeat -541px 0px;
}


/*------------------------------------------------
   main
------------------------------------------------*/

p.pagetop{
text-align:right;
}



/*------------------------------------------------
   footer
------------------------------------------------*/

div#footer ul{
float:right;
padding:0 0 10px 0;
}

div#footer ul li{
float:left;
padding:0 10px 0 10px;
background:url(../image/all_bg04.gif) no-repeat left 2px;
color:#666666;
line-height:1.2;
font-size:16px;
font-weight:bold;
}

div#footer ul li span{
display:block;
background:url(../image/all_bg05.gif) repeat-x left top;
}

div#footer ul li a{
color:#666666;
background:#ffffff;
}

div#footer address{
text-align:right;
}