@charset "UTF-8";

/*各ブラウザ互換用リセット*/
ol,ul,dl,form,p,h1,h2,h3,h4,h5,h6,dt,dd,input,textarea{
	margin:0;
	padding:0;
}

ul{
	list-style-type:none;
}

div{
	margin:0;
	padding:0;
}

img{
	border:0;
}

/*Flash余白対策*/
object,embed{
	vertical-align:top;
}

a{
	text-decoration:none;
	color:#5287a7;
}

a:hover{
	text-decoration:underline;
}

/*リンク画像hover対策*/
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}

b{
	font-size:90%;
}

/*IE6用。*/
* html b{
	font-size:105%;
}

body {
	margin:0;
	padding:0;
	background-color:#b7b7b7;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */

	line-height:1.6;
	text-align:center; /*IE6でもコンテンツが中央に表示されるように。*/
/*	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family:Arial, Helvetica, "ヒラギノ角ゴPro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size:90%;
	color:#333333;
}

*:first-child+html body{
	font-size:85%;
}

/*IE6用。*/
* html body{
	font-size:75%;
}

#my_body {
	position : relative;
	margin: 0 auto; 
	width : 790px ; 
	border-left:5px solid black;
	border-right:5px solid black;
	text-align:left;
	background-color:#fff;
	background-image:url(images/bodybg.gif);
	background-repeat:repeat-y;
}

/*▼ヘッダー部▼*/
.head_bg{
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width: 202px;
	height:90px;
}

/*トップページ*/
div #my_header {
	width : 790px ;
	background-color:#FFFFFF;
}

.float_r{
	margin:auto;
	display:inline;
	float:right;
	position:relative;
	overflow:hidden;
}

.float_l{
	display:inline;
	position:relative;
	float:left;
}

.top_msg{
	width:500px;
	margin-bottom:-20px;
}

.top_msg p{
	font-size:95%;
	line-height:175%;
}

.mb27{
	margin-bottom:27px;
}

.mb15{
	margin-bottom:15px;
}

.mb10{
	margin-bottom:10px;
}

.mb5{
	margin-bottom:5px;
}

.mb1{
	margin-bottom:1px;
}

#topflash{
	clear:left;
	position:relative;
	width:790px;
}


/*▼コンテンツ部▼*/
.white{
	color:#FFFFFF;
}

#index h1{
	display:block;
	margin:0px 0px 0px 5px;
	font-size:12px;
	font-weight:normal;
}

h1{
	display:none;
}

div .colright {
	clear:left;
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	width:790px;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	/* background-color:#EEEECC;*/	/* 視覚的な確認用の背景色 */
}

div .col1 {
	margin:auto;
	display:inline;
	float:right;
	position:relative;
	width:590px;
	overflow:hidden;
	/* background-color:#CCEECC;*/	/* 視覚的な確認用の背景色 */
}

div .col1 h2, div .col1 p, div .col1 .honbun{
	padding:15px 40px;
	color:#666666;
}

div .col1 .honbun{
	font-size:90%;
}

/*IE6用。*/
* html div .col1 .honbun{
	font-size:100%;
	line-height:1.6;
}

h2{
	padding:3px;
	color:#666666;
	font-size:130%;
	background-position:center;
	width:510px;
}

/*IE6用。*/
* html h2{
	font-size:150%;
}

h2 span{
	padding-left:14px;
	background-image:url(images/top_obi.jpg);
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	position:relative;
	vertical-align:top;
	line-height:1.6;
}

h2 span a{
	font-size:70%;
}


h3{
	font-size:120%;
}

/*IE6用。*/
* html h3{
	font-size:130%;
	margin-top:-3px;
	margin-bottom:5px;
}

#b1title{
	display:block;
	position:relative;
	margin-left:70px;
	margin-bottom:20px;
	color:#999999;
}

#b1title_cure{
	display:block;
	position:relative;
	margin-left:15px;
	margin-bottom:20px;
	color:#999999;
	font-size:130%;
}

.subcopy{
	margin-left:20px;
	margin-bottom:20px;
}

.subh4{
	color:#666666;
	font-size:80%;
}

.subh4:hover{
	color:#5287a7;
}


h4{
	display:inline;
	position:relative;
	margin-left:20px;
	font-size:115%;
	font-weight:normal;
}

#b1 h4{
	line-height:1.1;
}

.b1underline{
	display:block;
	margin-left:15px;
}

h5, #a1 h4{
	display:inline;
	position:relative;
	font-size:110%;
	color:#333333;
	margin-bottom:15px;
}

