﻿/*===============================================
●style.css 画面の横幅が880px以上（パソコン対応）
===============================================*/


/*---　共通のスタイル　始まり　---*/
@charset "utf-8";
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
table {
	table-layout: fixed;
	width /***/:auto;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #4a452a;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat;
}
h1 {
	font-weight: normal;
	color: #ffffff;
	background-color: #00a1e9;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	height: 12px;
	line-height: 12px;
}
h2 {
	color: #ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 20px;
	line-height: 35px;
	background-image: url(../img/bg_h2.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;
	display: block;
	float: right;
}
h3 {
	font-size: 16px;
	background-image: url(../img/bg_h3.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #222222;
	display: block;
	clear: right;
}
h4 {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	line-height: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #f0f0f0;
	border-bottom: 2px solid #cccccc;
	border-left: 4px solid #0e6eb8;
}
a {
	color: #473601;
}
a:hover {
	color: #0e36ca;
	margin: 0px;
	padding: 0px;
}
a:hover img {
	opacity: 0.7;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.fai {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.o_line {
	text-decoration: overline;
}
#back {
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bg_title.gif);
	background-repeat: repeat-x;
}
#back_top {
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bg_title_top.gif);
	background-repeat: repeat-x;
}
#container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-color: #ffffff;
}


/*--- ヘッダーのスタイル　始まり --*/
#header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(../img/bg_title.gif);
	background-repeat: repeat-x;
}
ul#g_menu {
	float: left;
	width: 100%;
	padding: 0px;
	font-weight: bold;
	margin: 0px;
	list-style-type: none;
	background-image: url(../img/bg_g_menu.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: 14px;
}
ul#g_menu li ul.sub_g_menu {
	margin-top: 60px;
	float: left;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
ul#g_menu li {
	line-height: 43px;
	position: relative;
	height: 60px;
	width: 24.8%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	border-right: 1px solid #cccccc;
	background-image: url(../img/bg_g_menu.gif);
	background-repeat: repeat-x;
	list-style-type: none;
}
ul#g_menu li#last {
	border-right: none;
}
ul#g_menu li ul.sub_g_menu li {
	width: 99%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #cccccc;
}
ul#g_menu li, ul#g_menu ul.sub_g_menu li {
	list-style-type: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
