@charset "utf-8"; 

/* main
---------------------------------------------------- */
* {margin: 0px;padding: 0px;}
html{overflow-y: scroll;}

body {
  font-size: 75%;
  line-height: 150%;
  background-image:url(../imgaes/bg.jpg);
  background-repeat:repeat-x;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  text-align:center;
  background-color:#f0f9ff;
  }

#wrapper {
	width: 895px;
	color: #333;
  	background-color:#fff;
	margin:0px auto;
	text-align:left;
	padding:0;
	background-image:url(../imgaes/page-bg.jpg);
	background-repeat:no-repeat;
}

/* link
---------------------------------------------------- */
a {	overflow: hidden;}
a:link {color: #666;}
a:visited {color: #999;}
a:hover, a:active {color: #999; text-decoration:none;}
a:focus{outline:none;}

/* header
---------------------------------------------------- */
.headtext { 
	color: #fff;
	background-color:#3399cc;
	font-size:80%; 
	line-height:12px; 
	font-weight:normal; 
	padding:3px 0px 0px 5px;
	height:15px;
	overflow: hidden;
}

#header {
	width: 895px;
	font-size:12px;
	line-height:12px;
	height:63px;
	background-image:url(../imgaes/header.jpg);
}

/* headernavi
---------------------------------------------------- */
.headnavi{
	float:right;
	margin-top:25px;	
	width:300px;
	height:22px;
}

.headnavi ul{
	list-style:none;
	width:300px;
	float:left;}
.headnavi li a{display:block;text-decoration:none;}
.headnavi li{float:left; height:21px; margin-right:7px;}
#headnavi01{ width:66px;}
#headnavi02{ width:112px;}
#headnavi03{ width:88px;}

/* navi
---------------------------------------------------- */
#navigation{width:210px; float:left; padding:0;}
#navigation ul {list-style: none;}
#navigation ul img{ vertical-align:bottom;}

/* contents
---------------------------------------------------- */
#content {
	clear:both;
	margin:15px 15px 0 15px;}

h1{	clear:both;}
h2{	clear:both;
	margin-bottom:10px;	
}
h3{	clear:both;
	margin-bottom:15px;	
}	
.title{	
	clear:both;
	margin-bottom:15px;	
	margin-top:20px;
	font-size:120%;
	color:#3f6766;
	line-height:22px; 
	letter-spacing:0.2em;
	background-image:url(../imgaes/h3bg.jpg);
	background-repeat:no-repeat;
	padding:7px 5px 7px 20px;
}

.free{
	font-size:large;
	font-weight:bold;
}
.red{
	color:#F00;
}
.blue{
	color:#00F;
}
.yobou{
	font-size:large;
	font-weight:bold;
	color:#00F;
}

h4{
	clear:both;
	margin-bottom:15px;	
	font-size:100%;
}

.deco1{
	clear:both;
	margin-bottom:15px;	
	font-size:100%;
	background-color:#fff2b5;
	padding:5px 0 5px 30px;
	color:#6e5f1a;
	font-weight:bold;
	background-image:url(../imgaes/h4-bg.jpg);
	background-repeat:no-repeat;}

.deco2{font-weight:bold;
color:#3d6a7f;
border-bottom:1px solid #3d6a7f;
margin-bottom:15px;}

/* info
---------------------------------------------------- */
#information{clear:both;width:210px;font-size:80%;}
#info-table{border:0px; width:190px; margin:0 10px }
#info-table td{padding:3px 0 6px 0;}
.tdbtm{border-bottom:1px dotted #666;}

/* mainimg
---------------------------------------------------- */
#flash{width:640px; float:right;}

/* top
---------------------------------------------------- */
#right{width:640px; float:right;}
.top-box{width:311px;}
.pb{page-break-after:always;}
.com-table{border:0px; width:280px; font-size:80%;}
.com-table td{padding:1px 0;border-bottom:#999 dashed 1px;}
.td-1{color:#999; font-weight:bold;}

/* footer
---------------------------------------------------- */
#footer{
  font-size: 11px;
  line-height:12px;
  text-align:left;
  width: 865px;
  color:#666;
  background:#ccedf4;
  background-image:url(../imgaes/footer.jpg);
  background-repeat:no-repeat;}

.pagetop{
	text-align:right;
	width: 865px;
	margin-bottom:10px;}

.flink-ul{
	list-style:none;
	text-align:left;
	font-size: 11px;
	margin-top:7px;
}
.flink-ul li{
	display:inline;
	border-right:#666 1px solid;
	padding:0px 5px 0px 5px;
	font-size:11px;
}
.flink-ul li.last{border:none;}
.flink-ul a:link {color: #666;} 
.flink-ul a:visited {color: #666;} 
.flink-ul a:hover, .flink-ul a:active {color: #999;}

#f-link-box{
	width:600px;
	margin-bottom:5px;
	margin-left:15px;}

/* css
---------------------------------------------------- */
p{margin-bottom:10px;}
img {border: 0px;}
.clear {clear:both;}

.f-left{float:left;}
.f-right{float:right;}
.v-middle{vertical-align: middle;}
.v-top{vertical-align: top;}

.rgt{text-align:right;}
.ctr{text-align:center;}
.lft{text-align:left;}

.aka {color: #dd0000;}
.blue{color:#0e6ec1;}

.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.ml10{margin-left:10px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb15{margin-bottom:15px;}
.mb5{margin-bottom:5px;}

.gray-small{font-size:85%; line-height:155%; color:#999;}
.x-small{font-size:85%; line-height:130%;}
.midium{font-size:110%;/*border-left:5px #0e6ec1 solid;*/}

.border{
	border-bottom:dashed 1px #999;
	margin-bottom:10px;
	padding:0 0 3px 8px;
	color:#333;
	font-weight:bold;
	font-size:120%;}

.bold{font-weight:bold;
color:#3d6a7f;}

.bold2{font-weight:bold;
color:#3d6a7f;
border-bottom:1px solid #3d6a7f;
margin-bottom:15px;}

.gaku{
	padding:2px;
	background-color:#FFF;
	border:1px solid #CCC;}

.img-left{margin:0; float:left;}
.img-right{margin:0; float:right;}

.tt-l,
.tt-r {
	width:310px;
	margin-bottom:20px;
}
.tt-l {
	float:left;
}
.tt-r {
	float:right;
}
.tt-l .text,
.tt-r .text {
	display:block;
	width:280px;
	float:right;
}
.tt-l .text strong,
.tt-r .text strong {
	color:#396;
	width:280px;
}

.common-box{
	border:1px #e1e1e1 solid;
	padding:8px;
	margin-bottom:10px;
	background-color:#fff;}
	
.common-in-box{
	float:left;
	padding:10px;
	margin-bottom:20px;
	background-color:#F9F9F9;}	

/* table01
---------------------------------------------------- */
.table-01 {
    width: 100%;
    border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom:20px;
}

.table-01 th {
    padding: 5px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background:#9CF;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
}
.table-01 td {
    padding: 5px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
}

.colorbox{
	background:#C2E0FC;
    text-align: center;
}

.table-01 a{
	color:#06C;
	text-decoration:underline;
	}

/* table2
---------------------------------------------------- */
.table-02 {
	float:left;
    border-top: #369 solid 2px;	
    width: 400px;
    border-collapse: collapse;
    border-spacing: 0;
	background-color:#FFF;
}

.table-02 th {
	width:30%;
    padding: 5px;
    border-bottom: #369 dotted 1px;
    border-width: 0 0 1px 1px;
	color:#369;
    font-weight: normal;
    line-height: 120%;
	text-align:center;
}

.table-02 td {
    padding: 5px;
    border-bottom: #369 dotted 1px;
    border-width: 0 0 1px 1px;
}

.td-left{	border-left:1px #369 solid;
}

/* table3
---------------------------------------------------- */
.table-03 {
	float:left;
    width: 370px;
    border-collapse: collapse;
    border-spacing: 0;
	background-color:#FFF;
	margin-bottom:20px;
}

.table-03 th {
	width:30%;
    padding: 5px;
    border-width: 1px;
	color:#369;
	background-color:#F0F0F0;
    line-height: 120%;
	text-align:center;
}

.table-03 td {
    padding: 5px;
    border-width: 0 0 1px 1px;
}

.table-04 {
	float:left;
    width: 420px;
    border-collapse: collapse;
    border-spacing: 0;
	background-color:#FFF;
	margin-bottom:20px;
}

.table-04 th {
	width:30%;
    padding: 5px;
    border-width: 1px;
	color:#369;
	background-color:#F0F0F0;
    line-height: 120%;
	text-align:center;
}

.table-04 td {
    padding: 5px;
    border-width: 0 0 1px 1px;
}

.td-btm{
	border-bottom:dashed 1px #999;
	padding:10px 0;}

/* planning.html
---------------------------------------------------- */
.flow{
	margin-top:10px;
	background-color:#C4E1FF;
	padding:1px 0 1px 8px;
	color:#114075;
	font-weight:bold;
}
	
.flowtext{
	float:right;
	width:530px;
	padding-top:10px;
	padding-bottom:20px;
	}	

/* contact.html
---------------------------------------------------- */
.common-table{
	width:100%;
	border:1px #ccc solid; 		
	border-collapse:collapse;
	margin-bottom:30px; 
}
.common-table td,
.common-table th{
	padding:3px 3px 3px 8px;
	border-bottom:1px #e1e1e1 solid;
	border-collapse:collapse}
	
.common-table th{
	border-right:1px #ccc solid;
	background-color:#f1f1f1;
	border-bottom:1px #ccc solid;
	border-collapse:collapse;
	text-align:left;
	font-weight:normal;}
.common-th{ width:30%;}*/

.con-ul{margin-bottom:15px;}
.con-ul li{
	margin-left:30px;
	margin-bottom:5px; 
	border-bottom:1px solid #ccc; 
	list-style:none;}

/* print
---------------------------------------------------- */
.pb{
page-break-after:always;}

@media print{
body {background:#fff;}
#wrapper {background:#fff;}
}