@charset "utf-8";
body {
	-webkit-text-size-adjust: none;
}



/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/

header #tel {
	position: absolute;
	right: 50px;	/*ヘッダーブロックに対して左から20pxの位置に配置*/
	top: 15px;	/*ヘッダーブロックに対して上から24pxの位置に配置*/
	font-size: 26px;		/*文字サイズ*/
	color: #f7ad2e;	/*文字色*/
	color: #d6360b;	/*文字色*/
	font-weight: bold;	/*hタグのデフォルトの太字を標準に。太字がいいならこの１行削除。*/
	line-height: normal;	/*行間*/
}
header #tel small {
	font-size: 18px;		/*文字サイズ*/
}
header #tel span{
  display:block;
	font-size: 12px;		/*文字サイズ*/
	color: #666;	/*文字色*/
	color: #222;	/*文字色*/
	line-height: normal;	/*行間*/
  padding-left:15px;
}

.telbtn {
 display:none;
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/

nav#menubar ul li {
	width: 180px;
}


nav.box_sp {
	display:none;
}




/*---------------------------------------------------------------------------*/
/*　署名
---------------------------------------------------------------------------*/
p.signature {
	text-align:right;
	font-size:110%;
	color: #182659;
  margin-right:0px;
}



/*左サイドブロック
---------------------------------------------------------------------------*/
#sub nav {
	background-color: #fd9322;	/*背景色*/
}
#sub ul.submenu.submenu1 {
/*	background-color: #182659;*/	/*背景色*/
	color: #fff;
	font-weight:bold;				/*文字色*/
}
/*box1の中にあるh2タグの設定*/
#sub  h2 {
	border-radius: 0;	/*角丸をなくす設定*/
	background-color: #008ad2;
	background-image:none;
	color: #fff;
}
/*subコンテンツ内のbox1設定*/
#sub .box1 {
	border: 1px solid #cfcfcf;	/*枠線の幅、線種、色*/
	padding: 7px;				/*ボックス内の余白*/
	margin-bottom: 15px;		/*ボックスの下にあけるスペース*/
	background: #eee;
}
#sub .box1.gray {
	background: #eee;
}
#sub .box1.gray.map p{
	font-size:90%;
	line-height:1.3;
}
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#sub ul {
	border-top: 1px solid #cfcfcf;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #cfcfcf;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #cfcfcf;		/*左側の線の幅、線種、色*/
	margin-bottom: 15px;	/*メニューブロックの下にあけるスペース*/
}
/*メニュー１個ごとの設定*/
#sub ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #cfcfcf;	/*下側の線の幅、線種、色*/
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: #FFF;	/*背景色*/
}
#sub ul li a:hover {
	background-color: #fff8c7;	/*マウスオン時のボックス色*/
}
/*ハーフブロック
---------------------------------------------------------------------------*/
.block-half {
	width:50&;
	float:left;
}
.block-half dl {
	padding : 10px;
	border : 2px solid #069;
	margin:10px;
}
.block-half dl dt{
}
.block-half dl dd{
}

dl.lhw dl {
	margin-left:1em;
}
dl.lhw dt {
	margin-bottom:5px;
	color:#36C;
}
dl.lhw dd {
	line-height:1.4;
	margin-bottom:2em;
	margin-left:1em;
}
.ta1 td p.style1 {
	color: #039;
	line-height: normal;
	padding-left: 1em;
	margin-top: -1em;
	margin-bottom: 0px;
}
.ta1 td .style1 strong {
	line-height: 110%;
	font-weight: normal;
	color: #FFF;
	background: #06C;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
}

.ta1.ta11 td{
	line-height: 1.3;
}


#main dl.style2  {
	font-size:15px;
	margin-left:2%;
}
#main dl.style2 dt {
	float: left;
	clear: left;
	padding: 5px 10px;
	width: 6em;
	color: #FFF;
	font-weight: bold;
	background: #69F;
}
#main dl.style2 dd {
  float:left;
  padding:5px 10px;
}
#main dl.style2 dt.wide,
#main dl.style2 dd.wide{
	font-size:130%;
}


/*　共通　*/

#contents #main section p img {
	margin-left:5px;
}
img.line1 {
 padding:1px;
 border:1px solid #ddd;
}

