@charset "shift_jis";

/***全体構成***/

html{
	width:100%;
}

body{
	background-color:#DDD;
	width:100%;
}

HR {
	width:95%;
	border:1px solid #EEEEEE;
	margin:15px auto;
}

ul,li{
margin: 0;
padding:0;
}

#outline{
/*position : relative ;*/
	width : 900px;
	font-size : 85%;
	line-height : 20px;
	background-color:#006699;
	margin:0 auto;
}

.h_line h1{
	margin : 0px ;
	color : #efefef ;
	text-align : center ;
	margin: 0 auto ;
	background : #000000 ;
}

.header_wrp{
	width : 100%;
	height:100px;
	background : #7dc9ed ;
}

.header{
	width : 1100px;
	height:100px;
	color:#005699;
	margin:0 auto ;
}

.header_left{
	width : 350px;
	height:100px;
	color:#005699;
	font-size:13px;
	font-weight:bold;
	float:left;
}

.header_mid {
	width : 200px;
	height:100px;
	color:#005699;
	font-size:20px;
	font-weight:bold;
	float:left;
}

.header_right{
	width : 550px;
	height:100px;
	color:#005699;
	font-size:12px;
	float:right;
}

#inner { margin:0 auto; } 

.side{
	width:200px;
	padding:0px;
	float:left;
	background-color:#006699;
	text-align : left;
}

.main{
	width:698px;
	float:left;
	background-color:#FFFFFF;
	border : solid 1px #cccccc;
	text-align : left;
	margin:0px ;
	font-size: 15px;
	line-height: 18px; 
}


.line01 {
	width:auto;
	padding : 10px;
}

.line01_i {
	width:auto;
	height:250px;
	padding : 10px;
}

.line02 {
	width : 100%;
	margin-left:5px;
	margin-right:5px;
	padding : 5px;
	border : solid 1px #ffffff;}

.line03 {
	width : 650px;
	height:390px;
	background:#099 url(img/img_top4.jpg) no-repeat;
	margin:10px auto;
	text-align:center;
}

.line04 {
	width : 80%;
	margin:10px auto;
}

.line05 {
	width : 500px;
	height:auto;
	margin:10px auto;
	padding:10px;
	border : solid 1px #CCCCCC;
}

/* ２カラム用その１ */
.cont_wrapper_2 {
	width:650px;
	height:auto;
}
.cont_in_left {
	width:300px;
	height:auto;
	margin-left:10px;
	padding:10px;
	float:left;
}
.cont_in_right {
	width:300px;
	height:auto;
	padding:10px;
	float:right;
}

/* ２カラム用その２ */
.cont_wrapper_2-2 {
	width:550px;
	height:auto;
	margin:0 auto;
}
.cont2-2_in_left {
	width:250px;
	height:auto;
	margin-left:10px;
	padding:10px;
	float:left;
}
.cont2-2_in_right {
	width:250px;
	height:auto;
	padding:10px;
	float:right;
}


/*important datesページ用*/
.tbl_impt {
	padding:5px;
	font-size:14px;
	font-weight:bold;
}

.footer_wrp{
	width:100%;
	height:50px;
	background-color:#005698;
	clear:both;
}

.footer{
	width:900px;
	height:50px;
	text-align : center;
	margin: 0 auto ;
	background-color:#005698;
	clear:both;
}


.s_line{
width : 100% ;
text-align : left ;
border-top : solid 1px #000000 ;
border-bottom : solid 1px #000000 ;
}

/***ナビゲーション***/
#nav {
	width: 200px;
	height: 20px;
	margin: 0px;
}

#nav ul{
	list-style:none;
}

#nav ul li a{
	display:block;
	width:171px;
	padding-left:27px;
	font-size: 14px;
	color: #FFF;
	border: 1px solid #000000;
}

.nav-g a{
	height: 28px;
	background-color: #006699;
	background:url(img/bg_nab_01.gif) no-repeat;
	padding-top: 12px;
}

.nav-g a:hover{
	background-color: #0099CC;
	background:url(img/bg_nab_02.gif) no-repeat;
}

.nav-g2 a{
	height:40px;
	background-color: #696969;
}

.nav-g2 a:hover{
	background-color: #778899;
}

.nav-r a{
	height:28px;
	background-color: #993333;
	padding-top:12px;
}

.nav-r a:hover{
	background-color:#bc8f8f;
}



/***リンク関係***/

a{/*リンクされた文字*/
    font-style:normal;
	color:#000099;
    text-decoration:no;
    cursor: pointer;
}
a:link {/*未訪問のリンク*/
    color:#000099;
    font-style:normal;
    text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    color:#000099;
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
    color:#000099;
    font-style:normal;
    text-decoration:none;
}
a:active {/*クリック中*/
    text-decoration:none;
}


/***文字関係***/

h2 {
	display:block;
	width:auto;
	height:50px;
	background:url(img/bnr_01.gif) no-repeat;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:60px;
	padding-top:15px;
}
.h2_2lines {
	font-size:14px;
	padding-top:8px;
}
	
