/* CSS Information ==============================
File name: common.css
Editors: toshiyuki ueda
Last Editor: toshiyuki ueda
Date: 2010.03.07
Table of contents:
 +base element
 +link pseudo-class
 +container
   ++banner
 +header
 +contents
 +global_navi
 +assist-nav
 +pankuzu_navi
 +main
   ++aisatsu
   ++gaiyou
   ++yellow_box
 +navi_top
 +table
 +hr
 +角丸box
 +list_pattern
 +footer
============================================== */
/*====================
 +base element
====================*/
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #f9f9f9;
	line-height: 1;
}
/*====================
 +link pseudo-class
====================*/
a,
a span {
	color: #333;
	text-decoration: underline;
	}
a:hover,
a:hover span,
a.current,
a:active,
a:focus {
	color: #0a50a1;
}

/*====================
 +container 背景(影）
======================*/
#container_shadow {
	width: 780px;
	margin: 0px auto;
	height: 100%;
	background: url("../img/container_shadow.jpg") repeat-y;
}

#container {
	margin: 0px auto;
	border-width: 1px;
	border-style: none;
	border-color: #000000;
	width: 770px;
	background: #ffffff;
}

/*====================
 +header
====================*/
#header {
	width : 770px ;
	height : 108px ;
	background : #ffffff url("../img/header_bcg.jpg") no-repeat 0 0 ;
}
#header h1 {
	margin-top: 0px;
	margin-left: 0px;
	float: left;
	display: inline;
}
#header h2 {
    top:3px;
    float: right;
	display: inline;
}
#header #hed_right {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 15px;
	padding-left: 400px;
}
/*======== ヘッダー内　箇条リンク ========*/
#header ul {
	font-size: 12px;
	margin-top: 10px;
	margin-right: 60px;
	float: right;
	list-style: none;
	display: inline;
}
#header ul { /margin-top: 38px; /margin-right: -30px; }			/*----- IE6・7用ハック -----*/ 

#header ul li {
	background: url("../img/header_list.gif") no-repeat 0em 0.5em;
	padding-top: 5px;
	padding-left: 15px;
	display: block;
	height: 20px;
	margin-left: 1.5em;
	float: left; 
	display:inline;
}
#header ul li { /padding-top: 6px; }			/*----- IE6･7用ハック -----*/ 

#header ul li a {
	color:#008000;
}
#header ul li a:link,a:active,a:visited {
	text-decoration : none ;
}
#header ul li a:hover {
	text-decoration:underline;
}
/*====================
 +contents
====================*/

#contents {
	padding: 5px;
}
/*========  +global_navi  ==========*/
#global_navi {
	float: left;
	display:inline;
}
/*========  +contents　right領域 ========*/
#contents_head {
	width: 600px;
	float: right;
	display: inline;
}
* html #contents_head { text-align: left; }			/*----- IE6用ハック -----*/ 

#global_navi h2,
#contents_head h2 {
	position: absolute;
	left: -9999px;
}
/*====================
 +assist-nav
====================*/

.allbtn ul {
	font-size: 12px;
	margin-top: 10px;
	margin-right: 60px;
	float: lift;
	list-style: none;
}
.allbtn ul li {
	background: url("../img/yajirushi.gif") no-repeat 0em 0.5em;
	padding-top: 5px;
	padding-left: 15px;
	display: block;
	height: 20px;
	margin-left: 1.5em;
	float: left;
}
.allbtn ul li a {
	color:#008000;
}
.allbtn ul li a:link,a:active,a:visited {
	text-decoration : none ;
}
.allbtn ul li a:hover {
	text-decoration:underline;
}
/*====================
 +pankuzu_navi
====================*/

#pankuzu {
	font-size: 11px;
	color: #000000;
	text-align: right;
	line-height: 25px;
	padding: 0 20px;
	list-style-type: none;
	height: 25px;
}
* html #pankuzu { margin-bottom: 0px; margin-top: -5px; }			/*----- IE6用ハック -----*/ 

#pankuzu li { display : inline ; }

#pankuzu li a { color : #000 ; text-decoration : underline ; }

#pankuzu li em { font-style : normal ; }

/*====================
 +main
====================*/
/* main (aisatsu)*/
#main , #section_aisatsu {
	width: 600px;
	float: right;
	display: inline;
}
* html #main { text-align: left; margin-top: -10px; }			/*----- IE6用ハック -----*/ 

