@charset "utf-8";

/*==================================================*/
/*----------------------------------------------------
*  テンプレート部分の設定
*---------------------------------------------------*/
/*==================================================*/

/*----------------------------------------------------
*  各タグの初期設定
----------------------------------------------------*/

html * {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

body {
  text-align: center;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 80%;
  color: #666;
  line-height:1.3em;
  background: url(../img/common/bg.jpg);
}

ul {
  list-style: none;
}

img {
  border: 0;
}

body p {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  padding: 3px; 5px;
}

body a {
  color: #278;
}
body a:visited {
  color: #828;
}
body a:hover {
  color: #49b;
}


/*----- 共通クラス設定 -----*/
.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.float-l {
  float: left;
}

.float-r {
  float: right;
}


/*----- clearfixハック -----*/

/* IE以外のモダンブラウザ向け */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE7および、Mac：IE5向け */
.clearfix {
  display: inline-block;
}

/* IE6以前向け */
/* Hides from IE-mac \*/
* html.clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */ 

/*----------------------------------------------------
*  サイト全体の設定
----------------------------------------------------*/

#container{
  width :757px;
  margin: 0 auto;
  background: url(../img/common/bg_con.jpg) repeat-y;
  text-align: left;
  border-bottom: 1px solid #696;
}

/*----------------------------------------------------
*  ヘッダーの設定
----------------------------------------------------*/
#header {
  width: 700px;
  margin: 0 auto;
  clear: both;
}
/*----- サイトロゴの設定 -----*/
#logo {
  padding: 0px 0 5px 0px;
  float:left;
}
.add {
  font-size:95%;
  line-height:1.2em;
  text-align:right;
  float:rigth;
  padding: 5px 0px 3px;
}
.sub-navi-r {
  height:20px;
  float:right;
  background:url(../img/common/sn.jpg) repeat-x bottom;
  border-bottom: 1px solid #acb;
  border-left: 4px solid #376;
  border-right: 4px solid #376;
  padding: 0 10px;
}
.sub-navi-r li {
  background:url(../img/common/square.gif) no-repeat 0 40%;
  float:left;
  height:20px;
  padding: 2px 15px;
}
#main-navi {
  width:700px;
  height: 40px;
  border-bottom-color:#000;
  float:left;
  clear:both;
}
#main-navi li { float:left;}
.num_01 { width:110px;}
.num_02 { width:120px;}
.num_03 { width:120px;}
.num_04 { width:120px;}
.num_05 { width:120px;}
.num_06 { width:110px;}

/*----------------------------------------------------
*  フッターの設定
----------------------------------------------------*/
#footer {
  width: 700px;
  padding-top:10px;
  margin: 0 auto;
  height: 120px;
  clear: both;
}
.sub-navi-l {
  height:20px;
  float:left;
  background:url(../img/common/sn.jpg) repeat-x bottom;
  border-left: 4px solid #376;
  border-right: 4px solid #376;
  border-bottom: 1px solid #acb;
  padding: 0 10px;
  margin:0;
}
.sub-navi-l li {
  background:url(../img/common/square.gif) no-repeat 0 40%;
  float:left;
  height:20px;
  padding: 2px 15px;
  margin:0;
}
#zcf { float:right; line-height:5px;}
#skn { float:right; clear:both;}
p.copy { float:left; width:500px;}

/*----------------------------------------------------
*  メインコンテンツの設定
----------------------------------------------------*/

#main {
  width:700px;
  margin: 0 auto;
  padding:0;
  clear:both;
  text-align:left;
}



/*----------------------------------------------------
*  共通スタイル
----------------------------------------------------*/

/*-- タイトル画像 --*/

h1.title-img {
  margin:0;
  padding:0;
}
/*-- トップへ戻る --*/
.go-top {
  text-align: right;
  margin-bottom: 10px;
  color:#369;
}
/*-- 画像 --*/
.img {
  margin:0;
  padding:0;
}
.img-center {
  margin:0;
  padding:0;
}
/*-- 背景色 --*/
.border {
  background-color: #f0f8ff;
  text-align:center;
}
/*-- 注釈 --*/
.remark {
  color: #369;
}

/*----------------------------------------------------
*  トップページの設定
----------------------------------------------------*/

/*----------------------------------------------------
*  左コンテンツの設定
----------------------------------------------------*/
#top-main_l a {
  color: #00b;
}
#top-main_l a:visited {
  color: #828;
}
#top-main_l a:hover {
  color: #00f;
}
#top-main_l {
  width:420px;
  margin: 5px 0;
  padding-bottom: 5px;
  float:left;
  background:url(../img/top-menu_1.jpg) top;
  background-color:#dea;
  border:#eea solid 1px;
}
#memu_l {
  width:410px;
  margin: 5px;
}
#memu-box_l {
  background-color:#FFFFFF;
  border:#eea solid 1px;
  border-top: none;
  float:left;
  padding: 10px 4px 10px;
}
.color_off {
  width:200px;
  margin: 0px;
  padding: 0px;
}
.color_on {
  width:200px;
  background-color:#f2f3dc;
  margin: 0px;
  padding: 0px;
}
.p-l {
  float: left;
}
.p-r {
  float: right;
}