.text001 {
	color: #630;
	font-style: italic;
	text-decoration: underline;
	font-size: 15px;
	font-weight: bold;
}
.text002 {
	font-size: 12px;
	line-height: 15px; 
	text-align:left;
}
.text003 {
	font-size: 16px;
	line-height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: solid;
	border-bottom-color: #063;
	font-weight: bold;
	color: #063;
	border-left-color: #063;
}
.text004 {
	font-size: 12px;
	color: #FFFFFF;
}
.text005 {
	font-size: 12px;
	color: #FFF;
	padding: 5px;
	border: 1px solid #333;
	line-height: 18px;
	background-color: #096;
}

.text006 {
	padding-left: 60px;
}

.text007 {
	font-size: 13px;
	line-height: 14px; 
}

.text008 {
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	color: #006666;
	border-bottom-style: dotted;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #006666;
}

.text009 {
	font-size: 10px;
	line-height: 11px;
	color:#006666;
	position:relative;
	left: 5em;
	width:auto;
}

.text010 {
	font-size: 13px;
	line-height: 16px;
	color:#000000;
	position:relative;
	left: 2em;
	width:auto;
}

.text011 {
	font-size: 13px;
	line-height: 16px;
	color:#FFFFFF;
}
.text012 {
	font-size: 12px;
	color: #FFFFFF;
	padding: 2px;
	border: 1px solid #CCCCCC;
	line-height: 14px;
	background-color: #009966;
}
.text013 {
	font-size: 11px;
	color: #003300;
	line-height: 9px;
}
.text014 {
	font-size: 11px;
	color: #003300;
	line-height: 9px;
	font-weight: bold;
}
.text015 {
	font-size: 14px;
	color: #FFF;
	padding: 2px;
	border: 1px solid #000000;
	line-height: 18px;
	background-color: #3F3F3F;
	height: 20px;
	width: 140px;
	text-indent: 2px;
}
.text016 {
	font-size: 40px;
	line-height: 22px;
	font-weight: bold;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.text017 {
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #3F3F3F;
}

.text018 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding: 2px;
	border: 1px solid #000000;
	line-height: 18px;
	background-color: #c0c0c0;
	height: 20px;
	width: 600px;
	text-indent: 2px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 4px;
	border-left-width: 0px;
	border-bottom-color: #db7093;
}

.text019 {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #3F3F3F;
	text-decoration: underline;
}

.text020 {
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #CC3366;
}
a.text020 {
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #CC3366;
}
.text021 {
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	color: #CC3366;
}
a.text021 {
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	color: #CC3366;
}
.text022 {
	font-size: 13px;
	color: #FFF;
	padding: 2px;
	border: 1px solid #000000;
	line-height: 13px;
	background-color: #933;
	height: 20px;
	width: 140px;
	text-indent: 2px;
}
.text023 {
	font-size: 13px; vertical-align:middle;
	color: #FFF;
	border: 1px solid #000000;
	line-height: 15px;
	background-color: #933;
	height: 20px;
	text-indent: 2px;
}

.text024 {
	font-size: 13px;
	color: #FFFFFF;
	font-weight:bold;
	text-indent:2em;
}

.text025 {
	font-size: 13px;
	color: #FFFFFF;
	font-weight:bold;
	text-indent:2em;
	text-decoration: line-through;
}

.text026 {
	display: block;
	width: 645px;
	height:30px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	border-left: 15px solid #666;
	line-height: 28px;
	background-color: #366;
}

.text026 p {
	margin: 5px auto 5px 25px;
}

.text027 {
	font-size: 40px;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

.text028 {
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #FFF;
}

.text029 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
}

.text030 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #3F3F3F;
}

.text031 {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #3F3F3F;
}

.text032 {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #3F3F3F;
}

.text033 {
 display:inline-block;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
 margin:-5px 0px 5px 15px;
 padding:2px 0px 2px 0px;
 border-top:4px double #FFFFFF;
 border-bottom:4px double #FFFFFF;
}



.text_torikeshi {
	text-decoration: line-through;
	padding-right:0.2em;
}

/***レイアウト調整***/
.m_l_10 { margin-left:10px;}
.m_l_15 { margin-left:15px;}
.m_l_20 { margin-left:20px;}
.m_l_25 { margin-left:25px;}
.m_l_30 { margin-left:30px;}
.t_indent_10 {
	display:inline-block;
	margin-left:10px;
	margin-right:5px;
}
.t_indent_20 {
	display:inline-block;
	margin-left:20px;
	margin-right:5px;
}
.t_indent_30 {
	display:inline-block;
	margin-left:30px;
	margin-right:5px;
}


/***段組み設定***/

dt {
    clear: left;
    float: left;
    width: 25em;
    margin: 0;
    padding: 0.2em;
	line-height:12px;
    }

dd {
    margin: 0 0 0 25em;
    padding: 0.2em;
	line-height:12px;
    }

/***中央寄せ***/

.center {
	text-align: center;
}

/***その他文字修飾***/

.block_center {
	display:block;
	max-width:100%;
	margin:0 auto;
}

.t_b {font-weight:bold;}

/***　clearfix指定　***/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */