/*
 * ***********************************************
 * レイアウト関連定義
 * ***********************************************
*/
html,body {
	padding: 0;
    margin: 0;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial,
		sans-serif;
    background-color: #aaaaaa;
    font-size: 16px;
}

/*リンクされた文字*/
a{
    color:#00004a;
    font-style:normal;
    text-decoration:none;
    font-weight: bold;
}

/*未訪問のリンク*/
a:link {
    color:#00004a;
}

/*訪問後のリンク*/
a:visited {
    color:#696969;
}

/*マウスをのせたとき*/
a:hover {
    font-style:normal;
    text-decoration:underline;
}

/*クリック中*/
a:active {
    text-decoration:none;
}

/* 記事本文用大見出し */
h1{
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
}

h2{
}

/* 見出し３ */
h3{
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
}

h4{
}

h5{
}

h6{
}

/* 画像の余白を消す */
img {
  vertical-align: bottom;
}

/* ############ レイアウト部分 ############ */

/* ラップ */
#wrap {
	width: 960px;
    margin: 0 auto;  
    padding: 10px;
    background-color: #ffffff;
}

/* ヘッダ */
#header {
    height: 150px;
}

/* ナビゲーションメニュ- */
#navi {
    clear: both;
    height: 32px;
    background-color: #fdf1ff;
    
    /* 各エンジン対応 */
    background: -webkit-gradient(linear,left top, right top, from(#fdf1ff), color-stop(0.8, #fdf1ff), to(#ffffff));
    background: -moz-linear-gradient(left, #fdf1ff 80%, #ffffff);
    background: -ms-linear-gradient(left, #fdf1ff 80%, #ffffff);
    
    /* IE8,9対策 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8ccff', endColorstr='#ffffff', GradientType=1)";
}

/* メイン */
#main {
	margin: 5px 0px;
    float:left;
}

/* メイン左カラム */
#left {
    width: 760px;
    padding: 5px;
    float: left;	
}

/* メイン左上部（メインコンテンツ） */
#main_top{
}

/* メイン左下部（関連リンクなど） */
#main_bottom{
    clear: both;
}

/* メイン右カラム */
#right {
	float: right;
	width: 185px;
    padding-left: 5px;
}

/* フッタ */
#footer {
    clear: both;
    height: 70px;
    border-top: 1px solid #c6c6c6;
}


/* ############ 共通部品クラス ############ */

/* フロート右 */
.right_floart {
	float:right;
}


/* フロート左 */
.left_floart {
	float:left;
}

/* float クリア */
.clear {
	clear: both;
}

/* 文字小 */
.small {
	font-size: 80%;
}


/* テキスト右寄せ */
.align_right{
    text-align: right; 
}

/* フォントサイズ12 */
.font_12{
    font-size:12px;
}

/* フォントサイズ16 */
.font_16{
    font-size:16px;
}

/* フォントサイズ20 */
.font_20{
    font-size:20px;
}

/* フォントサイズ24 */
.font_24{
    font-size:24px;
}

/* フォンcolor 赤 */
.font_red{
    color:#ff0000;
}

/* フォンcolor 緑 */
.font_green{
    color:#3cb371;
}


/* フォントスタイル ノーマル */
.font_normal{
    font-weight: normal;
}


/* フォントスタイル　ボールド */
.font_bold{
    font-weight: bold;
}

/* 画像用 */
.border_none {
	border-style: none;
	padding: 0px;
	border-spacing: 0;
}

/* 見出し */
.headline_1{
    margin: 10px 0;
    padding: 0 10px;
    border-top: 6px solid #e06cb1;
    border-bottom: 1px solid #3e4da0;
    font-size: 20px;
    font-weight: bold;
}

