 
 
/*___________ == change == ___________ */
@charset "utf-8";
 
 
 
body {
	margin:0;
	padding:0;
	background: #FFFFFF url(image/bg_main_autamn.jpg) repeat fixed 200pt 60pt;
	color:#111111;
	font:12px/16px 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
	sans-serif,'VL ゴシック','さざなみ明朝';
	text-align: center; }
 
#apology {
	margin:0;
	padding:20px 20px 0 50px;
	background: #fcfcff url(image/bg_left_mt_s.jpg) left repeat-y fixed;
	color:#111111;
	font:16px/20px 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
	sans-serif;
	text-align: left; }
 
.section  {
   text-indent: -20px;
   padding-left:50px
   }

body a {
	color: #003d84;
	text-decoration: none; }
 
body a:hover {
		color: #6666FF;
		text-decoration: underline; }
 
div { text-align: left; }
 
pre {
	border: 0px;
	text-align:left;
	margin:0; }
 
.whole {
	width: 900px;
	text-align: left;
	margin-right: auto;
	margin-left: auto; }
 
/*___________== layout special == ___________ */
/*___top  __ */
div#top_h1 {
	float:left;
	display:inline;
	padding-top: 4px; }
 
#top_site_r {
	float:right;
	display:inline;
	text-align: right;
	padding: 2px 20px 0 0; }
 
/*___title  __ */
.top_title_l,
 
.top_title_logo,
 
.top_title_r {
	width:300px;
	height: 150px;
	margin:0;
	float:left;
	display:inline;
	background-color: #FFFFFF; }
 
.top_title_l { text-align: left; }
 
.top_title_logo { text-align:center; }
 
.top_title_r { text-align: right; }
 
.top_second {
    background-color: #FFFFFF;
	font-size:12px;
	font-weight:normal;
 }
 
.top_second_l {
	width: 700px;
	margin:0;
	float:left;
	display:inline;
	background-color: #FFFFFF; }
 
.top_second_r {
	width: 200px;
	margin:0;
	float:right;
	display:inline;
	text-align: right; }
 
/*-- upper 3colum --*/
.menu,
 
.left_thema,
 
 #main { height: 960px; }
 
#topics { height: 30px; }


/*______  first_flame  _____ */
.first_flame {
    width:700px;
	float: left;
    display:inline;}
 
/*______  menu  _____ */
.menu {
	margin: 0;
	float:right;
	display:inline;
	width: 200px;
	background-color: #F0F0FF; }

.menu_top {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin:0; }
 
 
.menu_archive {
	float:right;
	display:inline;
	width: 195px;
	height: 700px;
	padding: 10px;
	background-color: #F0F0FF; }
 
.menu-header {
	p\osition: relative; /* ie win (5, 5.5, 6) bugfix */
	width: 100%;
	w\idth: auto;
	margin: 0;
	border-left: 5px solid #CC0033;
	padding: 5px;
	color: #fff;
	background: #003d84;
	font: 12px;
    line-height:1.2;
    font-weight: bold;
	text-transform: uppercase; }
  
.menu-content {
	margin:0 0 5px 5px;
	border: 1px solid #a3b8cc;
	padding:0 0 3px 5px;
	color: #292e33;
	background: #e0e0ed;
	font-size: 12px; }
 
.menu-header a {
		color: #ffffff;
		text-decoration: none; }

.menu-header a:hover { color: #ffff00; }

 .menu-content  a {
	color: #333333;
	text-decoration: none; }
 
/*________  main  _____ */
#main {
	float:right;
	display:inline;
	margin: 0;
	p\osition: relative; /* ie win (5, 5.5, 6) bugfix */
	w\idth: auto;
	width: 530px; }
 
div.cacth { 
    margin:0 5px 0 5px;
    padding:4px 10px 4px 10px ;
	border-top: #ccc 3px solid; 
	border-bottom: #ccc 3px solid; 
	font:12px/16px ;
    }

ul.catch {
    margin-top:4px;
    margin-bottom:4px;
	font:bold 14px/20px 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
	sans-serif,'VL ゴシック','さざなみ明朝' ; }
p.catch {
	font:12px/16px;
    }
#topics {
	line-height: 14px;
    height:36px;
	border-bottom: #666688 inset 3px; }
 
#date {
	float:left;
	display:inline;
	width: 80px;
	text-align: right;
	border-right: #666688 inset 2px; }
 
div#news {
	float: left;
	display: inline;
	padding-left: 10px; }
 
#apeal {
	height: 710px;
	font:14px/18px 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
	sans-serif ;
	background: #FFFFFF; }
 
.apeal_r1, 
.apeal_r2 {
	float: right;
	display: inline;
	width: 320px;
	text-align: left; }
 
.apeal_r2 { border-bottom:  #cccccc 3px solid; }
 
.apeal_l {
	float: left;
	display: inline;
	width: 320px;
	height: 119px;
	padding-top: 5px;
	text-align: right;
	border-bottom: #ccc 3px solid; }
 
.apeal_c {
	text-align: right;
	padding: 3px;
	border-bottom:  #cccccc 3px solid; }

.apeal_under {
    padding: 10px;
	background: #FFFFFF url(image/serch_bg.jpg) no-repeat bottom left; 
	}
.gyouho  { 
	border: double #660066;
	padding: 5px 10px;
	margin: 0 5px 0 5px;
	}
 
/*___left_banner __ */
.left_thema {
	float: left;
	display:inline;
	width: 170px;
	margin: 0;
	text-align: right;
	font-size:12px;
	background: #DDEEFF url(image/bg_left2.jpg) repeat-y scroll; }
 
 
.left_baner_cha { margin:0 4px 15px auto; }

 
.left_baner_cha {
	padding:3px;
	background-color: #FFFFFF;
	border: 1px solid #a3b8cc;
	line-height: 20px; }
 
.tel_no {
	font-weight: bold;
	font-size: 18px;
	color: #FF0000; }
.tel_no-l {
	font-weight: bold;
	font-size: 36px;
    line-height:40px;
	color: #FF0000; }


#left_bnr_reason a,#left_bnr_voice a,
#left_bnr_check a,#left_bnr_apolo a,
#left_bnr_law a,#left_bnr_misunder a {
     display: block;
     overflow: hidden;
     height: 0px;
     width: 110px;
     padding-top: 68px;
     text-align: center;
     margin:0 4px 5px auto;
}

#left_bnr_reason a {
    background-image: url(image/left_banner_reason.gif);
 }
#left_bnr_voice a {
    background-image: url(image/left_banner_voice.gif);
 }

#left_bnr_check a {
    background-image: url(image/left_banner_check.gif);
 }

#left_bnr_apolo a {
    background-image: url(image/left_banner_apolo.gif);
 }

#left_bnr_law a {
    background-image: url(image/left_banner_law.gif);
 }

#left_bnr_misunder a {
    background-image: url(image/left_banner_misunder.gif);
 }

#left_bnr_reason a:hover,#left_bnr_voice a:hover,
#left_bnr_check a:hover,#left_bnr_apolo a:hover,
#left_bnr_law a:hover,#left_bnr_misunder a:hover {
     background-position: 0 -68px;
 }

.area {
    width: 140px;
	margin:10px 4px 5px auto;
	border: 1px solid #a3b8cc;
	padding:0 0 3px 5px;
	color: #292e33;
	background: #FFFFFF;
	font-size: 12px; }
  


 
/*___ center __ */
.middle {
	background:url(image/bg_bottom.gif) top;
	margin:0 auto 0 auto;
	color:#FFFFFF;
	width: 900px; }
 
.middle_left {
	float: left;
	display:inline;
	width: 300px;
	margin: auto;
	color: #FFFFFF; }
 
.middle_logo { margin: 0; }
 
/*___footer__ */
#foot_pipe {
	background:url(image/bg_pipe.gif) repeat-x bottom;
	margin: auto;
	width: 900px; }
 
#footer {
	background:url(image/bg_bottom.gif) top;
	margin: auto;
	color:#FFFFFF;
	width: 900px; }
 