ul#g_menu li a, ul#g_menu li ul.sub_g_menu li a {
	text-decoration: none;
	display: block;
	padding: 0px;
	margin: 0px;
	color: #4a452a;
	list-style-type: none;
}
ul#g_menu li ul.sub_g_menu {
	position: absolute;
	display: none;
	top: 0px;
	width: 100%;
}
ul#g_menu li:hover {
	background-image: url(../img/bg_g_menu_here.gif);
}
ul#g_menu li:hover ul.sub_g_menu {
	display: block;
}
ul#g_menu li span {
	font-size: 11px;
	font-weight: normal;
	color: #0e6eb8;
	line-height: 0px;
}
ul#g_menu li.here {
	background-image: url(../img/bg_g_menu_here.gif);
	background-repeat: no-repeat;
}
ul#g_menu li#last_here {
	background-image: url(../img/bg_g_menu_here.gif);
	background-repeat: no-repeat;
	border-right: none;
}
#slider {
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	width: 99%;
	clear: both;
	float: none;
}
.bxslider {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
/*---　ヘッダーのスタイル　終わり　---*/



/*---　コンテンツのスタイル　始まり　---*/
#contents {
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main {
	padding: 0px;
	float: right;
	width: 75%;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#news {
	clear: both;
	float: left;
	width: 95%;
	border: 1px solid #cccccc;
	height: 125px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
}
.hello {
	font-size: 16px;
	line-height: 24px;
	color: #333333;
}
.box {
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	clear: both;
	float: left;
}
.mark {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 4%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
	clear: left;
	line-height: 20px;
}
.exp {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: right;
	line-height: 20px;
}
.t-00 {
	width: 96%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
}
.t-00 tr th {
	background-color: #e0e0e0;
	vertical-align: top;
	margin: 0px;
	text-align: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.t-00 tr td {
	vertical-align: top;
	margin: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.t-00 tr td img {
	text-align: center;
}
.t-01 {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 96%;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
}
.t-01 tr th {
	background-color: #e0e0e0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 20%;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: center;
}
.t-01 tr td {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.t-02 {
	width: 96%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-size: 13px;
}
.t-02 tr th {
	background-color: #e0e0e0;
	margin: 0px;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
}
.t-02 tr td {
	vertical-align: top;
	margin: 0px;
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 14px;
}
.t-02 tr td img {
	text-align: center;
}
.t-03 {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 96%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
	text-align: center;
}
.t-03 tr td {
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 16px;
	font-size: 12px;
}
.t-03 tr .bg_bule1 {
	background-color: #DBEDF7;
}
.t-03 tr .bg_bule2 {
	background-color: #E9F9F9;
}
.t-03 tr .bg_gray {
	background-color: #F9F4E5;
}
.contact {
	font-size: 39px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	display: block;
	width: 100%;
}
.contact img {
	padding-top: 3px;
	padding-left: 70px;
	padding-right: 30px;
}
#map {
    width: 97%;
    border: 1px solid #dddddd;
    float: right;
}


/*---　#sideのスタイル　始まり　---*/
.side_full {
	font-size: 13px;
	padding: 0px;
	clear: left;
	float: left;
	width: 23%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
.side_full .title {
	font-size: 16px;
	line-height: 48px;
	font-weight: bold;
	background-color: #eaeaea;
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	height: 50px;
	width: 100%;
	border-top: 5px solid #0e6eb8;
	border-bottom: 1px solid #0e6eb8;
}
.side_full ul {
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	background-color: #f0f0f0;
}
.side_full ul li {
	border-bottom: 1px solid #cccccc;
	line-height: 28px;
	text-indent: 5%;
	margin: 0px;
	padding: 0px;
	display: block;
}
.side_full ul li a {
	text-decoration: none;
	color: #4a452a;
	display: block;
}
.side_full ul li a:hover {
	background-color: #0e6eb8;
	color: #ffffff;
	display: block;
}
.side_half_l {
	font-size: 13px;
	padding: 0px;
	clear: left;
	float: left;
	width: 23%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	background-color: #f0f0f0;
}
.side_half_l .title {
	font-size: 16px;
	line-height: 48px;
	font-weight: bold;
	background-color: #eaeaea;
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	height: 50px;
	width: 100%;
	border-top: 5px solid #0e6eb8;
	border-bottom: 1px solid #0e6eb8;
}
.side_half_l ul {
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	background-color: #f0f0f0;
}
.side_half_l ul li {
	border-bottom: 1px solid #cccccc;
	line-height: 28px;
	text-indent: 5%;
	margin: 0px;
	padding: 0px;
	display: block;
}
.side_half_l ul li a {
	text-decoration: none;
	color: #4a452a;
	display: block;
}
.side_half_l ul li a:hover {
	background-color: #0e6eb8;
	color: #ffffff;
	display: block;
}
.side_half_l a img {
	text-align: center;
	width: 80%;
	margin: 0px;
	padding-top: 23px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 23px;
}
.side_half_r {
	font-size: 13px;
	padding: 0px;
	clear: left;
	float: left;
	width: 23%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
	background-color: #f0f0f0;
}
.side_half_r .title {
	font-size: 16px;
	line-height: 48px;
	font-weight: bold;
	background-color: #eaeaea;
	text-align: center;
	clear: both;
	float: right;
	height: 50px;
	width: 100%;
	border-top: 5px solid #0e6eb8;
	border-bottom: 1px solid #0e6eb8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding: 0px;
}
.side_half_r ul {
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	background-color: #f0f0f0;
}
.side_half_r ul li {
	border-bottom: 1px solid #cccccc;
	line-height: 28px;
	text-indent: 5%;
	margin: 0px;
	padding: 0px;
	display: block;
}
.side_half_r ul li a {
	text-decoration: none;
	color: #4a452a;
	display: block;
}
.side_half_r ul li a:hover {
	background-color: #0e6eb8;
	color: #ffffff;
	display: block;
}
.side_half_r a img {
	text-align: center;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
/*---　#sideのスタイル　終わり　---*/


/*---　コンテンツのスタイル　終わり　---*/



/*---　フッターのスタイル　始まり　---*/
#footer {
	background-color: #f7f9f9;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
}
#footer .y2pc {
	width: 100%;
	text-align: right;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#footer .y2pc a {
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
#copyright {
	color: #ffffff;
	text-align: center;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #0e6eb8;
}
#copyright .gaiaf1tc {
	font-size: 22px;
}
/*---　フッターのスタイル　終わり　---*/




/*===============================================
●tablet.css 画面の横幅が641px～879px（タブレット対応）
===============================================*/

@media (max-width:879px) and (min-width:641px){


/*---　共通のスタイル　始まり　---*/
@charset "utf-8";
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
table {
	table-layout: fixed;
	width: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	color: #4a452a;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-weight: normal;
	color: #ffffff;
	background-color: #00a1e9;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 14px;
	line-height: 14px;
}
h2 {
	color: #ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 20px;
	line-height: 35px;
	background-image: url(../img/bg_h2.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;
	display: block;
	float: right;
}
h3 {
	font-size: 16px;
	background-image: url(../img/bg_h3.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #222222;
	float: right;
	display: block;
	width: 98%;
}
h4 {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	line-height: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #f0f0f0;
	border-bottom: 2px solid #cccccc;
	border-left: 4px solid #0e6eb8;
}
a {
	color: #473601;
}
a:hover {
	color: #0e36ca;
	margin: 0px;
	padding: 0px;
}
a:hover img {
	opacity: 0.7;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.fai {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: italic;
}
.o_line {
	text-decoration: overline;
}
#back {
	margin: 0px;
	padding: 0px;
}
#container {
	width: 99%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-color: #ffffff;
}


/*--- ヘッダーのスタイル　始まり --*/
#header {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(../img/bg_title.gif);
	background-repeat: repeat-x;
}
ul#g_menu {
	float: left;
	width: 100%;
	padding: 0px;
	font-weight: bold;
	margin: 0px;
	list-style-type: none;
	background-image: url(../img/bg_g_menu.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: 14px;
}
ul#g_menu li ul.sub_g_menu {
	margin-top: 60px;
	float: left;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
ul#g_menu li {
	line-height: 43px;
	position: relative;
	height: 60px;
	width: 24.8%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	border-right: 1px solid #cccccc;
	background-image: url(../img/bg_g_menu.gif);
	background-repeat: repeat-x;
	list-style-type: none;
}
ul#g_menu li#last {
	border-right: none;
}
ul#g_menu li ul.sub_g_menu li {
	width: 99%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #cccccc;
}
ul#g_menu li, ul#g_menu ul.sub_g_menu li {
	list-style-type: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