/* 見出し */
.headline_2{
    margin: 0;
    padding: 2px;
    border: 1px solid #3e4da0;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}


/* 見出し */
.headline_3{
    padding: 5px;
    border-top: 3px double #B92A2C;
    border-bottom: 3px double #B92A2C;
    font-size: 15px;
    font-weight: bold;
    text-align: center; 
    text-decoration: none;
}

/* 見出し トップ h1用 */
.headline_4{
    margin: 10px 0;
    padding: 0 10px;
    color:#000000;
    background-color: #eaeaea;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    font-size: 18px;
    font-weight: bold;
}

/* 見出し５ */
.headline_5{
    margin: 10px 0;
    padding: 0 10px;
    border-bottom: 1px solid #e06cb1;
    border-top: 6px solid #3e4da0;
    font-size: 20px;
    font-weight: bold;
    text-align: center; 
}

/* 見出し６ */
.headline_6{
    margin: 10px 0;
    padding: 0 10px;
    border-left: 35px solid #3e4da0;
    border-right: 35px solid #e06cb1;
    /* background-color: #fdf1ff; */
    font-size: 20px;
    font-weight: bold;
    text-align: center; 
}

/* 見出し7 */
.headline_7{
    margin: 10px 0;
    padding: 0 10px;
    border-left: 35px solid #3e4da0;
    font-size: 20px;
    font-weight: bold;
}

/* ヘッドライン見出し用のリンク設定 */
a.headline_link{
    text-decoration:none;
}

a:link.headline_link{
    color:#000000;
}

a:visited.headline_link{
    color:#000000;
}

a:hover.headline_link{
    color:#ff0012;
}

/* テキスト装飾半分ラインピンク */
.halfline{
    /*background: linear-gradient(transparent 60%, #ffccff 60%);*/
    color:#000060;
    background: linear-gradient(to top, #ffbbff, transparent 60%);
}

/* ############ ヘッダ内 ############ */
/* ロゴ部分 */
#logo {
    padding: 5px;
    float: left;
    width:590px;
}

/* 文字選択リンク部の文字大 */
#select_font{
    width:160px;
    padding: 0 7px;
    float: left;
}

/* 入会案内など */
#about {
    padding: 5px;
    float: left;
}

/* 入会案内リンク要素 */
#about a {
    width:150px;
    margin: 2px;
    padding: 2px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    background:#32369f;
}

/* 入会案内リンクマウスオーバー時 */
#about a:hover{
    color:#000000;
    background:#e2e2e2;
}

/* ログインフォーム */
#login {
    width: 185px;
    /* padding: 5px; */
    float: right;
    display: block;
}

/* ログインフォーム入力欄 */
.login_text{
    width: 110px;
    margin: 2px;
    float: right;
    font-size: 16px;
}

/* ログイン表示内アクセス可能期間 */
.login_expire{
    color:#ff0000;
    font-weight: bold;
}


/* ログイン関連メッセージ表示 */
.login_notice{
    color:#ff0000;
    font-weight: bold;
    clear:both;
    font-size: 80%;
}

/* ログイン部分フロート解除 */
#login br{
    clear: right;
}

/* 点滅 */
.blinking{
    -webkit-animation:blink 2s ease-in-out infinite alternate;
    -moz-animation:blink 2s ease-in-out infinite alternate;
    animation:blink 2s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/*  *************以下ログアウトボタン用設定*************  */
/*ログインフォーム内でマウスをのせたとき*/
#login a:hover {
    background: #fadcff;
    font-style:normal;
    text-decoration:none;
}

/*未訪問のリンク*/
#login a:link {
    color:#000000;
}

/*訪問後のリンク*/
#login a:visited {
    color:#000000;
}

/* ログアウトボタン */
.logout_btn{  
	border: 1px solid #000000;
	display: block;
	text-align:center;	
    font-size:13px;
    font-weight:bold;
    color: #000000;
	background: #ffa1de;
}


/* ############ ナビゲーションメニュー内 ############ */
/* ナビメニュー　ラップ */
#menu {
    width:960px;
    padding:0;
    margin:0;
    list-style-type: none;
}

/* ナビメニュー　リスト要素全体 */
#menu li {
    float:left;
    padding:0;
    margin:0;
    text-align:center;
}