/* main h? */
#main h2 {
	font-size: x-large;
	font-weight: bold;
	color: #7777ff;
	letter-spacing: 0.5em;
	text-indent: 30px;
	margin-top: 10px;
	padding-top: 8px;
	width: 600px;
	height: 50px;
}
	
#main h3 {
	font-size: large;
	font-weight: bold;
	color: #008000;
	letter-spacing: 0.5em;
	text-indent: 30px;
	margin-top: 5px;
	padding-top: 8px;
	width: 600px;
	height: 35px;
}
#main h4 {
	font-size: 150%;
	font-weight: 100;
	color: #000;
	margin: 10px 5px;
}
#main h5{
	font-size: 150%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 0.3em;
	margin-bottom: 0.5em;
}
#main h6{
	font-size: 120%;
	margin-bottom: 0.5em;
}

/* main lineimage 表題バックイメージ */
#main .lineimage01 {
	background: url(../img/line01.png) no-repeat;
}
* html #main .lineimage01 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage02 {
	background: url(../img/line02.png) no-repeat;
}
* html #main .lineimage02 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage03 {
	background: url(../img/line03.png) no-repeat;
}
* html #main .lineimage03 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage04 {
	height: 35px;
	background: url(../img/star.jpg) no-repeat;
}
* html #main .lineimage04 { height: 55px; }			/*----- IE6用ハック -----*/ 

#main .lineimage05 {
	margin-top: -25px;
	background: url(../img/line04.png) no-repeat;
}
* html #main .lineimage05 { margin-top: -10px; margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage06 {
	background: url(../img/line04.png) no-repeat;
}
* html #main .lineimage06 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage07 {
	background: url(../img/dia1.jpg) no-repeat;
}
* html #main .lineimage07 { height: 65px; }			/*----- IE6用ハック -----*/ 

#main .lineimage08 {
	background-image: url(../img/line05.png);
	background-repeat: no-repeat;
}
* html #main .lineimage08 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage09 {
	background-image: url(../img/line05.png);
	background-repeat: no-repeat;
	letter-spacing: normal;
}
* html #main .lineimage09 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage10 {
	background-image: url(../img/line06.png);
	background-repeat: no-repeat;
}
* html #main .lineimage10 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage11 {
	background-image: url(../img/line06.png);
	background-repeat: no-repeat;
	letter-spacing: normal;
}
* html #main .lineimage11 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage12 {
	margin-top: 15px;
	background: url(../img/dia2.jpg) no-repeat;
	letter-spacing: normal;
}
* html #main .lineimage12 { height: 55px; }			/*----- IE6用ハック -----*/ 

#main .lineimage13 {
	background-image: url(../img/line07.png);
	background-repeat: no-repeat;
	letter-spacing: normal;
}
* html #main .lineimage13 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage14 {
	background-image: url(../img/line08.png);
	background-repeat: no-repeat;
	letter-spacing: normal;
}
* html #main .lineimage14 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage15 {
	background-image: url(../img/line09.png);
	background-repeat: no-repeat;
	letter-spacing: normal;
}
* html #main .lineimage16 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

#main .lineimage16 {
	background-image: url(../img/line.png);
	background-repeat: no-repeat;
	letter-spacing: normal;
}
* html #main .lineimage16 { margin-bottom: 10px; }			/*----- IE6用ハック -----*/ 

/* main left_box */
#main .left_box {
	margin : 5px;
	float: left;
	display:inline;
}
#main .left_box p {
	font-size: 1em;
	text-align: center;
}
/* main (gaiyou)*/
#section_gaiyou p{
	font-size: 1.3em;
	text-align: justify;
	line-height: 130%;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* gaiyou h4 */
#section_gaiyou h4 {
	font-size: x-large;
	font-weight: bold;
}
/* gaiyou h5 */
#section_gaiyou h5 {
	font-size: large;
}
/* gaiyou ol */
#section_gaiyou ol {
	line-height: 140%;
	margin: 0 0 0 2em;
	padding: 1em;
	list-style-type: decimal;
}
#section_gaiyou li {
	font-size: 1.3em;
	padding-top: 5px;
}
/* main内　p 中央寄せ*/
.center_P {
	font-size: 120%;
	text-align: center;
	line-height: 30px;
	clear: both;
}
/* main内　yellow_box　中央寄せ　*/
#yellow_box {
	margin: 0px auto;
	width: 600px;
}
/*====================
 +小項目
====================*/
div.article_lv3{ margin: 5px 0; }
.article_lv3 h4{
	font-size: large;
	color: #000000;
	letter-spacing: 0.2em;
	text-indent: 15px;
	margin: 5px 0 10px;
	padding: 8px;

}
.article_lv3 p{
	text-align: justify;
}
/*====================
 +navi_top(↑up）
====================*/
.navi_top li {
	text-align: right;
	margin-top: 50px;
	margin-bottom: 10px;
}
.navi_top li a {
	background: url(../img/header_list.gif) no-repeat 0 0.3em;
	padding: 0 15px;
}
* html .navi_top li a { padding:3px 15px; }			/*----- IE6用ハック -----*/ 