.lay-box{ float:left; width: 400px; }

#memu-box_l h3 {
  font-size:14px;
  text-indent:40px;
  margin:5px;
  padding:12px 0 8px;
}

#memu-box_l p { margin: 0 5px 1em 10px; font-size: 90%; }

h3.icon01 { background:url(../img/icon/icon_01.gif) no-repeat 0 0;}
h3.icon02 { background:url(../img/icon/icon_02-2.gif) no-repeat 0 0;}
h3.icon03 { background:url(../img/icon/icon_03-2.gif) no-repeat 0 0;}
h3.icon04 { background:url(../img/icon/icon_04.gif) no-repeat 0 0;}
h3.icon05 { background:url(../img/icon/icon_05.gif) no-repeat 0 0;}
h3.icon06 { background:url(../img/icon/icon_06-2.gif) no-repeat 0 0;}
h3.icon07 { background:url(../img/icon/icon_07-2.gif) no-repeat 0 0;}
.top-link { text-align:center; padding-top:15px;}

/*----------------------------------------------------
*  右コンテンツの設定
----------------------------------------------------*/

#top-main_r {
  width:260px;
  margin: 5px 0;
  padding-bottom: 0px;
  float:right;
  background:url(../img/top-menu_2.jpg) top;
  background-color:#cde;
  border:#cde solid 1px;
}
#memu_r {
  width:250px;
  margin: 5px;
}
#memu-box_r {
  background-color:#FFFFFF;
  border:#c2c3dc solid 1px;
  border-top: none;
  padding: 5px 4px 5px;
}

#memu-box_r dl {
  padding: 0 5px;
}
#memu-box_r dt {
  font-weight:bold;
  color: #c00;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#memu-box_r dd {
  border-bottom: dotted 1px #ccc;
  padding-bottom: 3px;
  margin-bottom: 5px;
}
.bn-img { margin: 0 5px 5px; padding:0; }

#top-main_b {
  width: 420px;
  float: left;
}
#top-main_b p {
  margin: 5px 0; padding: 0;
}

/*----------------------------------------------------
*  下層ページの設定
----------------------------------------------------*/
/*----------------------------------------------------
*  パンくずの設定
----------------------------------------------------*/
p.handel { margin: 10px 20px 0;}
/*----------------------------------------------------
*  テーブルの設定
----------------------------------------------------*/
table { clear:both; margin: 10px 0 20px;}
th {
 border: 1px solid #9ac;
 background:url(../img/th.jpg) repeat-x top;
 background-color:#acf;
 padding: 3px; color:#369;
}
td {
  border: 1px solid #9ac;
  padding:3px;
}
td.join {
  padding: 3px 3px 3px 36px;
  background:url(../img/join.gif) no-repeat 3px 50%;
}

#calendar table {
 border-collapse: collapse;
 margin-bottom: 30px;
}
#calendar table th {
 border: 1px solid #666;
 background: none;
 background-color: #f9f9ef;
 text-align: center;
 padding: 2px 3px; color: #333;
 font-weight: 100;
}
#calendar table .c_b {
  background-color: #eff9ff;
  color: #009;
}
#calendar table .c_r {
  background-color: #ffefef;
  color: #900;
}
#calendar table td {
  border: 1px solid #666;
  padding: 2px 3px;
}

#calendar dt {
  padding: 3px;
  background-color: #f6f6ff;
  color: #336;
}
#calendar dt a {
  color: #336;
  text-decoration: none;
}
#calendar dd {
  padding: 3px;
  margin-left: 10px;
}


/*----------------------------------------------------
*  リスト設定
----------------------------------------------------*/

/*-- 縦リスト --*/
ul.index-li2 {
  margin: 10px 0;
}
ul.index-li2 li {
  padding: 0 0 3px 15px;
  background: url(../img/common/globe.gif) no-repeat 4px 4px;
}
ul li.li-title {
  padding: 0 0 3px 0;
  background: none;
  color: #369;
}
.head {
  font-weight:bold;
}
/*-- 縦リスト --*/
ol {
  margin: 10px 0;
}
ol li {
  margin: 0 0 3px 15px;
  background: none;
  list-style:none;
}
ul.index-li2 ol li {
  margin: 0 0 3px 15px;
  background: none;
  list-style:none;
}

