﻿@charset "utf-8";



/* body */

body
{
    font-size: 100%; margin:0; padding:0; line-height:1.4;
    color: #222;
	background-color: #fff;

	font-family:"Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "ＭＳ Ｐゴシック","MS PGOTHIC","sans-serif";
}


#tel01 {font-size:200%; font-weight:bold; white-space:nowrap;}
#tel01 a {color:#222; text-decoration:underline;}
#tel01 a:hover {color:#FFF; background-color:#222; text-decoration:none;}

#tel02 {font-size:300%; font-weight:bold; white-space:nowrap;}
#tel02 a {color:#222; text-decoration:underline;}
#tel02 a:hover {color:#FFF; background-color:#222; text-decoration:none;}





#kmg01 {position:fixed; top:40%; right:0 ; z-index:998;
display: block; opacity: 0.7;
  border-top-left-radius: 12px;
  border-top-right-radius: 0x;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 12px;
}

a:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
transition: all 0.3s ease;
}

.fade-in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}


#top_box {width:100%; background-color:#184093; padding:5px 0; display:block; position: relative; height:30px;}

#ttbox001{height:70px; width:420px; float:left;}

#ttbox002{padding-top:26px; height:44px; float:left; width:50%;}

#top_box h1{font-weight:bold; font-size:140%; text-align:center; color:#FFFFFF; letter-spacing:1px; margin:0;}

#top_box h1 a{color:#fff; text-decoration:none;}
#top_box h1 a:hover{color:#fff; text-decoration:underline;}


#ttbox003{width:10%; padding:15px 0; height:40px; float:right; text-align:center;}


#ttz01{height:50px; padding:50px 0; display: block; position: relative;}
#ttz02{height:50px; padding:50px 0; display: block; position: relative;}



#tera { margin:20px 0;}

#tera a {color:#222; text-decoration:underline;}

#tera a:hover {color:#fff; background-color:#222; text-decoration:none;}





#ccbox01 {width:100%; background-color:#F9F8F0; height:auto; overflow:hidden; position:static;}
#ccbox02 {width:40%; margin:0 0 50px 60px; float:left;}
#ccbox03 {width:45%; margin:0 60px 50px 0; float:right;}
#ccbox04 {width:70%; margin:0 auto 0 auto;}


#min001 {font-family :"ヒラギノ明朝 Pr4 W4","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-size:200%; color:#184093; letter-spacing:1px; text-align:center; margin:15px 0 50px 0;}

#min007 {font-family :"ヒラギノ明朝 Pr4 W4","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-size:200%; color:#184093; letter-spacing:1px; text-align:left; margin:5px 0 5px 0;}

#min111 {font-family :"ヒラギノ明朝 Pr4 W4","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-size:240%; color:#37699B; text-align:center; margin:50px auto 30px auto; padding-bottom:5px; border-bottom:2px solid #37699B; width:50%;}


#min002 {font-family :"ヒラギノ明朝 Pr4 W4","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-size:160%; text-align:center; font-weight:bold; line-height:1.6;}


#info001 {font-size:120%; text-align:left; margin-bottom:20px; line-height:1.6;}

#info001 a {color:#222; text-decoration:underline;}
#info001 a:hover {color:#FFF; background-color:#222; text-decoration:none;}

#info002 {font-size:120%; text-align:center; margin:0; line-height:1.8;}



#min004 {font-family :"ヒラギノ明朝 Pr4 W4","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-size:180%; color:#000; text-align:center; margin:0;}

#min005 {font-size:110%; color:#000; text-align:center; margin:20px 0 30px 0; line-height:1.6;}

#min055 {font-size:110%; color:#000; text-align:center; margin:0px 0 20px 0; line-height:1.2;}


#tt_top {font-size:120%; letter-spacing:1px; margin:0 0 0 0; padding:0 0 0 20px; border-left:20px solid #184093; line-height:1.6; font-weight:bold;}

#tt_h2 {font-size:240%; margin:0; padding:0 0 0 20px; line-height:1.2; color:#184093; font-weight:bold; border-left:20px solid #184093;}

#tt2_h2 {font-size:240%; margin:0; padding:0 0 0 20px; line-height:1.2; color:#184093; font-weight:bold; text-align:center;}


.midashi {
font-size:240%; text-align:center; width:40%; margin:0 auto 0 auto;
  position: relative;
  background: #184093;
  box-shadow: 0px 0px 0px 5px #184093;
  border: dashed 2px white;
  color: #FFF;
}

#box_limk {font-size:110%; color:#000; text-align:center; margin:20px auto 30px auto; line-height:1.6; width:60%; padding:15px 0; border:1px solid #000;}

#box_limk a{text-decoration:none; color:#000;}

#box_limk a:hover{text-decoration:underline; color:#000;}

#ssfont {font-size:80%; color:#000; text-align:center; margin:-5px 0 10px 0;}


