/* CSS Document */

html { height:100%; }
body { height:100%; margin:0px 0px 0px 0px; background-color:#FFFFFF; font-size:12px; color:#333333; }

body, textarea { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/* 高さ自動調整 */
.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*/


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* hタグなどの指定 */
h1 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; margin:0px }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h5 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }


/* ul,li,pタグの指定 */
ul,li {
	list-style:none;
}

p { margin:0; }


/* フォントの指定 */
.bold { font-weight:bold; }
.textgreen { color:#99cc66; }
.textgreen_b { color:#99cc66; font-weight:bold; }
.textorange { color:#F8B934; }
.textorange_b { color:#F8B934; font-weight:bold; }
.textred { color:#FF0000; }
.textred_b { color:#FF0000; font-weight:bold; }
.textpink { color:#FF00BA; }
.textpink_b { color:#FF00BA; font-weight:bold; }
.textpurple { color:#CC0199; }
.textpurple_b { color:#CC0199; font-weight:bold; }

.size6 { font-size:8px; }
.size8 { font-size:10px; }
.size10 { font-size:12px; }
.size12 { font-size:14px; }
.size14 { font-size:16px; }


/* 罫線など */
.dashed_line { border-bottom: 1px dotted #343434; margin:10px 0px 10px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.solid_line_gray01 { border-bottom: 1px solid #B2B2B2; margin:14px 0px 14px 0px; }
.solid_line_purple { border-bottom: 1px solid #BE0089; margin:10px 0px 0px 0px; }
.solid_line_purple01 { border-bottom: 1px solid #BE0089; margin:14px 0px 14px 0px; }


/* 画像のリンク */
a img { border-style:none; }


/* hrの設定 */
hr.style-one {    border: 0;    height: 1px;    background: #999;    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc);    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc);    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc);    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc);}


/* ページ全体のテキストリンク */
a:link { color:#333333; text-decoration:underline; }
a:visited { color:#333333; text-decoration:underline; }
a:active { color:#FF8804; text-decoration:underline; }
a:hover { color:#FF8804; text-decoration:underline; }


/* トップページ */
#h1box01 { width:100%; height:7px; color:#FFFFFF; background-image:url(../common_img/h1bg.png); background-repeat:repeat-x; }


/* ヘッドイメージ */
#headimgbox01 { width:1200px; margin:0 auto; position:relative; }
#headimgbox02 { width:100%; position:absolute; z-index:10; }
#headimgbox03 { width:100%; height:652px; background-image:url(../img/overlay.png); background-repeat:no-repeat; position:absolute; z-index:20; }


/* ヘッドインフォメーション */
#headlogobox01 { width:289px; float:left; padding:31px 0 0 96px; }


#leftcontentsbox01 { width:656px; float:left; line-height:180%; }
#rightcontentsbox01 { width:224px; float:right; }


/* ナビゲーション */
#navibox01 { width:100%; height:76px; background-image:url(../common_img/navi/navibg.png); background-repeat:repeat-x; position:absolute; z-index:30; top:452px; }
#navibox02 { width:967px; margin:0 auto; padding:1px 0 1px 0; }
#navi { width:100%; }

.homenavi { float:left; padding:21px 24px 0 0; }
.navi { float:left; }


/* メインボックス */
#wrap { width:1200px; margin:0 auto; }


/* メインコンテンツ */
#maincontentsbox01 { width:926px; margin:0 auto; padding-top:43px; position:relative; z-index:40; top:550px; }


/* レフトインフォ */
.leftinfobox01 { margin-bottom:20px; color:#333333; border:1px solid #b1b1b1; background-image:url(../common_img/leftinfobg.png); background-repeat:repeat-y; }
.leftinfotop01 { width:100%; }
.leftinfobg01 { background-image:url(../common_img/leftinfomainbg.png); background-repeat:repeat-y; }
.leftinfobottom01 { width:100%; height:10px; }

.leftinfobox02_01 { width:200px; margin:0 auto; padding:10px 0 10px 0; }
.leftinfobox02_02 { width:194px; margin:0 auto; padding-bottom:0px; }

td.leftitem01 { width:70px; text-align:left; vertical-align:top; }
td.leftitem02 { width:130px; text-align:right; vertical-align:top; }


.leftinfotitlebox01 { padding-bottom:5px; font-size:16px; }

.leftinfobox03_01 { width:190px; margin:0 auto; }
.leftinfobox03_02 { width:190px; margin:0 auto; }

td.leftinfo01 { width:95px; text-align:left; vertical-align:top; }

.leftinfotextbox01 { padding-bottom:10px; }
.leftinfotextbox02 { background-color:#c5f1b6; padding:5px 10px 5px 10px; font-size:16px; }

.leftinfomapbox { width:200px; margin:0 auto; padding:10px 0 10px 0; }

#leftinfobuttonbox01 { width:200px; margin:0 auto; }


div#leftinfobutton01 {
 width: 200px;
 height: 32px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/leftinfobutton01_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#leftinfobutton01 p { 
 margin: 0;
 padding: 0;
 }

div#leftinfobutton01 a {
 display: block;
 width: 200px;
 height: 32px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 text-indent: none;
 }
 
div#leftinfobutton01 a:hover {
 background:url(../common_img/leftinfobutton01_02.png) no-repeat top left;
 }


/* ライトインフォ */
.rightinfobox01 { padding-bottom:20px; color:#FFFFFF; }
.rightinfotop01 { width:100%; }
.rightinfobg01 { background-image:url(../common_img/rightinfobg.png); background-repeat:repeat-y; }
.rightinfobottom01 { width:100%; }

.rightinfobox02_01 { width:194px; margin:0 auto; padding-bottom:20px; }
.rightinfobox02_02 { width:194px; margin:0 auto; padding-bottom:0px; }

.rightinfotitlebox01 { padding-bottom:15px; }

.rightinfobox03_01 { width:190px; margin:0 auto; }
.rightinfobox03_02 { width:190px; margin:0 auto; }

td.rightinfo01 { width:95px; text-align:left; vertical-align:top; }

.rightinfotextbox01 { padding-bottom:10px; }
.rightinfotextbox02 { background-color:#c5f1b6; padding:5px 10px 5px 10px; font-size:16px; }

.rightinfomapbox { width:202px; margin:0 auto; padding:15px 0 15px 0; }

#rightinfobuttonbox01 { width:208px; margin:0 auto; }


div#rightinfobutton01 {
 width: 224px;
 height: 50px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/banner/rightinfobutton01_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#rightinfobutton01 p { 
 margin: 0;
 padding: 0;
 }

div#rightinfobutton01 a {
 display: block;
 width: 224px;
 height: 50px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 text-indent: none;
 }
 
div#rightinfobutton01 a:hover {
 background:url(../common_img/banner/rightinfobutton01_02.png) no-repeat top left;
 }


/* ライトバナー */
.rightbanner { padding-bottom:15px; }

div#rightbanner01 {
 width: 224px;
 height: 85px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/banner/rightbanner01_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#rightbanner01 p { 
 margin: 0;
 padding: 0;
 }

div#rightbanner01 a {
 display: block;
 width: 224px;
 height: 85px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 text-indent: none;
 }
 
div#rightbanner01 a:hover {
 background:url(../common_img/banner/rightbanner01_02.png) no-repeat top left;
 }


/* コンテンツボックス */
.contentsbox01 { padding-bottom:35px; }
.contentsbox02 { padding:20px 0 20px 0; }

.titlebox01 { padding-bottom:0px; }
.newsbox01 { width:630px; margin:0 auto; padding-bottom:10px; line-height:140%; color:#4baa5e; font-size:14px; }

td.newsdate { width:130px; text-align:left; vertical-align:top; }
td.newsdetail { width:500px; text-align:left; vertical-align:top; }


/* ページトップ */
.pagetopbox01 { width:788px; margin:0 auto; padding:0 0 15px 0; }
.pagetopbox02 { width:77px; float:right; }
div.pagetop {
 width: 178px;
 height: 43px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/pagetop01.png) no-repeat top left;
 text-indent: -9999px;
 }
div.pagetop p { 
 margin: 0;
 padding: 0;
 }

div.pagetop a {
 display: block;
 width: 178px;
 height: 43px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 text-indent: none;
 }

div.pagetop a:hover {
 background:url(../common_img/pagetop02.png) no-repeat top left;
 }

/* 下層サンプル用（本アップ時に削除）*/
#k_all { width:1200px; margin:0 auto; }