﻿
/* mybody */

/* foundation */

/* header */

div.header{
border-top:3px solid #00B7EF;
}

div.header div.container1 div.box{
width:920px;
height:67px;
margin:0 auto;
padding:0 10px;
}

div.header div.container1 div.box div.title{
float:left;
width:260px;
padding:13px 0 0;
}

div.header div.container1 div.box div.link{
float:right;
width:660px;
}

div.header div.container1 div.box div.link ul li{
background:#00B7EF;
float:right;
}

div.header div.container1 div.box div.link ul li a:hover{
text-decoration:underline;
}

div.header div.container1 div.box div.link ul li a{
color:#FFFFFF;
font-size:10px;
text-decoration:none;
padding:0 10px 0 22px;
display:block;
height:20px;
line-height:20px;
background:url("/rsc/img/common/icon_doughnut.png") 10px center no-repeat;
}

div.header div.container1 div.box div.logo{
float:right;
width:94px;
margin:10px 0 0;
}

div.header div.container2{
background:#00B7EF;
}

div.header div.container2 div.box{
width:920px;
margin:0 auto;
padding:5px 10px;
}

div.header div.container2 div.box ul.navi{
float:left;
width:716px;
border:1px solid #CCCCCC;
border-style:solid solid solid none;
}

div.header div.container2 div.box ul.navi li{
float:left;
width:179px;
}

div.header div.container2 div.box ul.navi li a:hover{
text-decoration:underline;
}

div.header div.container2 div.box ul.navi li a{
display:block;
background:#FFFFFF url("/rsc/img/common/icon_arrow.gif") 10px center no-repeat;
height:38px;
line-height:38px;
border-left:1px solid #CCCCCC;
color:#202020;
text-decoration:none;
font-size:110%;
padding:0 0 0 30px;
}

div.header div.container2 div.box div.search{
float:right;
width:190px;
height:40px;
background:#007EC3;
}

div.header div.container2 div.box div.search form{
float:left;
width:174px;
background:#DDD;
position:relative;
margin:7px 8px 0;
}

div.header div.container2 div.box div.search form input.input{
width:109px;
height:21px;
border:none;
background:url("/rsc/img/common/search_input.gif");
padding:2px 2px 2px 20px;
line-height:21px;
}

div.header div.container2 div.box div.search form input.button{
position:absolute;
top:0;
right:0;
}

/* main_1st */

div.main_1st{
background:#CCF1FC;
padding:10px 0 0;
}

div.main_1st div.container{
background:#FFFFFF;
width:920px;
margin:0 auto;
padding:10px;
min-height:800px;
}

/* main_2nd */

div.main_2nd{
background:#CCF1FC;
}

div.main_2nd div.container{
background:#FFFFFF;
width:920px;
margin:0 auto;
padding:0 10px;
min-height:600px;
}

/* footer */

div.footer{
background:#00B7EF;
}

div.footer div.container{
width:920px;
margin:0 auto;
padding:0 10px 50px;
background:#FFFFFF;
}

div.footer div.container p.logo{
float:left;
width:260px;
padding:13px 0 0;
}

div.footer div.container p.copyright{
float:right;
width:385px;
padding:18px 0 0;
}

div.footer div.container div.link{
width:920px;
margin:6px 0 0;
float:left;
}

div.footer div.container div.link ul li{
float:left;
margin:0 9px 0 0;
}

div.footer div.container div.link ul li a:hover{
text-decoration:underline;
}

div.footer div.container div.link ul li a{
background:url("/rsc/img/common/icon_arrow.gif") left center no-repeat;
padding:0 0 0 18px;
color:#2F2F2F;
text-decoration:none;
}

/* keyvisual_1st */

div.keyvisual_1st{
float:left;
width:920px;
margin:0 0 20px;
}

/* keyvisual_2nd */

div.keyvisual_2nd{
width:920px;
margin:0 auto;
padding:0 10px;
}

div.keyvisual_2nd div.box1{
float:left;
width:210px;
height:72px;
padding:50px 0 0;
background:url("/rsc/img/common/menu_bg.png") left bottom no-repeat;
}

div.keyvisual_2nd div.box1 h3{
background:#003C84;
margin:5px 5px 0 5px;
}

div.keyvisual_2nd div.box1 h3 a:hover{
text-decoration:underline;
}

