@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////

base.css

[header]
	[head_button]
[g_nav]
[main_image]
[wrapper]
	[left_box]
		[local_nav]
	[right_box]
		[breadcrumb]
[footer]
[footer2]

/////////////////////////////////////////////////////////////////// */

/*test*/
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; }
body { font-size: 13px; border-top: 3px solid #FC3; color: #535353; font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", sans-serif; background-color:#FFF;}
p { line-height: 1.5; }
a { color:#2e3b69;}
h2 { background-image: url(../images/h2_title.gif); height: 40px; background-repeat: no-repeat; padding-left: 20px; color: #1b2750; font-size: 100%; line-height: 40px; margin-bottom: 15px;font-weight:bold;margin-left: 5px;}
li{line-height:1.5;}
.left { float: left; }
.center { text-align: center; }
.right { float: right; }
.tright {text-align:right; }

.bdn{ border:none;}
.bold{font-weight:bold;}

.ft{ padding-top:15px;}
.lt{ padding-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mt_10px{ margin-top: -10px;}
.mt30px{ margin-top:30px;}
.ml15{margin-left:15px;}
.ml30 { margin-left: 30px;}
.mb10 { margin-bottom: 10px;}
.mlmr15 {margin-left: 10px; margin-right: 15px:}
.pb10 { padding-bottom: 10px;}
.pt10 { padding-top: 10px;}
.pb15 { padding-bottom: 15px;}
.pt15 { padding-top: 15px;}
.pb20 { padding-bottom: 20px;}
.pt20 { padding-top: 20px;}
.pb30 { padding-bottom: 30px;}
.pt30 { padding-top: 0px;}
.pb50 { padding-bottom: 50px;}


h1{margin-bottom:3px;}

/* =========================================================
header
========================================================= */
#header { /* width: 1310px; */ margin: 0 auto; }
#head_grey { color: #909090; font-size: 77%; }

/* =========================================================
head_box
========================================================= */
#head_box .pl10{margin-right:10px;}
#head_box { width: 930px; margin: 23px auto 0; position: relative; }
#head_box .left { /* padding-left: 25px; */ }
#head_box .left { margin-left:0; }
#head_box .right { padding-top: 9px;margin-right:0; }
#head_box .right p{margin-right:0;}
/* =========================================================
head_button
========================================================= */
#header #head_button { padding: 1px; position: absolute; right: 0; top: -28px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(border-radius.htc);  background-color: #FEC936;}
#header #head_button li { float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(border-radius.htc); border: 1px #CDB556 solid; margin: 5px 5px 3px 5px; padding: 5px 5px 3px 8px; background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #eaeaea 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(98%, #eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #eaeaea 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #eaeaea 98%); /* Opera11.10+ */ background: -ms-linear-gradient(top, white 0%, #eaeaea 98%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, white 0%, #eaeaea 98%); /* W3C */ }

/* =========================================================
g_nav
========================================================= */
#g_nav { background-color: #F1F1F1; text-align: center; height: 40px; border-bottom: 3px solid #232B56; border-top: 1px solid #DADADA; clear: both; margin-top: 15px; }
#g_nav2 { margin: 0 auto; width: 960px; position: relative; /* width: 1310px; */ }
#g_nav ul { /* padding-left: 45px; */ }
#g_nav li { display: inline-block; }
.ie #g_nav li { display: inline; zoom: 1; }
#font-button { background-color: #FFD145; border: 1px solid #E3B638; display: inline-block; text-align: right; width: 190px; padding: 2px 2px 2px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(border-radius.htc); }
#font-button .super { vertical-align: 5px; padding-right: 10px; }

/* =========================================================
main_image
========================================================= */
#main_image { background-color: #AECDE0; }
#main_image #main_image_in { /* padding-left: 40px; margin: 0 auto; */ width: 100%; height: 143px; /* padding-right: 1px;  */ }
/* .ie6 #main_image #main_image_in {padding-left: 40px; padding-right: 0px;} */
/* .ie6 #main_image { margin-bottom: -4px; padding-right: 2px; } */
#main_image2 { background-color: #f7ffd5; }
#main_image2 #main_image_in { height: 143px;  }
/* .ie6 #main_image2 {margin-bottom: -4px; padding-right: 2px; } */

/* =========================================================
wrapper
========================================================= */
#wrapper { /* width: 1310px; */ margin: auto; }

/* =========================================================
main
========================================================= */
#main { width: 930px; margin: 0 auto; padding-left: 7.5px; /* padding-left: 45px; */ }
/* =========================================================
left_box
========================================================= */
#wrapper #left_box { float: left; width: 225px; }

/* =========================================================
local_nav
========================================================= */
#wrapper #left_box #local_nav { margin-top: 55px; border-top: solid 3px #323F83; border-right: 1px solid #E0E1E8; }
#wrapper #left_box #local_nav ul li { border-bottom: dotted 1px #C7CAD6;background-image: url(../images/nav_bgi1.gif); background-repeat: no-repeat; background-position: 10px center; }
#wrapper #left_box #local_nav ul li.on { background-color: #F9F3B8; }
#wrapper #left_box #local_nav ul li:hover{ background-color:#F8F5D8; padding-left:1px;}
#wrapper #left_box #local_nav ul li:active{ background-color:#eef9ff; padding-left:1px;}
#wrapper #left_box #local_nav ul li a{ display: block; padding:13px 0px 13px 25px;}
#wrapper #left_box #local_nav ul li a:hover{color:rgb(104, 149, 226);}
#wrapper #left_box #local_nav ul li a:active{color:rgb(144, 199, 266);}

/* =========================================================
right_box
========================================================= */
#wrapper #right_box { float: right; width: 700px; position: relative; padding-bottom: 160px;}
.ie6 #wrapper #right_box {width: 700px;}
/* =========================================================
breadcrumb
========================================================= */
#wrapper #right_box #breadcrumb { height: 35px; background-image: url(../images/top_nav_bottom.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom: 20px; margin-left: 0px; }
#wrapper #right_box #breadcrumb p { padding-top: 10px; padding-left: 15px; color: #232B56;}
#wrapper #right_box #breadcrumb p a { color: #232B56; }

/* =========================================================
#right_content
========================================================= */
#right_content { padding: 0 20px 0 20px; }
.ie6 #right_content{
    padding: 0 20px;}
/* =========================================================
footer
========================================================= */
#footer { margin: 0 auto; clear: both; background-color: #F1EFE9; background-image: url(../images/bottom.gif); background-repeat: repeat-x; padding: 20px 0; }
#footer a { color: #232B56; }
#footer li { display: inline-block; background-image: url(../images/nav_bgi2.gif); background-repeat: no-repeat; padding-left: 18px; background-position: left center; margin-right: 20px; }
.ie #footer li { display: inline; zoom: 1; }
#footer_in { width: 1100px; margin: 0 auto; padding-left: 180px; }
.ie #footer_in li { display: inline; zoom: 1; }
.footer_out {/*  width: 1270px; */ margin: auto; }

/* =========================================================
footer2
========================================================= */
#footer2 { margin: 0 auto; background-color: #232B56; color: #FFF; height: 50px; }
#footer2 a { color: #FFF; }
#footer2 .left li { display: inline-block; margin-right: 10px; background-image: url(../images/arrow1.gif); background-repeat: no-repeat; background-position: left center; }
.ie #footer2 .left li { display: inline; zoom: 1; }
#footer_in2 { width: 960px; margin: 0 auto; padding: 15px 0 15px 45px; }
#footer_in2 ul li { background-image: url(../images/arrow1.gif); background-repeat: no-repeat; background-position: left top; padding-left: 8px; }


/* =========================================================
top
========================================================= */
.top #pl15{padding-left:15px;}
.top .pl10{padding-left: 10px;padding-top: 10px;}
.top .pd10{padding: 10px 10px 0; vertical-align:top;}

#top_main_box{width:1010px; margin: 0 auto 20px; padding:0px 0; border-bottom: #dddcd9 5px solid;border-radius: 0 0 5px 5px;}
#main_box_wrapper{background-image:url(../images/bg_03.gif);height: 330px;padding-top: 20px;}
#top_main_img{float:left;position:relative;}
#top_main_img .btn{
    position:absolute;
    bottom:10px;
    right:20px;
}
#top_main_img .btn a:hover{
    opacity: 0.8;
}

#left_menu td{vertical-align:top;}

#top_main_box ul{float:left;}
#top_main_box li {margin-bottom:-3px;padding-bottom:1px; line-height:1;}
#top_wrapper{clear:both; width: 1010px; margin:-45px auto 60px;}#top_leftbox{float:left;width:630px; padding-left: 35px;margin-top: 20px;}

#base_box{margin-bottom: 20px;margin-top:25px;}
#base_box p{margin-bottom:20px;padding-left: 25px;
    padding-right: 20px;}

