﻿@charset "UTF-8";

#main {
/* --- #main についていたパディングを0に上書き --- */
  padding: 0;
}

/* --- ここからテキストレイアウト設定 --- */
.imgtop {
/*  display: inline;*/
  margin: 1px;
  margin-bottom: 0px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 210px;
  background: url(../img/br.gif) bottom repeat-x;
/*  text-align: center;*/
}
.center {
  text-align: center;
}
.centermargin {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}
.centermarginlittle {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.right {
  clear: both;
  font-size:smaller;
  text-align: right;
  margin-right: 2.3em;
  margin-top: 1em;
/*  margin-bottom: 0.5em;*/
}
.medium {
  font-size: medium;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 50px;
  margin-left: 50px;
}
.small {
  font-size: small;
}
.nowrap{
  nowrap: nowrap;
  font-size: small;
}
.nowrapc {
  nowrap: nowrap;
  font-size: small;
  text-align: center;
}
.table1 {
  width: 680;
  align: center;
  nowrap: nowrap;
  font-size: small;
  border: 0;
  margin-left: 6em;
}
.table2 {
  width: 200;
  height: 30;
  font-weight: bold; 
  font-size: small;
}
.table3 {
  width: 480;
  nowrap: nowrap;
  font-size: small;
  border: 0;
}
.table4 {
  width: 600;
  align: center;
  nowrap: nowrap;
  font-size: small;
  border: 0;
  margin-left: 100px;
}
.table5 {
  width: 500;
  align: center;
  nowrap: nowrap;
  font-size: small;
  border: 0;
  margin-left: auto;
  margin-right: auto;
}
.style1 {
  font-size:smaller;
  text-align:center;
  /*font-size: small;*/
  font-family: Arial, Helvetica, sans-serif;
  color: #e2f5fc;
}
.style1black {
  font-size:smaller;
  text-align:center;
  /*font-size: small;*/
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
}
.style2 {
  margin-top: 0.5em;
  margin-bottom: 0.8em;
  font-size: small;
  text-align:left;
}
.style4 {
  font-size: small;
  margin-right: 1em;
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.style4bold {
  font-weight: bold;
  font-size: small;
  margin-right: 1em;
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.style5 {
  font-size: small;
  margin-right: 1em;
  margin-left: 1em;
}
.style6 {
  font-size: small;
  margin-right: 5em;
  margin-left: 5em;
}
.style6medium {
  font-size: medium;
  margin-right: 5em;
  margin-left: 5em;
}
.style6medium2 {
  font-size: medium;
  margin-right: 5em;
  margin-left: 5em;
  margin-bottom: 2em;
}
.style6bold {
  font-weight: bold;
  font-size: small;
  margin-right: 5em;
  margin-left: 5em;
}
.style7 {
  clear: both;
  font-size: small;
  text-align: right;
  margin-top: 1.8em;
  margin-bottom: 1.5em;
  margin-right: 20px;
}
.style8 {
  text-align: center;
  /*margin-bottom: 2em;*/
}
.style9 {
  text-align: right;
  font-weight: bold; 
  font-size: small;
}
.style10 {
  margin-top: 0em;
  margin-bottom: 0em;
  font-size: small;
  text-align:left;
}
.style20 {
	font-size: small;
    background: #E8F6FA url(../img/tablebg3.gif) repeat;
}
.style21 {
	font-size: small;
    background: #FFFFFF url(../img/tablebg2.gif) repeat;
}
.style20c {
	text-align: center;
	font-size: small;
    background: #E8F6FA url(../img/tablebg3.gif) repeat;
}
.style21c {
	text-align: center;
	font-size: small;
    background: #FFFFFF url(../img/tablebg2.gif) repeat;
}
.style26 {
    background: #00468B url(../img/tablebg.gif) repeat-x;
    font-size: small;
	text-align: center;
    font-weight: bold;
    color: #FFFFFF;
}
.style27 {
  margin-top: 1em;
  margin-bottom: 0;
  font-size: small;
  text-align:left;
}
.style28 {
  text-align: right;
  font-size: small;
  color="#EEEEEE";
}

.table {
    font-size: small;
	padding:10px 15px;
}

/*
.table2 {
    font-size: medium;
	padding:10px 15px;
}
.table3 {
    font-size: medium;
	padding:10px 15px;
	border-bottom: 0;
}
*/
th,td {
  border-bottom:1px solid #cbd1df;
}

.style27 {color: #00468B}
.style30 {	/* 先頭に戻る */
  font-size: small;
  text-align: right;
  margin-right: 2em;
}


.styleindex {
  font-size: small;
  margin-right: 3em;
  margin-left: 3em;
}



#ask {
  width: 480px;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  margin-left: 10px;
  top: auto;
  right: auto;
}

#topics {
  position: absolute;
  background: #FFFFFF/* url(../img/tablebg2.gif) repeat*/;
  padding-left: 500px;
  width: 280px;
  top: auto;
  right: auto;
  margin-right: 10px;
  margin-left: 10px;
}

/*トップページ内お知らせ（臨時使用）*/  
#info {   
    padding-left: 0px;
	margin-right: 25px; 
    margin-left: 25px;
	margin-top: 20px;
}  

/*角丸上*/  
#index_top {   
    font-size: 0;   
    background: url(../img/index_top.gif) no-repeat;   
    height: 10px;   
    width: 750px;  
	margin-right: 25px; 
    margin-left: 25px;
	margin-top: 25px;
}   
  