ml15 {
	margin-left:15px;
}
mr15 {
	margin-right:15px;
}
mr25 {
	margin-right:25px;
}
mt15 {
	margin-top:15px;
}
mb15 {
	margin-bottom:15px;
}
pr15 {
	padding-right:15px;
}
.mb30 {
	margin-bottom: 30px;
}

.mt30 {
	margin-top: 30px;
}

/*イメージ フロート*/
*.fleft {
	float:left;
	margin:10px;
}
*.fright {
	margin:10px;
	float:right;
}
*.clear {
	clear:both;
}
/* Clearfix */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}



/*テーブル１
---------------------------------------------------------------------------*/
.ta3, .ta3 td, .ta3 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 1.3;
}
/*テーブル内の右側*/
.ta3 td{
	padding: 8px 10px;
}
/*テーブル内の左側の見出し部分*/
.ta3 th{
	width: 150px;
	text-align: left;
	background-color: #f1f1f1;	/*背景色*/
	padding: 8px 10px;
  color:#3399cc;
  color:#111;
  font-weight:normal;
}




/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

h1 {
	display: block;
}

}


/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 800px){

#sub {
	width: 100%;	/*サブコンテンツ幅*/
}

iframe {
	width: 100%;	/*サブコンテンツ幅*/
}

h1 {
	position: relative;
	width: 100%;	/*ロゴ画像の幅*/
	font-size: 12px;	/*文字サイズ*/
	display: block;
	line-height: normal;	/*行間*/
	text-align: left;	/*右寄せ*/
}

/*---------------------------------------------------------------------------*/
/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	height: auto;	/*ヘッダーの高さ*/
}
header .name2 {
  display:none;
  height:0;
}
header h1 {
  margin:0;
  padding:0;
	text-align:center;
}
header h2 {
	display: block;
	color:#ffad0d;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	line-height:1.5;
  margin-top:0;
  margin-bottom:20px;
  padding-top:0;
}
header h2 span {
	color:#333;
}
header #logo {
	position: relative;
	top: 0px;	/*ヘッダーブロックに対して左から20pxの位置に配置*/
	left: 0px;	/*ヘッダーブロックに対して左から20pxの位置に配置*/
	text-align:center;
}
header h1 img {
	width: 70%;	/*画面に対してロゴ画像を70％の幅に*/
	height: auto;
	margin: 0 auto;
}

header #logo img {
/*	width: 90%;	*/*ロゴ画像の幅*/
	height: auto;
	margin: 0 auto;
}
header #tel {
	display: none;
}

/*---------------------------------------------------------------------------*/
/*電話をかけるボタン（スマホ）
---------------------------------------------------------------------------*/

.telbtn {
    display:block;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:7px;
	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topright:7px;
	border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	border-bottom-left-radius:7px;
text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-size:24px;
	font-weight:bold;
/*	height:75px;*/
  padding-top:15px;
  padding-bottom:15px;
	line-height:1;
	width:99%;
	margin-bottom:20px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.telbtn small,
.telbtn span {
	font-size:15px;
	font-weight:normal;
	text-align:center;
	text-shadow:none;
}
.telbtn small {
	color:#ffad0d;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	text-shadow:none;
}

.telbtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.telbtn:active {
	position:relative;
	top:1px;
}


/*メインメニュー　共通
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
nav#menu ul li {
	float: left;
	width: 33%;
	background: #008ad2;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
  line-height:5em;
}
nav#menu ul li:nth-child(2),
nav#menu ul li:nth-child(5) {
	width: 34%;
}
nav#menu ul li:nth-child(3),
nav#menu ul li:nth-child(7) {
	border-right: none;
}
nav#menu ul li a {
	color:#fff;
  line-height:5em;
	font-size:13px;
  font-weight:normal;
	letter-spacing: normal;
text-shadow: none;
}
nav#menu ul li a:hover {
	background: #007dc3;
}
nav#menu ul li:nth-child(odd) {
/*	border-left: 1px solid #ffad0d;*/
}
/*
nav#menu ul li:first-child {
	display: none;
}
*/
nav#menu ul li a span {
	display: none;
}
nav#menu ul li:last-child {
	display:block;	/*左側に線を入れる*/
}

