/* --- お知らせダークボックス300 --- */
div.id_box {
width: 300px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
margin:0 auto;
background: #f0f0f0 url(../img/box/maru1b_300_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
}

/* --- 見出し --- */
div.id_box h4 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0; /* 見出しのパディング（上、左右、下） */
background: #f0f0f0 url(../img/box/maru1b_300_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.id_box p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
padding-left:10px;
padding-right:10px;
}

/* --- お知らせダークボックス400 --- */
div.id_box400 {
width: 400px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
margin:0 auto;
background: #f0f0f0 url(../img/box/maru1b_400_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
}

/* --- 見出し --- */
div.id_box400 h4 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0; /* 見出しのパディング（上、左右、下） */
background: #f0f0f0 url(../img/box/maru1b_400_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.id_box400 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
padding-left:10px;
padding-right:10px;
}

/* --- お知らせダークボックス300右寄せ --- */
div.id_box_r {
width: 300px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
margin-left: 200px;
margin-top: 5px;
background: #f0f0f0 url(../img/box/maru1b_300_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
}

/* --- 見出し --- */
div.id_box_r h4 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0; /* 見出しのパディング（上、左右、下） */
background: #f0f0f0 url(../img/box/maru1b_300_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.id_box_r p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
padding-left:10px;
padding-right:10px;
}


/*インフォメーション用ボックス_ベージュ*/
#info{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align:left;/*行揃え:左*/
margin:5px;/*領域間のスペース：px*/
padding: 5px;/*領域内のスペース*/
left:px;/*表示位置：左からpx*/
width:400px;/*幅*/
height:px;/*高さ*/
background-color:#EFEFDE;/*背景色：*/
font-size:0.8em;/*文字の大きさ：小*/
color:#000000;/*文字色：黒*/

}

/*インフォメーション用ボックス_ブルー*/
#info_bl{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align:left;/*行揃え:左*/
margin:0px auto;/*領域間のスペース：ボックスを中央配置にするためにautoとする*/
padding:10px;/*領域内のスペース：上右下左*/
margin-top:5px;
margin-left:25px;
margin-bottom:5px;
width:400px;/*幅*/
height:em;/*高さ*/
background-image:url('http://www.kenko-chiba.or.jp/picture/bg_gra_bl.gif');/*背景画像*/
background-repeat:repeat-y;/*背景画像の繰り返しは？：縦のみ*/
font-size: 1em;/*文字の大きさ：普通*/
color: #000000;/*文字の色：黒*/

}


/*インフォメーション用ボックス_緑※テーブルの中には設置しない！ずれます。*/
#info_green{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align: center;/*行揃え:中央*/
margin:0px　auto;/*領域間のスペース：px*/
padding: 10px;/*領域内のスペース*/
left:120px;/*表示位置：左から100px*/
width:300px;/*幅*/
height:px;/*高さ*/
background-color:#E7FEB6;/*背景色：*/
font-size:1em;/*文字の大きさ：小*/
color:#000000;/*文字色：黒*/
border-right:#EEEEEE 4px solid;/*右ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-bottom:#EEEEEE 4px solid;/*下ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/

}

/*インフォメーション用ボックス白※テーブルの中には設置しない！ずれます。*/
#info_w{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align: left;/*行揃え:左*/
margin:0px　auto;/*領域間のスペース：px*/
padding: 10px;/*領域内のスペース*/
left:40px;/*表示位置：左から100px*/
width:450px;/*幅*/
height:px;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:1em;/*文字の大きさ：小*/
color:#000000;/*文字色：黒*/
border-right:#EEEEEE 4px solid;/*右ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-left:#EEEEEE 1px solid;/*右ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-top:#EEEEEE 1px solid;/*下ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-bottom:#EEEEEE 4px solid;/*下ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/

}

/*インフォメーション用ボックス白350文字中央揃え*/
#info_w350{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align: center;/*行揃え:中央*/
margin:0px　auto;/*領域間のスペース：px*/
padding: 10px;/*領域内のスペース*/
left:40px;/*表示位置：左から100px*/
width:350px;/*幅*/
height:px;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:1em;/*文字の大きさ：小*/
color:#000000;/*文字色：黒*/
border-right:#EEEEEE 4px solid;/*右ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-left:#EEEEEE 1px solid;/*右ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-top:#EEEEEE 1px solid;/*下ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-bottom:#EEEEEE 4px solid;/*下ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/

}



