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

/* page 
-----------------------------------------*/
BODY {
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic","ＭＳ Ｐゴシック",helvetica,verdana,arial,sans-serif;
font-size: 13px;
color:#333333;
background: white;
margin: 0 auto;
line-height: 20px;}
A {
color: #000099;
text-decoration: none;
}
A:hover {
color: #000099;
text-decoration: underline;}

/* base */
div#container {
margin: 0 auto;
width: 950px;}
IMG{
border: none;
}
hr {
border: dashed 2px #0099FF;}

/* header 
-----------------------------------------*/
div#header {
left: 0;
white-space: nowrap;
font-size: 10px;
margin: 0 auto;
height: 26px;
width: 100%;
padding: 0.2em 0 0.2em 0;
vertical-align: middle;
text-align: right;
border-bottom: 1px solid #666666;
background: white url(http://static.ishakoko.jp/images/back_grad.gif) repeat-x bottom;}
div#header-logo {
margin: 5px 0;
height: 60px;
border: 1px solid #14bfff;
background: white url(http://static.ishakoko.jp/images/back_logo.gif) repeat-y right;
width: 950px;
}
div#logo {
margin: 0;
width: 250px;
height: 60px;
float: left;
}
div#space {
clear: both;}
span#explanation {
left: 10px;
position: absolute;
text-align: left;
text-decoration: none;
top: 9px;
width: 20%;
}
span#kugiri {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
}
/* pr banner */
div#pr {
float: right;
padding: 5px 0 5px 0;
}

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

DIV#main{
       background-color:#ffffff;
       color:#333333;
       width:800px;
       margin-right:auto;
       margin-left:auto;
       margin-bottom:0px;
       padding-bottom:0px;
       border-left: 0px;
       border-right: 0px;
       border-bottom: 1px solid #cccccc;
}

DIV.table {
	margin-left:auto;margin-right:auto;
	color: #333333;
	font-size: small;
	line-height: 20px;	
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align:left;
	text-indent: 0px;
}

/*img
-----------------------------------------*/
.img{
padding:20px 20px 10px 20px;
margin:0px;
text-align:left;
border: none;
}

/*tabs
-----------------------------------------*/
#tabs{
padding-top:10px;
margin:0px;
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic","ＭＳ Ｐゴシック",helvetica,verdana,arial,sans-serif;
font-size:12px;
font-weight:bold;
}

#tabs ul{
list-style:none;
margin:0;
padding:0;
}

#tabs ul li{
display:inline;
margin:0;
}

#tabs ul li a{
padding:5px 16px;
color:#aab2b6;
background:#ecf2f4;
float:left;
text-decoration:none;
border:1px solid #009fc9;
border-left:0;
margin:0;
}

#tabs ul li a:hover{
background:#7ccee4;
color:#ffffff;
text-decoration:none;
border-bottom:1px solid #7ccee4;
}

#tabs ul li a.active{
background:#7ccee4;
color:#ffffff;
border-bottom:1px solid #7ccee4;
}

#content{
background:#7ccee4;
clear:both;
font-size:11px;
color:#ffffff;
padding:10px;
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic","ＭＳ Ｐゴシック",helvetica,verdana,arial,sans-serif;
}

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

div#footer {
width: 950px;
margin: 0 auto;}
div#menu6-header {
font-weight: bold;
border: #ffdd69 1px solid;
background: white url(http://static.ishakoko.jp/images/back_bar1_o.gif) repeat-x;
height: 30px;
padding: 0.2em 0.2em 0.2em 1em;
margin: 0.5em 0;}
div#banacontents {
width: 900px;
margin: 0 auto;
padding-bottom: 5px;
float: left;
}
div#sitebana {
float: left;
margin: 5px;}
div#menu6 {
float: left;
width: 100%;
border: #ffdd69 1px solid;
background: white url(http://static.ishakoko.jp/images/back_box_o.gif) repeat-x top;
margin-bottom: 0.5em;
height:auto;
padding: 10px;
width: 928px;
}

div.sitebana {
float: left;
margin: 5px;}
div#menu6 {
float: left;
width: 100%;
border: #ffdd69 1px solid;
background: white url(http://static.ishakoko.jp/images/back_box_o.gif) repeat-x top;
margin-bottom: 0.5em;
height:auto;
padding: 10px;
width: 928px;
}

/* footer */
div#copyright {
margin: 0 auto;
height: 22px;
width: 950px;
border: #0099FF dashed 1px;
text-align: right;
vertical-align: middle;
padding: 0.2em 0 0.1em 0;}
div#footerunder {
letter-spacing: 0.1em;
margin: 0 auto;
margin-top: -5px;
height: 25px;
width: 950px;
text-align: center;
vertical-align: middle;
padding: 0.2em 0 0.1em 0;
}
div#footerunder a:hover {
background: #C1E4FF;
}
div#wellness {
margin: 0 auto;
padding: 5px 20px;
text-align: right;
font-size: 10px;
width: 910px;}
div#wellness a:hover {
background: #C1E4FF;
}
div#wellnessbanner {
padding: 5px 20px;
margin: 0 auto;
text-align: right;
width: 910px;}