#top_rightbox{float:right; width: 280px; padding-right: 34px;}
#top_rightbox h2{ background:none;
    height: auto;
    line-height: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;width: 273px;overflow: hidden;}
#left_text{margin-left: 25px;width:380px; float: left; margin-top: 20px;}

.ie6 #left_text{margin-left: 20px;width:380px; float: left; margin-top: 20px;}

#left_imgmenu{float:right;margin-right: 20px;margin-top: 20px;}

.ie6 #left_imgmenu{margin-right: 10px;}

.top h2{clear: both;}
#news_box p{padding: 7px 5px 7px 20px;margin-left:5px;}
#top_access dt{border-radius: 3px; background-color:#FD9809;text-align:center;color: #FFF;width:55px; float: left; clear: left;}
#top_access dd{float: left; padding-left: 10px;margin-bottom:13px;}
#sinryo_info{padding-right: 5px;
}
#banner_box{border: 1px #CCC solid; border-width:0 1px 1px 1px; border-collapse: separate;width:273px;}

.grad td{
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #CCCCCC;
padding: 9px 0 9px 25px;
background:url("../images/grad_1.gif") repeat-x scroll 0 0 transparent;
background-color:#E0E0E0;
}

.grad .bb_1{width:100px;}

.grad td a{padding-left: 5px;}
.grad .bbr{padding-left:0;}
.grad2{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(209,209,209) 19%, rgb(229,229,229) 40%, rgb(255,255,255) 57%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(19%,rgb(209,209,209)), color-stop(40%,rgb(229,229,229)), color-stop(57%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(209,209,209) 19%,rgb(229,229,229) 40%,rgb(255,255,255) 57%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(209,209,209) 19%,rgb(229,229,229) 40%,rgb(255,255,255) 57%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(209,209,209) 19%,rgb(229,229,229) 40%,rgb(255,255,255) 57%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgb(255,255,255) 0%,rgb(209,209,209) 19%,rgb(229,229,229) 40%,rgb(255,255,255) 57%); /* W3C */
}

#top_address_box{
padding-left: 20px;
position: relative;
background:url("../images/grad_3.gif") repeat-x;
border: 1px solid #ccc;
width: 253px;
}

#top_logo_box{position: absolute;right: 10px;bottom: 12px;
}

.top .mt20{
margin-top:20px;
}

.top .mb10{
margin-bottom:10px;
}

#top_access{
margin-top:20px;
}

#top_about{
margin:20px 0 20px;

}
body.top{background-color:#FFF;}
.top .tright{margin-top:20px;}
.top_about{}
#top_about_inner{border: 1px solid #ccc;padding: 20px 20px 7px 20px;
background:url("../images/grad_3.gif") repeat-x;width: 233px;
}

#top_wrapper .mt10{margin-top:10px;}