div#footer a { color: #FFFFFF; }
 
	div#footer a:hover { color: yellow; }
 
/*___________ font span == ___________ */
p { border: 0px; margin: 0px;}
 
img { border:0; }
 
.asa {
	color: #0000FF;
	font-weight: bold; }
 
.red { color: #dc143c; }
.red-strong  { color: #dc143c;
    }
 
.h2_blue {
    color: #003d84; }
.h2_blue, .h2_ { 
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin:0; }
	
h2.red { 
    color: #dc143c;
    font-weight:bold;
    }
.blue { color: #003d84; }
 
h1 {
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	margin:0; }
 
h2 {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin:0; }
 
h2#second { font:12px/16px normal; }
 
h3 {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin:0; }
 
h4,h5,h6 {
	padding-left: 60px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	margin:0px; }
 
/*___________ layout general == ___________ */
.float-l {
	float:left;
	display:inline; }
 
.float-r {
	float:right;
	display:inline; }
 
.right { text-align: right; }
 
select { display:block; }

address {margin-left: 10px;}
 
.indent { text-indent:-2345px; }
 
.clear { clear:both; }
 
.center { text-align:center; }
 
.padding_all_5 { padding: 5px; }
 
.padding_all_10 { padding: 10px; }
 
.padding_l_20 { padding-left: 20px; }
 
.padding_l_40 { padding-left: 40px; }
 
.padding_l_60 { padding-left: 60px; }
 
dl {
 margin:0;
}