/*角丸中*/  
#index_middle {   
    font-size: 12px;   
    line-height: 1.5;   
    padding: 0 0px;   
    width: 748px;   
    border-left: 1px solid #cbd1df;   
    border-right: 1px solid #cbd1df;   
	margin-right: 25px; 
    margin-left: 25px;
}   
  
/*角丸下*/  
#index_bottom {   
    font-size: 0;   
    background: url(../img/index_bottom.gif) no-repeat;   
    height: 10px;   
    width: 750px;   
	margin-right: 25px; 
    margin-left: 25px;
	margin-bottom: 25px;
}   



/*角丸上*/  
#index2_top {   
    font-size: 0;   
    background: url(../img/index_top.gif) no-repeat;   
    height: 10px;   
    width: 750px;  
	margin-right: 25px; 
    margin-left: 25px;
	margin-top: 25px;
}   
  
/*角丸中*/  
#index2_middle {   
    font-size: 12px;   
    line-height: 1.5;   
    padding: 0 0px;   
    width: 748px;   
    border-left: 1px solid #cbd1df;   
    border-right: 1px solid #cbd1df;   
	margin-right: 25px; 
    margin-left: 25px;
}   
  
/*角丸下*/  
#index2_bottom {   
  font-size: 0;   
  background: url(../img/index_bottom.gif) no-repeat;   
  height: 10px;   
  width: 750px;   
  margin-right: 25px; 
  margin-left: 25px;
  margin-bottom: 25px;
}   

.plan {
  clear: both;
  font-size: medium;
  margin-top: 1.5em;
  margin-bottom: 1em;
/*  padding-left: 0.5em;
  padding-right: 0.5em;*/
}

#plan_navi{
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  padding-left: 5.5em;
  padding-right: 5.5em;
  margin-bottom: 1.5em;
}

#plan_navi ul{
  margin: 0;
  padding: 0;
  font-size: medium;
/*  margin-top: 1.5em;
  margin-bottom: 1em;
  padding-left: 1.6em;
  padding-right: 1.6em;*/
}

#plan_navi li{
  margin: 0;
  padding: 0.3em 0.3em 0.3em 0.3em;
  float: left;
  list-style: none;
/*  padding-left: 4em;
  padding-right: 4em;*/
}

/*.picture_plan {
  float: left;
  padding-left: 4em;
  padding-right: 4em;
}*/

.picture_plan02 {
  float: left;
  width: 250px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 120px;
  margin-left: 30px;
}


.picture {
  float: left;
  width: 250px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
}

.picture_work{
  width: 550px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.imgbox {
/* --- 下に配置するナビゲーションとの境界線をつくり引き締めるために線の太さ、線種、色を指定 --- */
/*  border-bottom: 3px solid #ddd;*/
}

#footer {
/* --- そのままの設定だとフッタとメニューの距離が近すぎるので上マージンを指定 --- */
  margin-top: 7px;
  clear: both;
/* --- テキストタイプのテンプレートとは異なり、ガイドラインを画像の脇に揃えたほうが見た目が良いため、左マージンを0に指定 --- */
  padding-left: 0;
}
