@charset "Shift_JIS";
/* 
01 基本設定
02 CSS Hack
03 Wrapper（ページ全体を覆うコンテナの設定）
04 サイトナビゲーション
	index
05 パンくず
06 contents
	index
07 footer
*/

/* ============================== 01 基本設定 */
body { margin: 0; padding: 0; text-align: center; font-size: 12px; font-family:"Osaka","ＭＳ Ｐゴシック"; color: #333; background:url("../images/bg.gif") repeat-x #ededed; }
h1 { font-size: 12px; margin: 0; padding: 0; }
h2 { font-size: 12px; margin: 0; padding: 0; }
h3 { font-size: 12px; margin: 0; padding: 0; }
h4 { font-size: 12px; margin: 0; padding: 0; }
h5 { font-size: 12px; margin: 0; padding: 0; }
form{ margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style-type: none; }
ol { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }
a { color:#666; text-decoration: none; }
.alignright { margin:0; padding:0; display:block; float:right;}
.aligncenter { margin:0 auto 0 auto; padding:0; text-align:center; display:block; clear:both;}

a:link, a:visited { color: #333;}
a:hover, a:active { color: #EB4600; text-decoration: underline; }

a.a1:link, a.a1:visited { color: #666; text-decoration: underline;}
a.a1:hover, a.a1:active { color: #EB4600; text-decoration: underline; }

a.a2:link, a.a2:visited { color: #333; text-decoration: underline;}
a.a2:hover, a.a2:active { color: #EB4600; text-decoration: underline; }

a.a3:link, a.a3:visited { color: #666; text-decoration: none;}
a.a3:hover, a.a3:active { color: #EB4600; text-decoration: underline; }

a img { border: none; }

/* 文字サイズ指定 */
.fs10 { font-size: 10px; line-height: 150%;}
.fs12 { font-size: 12px; line-height: 150%;}
.fs1200 { font-size: 12px;}
.fs14 { font-size: 14px; line-height: 150%;}
.fs16 { font-size: 14px; line-height: 150%;}
.fs17 { font-size: 14px; line-height: 150%;}

/* 文字色指定 */
.orange{color:#EB4600;}
.red{color:#CC0000;}

/* 簡易スペーサ */
.spacing-top15 { margin-top: 15px; }
.spacing-min { margin-bottom: 1px; }
.spacing-short { margin-bottom: 4px; }
.spacing { margin-bottom: 9px; }
.spacing_double { margin-bottom: 18px; }
.spacing5 { margin-bottom: 5px; }
.spacing10 { margin-bottom: 10px; }
.spacing12 { margin-bottom: 12px; }
.spacing15 { margin-bottom: 15px; }
.spacing20 { margin-bottom: 20px; }
.spacing25 { margin-bottom: 25px; }
.spacing30 { margin-bottom: 30px; }
.spacing35 { margin-bottom: 35px; }
.spacing40 { margin-bottom: 40px; }
.spacing45 { margin-bottom: 45px; }
.spacing50 { margin-bottom: 50px; }
.spacing60 { margin-bottom: 60px; }
.spacing80 { margin-bottom: 80px; }
.spacing-margin { margin-bottom: 25px; }

/* 汎用回り込み */
.float_left { float: left; }
.float_right { float: right; }
.left{text-align:left;}
.right{text-align:right;}
img.float_left { margin-right: 15px; }
img.float_right { margin-left: 15px; }

/* 汎用ライン */
.contentsline{background:url("../images/contents_line.gif") no-repeat center center; text-align:right; height:13px; width:640px; font-size:1px; line-height:1px;}
.contents_short{background:url("../images/contents_line.gif") no-repeat center center; text-align:right; height:5px; width:500px; font-size:1px; line-height:1px;}
.contents_height{background:url("../images/dot_lineheight.gif") repeat center center; text-align:right; height:260px; width:1px; font-size:1px; line-height:1px;margin: 0 23px 0 23px;}
.contents_height02{background:url("../images/dot_lineheight.gif") repeat center center; text-align:right; height:200px; width:1px; font-size:1px; line-height:1px;margin: 0 23px 0 23px;}
.contents_height03{background:url("../images/dot_lineheight.gif") repeat center center; text-align:right; height:320px; width:1px; font-size:1px; line-height:1px;margin: 0 23px 0 23px;}

/* 汎用ラインdot 640px */
.line_long{background:url("../images/dot_line_long.gif") no-repeat center center; text-align:right; height:1px; width:640px; font-size:1px; line-height:1px;}
.line_middle{background:url("../images/dot_line_long.gif") no-repeat center center; text-align:right; height:1px; width:625px; font-size:1px; line-height:1px;}
.line_short{background:url("../images/dot_line_long.gif") no-repeat center center; text-align:right; height:1px; width:500px; font-size:1px; line-height:1px;}

/* ============================== 02 CSS Hack */
/* float hack */
.allclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.allclear { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .allclear { height: 1%; }
.allclear { display: block; }
/* End Hide from mac IE5 */

/* ロールオーバーのテキストを隠すためのhack */
.hidetxt { text-indent: -9999px; overflow: hidden; }

/* ============================== 03 全体の設定 */
#wrapper { width: 920px; margin: 0 auto; text-align: left; height:100%;}
#wrapper td.left-bg{width:10px; background:url(../images/left-bg.gif);}
#wrapper td.right-bg{width:10px; background:url(../images/right-bg.gif);}
#contents{background:#fff; vertical-align:top; padding-bottom:42px;}
#seccontents{background:#fff; vertical-align:top; padding-bottom:42px;}

/* index */
#contents td.leftcol{width:120px; vertical-align:top; background:url("../images/leftcol_bg.gif") no-repeat left top;}
#contents td.centercol{width:570px; vertical-align:top;}

/* second */
#seccontents td.centercol{width:640px!important; width:690px; vertical-align:top; padding: 0 25px;}

/* 共通 */
#contents td.rightcol,#seccontents td.rightcol{width:185px; vertical-align:top;}

/* ============================== 04 サイトナビゲーション */
/* index */
.top-navi{width:677px;}
.top-navi li{float:left; margin-right: 40px;}
.top-navi #n03{margin-right: 35px;}
.top-navi #n05{margin-right: 35px;}
.top-navi #n06{margin-right: 37px;}
.top-navi #n07{margin-right: 0;}
.top-navi a { display: block; height: 64px; }
.top-navi #n01 a { background: url(../../images/n_01.gif) no-repeat 0px 0px; width: 42px; }
.top-navi #n01 a:link,.top-navi #n01 a:visited { background-position: 0px -64px; }
.top-navi #n01 a:hover,.top-navi #n01 a:active { background-position: 0px -64px; }

.top-navi #n02 a { background: url(../../images/n_02.gif) no-repeat 0px 0px; width: 93px; }
.top-navi #n02 a:link,.top-navi #n02 a:visited { background-position: 0px 0px; }
.top-navi #n02 a:hover,.top-navi #n02 a:active { background-position: 0px -64px; }

.top-navi #n03 a { background: url(../../images/n_03.gif) no-repeat 0px 0px; width: 64px; }
.top-navi #n03 a:link,.top-navi #n03 a:visited { background-position: 0px 0px; }
.top-navi #n03 a:hover,.top-navi #n03 a:active { background-position: 0px -64px; }

.top-navi #n04 a { background: url(../../images/n_04.gif) no-repeat 0px 0px; width: 63px; }
.top-navi #n04 a:link,.top-navi #n04 a:visited { background-position: 0px 0px; }
.top-navi #n04 a:hover,.top-navi #n04 a:active { background-position: 0px -64px; }

.top-navi #n05 a { background: url(../../images/n_05.gif) no-repeat 0px 0px; width: 61px; }
.top-navi #n05 a:link,.top-navi #n05 a:visited { background-position: 0px 0px; }
.top-navi #n05 a:hover,.top-navi #n05 a:active { background-position: 0px -64px; }

.top-navi #n06 a { background: url(../../images/n_06.gif) no-repeat 0px 0px; width: 50px; }
.top-navi #n06 a:link,.top-navi #n06 a:visited { background-position: 0px 0px; }
.top-navi #n06 a:hover,.top-navi #n06 a:active { background-position: 0px -64px; }

.top-navi #n07 a { background: url(../../images/n_07.gif) no-repeat 0px 0px; width: 74px; }
.top-navi #n07 a:link,.top-navi #n07 a:visited { background-position: 0px 0px; }
.top-navi #n07 a:hover,.top-navi #n07 a:active { background-position: 0px -64px; }

/* second */
.sec-navi{width:677px;}
.sec-navi li{float:left; margin-right: 40px;}
.sec-navi #n03{margin-right: 35px;}
.sec-navi #n05{margin-right: 35px;}
.sec-navi #n06{margin-right: 37px;}
.sec-navi #n07{margin-right: 0;}
.sec-navi a { display: block; height: 79px; }
.sec-navi #n01 a { background: url(../images/n_01.gif) no-repeat 0px 0px; width: 42px; }
.sec-navi #n01 a:link,.sec-navi #n01 a:visited { background-position: 0px 0px; }
.sec-navi #n01 a:hover,.sec-navi #n01 a:active { background-position: 0px -79px; }

.sec-navi #n02 a { background: url(../images/n_02.gif) no-repeat 0px 0px; width: 93px; }
.sec-navi #n02 a:link,.sec-navi #n02 a:visited { background-position: 0px 0px; }
.sec-navi #n02 a:hover,.sec-navi #n02 a:active { background-position: 0px -79px; }

.sec-navi #n03 a { background: url(../images/n_03.gif) no-repeat 0px 0px; width: 64px; }
.sec-navi #n03 a:link,.sec-navi #n03 a:visited { background-position: 0px 0px; }
.sec-navi #n03 a:hover,.sec-navi #n03 a:active { background-position: 0px -79px; }

.sec-navi #n04 a { background: url(../images/n_04.gif) no-repeat 0px 0px; width: 63px; }
.sec-navi #n04 a:link,.sec-navi #n04 a:visited { background-position: 0px 0px; }
.sec-navi #n04 a:hover,.sec-navi #n04 a:active { background-position: 0px -79px; }

.sec-navi #n05 a { background: url(../images/n_05.gif) no-repeat 0px 0px; width: 61px; }
.sec-navi #n05 a:link,.sec-navi #n05 a:visited { background-position: 0px 0px; }
.sec-navi #n05 a:hover,.sec-navi #n05 a:active { background-position: 0px -79px; }

.sec-navi #n06 a { background: url(../images/n_06.gif) no-repeat 0px 0px; width: 50px; }
.sec-navi #n06 a:link,.sec-navi #n06 a:visited { background-position: 0px 0px; }
.sec-navi #n06 a:hover,.sec-navi #n06 a:active { background-position: 0px -79px; }

.sec-navi #n07 a { background: url(../images/n_07.gif) no-repeat 0px 0px; width: 74px; }
.sec-navi #n07 a:link,.sec-navi #n07 a:visited { background-position: 0px 0px; }
.sec-navi #n07 a:hover,.sec-navi #n07 a:active { background-position: 0px -79px; }

/* ============================== 05 パンくず*/

#breadcrumb{width:850px; margin:0 0 30px 25px; color:#666;}
#breadcrumb .left{width:500px;}
#breadcrumb .right{width:92px; float:right; background:url("../images/font_title.gif") no-repeat 0 8px;}
#breadcrumb span{color: #EB4600;}

#breadcrumb a.largefont{display:block; width:21px; height:27px; background: url("../images/fontsize_l.gif") no-repeat 0 0; margin-left:1px; float:right;}
#breadcrumb a.defaultfont{display:block; width:21px; height:27px; background:url("../images/fontsize_m.gif") no-repeat 0 -27px; float:right;}
#breadcrumb a span{display:none;}
/* ============================== 06 contents*/
/* index*/
#main-flash span{display:none;}
.top-ci{padding:23px 0 0 25px; width:191px!important; width:216px;}
.top-ci h1{background:url("../images/ci.gif") no-repeat; height:41px; width:72px; display:block;}
.top-head{margin-bottom:56px;}
.topics{width:550px;}
.topics h2{background:url("../../images/title_topics.gif") no-repeat 0 7px; margin-bottom:5px; display:block; height:27px; width:550px;}
.topics h2 .right{width:92px; float:right; background:url("../images/font_title.gif") no-repeat 0 8px;}
.topics h2 a.largefont{display:block; width:21px; height:27px; background: url("../images/fontsize_l.gif") no-repeat 0 0; margin-left:1px; float:right;}
.topics h2 a.defaultfont{display:block; width:21px; height:27px; background:url("../images/fontsize_m.gif") no-repeat 0 -27px; float:right;}
.topics h2 a span{display:none;}
.more-topics{width:550px; text-align:right; margin-top:5px;}
.topics .topics-list{border:1px solid #e5e5e5; margin-bottom:4px;}
.topics .topics-list td{vertical-align:middle; height:19px!important; height:21px;}
.topics .topics-list .days{padding-left:10px; width:88px!important; width:100px;}
.topics .topics-list .days .new{margin:0 0 0 5px;}
.topics .topics-list .news{padding:3px 10px; width:427px!important; width:439px; background:url("../images/topics_arrow.gif") no-repeat right center;}
.topics .topics-list .pdf{padding:3px 10px; width:427px!important; width:439px; background:url("../images/topics_pdf.gif") no-repeat right center;}
.bn-01{margin:10px 0;}
.media{margin:0 5px; vertical-align:middle;}
/* second*/
.sec-ci{padding:23px 0 0 25px; width:191px!important; width:216px;}
.sec-ci h1 a{background:url("../images/ci.gif") no-repeat; height:41px; width:72px; display:block;}
.sec-head{margin-bottom:11px;}
.dot {background:url("../images/ico_dot_01.gif") no-repeat left center; padding-left:15px;}

/* ============================== 08 next-back */
.next-back{width:628px!important; width:640px; height:13px; border:1px solid #e5e5e5; padding:8px 5px; margin-top:50px; font-size:10px; line-height:100%;}
.next-back ul li.back{background:url("../images/bn_back.gif") no-repeat left center; text-align:left; padding-left:10px; float:left;}
.next-back ul li.next{background:url("../images/bn_next.gif") no-repeat right center; text-align:right; padding-right:10px; float:right;}

/* ============================== 09 next-back tour */
.next-back-tour{width:488px!important; width:500px; height:13px; border:1px solid #e5e5e5; padding:8px 5px; margin-top:30px; font-size:10px; line-height:100%;}
.next-back-tour ul li.back{background:url("../images/bn_back.gif") no-repeat left center; text-align:left; padding-left:10px; float:left;}
.next-back-tour ul li.next{background:url("../images/bn_next.gif") no-repeat right center; text-align:right; padding-right:10px; float:right;}


/* ============================== 07 footer */
#footer {height:71px; vertical-align:bottom; background:#fff;}
#footer .line{background:url("../images/footline.gif"); height:3px; width:879px; font-size:1px; line-height:1px; margin:0 0 11px 10px;}
#footer .footer-link{margin:0 0 7px 10px;}
#footer td.copyright { text-align:right; vertical-align:bottom;}

#footer .footer-link li{float:left; margin-right: 20px;}
#footer .footer-link a { display: block; height: 24px; }
#f01 a { background: url(../images/f_01.gif) no-repeat 0px 0px; width: 77px; }
#f01 a:link, #f01 a:visited { background-position: 0px 0px; }
#f01 a:hover, #f01 a:active { background-position: 0px -24px; }

#f02 a { background: url(../images/f_03.gif) no-repeat 0px 0px; width: 101px; }
#f02 a:link, #f03 a:visited { background-position: 0px 0px; }
#f02 a:hover, #f03 a:active { background-position: 0px -24px; }

#f03 a { background: url(../images/f_04.gif) no-repeat 0px 0px; width: 109px; }
#f03 a:link, #f04 a:visited { background-position: 0px 0px; }
#f03 a:hover, #f04 a:active { background-position: 0px -24px; }

#f04 a { background: url(../images/f_05.gif) no-repeat 0px 0px; width: 70px; }
#f04 a:link, #f05 a:visited { background-position: 0px 0px; }
#f04 a:hover, #f05 a:active { background-position: 0px -24px; }