/* ナビメニュー　通常時 */
#menu li a {
    width:159px;
    height:32px;
    color:#000000;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    border-right:solid #ffffff 1px;
    display:block;
    background:#cccccc;
    
    /* webkit系 */
    /* background: -webkit-gradient(linear, 0 0, 100 100, from(#e8e7e7), color-stop(0.1, #cccccc), to(#b1b1b1)); */
    /* background: -webkit-gradient(linear, 0 0, 100 100, from(#ebebeb), color-stop(0.1, #cccccc), to(#cccccc)); */
    background: -webkit-gradient(linear,left top,left bottom, from(#cccccc), to(#e6e6e6));
    
    /* Mozilla系 */
    /* background: -moz-linear-gradient(300deg, #e8e7e7, #cccccc 10%, #b1b1b1 70%); */
    /* background: -moz-linear-gradient(300deg, #ebebeb, #cccccc 10%); */
    background: -moz-linear-gradient(bottom, #e6e6e6, #cccccc);
    
    /* ie8-9*/
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#e6e6e6', GradientType=0)"; */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e6e6e6', GradientType=0)";
    
    /* ie10 ie11 */
    /* background: -ms-linear-gradient(300deg, #e8e7e7, #cccccc 10%, #b1b1b1 70%); */
    /* background: -ms-linear-gradient(300deg, #ebebeb, #cccccc 10%); */
    background: -ms-linear-gradient(bottom, #e6e6e6, #cccccc);
    
    /* 共通 グラデーション　中心円*/
    /* background: radial-gradient(at center, #ffffff, #b1b1b1); */
}

/* ナビメニュー　マウスオーバー時 */
#menu li a:hover {
    background:#818181;
    
    /* 各エンジン対応 */
    background: -webkit-gradient(linear,left top,left bottom, from(#cccccc), to(#818181));
    background: -moz-linear-gradient(bottom, #818181, #cccccc);
    background: -ms-linear-gradient(bottom, #818181, #cccccc);
    
    /* IE8,9対策 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#818181', GradientType=0)";
}



/* ############ メイン右カラムメニュー内 ############ */
#submenu {
    width:185px;
    padding:0;
    margin:0;
    list-style-type: none;
    overflow:hidden;
}

/* サブメニュー　リスト要素全体 */
#submenu li {
    float:left;
    padding:0;
    margin:0;
    text-align:center;
}

/* サブメニュー　通常時 */
#submenu li a {
    width:185px;
    height:30px;
    color:#000000;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
    border:solid #ffffff;
    border-width:1px;
    display:block;
    background:#bdb7ff;

    /* webkit系 */
    background: -webkit-gradient(linear, left top, right bottom, from(#bdb7ff), to(#ffffff));
    
    /* Mozilla系 */
    background: -moz-linear-gradient(left top, #bdb7ff, #fcfcfc);
    
    /* ie8-9*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdb7ff', endColorstr='#fcfcfc', GradientType=1)";
    
    /* ie10 ie11 */
    background: -ms-linear-gradient(left top, #bdb7ff, #fcfcfc);
}

/* ナビメニュー　マウスオーバー時 */
#submenu li a:hover {
    /* 共通設定 */
    background:#fcfcfc;
    
    /* webkit系 */
    background: -webkit-gradient(linear, left top, right bottom, from(#fff9fc), to(#ffddfd));
    
    /* Mozilla系 */
    background: -moz-linear-gradient(left top, #fff9fc, #ffddfd);
    
    /* ie8-9*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9fc', endColorstr='#ffddfd', GradientType=1)";
    
    /* ie10 ie11 */
    background: -ms-linear-gradient(left top, #fff9fc, #ffddfd);
}

/* 
UP・NEWマーク対応のメニュー
li要素自体をrelativeにし、.upmarkをabsoluteに配置することで、 画像がli枠からはみ出さないように
*/
ul#submenu li {
    position: relative;
    overflow: hidden;
}

/* UP・NEWマークの画像クラス */
.upmark {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
    height: auto;
}

/* カレンダー内 */
#calendar {
    clear: both;
    margin:10px 0;
    font-size:14px;
    text-align:center;
}

/* カレンダー内のリンク */
#cal_table a:visited{
    color:#00004a;
}

/*未訪問のリンク*/
#cal_table a:link {
    color:#00004a;
}

/* カレンダー内セレクトボックス */
.cal_select{
    font-size:16px;
}

/* 右カラムお知らせ */
.inform1 {
    width:175px;
    padding:5px;
    font: normal 13px/20px Meiryo,sans-serif;
    font-weight:bold;
    margin:3px 0;
    list-style-type: none;
    background:#fcf8a1; 
}

/* 右カラムお知らせ用リスト */
.inform1 li{
    padding-left: 1em;
    padding-bottom: 8px;
    position: relative;
}

/* 右カラムお知らせ用リスト リストマーカー「・」設定 */
.inform1 li:before {
    display: block;
    content: "・";
    width: 1em;
    height: 1em;
    position: absolute;
    left: 0;
    top: 0;
}

/* メニューリンクリスト（記事リンクなど） */
.othermenu{
    /*
    width:175px;
    padding:5px;
    */
    list-style-type: none;
    font-size:12px;
    margin:10px 0;
}

/* メニューリンクリスト表示 */
.othermenu li{
    font: normal 12px/20px Meiryo,sans-serif;
    padding-left: 1em;
    position: relative;
}

/* メニューリンクリスト　リストマーカー設定 */
.othermenu li:before {
    display: block;
    content: "・";
    width: 1em;
    height: 1em;
    position: absolute;
    left: 0;
    top: 0;
}

/* 右バナー */
.side_banner{
    width:185px;
}

/* バナー */
.banner_1{
    width:185px;
    border: none;
}

/* 右カラム検索メニュー */
#search_box {
    width:185px;
    padding: 10px 0;
}

/* 右カラム検索ボタン */
.search_btn{
    width:49px;
    height:24px;
    margin:1px 0;
    font-size:16px;
}

/* 右カラム検索入力ボックス */
.search_input{
    width:120px;
    float:left;
    margin:1px 0;
    font-size:16px;
}


/* ############ フッター内 ############ */
/* フッターリンク部 */
.footerlink {
    padding:10px;
    font-size:12px;
    float: right;
}

/* 北海道通信社 ロゴ */
#footerlogo{
    padding:10px;
    font-size:12px;
    float:left;
}

/* ############################################## */
/* #### 以下よりメイン左、上下カラム共通 　　　　　##### */
/* ############################################## */

/* ############ メイン共通 ############ */
/* 戻るリンク*/
.hisback{
    float:right;
}

/* リンク*/
.tophisback{
    float:right;
}

/* トピックパス（パンくずリスト）や、戻るボタンなどのエリア*/
.navi_area{
    padding: 10px 0;
    overflow: hidden;
}

/* 警告等メッセージ */
.notice_msg1{
    font-size:20px;
    font-weight: bold;
    color: #ff0000;
}

/* 警告等メッセージ2 小(インプット時) */
.notice_msg2{
    font-size:14px;
    font-weight: bold;
    color: #ff0000;
}

/* 警告等メッセージ3（予定の注意など） */
.notice_msg3{
    font-size:15px;
    font-weight: bold;
    border: 1px solid #000000;
    background:#fcf8a1;
    color: #000000;
}


/* 注意等メッセージ4（多重ログイン説明など） */
.notice_msg4{
    font-size:12px;
    padding:5px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #000000;
    color: #000000;
}

/* サブミットボタン */
.submit_btn{  
    width:185px;
    margin:5px 0;
    font-size:14px;
}

/* リンクリスト（サイトマップなど） */
.link_list{
    margin: 0 0 0 20px;
}



/* メイン左部緊急用メッセージ */
.emergency{
    width:730px;
    padding:5px;
    font-size:16px;
    margin:10px 10px 30px;
    list-style-type: none;
    font-weight:bold;
    background-color: #ffe4e1;
}

/* 緊急用メッセージリスト表示 */
.emergency li{
    padding-left: 2em;
    padding-bottom: 10px;
    position: relative;
}

/* 緊急用メッセージリストマーカー表示 */
.emergency li:before {
    display: block;
    font-weight:bold;
    content: "・";
    width: 3em;
    height: 3em;
    position: absolute;
    left: 0;
    top: 0;
}


/* メイン左部お知らせ */
.inform0 {
    float:left;
    width:730px;
    padding:5px;
    font-size:16px;
    margin:10px 10px 30px;
    list-style-type: none;
    font-weight:bold;
    background:#fcf8a1; /* 目立たせる用 */
}

/* お知らせリスト表示 */
.inform0 li{
    padding-left: 2em;
    padding-bottom: 10px;
    position: relative;
}

/* お知らせリストマーカー表示 */
.inform0 li:before {
    display: block;
    font-weight:bold;
    content: "・";
    width: 3em;
    height: 3em;
    position: absolute;
    left: 0;
    top: 0;
}



/* バナーエリア（追加） */
.banner_area{
	overflow:hidden;
}


/* バナー内テキスト（追加） */
.banner_text{
    width:470px;
    float:left;
    padding:5px;
    margin:10px 10px 30px;
    border: 1px solid #000000;
    
    text-align: center;
    font-size:14px;
    font-weight:bold;
    color: #000000;
}

.img_border{
	border: 1px solid #000000;
}




/* 記事リストコンテナ */
.article_list_container{
    margin:10px 0;
    clear: both;
    overflow:hidden;
}

/* 記事リスト２分割用 */
.article_list_half{
    width:360px;
    margin:10px 0 0 10px;
    padding:5px;
    display:table-cell;
    font-size:12px;
    background:#f0f0f0;
}

/* 記事リスト水平用 */
.article_list_hr{
    width:730px;
    margin:10px;
    padding:5px;
    font-size:12px;
    clear: both;
    background:#f0f0f0;
}

/* メイン画面横半分分割 */
.floart_container{
    overflow:hidden;
    display:table;
    border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 10px 5px;  /* 左右 上下で記述 */
}

/* メイン画面横半分分割 */
.half_block{
    width:370px;
    float:left;
}

/* 記事リストのリード部コンテナ（写真を設定する場合に必須） */
.article_wrap{
    padding:0 5px;
    overflow:hidden;
    background:#f0f0f0;
}


/* ****** 写真関連 ****** */

/* 記事リストに写真を設定する場合の写真部 */
.article_photo_sum_width{
    height: auto;  /* 横を固定する場合 */
    max-width: 180px;        /* 横を固定する場合 */
    border-style: none;
    padding: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
	border-spacing: 0;
    float: left;
}


/* 記事リストに写真を設定する場合の写真部 */
.article_photo_sum_height{
    max-height: 180px;  /* 縦を固定する場合 */
    width: auto;        /* 縦を固定する場合 */
    border-style: none;
    padding: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
	border-spacing: 0;
    float: left;
}


/* 写真コンテナ */
.article_photo_container_1{
    float: left;
	border: 1px solid #ccc;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
    width:100%;
    height:auto;
    max-width:320px;
}


/* 写真コンテナ 横 */
.article_photo_container_width{
    margin-right: 8px;
    margin-bottom: 10px;
	border: 1px solid #ccc;
	font-size: 14px;
    float: left;
    max-width: 360px;  /* 横を固定する場合 */
}

/* 写真コンテナ 縦 */
.article_photo_container_height{
    margin-right: 10px;
    margin-bottom: 10px;
	border: 1px solid #ccc;
	font-size: 14px;
    float: left;
    max-width: 240px;  /* 横を固定する場合 */
}


/* 写真横 記事メイン写真などで利用 */
.article_photo_width{
    max-width: 360px;
    height: auto;
}


/* 写真縦 記事メイン写真などで利用 */
.article_photo_height{
    max-width: 240px;
    height: auto;
}


/* 写真１ （画像サイズ調整済みの場合。サイト情報などで利用） */
.article_photo_1{
    border-style: none;
    padding: 0px;
	border-spacing: 0;
    width:100%;
    height:auto;
}


/* 緊急用メッセージ画像外枠_フリーサイズ */
div.infophoto_wrap {
	float: left;
	border: 1px solid #ccc;
	font-size: small;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	max-width: 720px;
}

/* 緊急用メッセージ画像指定部_横360px固定 */
img.infopohto {
	border-style: none;
	border-spacing: 0;
	/* height: 225px; */
	width: 300px;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* 緊急用メッセージ 画像外枠 */
figure {
    display: table;
    margin: 0px;
    padding: 0px;
    width: 160px; /* 最低幅の指定 */
}

/* 緊急用メッセージ 画像説明文部分 */
figcaption {
	margin: 10px;
}



/* 記事リスト部タイムスタンプ */
.timedsp{
    text-align: right;
    clear: both;
}



/* ############ メイン画面 ログインフォーム部 ############ */
/* ログイン関連左メインカラム内 */
#login_form{
    padding: 5px;
    text-align:center;	
}

#login_form #form{
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	width: 350px;
}

/* インプットテキスト入力欄 */
#login_form input{
    width:185px;
    font-size:16px;
}

/* ############ メイン テーブル用 ############ */
/* 横見出しテーブル用 */
.table_1{
}

/* テーブル横見出し */
.table_1 th{
	border: 1px solid #ffffff;
	text-align:center;	
    font-size:18px;
    width:180px;
    color: #000000;
	background: #d6d2ff;
}

/* テーブル横見出し */
.table_1 td{
    padding: 0 10px;
    width:550px;
	border-bottom: 1px solid #d6d2ff;
}

/* 縦見出しテーブル用 */
.table_2{
}

/* テーブル縦見出し */
.table_2 th{
	border: 1px solid #ffffff;
	text-align:center;	
    font-size:18px;
    color: #000000;
	background: #d6d2ff;
}

/* テーブル横幅指定用 */
.table_2 th.calumn_130{
    width:130px;
}

.table_2 th.calumn_150{
    width:150px;
}

.table_2 th.calumn_250{
    width:250px;
}

.table_2 th.calumn_450{
    width:450px;
}

/* テーブル縦見出し */
.table_2 td{
    padding: 0 10px;
    text-align:left;
	border-bottom: 1px solid #d6d2ff;
}

/* メイン購読フォーム用 */
#InfosKodokuRequestForm input{
    font-size:16px;
}

/* ############ メイン 検索ボックス キーワードエリア ############ */
#keyword_area{
    font-weight:bold;
    color:#00004a;
    font-style:normal;
    font-size:14px;
}

/* キーワードエリアのキーワード */
.word{
    text-decoration: underline;
    cursor:pointer;
}

/* 検索ボックス　テキスト入力用　*/
#ArticlesSearchForm input{
    font-size:16px;
}