div.keyvisual_2nd div.box1 h3 a{
color:#FFFFFF;
font-size:120%;
width:200px;
height:67px;
line-height:67px;
display:block;
text-align:center;
text-decoration:none;
}

div.keyvisual_2nd p.box2{
float:left;
width:297px;
padding:46px 0 0 34px;
}

/* contents_1st */

div.contents_1st{
width:690px;
float:left;
}

/* contents_2nd */

div.contents_2nd{
width:690px;
float:right;
padding:15px 0 0;
}

div.contents_2nd div.title{
background:#74BBCE;
border:1px solid #CCCCCC;
border-bottom:2px solid #CCCCCC;
margin:0 0 15px;
}

div.contents_2nd div.title h2{
color:#FFFFFF;
font-weight:bold;
height:24px;
line-height:24px;
padding:0 0 0 24px;
border:1px solid #FFFFFF;
background:url("/rsc/img/common/icon_doughnut2.png") 5px center no-repeat;
}

/* side_1st */

div.side_1st{
width:200px;
float:right;
}

div.side_1st ul li{
margin:0 0 5px;
}

div.side_1st ul li a img{
vertical-align:bottom;
}

/* side_2nd */

div.side_2nd{
width:210px;
float:left;
}

div.side_2nd ul{
margin:0 5px;
}

div.side_2nd ul li{
padding:5px 0;
border-bottom:1px dotted #74BBCE;
}

div.side_2nd ul li a:hover{
background-color:#F0F0F0;
}

div.side_2nd ul li a{
height:31px;
line-height:31px;
display:block;
background:url("/rsc/img/common/icon_arrow.gif") 10px center no-repeat;
padding:0 0 0 25px;
color:#000000;
text-decoration:none;
}

div.side_2nd ul li.active{
padding:5px 0;
border-bottom:1px dotted #74BBCE;
}

div.side_2nd ul li.active a{
background-color:#F0F0F0;
}

/* breadcrumbs */

div.breadcrumbs{
width:920px;
float:left;
margin:0 10px 6px;
}

div.breadcrumbs p a{
text-decoration:none;
color:#027BBA;
}

div.breadcrumbs p span.split{
color:#333;
padding:0 5px;
}

div.breadcrumbs p span.current{
color:#333333;
}

/* top_01 */

div.top_01{
margin:0 0 20px;
}

div.top_01 table tr td.box{
vertical-align:top;
border:1px solid #CCCCCC;
width:220px;
}

div.top_01 table tr td.box h3{
margin:3px;
}

div.top_01 table tr td.box h3 a:hover{
text-decoration:underline;
}

div.top_01 table tr td.box h3 a{
background:#003D85;
color:#FFFFFF;
font-size:120%;
text-align:center;
height:62px;
line-height:62px;
display:block;
text-decoration:none;
}

div.top_01 table tr td.box ul{
margin:10px 15px;
}

div.top_01 table tr td.box ul li{
padding:0 0 5px;
}

div.top_01 table tr td.box ul li a:hover{
text-decoration:none;
}

div.top_01 table tr td.box ul li a{
color:#3B3B3B;
background:url("/rsc/img/common/icon_arrow.gif") left center no-repeat;
padding:0 0 0 18px;
}

div.top_01 table tr td.split{
width:15px;
}

/* top_02 */

div.top_02{
margin:0 0 20px;
}

div.top_02 div{
background:#74BBCE;
border:1px solid #CCCCCC;
border-bottom:2px solid #CCCCCC;
margin:0 0 15px;
}

div.top_02 div h3{
color:#FFFFFF;
font-weight:bold;
height:24px;
line-height:24px;
padding:0 0 0 24px;
border:1px solid #FFFFFF;
background:url("/rsc/img/common/icon_doughnut2.png") 5px center no-repeat;
}

div.top_02 ul{
margin:0 10px;
}

/* contents_body */

div.contents_body{
margin:0 10px;
}

div.contents_body h3{
border-bottom:1px dotted #74BBCE;
background:url("/rsc/img/common/icon_clover.gif") left center no-repeat;
height:24px;
line-height:24px;
padding:0 0 0 25px;
font-size:110%;
margin:15px 0 10px;
}

div.contents_body p{
margin:0 0 10px;
}

div.contents_body ul{
margin:0 10px 10px;
}

div.contents_body ul li{
color:#3B3B3B;
background:url("/rsc/img/common/icon_arrow.gif") left center no-repeat;
padding:0 0 0 18px;
margin:0 0 5px;
}