/*-- 横リスト --*/
ul.index-li {
  width:350px;
}
ul.index-li li {
  padding-left: 15px;
  background: url(../img/common/globe.gif) no-repeat 4px 50%;
  float: left;
  white-space: nowrap;
}
/*-- 横リスト100% --*/
ul.index-li3 {
  width:100%;
}
ul.index-li3 li {
  padding-left: 15px;
  background: url(../img/common/globe.gif) no-repeat 4px 50%;
  float: left;
  white-space: nowrap;
}
ul.index-li3 li.li-title {
  padding: 0 0 3px 0;
  background: none;
  float: none;
  color: #369;
}


/*----------------------------------------------------
*  中央コンテンツの設定
----------------------------------------------------*/

#main_center {
  text-align:left;
  width:600px;
  margin: 10px auto;
  background:url(../img/common/ft.gif) repeat-x bottom;
  border-bottom:1px solid #acf;
}
#main_center h1.text-h1 {
  border-left: 4px solid #9bd;
  border-bottom: 1px solid #9bd;
  background:url(../img/h2.jpg) repeat-x bottom;
  padding: 3px 5px;
  margin-bottom: 5px;
  color:#369;
  font-size:120%;
}
#main_center h2.text-h2 {
  border-left: 4px solid #9bd;
  border-bottom: 1px solid #9bd;
  background:url(../img/h2.jpg) repeat-x bottom;
  padding: 3px 5px;
  margin-bottom: 5px;
  color:#369;
  font-size:120%;
}
#main_center h2.text-h2-2 {
  border-bottom: dotted 1px #ccc;
  padding: 3px 18px;
  background:url(../img/common/square.gif) no-repeat 4px 7px;
  background-color:#e6efff;
  margin-bottom: 5px;
  margin-top: 10px;
  color:#369;
}

#main_center h3.text-h3 {
  border-bottom: dotted 1px #ccc;
  padding: 3px 18px;
  background:url(../img/common/square.gif) no-repeat 4px 7px;
  background-color:#e6efff;
  margin-bottom: 5px;
  margin-top: 10px;
  color:#369;
}
#main_center h3.text-h3-2 {
  color:#369;
}

#main_center h4.text-h4 {
  border-bottom: dotted 1px #ccc;
  padding: 3px 18px;
  background:url(../img/common/square.gif) no-repeat 4px 7px;
  background-color:#e6efff;
  margin-bottom: 5px;
  margin-top: 10px;
  color:#369;
}

#main_center p { margin-bottom: 10px;}

#main_center p.ind { margin-left: 10px;}

.red{color: #c00;}

.globe {
  padding-left: 15px;
  background:url(../img/common/globe.gif) no-repeat 4px 3px;
}
/*----------------------------------------------------
*  左右分割コンテンツの設定
----------------------------------------------------*/

/*----------------------------------------------------
*  左右分割コンテンツ（左）
----------------------------------------------------*/

#main_left {
  width:295px;
  float:left;
}
/*----------------------------------------------------
*  左右分割コンテンツ（右）
----------------------------------------------------*/

#main_right {
  width:295px;
  float:right;
}

/*----------------------------------------------------
*  2008/02
----------------------------------------------------*/

#main .img_shinro {
  margin: 10px 0 0;
  text-align: right;
}

#main .box_shinro {
  padding: 10px 10px 0;
  margin: 20px 60px 20px 60px;
  text-align: left;
  border: 2px solid #bdd;
  background: url(../img/box.gif) repeat-x top #f6ffff;
}
#main .box_shinro p {
  color: #000066;
}
#main .box_shinro span {
display: block;
  padding-left: 5.7em;
}

#main .title_qa {
  background: url(../img/title_qa.gif) no-repeat 0 0;
  margin: 0;
  padding: 6px 10px 8px;
  font-size: 16px;
  line-height: 120%;
  color: #fff;
}
#main .box_qa {
  background: url(../img/box_qa.gif) no-repeat 0 bottom;
  margin: 0 0 20px; padding: 0;
  width: 600px;
}
#main .box_qa p {
  margin: 0;
  padding: 10px 20px 40px;
}
#main .box_news {
  margin: 10px 0 20px; padding: 18px 18px 0px;
  background: url(../img/box.gif) repeat-x top #f6ffff;
}
#main .box_news img {
  margin-bottom: 3px;
  border: 1px solid #bdd;
}
#main .box_news p {
  margin: 0 0 18px; padding: 0;
  text-align: center;
}

/*---------------------------------------------------
* clearfix
*--------------------------------------------------*/

.clear {
  clear: both;
}

.float-l {
  float: left
}
.float-r {
  float: right;
}

/*----- IE以外のモダンブラウザ向け -----*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*----- IE7および、Mac：IE5向け -----*/
.clearfix {
  display: inline-block;
}

/*----- IE6以前向け -----*/
/* Hides from IE-mac \*/
* html.clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */