@charset "shift_jis";
body  {
	background:#EEEEEE;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 83%;
	line-height:130%;
}

p{
margin:0;
padding:0;
}

img{
margin:0;
padding:0;
border:0;
}

td{
vertical-align:top;
}

.sf{
font-size:80%;
line-height:120%;
margin-top:5px;
}

.bf{
font-size:115%;
line-height:140%;
}

#container { 
	width: 799px; 
	background: #224063;
	margin: 0 auto;
	text-align: left;
} 
#header { 
	background: #DDDDDD; 
	padding: 0px; 
} 

#sidebar1 {
	float: left; 
	width: 189px;
}

#topmainContent {
	float:right;
	width:610px;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
	margin:0px;
} 

#mainContent {
	float:right;
	width:560px;
	padding:0px 25px 30px 25px;
	background-color:#FFFFFF;
} 
#footer { 
	background:#005BAB;
} 
#footer p {
	margin: 0;
	padding: 7px 15px;
	color:#FFFFFF;
	font-size:80%;
}


h1{
	margin:0;
	padding:0;
}

h2{
	margin:0px 0px 15px 0px;
	padding:0;
}

.h3_mecha{
margin:0px 0px 15px 0px;
padding:5px 10px 4px 10px;
background-color:#F3F3F3;
border-left:solid 5px #FF9900;
border-bottom:1px dotted #666666;
font-size:15px;
font-weight:bold;
}

.h3_ele{
margin:30px 0px 15px 0px;
padding:5px 10px 4px 10px;
background-color:#F3F3F3;
border-left:solid 5px #009933;
border-bottom:1px dotted #666666;
font-size:15px;
font-weight:bold;
}

.h3_ele2{
margin:15px 0px 15px 0px;
padding:5px 10px 4px 10px;
background-color:#F3F3F3;
border-left:solid 5px #009933;
border-bottom:1px dotted #666666;
font-size:15px;
font-weight:bold;
}

.h3{
margin:30px 0px 15px 0px;
padding:5px 10px 4px 10px;
background-color:#F3F3F3;
border-left:solid 5px #0070D3;
border-bottom:1px dotted #666666;
font-size:15px;
font-weight:bold;
}

.h3_2{
margin:15px 0px 15px 0px;
padding:5px 10px 4px 10px;
background-color:#F3F3F3;
border-left:solid 5px #0070D3;
border-bottom:1px dotted #666666;
font-size:15px;
font-weight:bold;
}

.titl_1{
	background-color:#FFFCBF;
	font-size:15px;
	font-weight:bold;
	padding:5px 10px;
	color:#FF6600;
	margin:0px 0px 10px 0px;
}

.titl_2{
background-color:#FFDBA6;
padding:4px 5px 4px 5px;
font-size:15px;
font-weight:bold;
border-left:solid 5px #FF9900;
}

.titl_3{
background-color:#CCCCCC;
padding:4px 5px 4px 5px;
font-weight:bold;
}

.txt_l{
	padding:5px 0px 0px 15px;
	vertical-align:top;
	}

.txt_r{
	padding:5px 15px 0px 0px;
	vertical-align:top;
	}

.mt_10{
margin-top:10px;
}

.mt_30{
margin-top:30px;
}

.mb_5{
margin-bottom:5px;
}

.mb_10{
margin-bottom:10px;
}

.mb_20{
margin-bottom:20px;
}

.mb_30{
margin-bottom:30px;
}

.ml_5{
margin-left:5px;
}

.p_p tr td{
padding:5px 0px 5px 0px;
vertical-align:top;
}


.td_r{
border-right:1px solid #999999;
border-bottom:1px dotted #CCCCCC;
vertical-align:top;
padding:5px 10px;
}

.td_b{
border-bottom:1px dotted #CCCCCC;
vertical-align:top;
padding:5px 10px;
}

.td_b2{
vertical-align:top;
padding:5px 10px;
}

.td_r2{
border-right:1px solid #999999;
vertical-align:top;
padding:5px 10px;
}

.td_b3{
border-bottom:1px solid #999999;
border-right:1px solid #999999; 
vertical-align:top;
padding:5px 10px;
}

.td_r2{
border-right:1px solid #999999;
vertical-align:top;
padding:5px 10px;
}

.td_b4{
border-bottom:1px solid #999999;
vertical-align:top;
padding:5px 10px;
}

.top{
font-size:85%;
color:#666666;
float:right;
background-image:url(../com/arrow.gif);
background-repeat:no-repeat;
padding:0px 0px 30px 13px;
}

.top a:link{color:#666666;}
.top a:hover{color:#0066CC;}

.a a:link{color:#000000;}
.a a:hover{color:#666666}
.a a:visited{color:#000000;}


.top2{
font-size:85%;
color:#666666;
float:right;
background-image:url(../com/arrow.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 13px;
}

.top2 a:link{color:#666666;}
.top2 a:hover{color:#0066CC;}


dt{
	float:left;
	clear:left;
	display:block;
	padding:0 15px 5px 0;
	}

dd{
padding:0 15px 5px 0;
}

.k{
white-space: nowrap;
}






/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 10px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
}
.fltlft_r40 { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right:40px;
}

.clearfloat { 
	clear:both;
}