#pp901 {font-size:150%; color:#FFFFFF; margin:30px 0 50px 0; line-height:1.4;}
#pp902 {font-size:110%; color:#FFFFFF; margin:0; width:70%; line-height:1.6;}
#pp903 {font-size:110%; color:#FFFFFF; margin:0; width:90%; line-height:1.6;}


#min_tt01 {font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-weight:normal; font-size:100%; color:#000; text-align:center; margin:0; width:100%; background-color:#F2F2F2; border-bottom:1px solid #000; border-top:1px solid #000;}


#hr1 {height:1px; border:none; border-top:1px solid #777; width:80%; margin:0 auto 30px auto;}




#content_box {width:90%; margin:50px auto 20px auto; padding:30px 0;}
#content_box1 {width:20%; margin:30px auto; float:left; min-width:300px; display:block;}
#content_box2 {width:60%; margin:30px auto; padding:0; float:left; min-width:360px;}
#content_box3 {width:70%; margin:50px auto 20px auto; padding:30px 0;}

#box_h0 {display:block; padding:0 0 20px 0;}
#tt_h2b {font-size:140%; margin:0; padding:10px 20px; line-height:1.2; color:#fff; font-weight:bold; background-color:#003C82; display:block;}
#box_h50 {display:block; padding:50px 0 20px 0;}

.dataList {margin:20px 0 0 20px; font-size:100%; padding-bottom:10px; border-bottom: letter-spacing:1px; border-bottom:1px dotted #777777; display:block;}

dt { margin-top: 0px; margin-bottom: 10px;}
dd { margin-left: 100px; margin-top: 0px; margin-bottom: 10px;}

dd a {color:#222; text-decoration:underline;}

dd a:hover {color:#fff; background-color:#222; text-decoration:none;}


#mod_h2 {color:#FFFFFF; width:80%; background-color:#D23737; text-align:center; padding:20px 50px; margin:50px auto; font-size:200%;}



#mod_pp {font-size:160%; text-align:center; margin:0; line-height:1.8;}

#mod_pp a {color:#222; text-decoration:underline;}

#mod_pp a:hover {color:#fff; background-color:#222; text-decoration:none;}



#nagare_box {width:70%; margin:30px auto; border:5px dashed #184093; padding:10px; text-align:center; background-color:#F9F8F0;}

#nagare_box p {font-size:120%; margin:10px 0;}


#nagare_box h3 {font-size:240%; clear:#184093;}


#sankaku {text-align:center; margin:50px auto; font-size:300%; color:2C5135;}



#info_box {width:90%; margin:0 auto; padding:30px 0; display:block; overflow: hidden;}

.dataList {margin:20px 0 0 20px; font-size:120%; line-height:1.4; padding-bottom:10px; border-bottom: letter-spacing:1px; border-bottom:1px dotted #777777; display:block;}
dt { margin-top: 0px; margin-bottom: 10px;}
dd { margin-left: 100px; margin-top: 0px; margin-bottom: 10px;}

.dataList dd a{text-decoration:underline; color:#222;}
.dataList dd a:hover{text-decoration:underline; color:#fff; background-color:#222;}

.dataList dt a{text-decoration: none; color:#222;}
.dataList dt a:hover{text-decoration:underline; color:#fff; background-color:#222;}




/* footer */


#footer {font-size:100%; color:#FFFFFF; letter-spacing:1px; text-align:center; line-height:12px; background-color:#184093; margin:0 0 20px 0; padding:5px 0;}


.desc{width:60%; min-width:600px; margin:0; height:auto; float:left; padding:0 0 50px 80px; text-align:left;}

#descpp2 {font-size:90%; padding:0; margin:0 0 0 30px; line-height:1.2; white-space: normal;}
#deschh3 {font-size:120%; padding:0; margin:20px 0 10px 30px; line-height:1; text-align:left;}
#deschh2 {font-size:160%; padding:0; margin:10px 0 0 30px; line-height:1;}
#descpp4 {font-size:90%; padding:0; margin:0 0 0 30px; line-height:1.;}
#descpp3 {font-size:90%; padding:0; margin:20px 0 0 30px; line-height:1.2;}

#deschh3 a {font-size:120%; padding:0; margin:20px 0 10px 30px; line-height:1; text-decoration:underline; text-align:left; color:#222;}

#deschh3 a:hover {font-size:120%; background-color:#222; padding:0; margin:20px 0 10px 30px; line-height:1; text-decoration:none; text-align:left; color:#fff;}

#end_ad {width:70%; margin:50px auto;}

#end_ad h2 { font-size:120%; font-weight:normal; line-height:1.6; margin:0 0 10px 0; padding:0 10px; letter-spacing:1px; text-align:center;}

#end_ad p { font-size:120%; font-weight:normal; line-height:1.6; margin:0; padding:0; letter-spacing:1px; text-align:center;}



/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}