/* form_input */

div.form_input{
margin:0 10px 20px;
}

div.form_input p.read{
margin:0 0 10px;
line-height:1.5em;
}

div.form_input p.error{
color:#FF0000;
margin:0 0 10px;
line-height:1.5em;
}

div.form_input form{
margin:10px 0 0;
}

div.form_input form table{
width:100%;
}

div.form_input form table tr td.content{
padding:8px;
width:150px;
vertical-align:top;
}

div.form_input form table tr td.content p span.icon{
float:left;
height:6px;
border-left:3px solid #025FA4;
border-right:3px solid #74BBCE;
background:#FF0000;
margin:6px 6px 0 0;
}

div.form_input form table tr td.content p span.label{
float:left;
}

div.form_input form table tr td.text{
padding:8px;
}

div.form_input form table tr td.text ul li{
float:left;
margin:0 10px 0 0;
}

div.form_input form table tr td.text ul li input{
border:none;
background:none;
}

div.form_input form table tr td.text input{
border:1px solid #CCCCCC;
background:#F0F0F0;
}

div.form_input form table tr td.text textarea{
border:1px solid #CCCCCC;
background:#F0F0F0;
width:400px;
height:120px;
}

div.form_input form table tr td.text p.submit{
width:400px;
text-align:right;
}

/* form_confirm */

div.form_confirm{
margin:0 10px 20px;
}

div.form_confirm div{
margin:0 10px 20px;
}

div.form_confirm div p.read{
margin:0 0 10px;
line-height:1.5em;
}

div.form_confirm div form{
margin:10px 0 0;
}

div.form_confirm div form table{
width:100%;
}

div.form_confirm div form table tr td.content{
padding:8px;
width:150px;
vertical-align:top;
}

div.form_confirm div form table tr td.content p span.icon{
float:left;
height:6px;
border-left:3px solid #025FA4;
border-right:3px solid #74BBCE;
background:#FF0000;
margin:6px 6px 0 0;
}

div.form_confirm div form table tr td.content p span.label{
float:left;
}

div.form_confirm div form table tr td.text{
padding:8px;
}

div.form_confirm div form table tr td.text p{
width:400px;
}

div.form_confirm div form table tr td.text p.submit{
width:400px;
text-align:right;
}

div.form_confirm div form table tr td.text p.submit span{
padding:0 0 0 10px;
}

div.form_confirm div form table tr td.text p.submit span input{
border:1px solid #CCCCCC;
background:#F0F0F0;
}

/* form_accept */

div.form_accept{
margin:0 10px 20px;
}

div.form_accept p{
margin:0 0 10px;
line-height:1.5em;
}

/* news_list */

div.news_list ul{
margin:0 10px 20px;
}

div.news_list p{
text-align:center;
}

/* news_item */

li.news_item{
padding:0 0 10px;
}

li.news_item span.date{
color:#1D9CC0;
padding:0 20px 0 0;
}

li.news_item a.text:hover{
text-decoration:none;
}

li.news_item a.text{
padding:0 0 0 18px;
color:#3B3B3B;
background:#FFFFFF url("/rsc/img/common/icon_arrow.gif") left center no-repeat;
}

li.news_item span.file img{
vertical-align:bottom;
padding:0 5px;
}

/* sitemap_list */

div.sitemap_list{
margin:0 10px;
}

div.sitemap_list div.box1{
width:325px;
float:left;
}

div.sitemap_list div.box2{
width:325px;
float:right;
}

/* sitemap_item */

div.sitemap_item{
margin:0 0 20px;
}

div.sitemap_item h3{
border-bottom:1px dotted #74BBCE;
background:url("/rsc/img/common/icon_clover.gif") left center no-repeat;
height:24px;
line-height:24px;
padding:0 0 0 25px;
font-size:110%;
margin:0 0 10px;
}

div.sitemap_item h3 a:hover{
text-decoration:underline;
}

div.sitemap_item h3 a{
color:#000000;
text-decoration:none;
}

div.sitemap_item ul{
margin:15px 10px 0;
}

div.sitemap_item ul li{
margin:10px 0 0;
}

div.sitemap_item ul li a:hover{
text-decoration:none;
}

div.sitemap_item ul li a{
color:#3B3B3B;
background:url("/rsc/img/common/icon_arrow.gif") left center no-repeat;
padding:0 0 0 18px;
}