.navi_top li a:link { color : #333 ; }
.navi_top li a:visited { color : #333 ; }
.navi_top li a:hover { color : #333 ; }
/*====================
 +table
====================*/
#main .table_01{
	background-color: #fff;
	vertical-align: middle;
	line-height: 200%;
	width: 500px;
}
#main .table_02{
	background-color: #fff;
	vertical-align: middle;
	line-height: 200%;
	width: 600px;
}
#main .table_03{
	background-color: #e6f2f2;
	text-align: left;
	vertical-align: middle;
	margin-top: 20px;
	border-style: none;
	width: 580px;
	border-collapse: collapse;
	border-spacing: 4px;
}
#main .table_04{
	background-color: #398073;
	vertical-align: middle;
	border-style: none;
	margin-bottom: 30px;
	border-collapse: separate;
	border-spacing: 2px;
}
#main .table_05{
   	background-color: #929249;
	text-align: justify;
	vertical-align: middle;
	margin: 10px 0px 20px 10px;
	border-style: none;
	border-collapse: separate;
	border-spacing: 2px;
}
#main .table_06{
	background-color: #5be984;
	vertical-align: middle;
	margin-top: -10px;
	border-style: none;
	margin-bottom: 50px;
	width: 580px;
	border-collapse: separate;
	border-spacing: 2px;
}
#main .table_07{
	background-color: #f3f3f3;
	text-align: left;
	vertical-align: middle;
	width: 580px;
	border-collapse: separate;
	border-spacing: 2px;
}

#main .table_08{
	vertical-align: middle;
	background-color: #fdb8fe;
	width: 580px;
	border-collapse: separate;
	border-spacing: 2px;
}
#main .table_09{
    vertical-align:middle;
    background-color:#389c38;
	border-collapse: separate;
	border-spacing: 2px;
}
#main .table_10{
	background-color: #fff;
	border: 0;
	border-collapse: separate;
	border-spacing: 4px 2px;
}

table.table_03 th{
	color: #000;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}
table.table_03 tr{
	height: 30px;
}
#main .td_00{
	vertical-align: middle;
	background-color: #fff;
	padding: 5px 5px;
}
#main .td_01{
	vertical-align: middle;
	width: 60px;
}
#main .td_02{
	vertical-align: middle;
	width: 200px;
}
#main .td_03{
	vertical-align: middle;
	width: 420px;
}
#main .td_04{
	color: #fff;
	background-color: #6cc;
	vertical-align: middle;
	height: 40px;
}
#main .td_05{
	color: #fff;
	background-color: #6cc;
	text-align: center;
}
#main .td_06{
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}
#main .td_07{
	color: #7c7c7c;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}
#main .td_08{
	background-color: #fff;
}
#main .td_09{
	color: #000;
	background-color: #b6ffcf;
	text-align: center;
	vertical-align: middle;
}
#main .td_10{
	background-color: #fff;
	vertical-align: middle;
	width: 130px;
}
#main .td_11{
	background-color: #e6f2f2;
	text-align: left;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}
#main .td_12{
	color: #000;
	background-color: #f8fcfc;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}
#main .td_13{
	color: #000;
	background-color: #e6f2f2;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}
#main .td_14{
    background-color:#fdf;
    font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；
    text-align:left;
    vertical-align:middle;
    width:10em;
}
#main .td_15{
	background-color: #ecffff;
}
#main .td_16{
	background-color: #ff9;
}
#main .td_17{
    background-color:#b36666;
}
#main .td_18{
    background-color:#80c080;
}
#main .td_19{
    background-color:#8cd2f4;
}

/*======== article_lv3内 +link pseudo-class ========*/
#main .article_lv3 a:link     {color:#008000;}
#main .article_lv3 a:visited  {color:#008000;}
#main .article_lv3 a:hover    {color:#008000;}
a:link,#main .article_lv3 a:active,main .article_lv3 a:visited{text-decoration: none;}
#main .article_lv3 a:hover{text-decoration:underline;}