/*インフォメーション用ボックス_緑350px※テーブルの中には設置しない！ずれます。*/
#info_green350{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align: center;/*行揃え:中央*/
margin:0px　auto;/*領域間のスペース：px*/
padding: 10px;/*領域内のスペース*/
left:110px;/*表示位置：左から100px*/
width:350px;/*幅*/
height:px;/*高さ*/
background-color:#E7FEB6;/*背景色：*/
font-size:1em;/*文字の大きさ：小*/
color:#000000;/*文字色：黒*/
border-right:#EEEEEE 4px solid;/*右ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-bottom:#EEEEEE 4px solid;/*下ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/

}



/*インフォメーション用ボックス_グレー*/
#info_gray{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align: center;/*行揃え:中央*/
margin:0px　auto;/*領域間のスペース：px*/
padding: 10px;/*領域内のスペース*/
left:90px;/*表示位置：左から100px*/
width:300px;/*幅*/
height:px;/*高さ*/
background-color:#EEEEEE;/*背景色：*/
font-size:0.8em;/*文字の大きさ：小*/
color:#000000;/*文字色：黒*/
border-right:#CCCCCC 2px solid;/*右ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-bottom:#CCCCCC 2px solid;/*下ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/

}



/*インフォメーション用ボックス_緑ミニ※テーブルの中に設置する場合は幅を485pxにすること！でないとずれます。*/
#info_g{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align:left;/*行揃え:左*/
margin:0px　auto;/*領域間のスペース：px*/
padding: 10px;/*領域内のスペース*/
left:100px;/*表示位置：左から100px*/
width:250px;/*幅*/
height:px;/*高さ*/
background-color:#E7FEB6;/*背景色：*/
font-size:0.8em;/*文字の大きさ：小*/
color:#000000;/*文字色：黒*/
border-right:#EEEEEE 4px solid;/*右ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/
border-bottom:#EEEEEE 4px solid;/*下ボーダー(ボックスの枠線)の指定：1pxの太さ、実線、色はグレイ*/

}

/*インフォメーション用ボックス(ミニサイズ)*/
#info_mini{
position:relative;/*ボックスの配置方法:相対位置への配置*/
text-align:left;/*行揃え:左*/
margin:px;/*領域間のスペース：px*/
padding: 0px;/*領域内のスペース*/
left:250px;/*表示位置：左から250px*/
width:200px;/*幅*/
height:px;/*高さ*/
background-color:transparent;/*背景色：透明*/
font-size:0.8em;/*文字の大きさ：小*/
color:#000000;/*文字色：黒*/

}

/* --- インフォメーション用ボックス300角丸グレー --- */
div.km300g {
width: 300px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #f0f0f0 url(../img/box/maru1b_300_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
margin:0px auto;/*領域間のスペース：「auto」を設定すると、ボックス内が中央に寄る*/

}

/* --- 見出し --- */
div.km300g h3 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0; /* 見出しのパディング（上、左右、下） */
background: #f0f0f0 url(../img/box/maru1b_300_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
text-align:center;
}

/* --- ボックス内の段落 --- */
div.km300g p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- インフォメーション用ボックス400角丸グレー --- */
div.km400g {
width: 400px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: #f0f0f0 url(../img/box/maru1b_400_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 80%;
color: #000000;
margin:0px auto;/*領域間のスペース：「auto」を設定すると、ボックス内が中央に寄る*/
}

/* --- 見出し --- */
div.km400g h3 {
margin: 0; /* 見出しのマージン */
padding: 1em 10px 0; /* 見出しのパディング（上、左右、下） */
background: #f0f0f0 url(../img/box/maru1b_400_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
text-align:center;
}

/* --- ボックス内の段落 --- */
div.km400g p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/* --- お知らせボックス500px --- */
div.at_box500 {
width: 500px; /* ボックスの幅 */
padding-bottom: 5px; /* ボックスの下パディング */
background: #ffffff url(../img/box/maru2_500_bottom.gif) no-repeat bottom; /* ボックスの背景 */
font-size: 95%;
color: #000000;
margin-left:10px;
}

/* --- お知らせボックス500px見出し --- */
div.at_box500 h4 {
margin: 0; /* 見出しのマージン */
padding: 1em 15px 0 10px; /* 見出しのパディング（上右下左） */
background: #ffffff url(../img/box/maru2_500_top.gif) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- お知らせボックス500px内の段落 --- */
div.at_box500 p {
margin: 1em 15px 1em 10px; /* 段落のマージン（上右下左） */
font-weight:normal;
}