 
 
/*___________ == change == ___________ */
@charset "utf-8";
 
 
 
body {
	margin:0;
	padding:0;
	background: #FFFFFF url(image/bg_main_summer.jpg) repeat fixed 200pt 60pt;
	color:#111111;
	font:12px/16px 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
	sans-serif;
	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; }
 
.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: 740px; }
 
#topics { height: 30px; }


/*______  menu-main  _____ */
.menu-main {
    width:730px;
	float: right;
    display:inline;}
 
/*______  menu  _____ */
.menu {
	margin: 0;
	float:right;
	display:inline;
	width: 200px;
	background-color: #F0F0FF; }
 
.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-size: 12px;
	font-weight: bold;
	line-height: 1;
	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:left;
	display:inline;
	margin: 0;
	p\osition: relative; /* ie win (5, 5.5, 6) bugfix */
	w\idth: auto;
	width: 530px;
	background: #FFFFFF url(image/serch_bg.jpg) no-repeat bottom left; }
 
#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: 605px;
	font:14px/18px 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
	sans-serif ; }
 
.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; }
 
/*___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,
 
.left_baner_cha { margin:0 4px 15px auto; }
 
.left_baner { width: 120px; }
 
.left_baner_cha {
	padding:3px;
	background-color: #FFFFFF;
	border: 1px solid #a3b8cc;
	line-height: 1.5; }
 
.tel_no {
	font-weight: bold;
	font-size: 18px;
	color: #FF0000; }
 
/*___ 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; 
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin:0; }
	
.h2_menu {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	margin:0; }
 
.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; }
 
.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;
}