/*====================
 +hr
====================*/
.b_brown{
	background-color: #6e0000;
	margin: 10px 0px;
	height: 5px;
	opacity: 0.2;
	filter: progid:DXImageTransform.Microsoft.Alpha     (style=3,opacity=100,finishOpacity=0);
}
.b_green{
	background-color:#398073;
	margin: 10px 0px;
	height: 5px;
	opacity: 0.2;
	filter: progid:DXImageTransform.Microsoft.Alpha     (style=3,opacity=100,finishOpacity=0);
}
/*====================
 +各種box
====================*/
 /*======== 角丸ボックス ========*/
 /* ボックス1 */
.rbox {
	width:270px;
	background-color:#6c6;
}
.textbox {
    margin:0px;
    padding:10px;
    background-color:#6c6;
    width:250px;
    height:160px;
    text-align:justify;
    text-justify:distribute;
}
.rtop, .rbottom{
	background-color:#fff;
}
.rtop span, .rbottom span{
	display:block;
	height:1px;
	overflow:hidden;
	background-color:#6c6;
}
 /* ボックス2 */
.rbox2 {
    width:270px;
    background-color:#fcc;
}
.textbox2 {
    margin:0px;
    padding:10px;
    background-color:#fcc;
    width:250px;
    height:160px;
    text-align:justify;
    text-justify:distribute;
}
.rtop2, .rbottom2{
	background-color:#fff;
}
.rtop2 span, .rbottom2 span{
	display:block;
	height:1px;
	overflow:hidden;
	background-color:#fcc;
}
/* ボックス3 */
.rbox3 {
    background-color:#ff9;
    margin-top:10px;
}
.textbox3 {
    margin:0px;
    padding:10px;
    background-color:#ffp;
    text-align:justify;
    text-justify:distribute;
}
.rtop3, .rbottom3{
	background-color: #fff;
}
.rtop3 span, .rbottom3 span{
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: #ff9;
}
/* ボックス4 */
div.rbox4{
    border:solid 2px #398073;
    width:400px;
    background-color:#fff;
    position:relative;
    left:100px;
    margin-top:30px;
}
h6.rbox4{
	color: #fff;
	background-color: #398000;
	text-align: center;
	margin-top: -10px;
	margin-left: 130px;
	position: relative;
	width: 140px;
	border: solid 2px #398073;
}
p.rbox4{
    padding:1em;
    text-align:left;
}
/* ボックス5 */
div.rbox5{
	border: solid 2px #398073;
	width: 580px;
	background-color: #fff;
	position: relative;
	left: 5px;
	margin: 10px 0px;
}
h6.rbox5{
    border:solid 2px #398073;
    width:140px;
    text-align:center;
    font-size:medium;
    background-color:#398000;
    margin-top:-10px;
    position:relative;
    margin-left:10px;
    color:#fff;
}
p.rbox5{
	text-align: justify;
	padding: 1em;
}
/* ボックス6 */
div.rbox6{
	border: solid 2px #398073;
	width: 580px;
	background-color: #fff;
	position: relative;
	left: 5px;
	margin-top: 40px;
}
h6.rbox6{
	color: #fff;
	background-color: #77f;
	text-align: center;
	margin-top: -12px;
	margin-left: 10px;
	position: relative;
	width: 280px;
	border: solid 2px #398073;
}
p.rbox6{
	font-size: small;
	text-align: justify;
	padding: 1em;
}
 /* ボックス7 */
.rbox7 {
    width:160px;
    background-color:#6c6;
    margin-top:30px;
    text-align:center;
}
.textbox7 {
    color:#6c6;
    width:150px;
    height:20px;
    text-align:center;
}
.rtop7, .rbottom7{
background-color:#fff;
}
.rtop7 span, .rbottom7 span{
display:block;
height:1px;
overflow:hidden;
background-color:#6c6;
}
/* ボックス8 */
div.rbox8{
    border:solid 2px #ffa4a4;
    width:580px;
    background-color:#fff;
    position:relative;
    left:5px;
    margin-top:30px;
}
h6.rbox8{
    border:solid 2px #ffa4a4;
    width:280px;
    text-align:center;
    background-color:#ffa4a4;
    margin-top:-12px;
    position:relative;
    margin-left:10px;
    color:#fff;
}
p.rbox8{
    padding:1em;
    text-align:left;
}
 /* ボックス9 */
