@charset "UTF-8";
@import "print.css";

/* ============================== 01 基本設定 */
html , body {height:100%; margin:0; padding: 0;}
h1 {margin:0; padding: 0; font-size:110%;}
h2 {margin:0; padding:0; font-size:104%;}
h3 {margin:0; padding:0; font-size:98%;}
h4 , h5 , h6 {margin:0; padding:0; font-size:90%;}

img{margin:0; padding:0; border:none;}
form{margin:0; padding:0; }
table{margin:0; padding:0; border:none;}
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;}
dl {margin:0; padding:0;}

a:link, a:visited {color:#0099cc; text-decoration:underline;}
a:hover, a:active {color:#fd8400; text-decoration:none;}
a.a1:link, a.a1:visited {color:#fd8400; text-decoration:underline;}
a.a1:hover, a.a1:active {color:#0099cc; text-decoration:none;}

/* 文字サイズ指定 */
.fs10 { font-size: 62%; line-height: 120%;}
.fs11 { font-size: 69%; line-height: 130%;}
.fs12 { font-size: 76%; line-height: 140%;}
.fs14 { font-size: 90%; line-height: 150%;}
.fs16 { font-size: 98%; line-height: 150%;}
.fs17 { font-size: 104%; line-height: 150%;}
.fs18 { font-size: 110%; line-height: 150%;}
.fs12em { font-size: 76%; line-height: 140%; font-weight: bold;}
.fs14em { font-size: 90%; line-height: 150%; font-weight: bold;}
.red{color:#CC0000;}
.gray{color:#666666;}
.blue{color:#336699;}
.txtem{font-weight: bold;}

/* 簡易スペーサ */
.spacing2 { margin-bottom: 2px; }
.spacing5 { margin-bottom: 5px; }
.spacing8 { margin-bottom: 8px; }
.spacing10 { margin-bottom: 10px; }
.spacing12 { margin-bottom: 12px; }
.spacing13 { margin-bottom: 13px; }
.spacing14 { margin-bottom: 14px; }
.spacing15 { margin-bottom: 15px; }
.spacing18 { margin-bottom: 18px; }
.spacing20 { margin-bottom: 20px; }
.spacing22 { margin-bottom: 22px; }
.spacing25 { margin-bottom: 25px; }
.spacing30 { margin-bottom: 30px; }
.spacing35 { margin-bottom: 35px; }
.spacing40 { margin-bottom: 40px; }
.spacing45 { margin-bottom: 45px; }
.spacing50 { margin-bottom: 50px; }
.spacing55 { margin-bottom: 55px; }
.left5 {margin-left: 5px;}
.left10 {margin-left: 10px;}

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

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

/* テキストを隠す */
.hidetxt {text-indent:-9999px; overflow:hidden; line-height: 0; width: 1px; height: 1px;}

/* 表示させない */
.hideobjct{display: none;}

/* ============================== 03 Base */
body{margin:0; padding:0; height:100%; width:100%; text-align:center; font-family:"Osaka","ＭＳ Ｐゴシック"; color:#333; background-color:#f3f3f3;}

/*Header*/
#Header-Bg{background:url("../images/bg_02.gif") repeat-x left top; width:100%; height:84px; text-align:center;}
#Header{height:76px!important; height:84px; width:830px!important; width:880px; margin:0 auto; padding:12px 0 0 50px; text-align:left;}
#Header .logo01{float:left; width:177px; margin-right:13px;}
#Header .profile{float:left; background:url("../images/slit.gif") no-repeat left bottom; padding-left:21px; height:54px; position:relative;}
#Header .profile .logo02{margin-bottom:7px;}
#Header .profile .language{position:absolute; left:465px; top:-9px; width:119px; height:20px;}
#Header .profile .language p.jp{float:left;}
#Header .profile .language p.eng{float:right;}

/*Navigation*/
#Navi-Bg{background:url("../images/bg_03.gif") repeat-x left top; width:100%; height:40px; text-align:center;}
#Navi{background:url("../images/bg_04.gif") no-repeat left top; width:830px!important; width:880px; height:40px; padding-left:50px; margin:0 auto; text-align:left;}
#Navi ul.navigation li{float:left;}
 
/*Contents*/
#Contents{background:url("../images/bg_05.gif") repeat-y left top; width:880px; margin: 0 auto; padding-bottom:45px;}
#Contents .main-image{padding-top:6px;}
#Contents #Left-Top{float:left; text-align:left; width:474px; padding-left:70px; padding-top:14px; margin-right:16px;}
#Contents #Right-Top{float:left; text-align:left; width:250px; padding-top:12px;}
#Contents #Left{float:left; text-align:left; width:172px; padding-left:70px; padding-top:10px; margin-right:19px;}
#Contents #Right{float:left; text-align:left; width:540px; padding-top:29px;}

/*Footer-Bg*/
#Footer-Bg{background:url("../images/bg_07.gif") repeat-x left top; background-color: #164f95; width:100%; height:120px; text-align:center;}
#Footer{background:url("../images/bg_06.gif") no-repeat left top; width:810px!important; width:880px; height:77px!important; height:120px; margin:0 auto; padding:43px 0 0 70px; text-align:left; position:relative;}
#Footer .fnavi li.end{margin-right:10px; height:11px; float:left; line-height:100%;}
#Footer .fnavi li.other{background:url("../images/fnavi_dot.gif") no-repeat right center; padding:0 11px 0 0; margin:0 10px 0 0; float:left; line-height:100%;}
#Footer .copy{position:absolute; left:585px; top:98px; width:240px; height:9px;}
#Footer .pagetop{position:absolute; left:708px; top:1px; width:103px; height:28px;}

/*index.html*/
#Left-Top .snavi li{width:474px; height:64px; padding:0;}
#Left-Top .news{background:url("../images/news_bg.gif") repeat-x left top; width:471px!important; width:474px; height:24px!important; height:32px; padding:8px 0 0 3px; margin-bottom:15px;}
#Left-Top .news h4.news-ttl{float:left;}
#Left-Top .news p.news-list{float:right;}
#Left-Top dl.topics{width:474px; text-align:left; line-height:180%;}
#Left-Top dl.topics dt{display:block; margin:0; padding-left:10px; padding-right:10px; float:left; background:url("../images/ico_news_arw01.gif") no-repeat left center;}
#Left-Top dl.topics dd{width:auto; display:block; margin:0 0 12px 0; padding-bottom:13px; background:url("../images/ico_news_dot.gif") repeat-x left bottom;}
#Left-Top dl.topics img.newsicon{vertical-align: middle; margin-left: 5px;}
#Right-Top .search-box{background:url("../images/search_bg01.gif") repeat-y left top; width:250px;}
#Right-Top .search-box-bottom{background:url("../images/search_bg02.gif") no-repeat left bottom; width:228px!important; width:250px; padding:5px 11px 10px 11px;}
#Right-Top .search-box select{width:228px; margin-bottom:10px;}
#Right-Top .search-box input.keywords{width:228px; margin-bottom:10px;}
#Right-Top .search-box .search-dot{background:url("../images/dot_search.gif") repeat-x left top; margin-top:14px; padding-top:11px; width:228px;}
#Right-Top .Home-links img{margin-bottom: 15px;}
#Right-Top .linktxt {margin-bottom: 10px; padding-left: 12px; background: url("../images/ico_link01.gif") no-repeat left center;}

/*2nd_3rd*/
#Contents #Pagettl{background:url("../images/2nd_ttl_bg.gif") no-repeat left top; margin:0 auto; width:780px; height:68px; text-align:left; position:relative;}
#Contents #Pagettl h2{left:20px; top:17px; position:absolute;}
#Contents #Pagettl h3{left:202px; top:40px; position:absolute;}
#Contents #Left{height: 100%;}
#Contents #Pagettl p.bread{left:206px; top:14px; position:absolute; width:553px; height:20px; background:url("../images/dot_bread.gif") repeat-x left bottom;}
#Contents #Left #Sub-navi{background:url("../images/snavi_bg.gif") repeat-y left top; width:172px; margin-bottom:19px;}
#Contents #Left #Sub-navi ul{width:172px; padding-top:9px; background:url("../images/snavi_bluebar.gif") no-repeat left top; padding-left:4px;}
#Contents #Left #Sub-navi ul li.btn{width:164px; height:36px; background:url("../images/snavi_slit.gif") no-repeat left bottom; margin-bottom:5px;}
#Contents #Left #Sub-navi ul li.btn-on{width:164px; height:29px; margin-bottom:5px;}
#Contents #Left #Sub-navi ul li.btn-child{width:164px; height:21px; margin-bottom:7px;}
#Contents #Left #Sub-navi ul li.btn-child-btm{width:164px; height:29px; background:url("../images/snavi_slit.gif") no-repeat left bottom; margin-bottom:8px;}
#Contents #Left #Sub-navi ul li.btn-child-end{width:164px; height:21px; margin-bottom:5px;}
#Contents #Left #Sub-navi ul li.btn-only{width:164px; height:29px; margin-bottom:0px;}
#Contents #Left .Sub-links li{padding-left: 10px;}
#Contents #Left .Sub-links img{margin-bottom: 15px;}
#Contents #Left .Sub-links .txtlink{margin-bottom: 10px; padding-left: 12px; background: url("../images/ico_link01.gif") no-repeat left center;}

#Contents #Right h5{margin-bottom: 10px;}
#Contents #Right h6{padding-left: 13px; background: url("../images/ico_caption.gif") no-repeat left top; font-weight: bold;}
#Contents #Right .Box-Solid{width:498px!important; width:540px; padding: 20px; border: solid 2px #ccc;}
#Contents #Right .Box-Dot{width:498px!important; width:540px; padding: 20px; border: dotted 1px #999;}
#Contents #Right .Box-Dotmini{width:438px!important; width:480px; margin-left:30px; padding: 10px; border: dotted 1px #999;}
#Contents #Right .Box-Dotmini li{line-height: 20px;}
#Contents #Right .Box-Imgs {text-align: center;}
#Contents #Right .Box-Imgs {margin-left: auto; margin-right: auto;}
#Contents #Right .Box-Undr{width:500px!important; width:540px; margin-bottom:600px; padding:20px; border: solid 1px #ccc; text-align: center;}
#Contents #Right ul.List-Arrow{margin-left: 15px;}
#Contents #Right ul.List-Arrow li{padding-left:14px; background:url("../images/ico_arrow01.gif") no-repeat left center; line-height: 20px;}
#Contents #Right p.check{padding-left: 14px; background: url("../images/ico_arrow04.gif") no-repeat left center;}
#Contents #Right p.point{padding-left: 9px; background: url("../images/ico_list01.gif") no-repeat left 6px;}
#Contents #Right p.txtmove{padding-left: 12px; background: url("../images/ico_arrow02.gif") no-repeat left center;}
#Contents #Right p.txtlink{padding-left: 12px; background: url("../images/ico_link01.gif") no-repeat left center;}
#Contents #Right .btmline{padding-bottom: 21px; background: url("../images/bg_linegray.gif") repeat-x left bottom;}

/*sitemap.html*/
.Box_sitemap{width:260px;}
.Box_sitemap dl{width: 260px; padding-bottom: 11px; background: url("../images/dot_default.gif") repeat-x left bottom; font-weight:normal; font-size: 76%; line-height: 160%;}
.Box_sitemap dt{width: 225px; margin-left: 15px; padding-left: 12px; background: url("../images/ico_arrow02.gif") no-repeat left center;}
.Box_sitemap dd{width: 220px; margin-left: 25px; padding-left: 12px; background: url("../images/ico_arrow03.gif") no-repeat left center;}
.Box_sitemap dd.two-lines{width: 220px; margin-left: 25px; padding-left: 12px; background: url("../images/ico_arrow03.gif") no-repeat left 6px;}

/*table nomal*/
table.nomal th{padding:8px 5px 8px 25px; background:url("../images/icon_hyo.gif") no-repeat 10px 11px #f3f3f3; text-align:left; vertical-align:top; font-weight:normal; width:30%;}
table.nomal td.txt{background-color:#fff; padding:8px 0 8px 10px; text-align:left; width:70%;}
table.nomal td.txt img{margin-top: 5px;}
table.nomal td.txt p.listtxt{padding-left: 9px; background: url("../images/ico_list01.gif") no-repeat left 6px;}
table.nomal td.dot{height:1px; line-height:100%; font-size:1px; background:url("../images/dot_default.gif") repeat-x left top;}

table.nomal ul.List_intable{margin-top: 10px;}
table.nomal ul.List_intable li{padding-left: 7px; background: url("../images/ico_list01.gif") no-repeat left center; line-height: 20px;}