@charset "shift_jis";

/*
	Site Name:
	Description:
	Version:
	Author:
*/

/*
===== CONTENTS ===========================================

1: universal reset
2: #contents#main 画面中央部
3: #contents#main TOPページのみ配置
4: #contents#main 画面サイド部共通
5: #contents#main 画面サイド右側部メニュー
6: #contents#main 画面サイド左側部更新情報

==========================================================
*/

/*===== 1: universal reset =================================

*default.css にて整形

===========================================================*/

/*===== 2: #contents#main 画面中央部 =================================*/
#mainCenter{
	width: 660px;
	float: left;
}

#mainCenter .main{　/* 画面中央部コンテンツ */
	width:648px;
	height:auto;
	margin-top: 10px;
}

#mainCenter .mainInfo{
	width:620px;
	height:auto;
	margin: 0px;
	padding:0px 16px 10px;
}

h1{
border-left:10px solid #669934;
border-top:3px solid #669934;
border-bottom:3px solid #669934;
border-right:3px solid #669934;
background-color:#9FD239;
margin:0px 0px 10px 0px;
padding: 11px 10px 10px;
color:#FFFFFF;
font-size:20px;
}

h2{
border-left:10px solid #669934;
border-top:2px solid #669934;
border-bottom:2px solid #669934;
border-right:2px solid #669934;
background-color:#FFFFFF;
margin:0px 0px 10px 0px;
padding: 11px 10px 10px;
color:#669934;
font-size:16px;
}

h3 {
font-size:16px;
margin:20px 0px 10px 20px;
}

h3.red {
font-size:16px;
margin:20px 0px 10px 20px;
color:#FF0000;
}

#mainCenter .main p{　/* 画面中央部文字指定 */
font-size:14px;
margin:10px 0px 10px 20px;
}

#mainCenter .main .box300{　/* 画面中央部ボックスおよびボックス内文字指定 */
display:block;
width:300px;
height:auto;
border:1px solid #000000;
font-size:12px;
padding:10px;
margin-top:20px;
}

#mainCenter .main #gototop{
margin-bottom:10px;
margin-right: 5px;
text-align:right;
}

/*===== 3: #contents#main TOPページのみ配置 =================================*/
#mainLower{
	width:980px;
	padding:0px;
	height:340px;
	float:left;
	margin:12px auto 0 auto;
	font-size:12px;
	line-height:1.2em;
}
/*
//IE5,6対応
* html #mainLower{
	_width:980px;
	_padding:0px;
	_height:330px;
	_float:left;
	_margin-left: -5px;
}
*/
#mainLower .block_left{
	float:left;
	width:148px;
	height:314px;
	margin-right:11px;
	border:1px solid #0069B5;
	margin-left: 5px;
        
}


#mainLower .block_left ul{
        list-style:none;
        padding:6px;
}

#mainLower .block_left li{
        line-height:1.3em;
        margin-bottom:10px;
}

#mainLower .block_center_l{
        float:left;
        width:314px;
        height:314px;
        margin-right:18px;
        border:1px solid #0069B5;
        background-color:#000;
}

#mainLower .block_center_r{
        float:left;
        width:314px;
        height:314px;
        border:1px solid #0069B5;
        margin-right:9px;
}

#mainLower .block_right{
	float:left;
	width:148px;
	height:314px;
	border:1px solid #0069B5;
	line-height:1.3em;
}

#mainLower .block_right ul{
        list-style:none;
        padding:6px;
}

#mainLower .block_right li{
        margin-bottom:10px;
}

#mainUpper{
width:980px;
margin: 0 auto;
padding: 0px;
height:355px;
float:left;
}

/*------ 緊急のお知らせ -------------------------------------------------*/

#news {
	border: 1px #FF0000 solid;
	padding: 15px 15px 0;
	background-color:#F3F3F3;
	font-size: 80%;
	margin-top: 10px;
}
#news h2 {
	font-size: 120%;
	font-weight: bold;
	border-left: 5px #CC0000 solid;
	margin-bottom: 1em;
	border-bottom: none;
	border-right: none;
	border-top: none;
	color: #333333;
	background: none;
	padding: 0 0 0 7px;
}
#news h3 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 1em;
}
#news p {
	margin-bottom: 1em;
}
#news ul {
	margin-bottom: 1em;
	list-style: none;
}


/*===== 4: #contents#mainLeft,mainRight 画面サイド部共通 =================================*/
#mainLeft,#mainRight{
	width: 160px;
	height: 330px;
	float: left;
	padding: 0px;
}

.subinfo{
	width:148px;
	height:340px;
	border: 1px solid #0069B5;
	margin-left: 5px;
	margin-top: 10px;
	overflow: auto;
}

/*===== 5: #contents#main 画面サイド左側部メニュー =================================*/
.subinfotop{
	width:148px;
	height:340px;
	border: 1px solid #0069B5;
	margin-top: 10px;
	margin-left: 5px;
}

.subinfotop dl{
font-size: 12px;
color: #0069B5;
}
.subinfotop dt{
margin-top: 5px;
margin-left: 5px;
padding: 0px;
font-size: 12px;
color: #0069B5;
	line-height: 1.2em;
}

.subinfotop dt a{
color: #0069B5;
}

.subinfotop dt a:hover{
color: #F29702;
}
/*===== 6: #contents#main 画面サイド右側部更新情報 =================================*/
.subinfo dl{
/*margin: 10px 5px 10px 5px;
font-size: 14px;
font-weight: bold;
color: #0069B5;
*/}
.subinfo dt.date{
margin: 0px 5px 0px 5px;
padding: 5px 0px 2px;
font-size: 12px;
color: #0069B5;
}
.subinfo dt.topix{
margin: 0px 5px 0px 5px;
padding: 0px 0px 5px;
font-size: 12px;
color: #0069B5;
border-bottom: 1px solid #CCCCCC;
}