.b1text{
	margin-bottom:40px;
	margin-left:20px;
	/*widthを指定しないとie6と7で上にすき間が空いてしまう。*/
	width:480px;
}

#b2 h5{
	clear:both;
	position:relative;
	width:150px;
	float:left;
	margin-top:10px;
}

#b3 h5{
	clear:both;
	position:relative;
	width:70px;
	float:left;
	margin-top:10px;
	margin-left:50px;
	font-size:95%;
	font-weight:normal;
}

#b3 table{
	font-size:85%;
	font-weight:normal;
}

.float_r_b2{
	width:300px;
	float:left;
	margin-left:15px;
	margin-top:8px;
	line-height:1.2;
}

.float_r_b3{
	width:320px;
	float:left;
	margin-left:10px;
	margin-top:8px;
	line-height:1.2;
	font-size:90%;
}

h6{
	display:inline;
	font-size:130%;
	font-weight:normal;
	color:#666666;
}

.kon{
	color:#003399;
	display:block;
	margin-top:5px;
}

.links{
	display:block;
	position:relative;
	width:370px;
	margin-left:30px;
	margin-bottom:15px;
}

.links a{
	color:#333333;
}

.links a:hover{
	color:#5287a7;
}

.topic{
	color:#003399;
}

.topicl{
	color:#003399;
	font-size:110%;
	font-weight:bold;
}


/*▼左メニュー部▼*/
div .col2 {
	display:inline;
	position:relative;
	float:left;
	width:200px;
	background-color:#F0F0F0;
	vertical-align:top;
	margin-top:0;
}

div .col2 p{
	padding:10px 15px 0 15px;
	width:170px;
}

div .col2 #guara{
	padding:0 0 0 15px;
	width:170px;
}

div .col2 a{
	font-size:80%;
}

div .col2 strong{
	font-size:90%;
}

/*IE6用。*/
* html div .col2 strong{
	font-size:100%;
}

div .col2 strong a{
	font-size:100%;
	color:#000000;
}

div .col2 strong a:hover{
	color:#5287a7;
}

.wrapfeed{
	display:block;
	width:170px;
	padding:0 0 0 23px;
	margin-top:0;
}

.ml8{
    padding-left:8px;
}

/*feedburner ここから*/
.date{
	display:inline;
}
.headline{
	display:block;
	font-size:100%;
	padding:4px 0;
	width:170px;
	word-break:break-all;
	line-height:1.1;
}
/*IE6用。*/
* html .headline{
	padding:8px 0 0 0;
	line-height:1.5;
}
*:first-child+html .headline{
	padding:8px 0 0 0;
	line-height:1.5;
}
#creditfooter{
	display:none;
	margin-bottom:-20px;
}
/*feedburner ここまで*/


/*サイドバー可変部 ここから*/
.accordion_toggle {
    display: block;
	position:relative;	
	vertical-align:middle;
	background-image:url(images/side_parent_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#DDDDDD;
    margin-bottom: 5px;
    padding:3px 0 3px 8px;
}
.accordion_toggle_active {
	font-weight:bold;
	color:#FFFFFF;
	background-image:url(images/side_parent_bg2.jpg);
}
.accordion_content {
    overflow: hidden;
    padding:0 10px 10px 15px;
	font-size:100%;
	line-height:1.8;
}
.accordion_content li ul{
    padding-left:8px;
	line-height:12px;
}
.menuli{
	line-height:1.1;
	padding:4px 0;
}
/*サイドバー可変部 ここまで*/
.information {
    display: block;
	position:relative;	
	vertical-align:middle;
	background-image:url(images/side_parent_bg00.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#DDDDDD;
    margin-bottom: 5px;
    padding:3px 0 3px 8px;
}

#footnavi{
	font-size:85%;
}
/*IE6用。*/
* html #footnavi{
	font-size:75%;
}
*:first-child+html #footnavi{
	font-size:75%;
}
	
/*▼フッター部▼*/
div #footer {
	display:block;
	position:relative;
	clear:both;
	width:790px;
	height:76px;
	background-color:#003399;
	background-image:url(images/foot_bg.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
}

div #footer p {
	padding:8px 8px 0 0;
	text-align:right;
	line-height:1.2;
	font-size:70%;
}

div #footer p a{
	color:#FFFFFF;
}

#footer_link {
	font-weight:normal;
    margin: auto;
	font-size:13px;
	background-color:#FFF;
	text-align:center;
	
}

/*IE6用。*/
* html div #footer p {
	font-size:95%;
}

.center{
	text-align:center;
}