ul#g_menu li a, ul#g_menu li ul.sub_g_menu li a {
	text-decoration: none;
	display: block;
	padding: 0px;
	margin: 0px;
	color: #4a452a;
	list-style-type: none;
}
ul#g_menu li ul.sub_g_menu {
	position: absolute;
	display: none;
	top: 0px;
	width: 100%;
}
ul#g_menu li:hover {
	background-image: url(../img/bg_g_menu_here.gif);
}
ul#g_menu li:hover ul.sub_g_menu {
	display: block;
}
ul#g_menu li span {
	font-size: 11px;
	font-weight: normal;
	color: #0e6eb8;
	line-height: 0px;
}
ul#g_menu li.here {
	background-image: url(../img/bg_g_menu_here.gif);
	background-repeat: no-repeat;
}
ul#g_menu li#last_here {
	background-image: url(../img/bg_g_menu_here.gif);
	background-repeat: no-repeat;
	border-right: none;
}
#slider {
	margin: 0px;
	width: 99%;
	clear: right;
	float: left;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.bxslider {
	padding: 0px;
	margin: 0px;
}
/*---　ヘッダーのスタイル　終わり　---*/



/*---　コンテンツのスタイル　始まり　---*/
#contents {
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 100%;
}
#news {
	clear: both;
	float: left;
	width: 95%;
	border: 1px solid #cccccc;
	height: 125px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
}
.hello {
	font-size: 18px;
	line-height: 24px;
	color: #333333;
}
.box {
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	clear: both;
	float: left;
}
.mark {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 4%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
	clear: left;
	line-height: 22px;
}
.exp {
	padding: 0px;
	float: right;
	clear: right;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
	width: 92%;
}
.t-00 {
	width: 97%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
}
.t-00 tr th {
	background-color: #e0e0e0;
	width: 20%;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: center;
}
.t-00 tr td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	vertical-align: top;
	margin: 0px;
}
.t-00 tr td img {
	text-align: center;
}
.t-01 {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 97%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 0px;
	font-size: 17px;
}
.t-01 tr th {
	background-color: #e0e0e0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 23%;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
.t-01 tr td {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.t-02 {
	width: 97%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.t-02 tr th {
	background-color: #e0e0e0;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 14px;
}
.t-02 tr td {
	vertical-align: top;
	margin: 0px;
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 14px;
}
.t-02 tr td img {
	text-align: center;
}
.t-03 {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 97%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 0px;
	font-size: 17px;
	text-align: center;
}
.t-03 tr td {
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 20px;
}
.t-03 tr .bg_bule1 {
	background-color: #DBEDF7;
}
.t-03 tr .bg_bule2 {
	background-color: #E9F9F9;
}
.t-03 tr .bg_gray {
	background-color: #F9F4E5;
}
.contact {
	font-size: 45px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	display: block;
	width: 100%;
}
.contact img {
	padding-top: 5px;
	padding-left: 80px;
	padding-right: 30px;
}


/*---　#sideのスタイル　始まり　---*/
.side_full {
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.side_full .title {
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	width: 100%;
	line-height: 48px;
	border-top: 5px solid #0e6eb8;
	background-color: #eaeaea;
	border-bottom: 1px solid #0e6eb8;
	height: 50px;
	font-size: 20px;
}
.side_full ul {
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	background-color: #f0f0f0;
	border-left: 1px solid #cccccc;
}
.side_full ul li {
	border-bottom: 1px solid #cccccc;
	line-height: 45px;
	text-indent: 10%;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	font-size: 16px;
	border-right: 1px solid #cccccc;
	width: 49.5%;
}
.side_full ul li a {
	text-decoration: none;
	color: #4a452a;
}
.side_full ul li a:hover {
	background-color: #0e6eb8;
	color: #ffffff;
	display: block;
}
.side_half_l {
	float: left;
	width: 49.4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	clear: left;
}
.side_half_l .title {
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	width: 100%;
	line-height: 48px;
	border-top: 5px solid #0e6eb8;
	background-color: #eaeaea;
	border-bottom: 1px solid #0e6eb8;
	height: 50px;
	font-size: 20px;
}
.side_half_l ul {
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	background-color: #f0f0f0;
}
.side_half_l ul li {
	line-height: 45px;
	text-indent: 13%;
	margin: 0px;
	display: block;
	float: left;
	font-size: 16px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.side_half_l ul li a {
	text-decoration: none;
	color: #4a452a;
}
.side_half_l ul li a:hover {
	background-color: #0e6eb8;
	color: #ffffff;
	display: block;
}
.side_half_l a img {
	text-align: center;
	width: 90%;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.side_half_r {
	float: right;
	width: 49.4%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	clear: right;
}
.side_half_r .title {
	font-weight: bold;
	text-align: center;
	padding: 0px;
	clear: both;
	float: right;
	width: 100%;
	line-height: 48px;
	border-top: 5px solid #0e6eb8;
	background-color: #eaeaea;
	border-bottom: 1px solid #0e6eb8;
	height: 50px;
	font-size: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.side_half_r ul {
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	background-color: #f0f0f0;
}
.side_half_r ul li {
	line-height: 45px;
	text-indent: 13%;
	margin: 0px;
	display: block;
	float: left;
	font-size: 16px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.side_half_r ul li a {
	text-decoration: none;
	color: #4a452a;
}
.side_half_r ul li a:hover {
	background-color: #0e6eb8;
	color: #ffffff;
	display: block;
}
.side_half_r a img {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 100%;
	padding: 0px;
}
/*---　#sideのスタイル　終わり　---*/


/*---　コンテンツのスタイル　終わり　---*/



/*---　フッターのスタイル　始まり　---*/
#footer {
	background-color: #f7f9f9;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
}
#footer .y2pc {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: right;
	font-size: 14px;
}
#footer .y2pc a {
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
#copyright {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	background-color: #0e6eb8;
}
#copyright .gaiaf1tc {
	font-size: 22px;
}
/*---　フッターのスタイル　終わり　---*/

}




/*===============================================
●smart.css 画面の横幅が640px以下（スマホ対応）
===============================================*/

@media (max-width:640px){


/*---　共通のスタイル　始まり　---*/
@charset "utf-8";
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
table {
	table-layout: fixed;
	width: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #4a452a;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-weight: normal;
	color: #ffffff;
	background-color: #00a1e9;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	height: 12px;
	line-height: 12px;
}
h2 {
	color: #ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 16px;
	line-height: 37px;
	background-image: url(../img/bg_h2.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;
	display: block;
	float: right;
}
h3 {
	font-size: 14px;
	background-image: url(../img/bg_h3.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #222222;
	display: block;
	float: right;
	width: 97%;
}
h4 {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	line-height: 24px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #f0f0f0;
	border-bottom: 2px solid #cccccc;
	border-left: 4px solid #0e6eb8;
}
a {
	color: #473601;
}
a:hover {
	color: #0e36ca;
	margin: 0px;
	padding: 0px;
}
a:hover img {
	opacity: 0.7;
}
p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.fai {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.o_line {
	text-decoration: overline;
}
#back {
	margin: 0px;
	padding: 0px;
}
#container {
	width: 99%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-color: #ffffff;
}


/*--- ヘッダーのスタイル　始まり --*/
#header {
	background-color: #f7f9f9;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
ul#g_menu {
	float: left;
	width: 100%;
	padding: 0px;
	font-weight: bold;
	margin: 0px;
	list-style-type: none;
	background-image: url(../img/bg_g_menu.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: 14px;
}
ul#g_menu li ul.sub_g_menu {
	margin-top: 60px;
	float: left;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
ul#g_menu li {
	line-height: 43px;
	position: relative;
	height: 60px;
	width: 49.5%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	border-right: 1px solid #cccccc;
	background-image: url(../img/bg_g_menu.gif);
	background-repeat: repeat-x;
	list-style-type: none;
}
ul#g_menu li#last {
	border-right: none;
}
ul#g_menu li ul.sub_g_menu li {
	width: 99%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #cccccc;
}
ul#g_menu li, ul#g_menu ul.sub_g_menu li {
	list-style-type: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
ul#g_menu li a, ul#g_menu li ul.sub_g_menu li a {
	text-decoration: none;
	display: block;
	padding: 0px;
	margin: 0px;
	color: #4a452a;
	list-style-type: none;
}
ul#g_menu li ul.sub_g_menu {
	position: absolute;
	display: none;
	top: 0px;
	width: 100%;
}
ul#g_menu li:hover {
	background-image: url(../img/bg_g_menu_here.gif);
}
ul#g_menu li:hover ul.sub_g_menu {
	display: block;
}
ul#g_menu li span {
	font-size: 11px;
	font-weight: normal;
	color: #0e6eb8;
	line-height: 0px;
}
ul#g_menu li.here {
	background-image: url(../img/bg_g_menu_here.gif);
	background-repeat: no-repeat;
}
ul#g_menu li#last_here {
	background-image: url(../img/bg_g_menu_here.gif);
	background-repeat: no-repeat;
	border-right: none;
}
#slider {
	margin: 0px;
	width: 98%;
	clear: right;
	float: left;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.bxslider {
	padding: 0px;
	margin: 0px;
}
/*---　ヘッダーのスタイル　終わり　---*/