.rbox9 {
    width:160px;
    background-color:#929249;
    margin-top:10px;
    text-align:center;
}
.textbox9 {
    color:#929249;
    width:150px;
    height:20px;
    text-align:center;
}
.rtop9, .rbottom9{
background-color:#fff;
}
.rtop9 span, .rbottom9 span{
display:block;
height:1px;
overflow:hidden;
background-color:#929249;
}
/* ボックス10 */
div.rbox10{
    border:solid 2px #929249;
    width:580px;
    background-color:#fff;
    position:relative;
    left:5px;
    margin-top:30px;
}
h6.rbox10{
    border:solid 2px #929249;
    width:280px;
    text-align:center;
    background-color:#929249;
    margin-top:-12px;
    position:relative;
    margin-left:10px;
    color:#fff;
}
 /* ボックス11 */
.rbox11 {
    width:160px;
    background-color:#8cd2f4;
    margin-top:10px;
    text-align:center;
}
.textbox11 {
    color:#8cd2f4;
    width:150px;
    height:20px;
    text-align:center;
}
.rtop11, .rbottom11{
background-color:#fff;
}
.rtop11 span, .rbottom11 span{
display:block;
height:1px;
overflow:hidden;
background-color:#8cd2f4;
}
/* ボックス12 */
.rbox12 {
    width:580px;
    background-color:#696;
}
.textbox12 {
    color:#fff;
    width:580px;
}
.rtop12, .rbottom12{
background-color:#fff;
}
.rtop12 span, .rbottom12 span{
display:block;
height:1px;
overflow:hidden;
background-color:#696;
}
/* 共通部分 */
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;} 


.textbox p,
.textbox2 p,
.textbox3 p {
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 140%;
	color: #000;
	text-align: justify;
	padding-top: 10px;
}

/* img午前ボックス */
#gozen{
	background-color: #ffffff;
	text-align: left;
	margin: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #408080;
	width: 300px;
}
/* img午後ボックス*/
#gogo{
	background-color: #fff;
	text-align: left;
	margin: 0px;
	border-width: 2px;
	border-style: solid;
	border-color: #408080;
	width: 250px;
}
.right_box{
	position: relative;
	float: right;
	display:inline;
}
.left_box{
	position: relative;
	float: left;
	display:inline;
}
/*====================
 +左右float
====================*/
.float_A {
	float: left;
	display:inline;
}

.float_B {
	float : right ;
	display:inline;
}
/*====================
 +list_pattern
====================*/
ul.list_pattern01 {
	margin: 0px 30px 0px;
	list-style-type: square;
}
.list_pattern01 li{
	vertical-align: middle;
	line-height: 150%;
	margin: 0px;
	padding: 0px 5px;
}
ul.list_pattern02 {
	text-align: justify;
	margin: 0px 30px 0px;
	list-style-type: disc;
}
.pattern02 li{
    vertical-align:middle;
}
ul.list_pattern03 {
	margin-top: 10px;
	margin-right: 60px;
	list-style: none;
}

ul.list_pattern03 li {
	background: url("../img/yajirushi.gif") no-repeat 0em 0.5em;
	padding-top: 5px;
	padding-left: 15px;
	margin-left: 1.5em;
}
ul.list_pattern04 {
    margin:5px 0px 0px 40px;
    color:#7bb4c6;
	list-style-type: disc;
}
.list_pattern04 li {
	padding-top: 5px;
	padding-left: 5px;

}
ol.list_pattern01 {
	margin: 0px 30px 0px;
	list-style-type: upper-roman;
}
ol.list_pattern02 {
	margin: 0px 30px 0px;
	list-style-type: decimal;
}
ol.list_pattern03 {
	margin: 0px 30px 0px;
	list-style-type: upper-alpha;
}
ol.list_pattern04 {
	margin: 0px 30px 0px;
	list-style-type: lower-alpha;
}
 /*　リンク装飾  */

a.move {
    text-decoration:none;
    display:block;
}

a:hover.move {
     position:relative;
    top:-2px;
    left:-2px;

}
/*====================
 +引用文
====================*/

blockquote{
background:#e6e6fa;
border-left:6px solid #7bb4c6;
padding:5px;
}

/*====================
 +footer/Copyright 
====================*/
#footer{
	font-size: small;
	color: #ffffff;
	background-image: url(../img/line1.gif);
	background-repeat: no-repeat;
	height: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	clear: both;
}