.subinfo dt.topix a{
color: #0069B5;
}

.subinfo dt.topix a:hover{
color: #F29702;
}

.subinfo h2{
font-size: 14px;
font-weight: bold;
/*color: #FFFFFF;
background-color: #00A0EA;*/
padding: 0 5px;
margin: 10px 5px 5px;
border: none;
line-height: 1.6em;
border: 1px solid #0069B5;
border-left: 2px solid #0069B5;
color: #0069B5;
}

dl.updates {
}

dl.updates dt {
margin: 0px 5px 0px 5px;
padding: 5px 0px 2px;
font-size: 12px;
color: #0069B5;
}

dl.updates dd {
margin: 0px 5px 0px 5px;
padding: 0px 0px 5px;
font-size: 12px;
color: #0069B5;
border-bottom: 1px solid #CCCCCC;
}

/*===== 7: #copyright =================================*/
#copyright {
	width: 980px;
	position: relative;
	top: 20px;
	clear: both;
	margin-top: -10px;
	padding-top: -10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}#page {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}


/*==============リニューアルデザイン用=================*/
.attention .title {
	font-size: 120%;
	font-weight: bold;
	color: #FF0000;
	margin-left: 10px;
	margin-top: 7px;
	float: left;
}

.attention .list_red {
	float: left;
	margin-left: 20px;
	margin-top: 7px;
}
.list_red li {
	background-image: url(../../images/arrow_red.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	list-style-type: none;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-position: 1px;
}
#page #contents #campaign {
	clear: both;
}

#page #contents_left {
	width: 690px;
	float: left;
	margin-bottom: 20px;
}
#page #contents_right {
	width: 272px;
	float: left;
	margin-left: 15px;
	text-align: left;
	margin-bottom: 15px;
}
#page #contents_left #campaign {
	clear: both;
	margin-top: 5px;
	margin-bottom: 15px;
	border: 4px solid #00489A;
	height: 162px;
	padding:0;
}
#page #contents_right #now {
	margin-top: 5px;
	border: 1px solid #00489A;
	margin-bottom: 15px;
}

.list_red2 {
	margin-left: 10px;
	margin-top: 3px;
}
.list_red2 li {
	background-image: url(../../images/arrow_red.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	list-style-type: none;
	padding-top: 3px;
	background-position: 1px;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 2px;
}
#page #contents_left .service {
	float: left;
	border: 1px solid #999999;
	margin-top: 15px;
	padding-bottom: 10px;
	list-style-type: none;
	width:218px;
	background-color: transparent; 
}
#page #contents_left .service2 {
	float: left;
	border: 1px solid #999999;
	margin-left: 15px;
	margin-top: 15px;
	padding-bottom: 10px;
	list-style-type: none;
	width:218px;
	background-color: transparent; 
}

#page #contents_right #movie {
	width: 271px;
	border: 1px solid #0085d0;
}
#movie .movie_text {
	color: #0085d0;
	line-height: 1.5em;
}
.service ul li {
	background-image: url(../../images/arrow_blue.jpg);
	text-align: left;
	padding-left: 15px;
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: 10px;
	font-size: 120%;
	background-position: left top;
	margin-top: 2px;
	margin-bottom: 2px;
}
.service2 ul li {
	background-image: url(../../images/arrow_blue.jpg);
	padding-left: 15px;
	background-repeat: no-repeat;
	list-style-type: none;
	text-align: left;
	margin-left: 10px;
	font-size: 120%;
	background-position: left top;
	margin-top: 2px;
	margin-bottom: 2px;
}

#page #contents_left .service .sonota {
	background-image: url(../../images/icon_arrow3.gif);
	padding-right: 10px;
	line-height: 1.2em;
	font-size: 100%;
}
#page #contents_left .serviceall {
	background-image: url(../../images/main_back.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:100%;
	height: 130px;
}
#new {
	margin-top: 5px;
	border: 1px solid #00489A;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: left;
}

#new dt {
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
#new dl {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
#page .pagetop {
	background-image: url(../../images/title_top.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 980px;
	margin: 0px;
	height: 30px;
	background-position: right;
	clear: both;
	padding: 0px;
}
#page .pagetop .pagetoptxt {
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
}
#page .pagetop .pagetoptxt a:link {
	color: #FFFFFF;
}
#page .pagetop .pagetoptxt a:hover {
	color: #FFFFFF;
}

#page .pagetop .pagetoptxt a:active {
	color: #FFFFFF;
}
#page .pagetop .pagetoptxt a:visited {
	color: #FFFFFF;
}
#page #contents_left .attention {
	/*height: 33px;
*/}
.service ul {
	margin-top: 5px;
}
.service2 ul {
	margin-top: 5px;
}

.service3 ul {
	margin-top: 5px;
	margin-bottom: 10px;
}

.service3 li {
	background-image: url(../../images/arrow_blue.jpg);
	text-align: left;
	padding-left: 15px;
	background-repeat: no-repeat;
	list-style-type: none;
	margin-left: 5px;
	font-size: 120%;
	background-position: 1px 0px;
	margin-bottom: 5px;
}.service3 td {
	vertical-align: top;
	border: 1px solid #00489A;
}

.service3 {
	margin: 5px 0;
	padding: 0px;
}

.service3 .list_ather {
	font-size: 0.9em;
	text-align: left;
	line-height: 1.2em;
}
#page #contents_left .service3 .sonota {
	line-height: 1.2em;
	padding: 5px;
	text-align: left;
}