/*---　コンテンツのスタイル　始まり　---*/
#contents {
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 100%;
}
#news {
	clear: both;
	float: left;
	width: 96%;
	border: 1px solid #cccccc;
	height: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding: 0px;
}
.hello {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
}
.box {
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	clear: both;
	float: left;
}
.mark {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 4%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	clear: left;
	line-height: 20px;
}
.exp {
	padding: 0px;
	float: left;
	clear: right;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	width: 88%;
}
.t-00 {
	width: 98%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	font-size: 12px;
}
.t-00 tr th {
	background-color: #e0e0e0;
	width: 20%;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: center;
}
.t-00 tr td {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	vertical-align: top;
	margin: 0px;
}
.t-00 tr td img {
	text-align: center;
}
.t-01 {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 98%;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding: 0px;
}
.t-01 tr th {
	background-color: #e0e0e0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 23%;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
.t-01 tr td {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.t-02 {
	width: 98%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-size: 12px;
}
.t-02 tr th {
	background-color: #e0e0e0;
	margin: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 13px;
}
.t-02 tr td {
	vertical-align: top;
	margin: 0px;
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 13px;
}
.t-02 tr td img {
	text-align: center;
}
.t-03 {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 98%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
}
.t-03 tr td {
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 18px;
}
.t-03 tr .bg_bule1 {
	background-color: #DBEDF7;
}
.t-03 tr .bg_bule2 {
	background-color: #E9F9F9;
}
.t-03 tr .bg_gray {
	background-color: #F9F4E5;
}
.contact {
	font-size: 26px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	display: block;
	width: 100%;
}
.contact img {
	padding-left: 15px;
	padding-right: 10px;
}


/*---　#sideのスタイル　始まり　---*/
.side_full {
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.side_full .title {
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	width: 100%;
	line-height: 48px;
	border-top: 5px solid #0e6eb8;
	background-color: #eaeaea;
	border-bottom: 1px solid #0e6eb8;
	height: 50px;
	font-size: 20px;
}
.side_full ul {
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	background-color: #f0f0f0;
	border-left: 1px solid #cccccc;
}
.side_full ul li {
	border-bottom: 1px solid #cccccc;
	line-height: 45px;
	text-indent: 13%;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	font-size: 16px;
	border-right: 1px solid #cccccc;
	width: 100%;
}
.side_full ul li a {
	text-decoration: none;
	color: #4a452a;
}
.side_full ul li a:hover {
	background-color: #0e6eb8;
	color: #ffffff;
	display: block;
}
.side_half_l {
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #f0f0f0;
}
.side_half_l .title {
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	width: 100%;
	line-height: 48px;
	border-top: 5px solid #0e6eb8;
	background-color: #eaeaea;
	border-bottom: 1px solid #0e6eb8;
	height: 50px;
	font-size: 20px;
}
.side_half_l ul {
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	background-color: #f0f0f0;
	border-left: 1px solid #cccccc;
}
.side_half_l ul li {
	border-bottom: 1px solid #cccccc;
	line-height: 45px;
	text-indent: 13%;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	font-size: 16px;
	border-right: 1px solid #cccccc;
	width: 100%;
}
.side_half_l ul li a {
	text-decoration: none;
	color: #4a452a;
}
.side_half_l ul li a:hover {
	background-color: #0e6eb8;
	color: #ffffff;
	display: block;
}
.side_half_l a img {
	text-align: center;
	width: 90%;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 25px;
}
.side_half_r {
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #f0f0f0;
}
.side_half_r .title {
	font-weight: bold;
	text-align: center;
	clear: both;
	float: right;
	width: 100%;
	line-height: 48px;
	border-top: 5px solid #0e6eb8;
	background-color: #eaeaea;
	border-bottom: 1px solid #0e6eb8;
	height: 50px;
	font-size: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.side_half_r ul {
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	background-color: #f0f0f0;
	border-left: 1px solid #cccccc;
}
.side_half_r ul li {
	border-bottom: 1px solid #cccccc;
	line-height: 45px;
	text-indent: 13%;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	font-size: 16px;
	border-right: 1px solid #cccccc;
	width: 100%;
}
.side_half_r ul li a {
	text-decoration: none;
	color: #4a452a;
}
.side_half_r ul li a:hover {
	background-color: #0e6eb8;
	color: #ffffff;
	display: block;
}
.side_half_r a img {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 100%;
	padding: 0px;
}
/*---　#sideのスタイル　終わり　---*/


/*---　コンテンツのスタイル　終わり　---*/



/*--- フッターのスタイル　始まり　---*/
#footer {
	background-color: #f7f9f9;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
}
#footer .y2pc {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: right;
	font-size: 12px;
}
#footer .y2pc a {
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
#copyright {
	margin: 0px;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #0e6eb8;
}
#copyright .haruoka {
	font-size: 13px;
}
/*---　フッターのスタイル　終わり　---*/


}
