/****** 基本設定 ******/
/* メモ：位置指定の順序例→margin:10px 40px 20px 30px＝上、右、下、左/margin:10px＝上下左右/margin:10px 20px＝上下、左右/
margin:10px 20px 30px＝上、左右、下…の順に記述する*/


img{border:0px;}




/*スクロールバーを付けたときの形状*/
html{
scrollbar-base-color:#f5f8f6;
scrollbar-darkshadow-color:#e0e8eb;
scrollbar-arrow-color:#c2d1d6;
}


/****** ヘッダ※style.cssにて指定 ******/

#header{
;
}


/****** メニュー※headstyle.cssにて指定 ******/

#menu{
;
}




/****** メインページ ******/

/*indexのメインページ用ボックス*/

#indexmain{
position:relative;/*相対位置への配置*/
margin:0px auto;/*領域間のスペース：「auto」を設定すると、ボックス内が中央に寄る*/
top:10px;/*表示位置：上から10px*/
width:799px;/*幅*/
height:auto;/*高さ*/
}


#indeximg{

position:relative;/*相対位置への配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
width:470px;/*幅*/
height:160px;/*高さ*/
top:em;/*表示位置：上からpx*/
left:10px;/*表示位置：左からpx*/

margin:0px;/*領域間のスペース*/
padding:0px; /*領域内のスペース*/

font-size: 0.8em;/*文字の大きさ：普通*/

background-color:transparent;/*背景色：透明*/
}




/*メッセージ部分用ボックス*/

#mesboxbg{

position:relative;/*相対位置への配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
width:300px;/*幅*/
height:155px;/*高さ*/
background-image:url('http://www.kenko-chiba.or.jp/img/bg_mes.gif');/*背景画像*/
background-repeat:no-repeat;
top:px;/*表示位置：上からpx*/
left:40px;/*表示位置：左からpx*/

margin:0px;/*領域間のスペース*/
padding:0px; /*領域内のスペース*/


background-color:transparent;/*背景色：透明*/
}


#mesbox{
overflow:auto;/*ボックスからはみだしたらスクロールバーを付ける*/
position:relative;/*相対位置への配置*/
width:255px;/*幅*/
height:9em;/*高さ*/
top:px;/*表示位置：上からpx*/
left:5px;/*表示位置：左からpx*/
margin:15px 25px 10px 15px;/*領域間のスペース上左下右*/
padding:0px; /*領域内のスペース*/
font-size: 0.8em;/*文字の大きさ：普通*/
background-color:transparent;/*背景色：透明*/
}

/*indexメニュー*/

#floatoff{
clear:both;/*これより前に使用されていたfloatによる段組を解除*/
text-align:left;/*テキストの配置*/
width:500px;/*幅*/
height:2px;/*高さ*/
}



#i_box1{
clear:both;/*これより前に使用されていたfloatによる段組を解除*/
position:relative;/*相対位置への配置*/
text-align:left;/*テキストの配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
margin:0px;/*領域間のスペース*/
padding:0px 0px 0px 0px　; /*領域内のスペース上下左右*/
top:10px;/*表示位置：上からpx*/
left:0px;/*表示位置：左からpx*/
width:160px;/*幅*/
height:13em;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:0.8em;/*文字の大きさ：普通*/
}

#i_box2{
position:relative;/*相対位置への配置*/
text-align:left;/*テキストの配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
top:10px;/*表示位置：上からpx*/
left:9px;/*表示位置：左からpx*/
width:170px;/*幅*/
height:13em;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:0.8em;/*文字の大きさ：普通*/
}

#i_box3{
position:relative;/*相対位置への配置*/
text-align:left;/*テキストの配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
top:10px;/*表示位置：上からpx*/
left:17px;/*表示位置：左からpx*/
width:170px;/*幅*/
height:13em;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:0.8em;/*文字の大きさ：普通*/
}



#whatsnew{
position:relative;/*相対位置への配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
margin:0px auto;/*領域間のスペース：「auto」を設定すると、ボックス内が中央に寄る*/
padding:3px; /*領域内のスペース*/
top:5px;/*表示位置：上から10px*/
left:20px;/*表示位置：左からpx*/
width:280px;/*幅*/
height:11em;/*高さ*/
background-image:url('http://www.kenko-chiba.or.jp/img/bg_wn.gif');/*背景画像*/
background-repeat:no-repeat;
}

#wn_text{
clear:both;/*これより前に使用されていたfloatによる段組を解除*/
overflow:auto;/*ボックスからはみだしたらスクロールバーを付ける*/
position:relative;/*相対位置への配置*/
margin:2px 20px 2px 5px;
margin-left:auto;/*領域間のスペース*/
margin-right:auto;/*領域間のスペース*/
padding:0px;/*領域内のスペース*/
text-align:left; /* 中身を左側表示に戻す＝bodyで設定したtext-align:centerの解除 */
top:5px;/*表示位置：上から10px*/
left:5px;/*表示位置：左からpx*/
width:250px;/*幅*/
height:9.5em;/*高さ*/
font-size: 0.8em;/*文字の大きさ：普通*/
}


#i_box4{
position:relative;/*相対位置への配置*/
text-align:center;/*テキストの配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
top:20px;/*表示位置：上からpx*/
left:-20px;/*：左からpx*/
width:185px;/*幅*/
height:180px;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:0.8em;/*文字の大きさ：普通*/

}

#i_box5{
position:relative;/*相対位置への配置*/
text-align:left;/*テキストの配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
top:20px;/*表示位置：上からpx*/
left:-15px;/*表示位置：左からpx*/
width:170px;/*幅*/
height:180px;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:0.8em;/*文字の大きさ：普通*/
}


#i_box6{
position:relative;/*相対位置への配置*/
text-align:left;/*テキストの配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
top:20px;/*表示位置：上からpx*/
left:-10px;/*表示位置：左からpx*/
width:160px;/*幅*/
height:180px;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:0.8em;/*文字の大きさ：普通*/

}


/*写真*/
#seasonimage{
position:relative;/*相対位置への配置*/
float:left;/*ボックスを"浮かせ"て左に配置※メニュー部分とメッセージ部分を横に並べるために指定している*/
text-align:;/*テキストの配置*/
top:8px;/*表示位置：上から0px*/
left:8px;/*：左からpx*/
width:260px;/*幅*/
height:180px;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:1em;/*文字の大きさ：普通*/
}


/*写真のキャプション*/
#caption{
position:relative;/*相対位置への配置*/
text-align:right;/*テキストの配置*/
top:-30px;/*表示位置：上からpx*/
left:1px;/*表示位置：左からpx*/
width:258px;/*幅*/
height:25px;/*高さ*/
background-color:#ffffff;/*背景色：透明*/
font-size:0.6em;/*文字の大きさ：普通*/
}


/***** フッタ *****/
#indexfooter{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align:center;/*行揃え:中央*/
margin:0px auto;/*領域間のスペース：「auto」を設定すると、ボックス内が中央に寄る*/
padding:0em;/*領域内のスペース*/
width:800px;/*幅*/
height:auto;/*高さ*/
color:#000000;
}

html>/**/body div#indexfooter{top:4em;/*上から*/
}

* html div#indexfooter{top:0.5em;/*上から*/
}

ADDRESS{
color:#000000;
font-size:0.8em;/*文字の大きさ：普通*/
}