#sub nav.box1 {
	display:none;
}

nav.box_sp {
	margin-top:0 !important;
	overflow: hidden;
	display:block;
}
nav.box_sp ul {
	overflow: hidden;
	margin:0 auto !important;
}
nav.box_sp ul li {
	display: block;
	margin:0 !important;
	width:49%;
	float: left;
	height: 40px;
	line-height: 40px;
	font-size:13px;
	border-left: 1px solid #008ad2;
	border-bottom: 1px solid #008ad2;
}
nav.box_sp ul li a {
	text-decoration: none;
	width:100%;
	height: 40px;
	display: block;
	background:#eee;
	line-height: 40px;
  text-indent:5px;
}

nav.box_sp ul li:nth-child(1),
nav.box_sp ul li:nth-child(2)
 {
	border-top: 1px solid #008ad2;
}
nav.box_sp ul li:nth-child(2),
nav.box_sp ul li:nth-child(6)
 {
	border-right: 1px solid #008ad2;
}
nav.box_sp ul li:nth-child(4)
 {
	border-right: 1px solid #008ad2;
}
nav.box_sp ul li.lastchild
 {
	border-right: 1px solid #008ad2;
}


nav.box_sp ul li a { 
	position: relative;
}
nav.box_sp ul li a:after { 
	display: block;
	width: 6px;
	height: 6px;
	border-top: solid 1px #007dc3;
	border-right: solid 1px #007dc3;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	content: "";
	position: absolute;
	top: 40%;
	right: 10px;
}


/*---------------------------------------------------------------------------*/
/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
#main h1 {
	font-size:22px;
	margin-bottom:0 !important;
	font-weight:normal;
	padding-top:15px;
	padding-bottom:15px;
/*	border-bottom: 1px solid #ff9ebc;*/
}

/*---------------------------------------------------------------------------*/
/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
#sub ul.submenu li a {
	padding: 5px 5px;	/*左から、上下、左右への余白*/
}
#sub ul.submenu li a { 
	position: relative;
}
#sub ul.submenu li a:after { 
	display: block;
	width: 6px;
	height: 6px;
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
	content: "";
	position: absolute;
	top: 40%;
	right: 10px;
}

/*---------------------------------------------------------------------------*/
/*　サイド　マップボタン（スマホ）共通
---------------------------------------------------------------------------*/
a.style1 {
	background-color:orange;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	display:inline-block;
	width:70%;
  margin:1em 2%;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:8px 31px;
	text-decoration:none;
}
a.style1:hover {
	background-color:#f0ca84;
}
a.style1:active {
	position:relative;
	top:1px;
}


/*---------------------------------------------------------------------------*/
/* 受付時間表
---------------------------------------------------------------------------*/
table.type07 {
	margin-top:1em;
}
table.type07 tfoot tr td {
	font-size:14px;
}
table.type07 caption {
	font-size:14px;
}
#main table.type07 caption {
	margin-bottom:10px;
	text-align:left;
}
#main table.type07 tfoot tr td {
	font-size:14px;
	 line-height:1.2;
}

#main table.type07 {
	width:95%;
	margin-top:1em;
	font-size:14px;
	margin-left:2%;
}



/*-------------------------------------------------------------------------*/
/*署名
---------------------------------------------------------------------------*/
p.signature {
	font-size:110%;
	margin-right:0;
}

/*-------------------------------------------------------------------------*/
/*　アクセス
---------------------------------------------------------------------------*/
/*　交通アクセス　*/

dl.area1 {
	width: 90%;
	margin: 20px auto;
	border: 1px solid #121d46;
	padding: 10px 10px 10px 20px;
}

}

@media (max-width : 480px){
header #logo img {
	width: 98%;	/*ロゴ画像の幅*/
}
#main table.type07 {
	font-size:10px;
}
p img {
	width:95%;
	margin-left:2%;
}
header h1 img {
	width: 90%;	/*画面に対してロゴ画像を70％の幅に*/
	height: auto;
	margin: 0 auto;
}



}


#contents #main #about .a1 {
	text-indent: -9px;
	margin-left: 20px;
}