/* セレクトボックス用 */
#ArticlesSearchForm select{
    font-size:16px;
}

/* 送信・戻るボタン用 */
#ArticlesSearchForm .search_submit{
    font-size:16px;
}

/* ############ メイン contents_1 ############ */
#contents_1{
}

/* 見出し1（headline_1 とほぼ同じ。フロート対策を追加） */
#contents_1 h1{
    margin: 15px 0;
    padding: 0 10px;
    border-top: 6px solid #e06cb1;
    border-bottom: 1px solid #3e4da0;
    font-size: 20px;
    font-weight: bold;
    display : block;
    overflow : hidden;
}

/* 見出し2（headline_4 とほぼ同じ。フロート対策を追加） */
#contents_1 h2{
    margin: 15px 0;
    padding: 0 10px;
    color:#000000;
    background-color: #eaeaea;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    font-size: 18px;
    font-weight: bold;
    display : block;
    overflow : hidden;
}

/* 見出し3（headline_5  とほぼ同じ。フロート対策を追加） */
#contents_1 h3{
    margin: 15px 5px;
    padding: 0 10px;
    border-bottom: 2px solid #d1d1d1;
    border-left: 2px solid #d1d1d1;
    font-size: 15px;
    font-weight: bold;
    display : block;
    overflow : hidden;
}

/* 見出し4（headline_5 とほぼ同じ。フロート対策を追加） */
#contents_1 h4{
    margin: 5px 0;
    font-size: 15px;
    font-weight: bold;
    display : block;
    overflow : hidden;
}

/*
 * ***********************************************
 * ツリーメニュー装飾部分定義
 * ***********************************************
*/

/* ツリーメニュー１ */
.tree1 {
	background-color: #eeeef9;
}

/* ツリーメニュー２ */
.tree2 {
	background-color: #eeeee0;
}