@charset "utf-8";
/* CSS Document Blue*/

.sp-footer{display:none;}

/*----------------------------------------------
リセット
------------------------------------------------*/
html{
	font-size:small;}
	
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}
fieldset, img {
	border:0;
	
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

.nonpc, .sp {
	display: none;
}


/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	height:100%;
	color: #333;
	font-size:16px;
	font-family:  'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 1.5;
	text-align: left;
	margin:0 auto;
	padding:0;
	background:#F7F6F2;
}

/* ヘッダ
///////////////////////////////////////*/

.mainimg{
	width:100%;
	min-width:100%;
	margin:0;
	padding:0;
	display:block;
}

.mainimg img{
	width: 100%;
	margin: 0;
	margin-top: 0px;
}

#header02 {
	width: 100%;
	margin:0 auto;
	padding: 0;
	margin-bottom:20px;
}

.box_header02 {
	width: 100%;
	background: rgba(255,255,255,0.5);
	position: relative;
	z-index: 10;
}

.title_banner {
    width: 980px;
    margin: 0 auto;
    padding-top: 200px;
    text-align: center;
}

#header a{
	overflow:hidden;
}

#header{
	width: 1000px;
	height: 90px;
	margin:0 auto;
}

/* ロゴ
------------------------------------------------*/

* html body #logo {
	margin: 0;
	width: 500px;
	height:70px;
	float: left;
	text-align: left;
}

#logo {
	margin: 0;
	padding:0;
	width: 320px;
	height:55px;
	float: left;
	text-align:left;
}

#logo img {
	vertical-align:bottom;
	padding-top: 15px;
}

h1 {
	font-size:11px;
	margin:0 0 0 3px;
}
/* 右上部分
------------------------------------------------*/

#tel{
	padding: 0;
	margin: 10px 0 0 0;
	width: 253px;
	height:52px;
	float: right;
	clear:none;
	background:url(../images/phone.png) no-repeat;
	text-indent:-9999px;
}

#btnbox{
	text-indent:-9999px;
	display:block;
	width:400px;
	float:left;
	margin: 10px 0 0 25px;
}

.subbtn a{
	display:block;
	width:195px;
	height:47px;
	float:left;
	background:url(../images/btn1.png) no-repeat;
}

.inqbtn a{
	display:block;
	width:195px;
	height:47px;
	float:left;
	margin-left: 10px;
	background:url(../images/btn2.png) no-repeat;
}

/* Menu
///////////////////////////////////////*/

.menu-box {
	width: 100%;
	margin: 0 auto;
	padding:0;
	height: 50px;
	background: #00adef;
	opacity: 0.9;
	box-shadow: -30px 17px 27px -22px #ccc;
}

#menu {
	width: 1000px;
	height: 58px;
	margin:0 auto;
	padding:0;
	display: block;
}
#menu li {
	float: left;
	list-style:none;
	width:166px;
}
#menu li a {
	height: 50px;
	display: block;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}

#menu-01 a {
	background: url(../images/nav_01.png) no-repeat 0 0;
}
#menu-02 a {
	background: url(../images/nav_02.png) no-repeat 0 0;
}
#menu-03 a {
	background: url(../images/nav_03.png) no-repeat 0 0;
}
#menu-04 a {
	background: url(../images/nav_04.png) no-repeat 0 0;
}
#menu-05 a {
	background: url(../images/nav_05.png) no-repeat 0 0;
}
#menu-06 a {
	background: url(../images/nav_06.png) no-repeat 0 0;
}

#menu-01 a:hover, #menu-01.active a, #menu-02 a:hover, #menu-02.active a, #menu-03 a:hover, #menu-03.active a, #menu-04 a:hover, #menu-04.active a, #menu-05 a:hover, #menu-05.active a
, #menu-06 a:hover, #menu-06.active a{
	background-position: 0px -50px;
}

/* ヘッダ終わり
///////////////////////////////////////*/


/* サイドナビ
///////////////////////////////////////*/
.sideBox{
	background: #fff;
}
.sideBox h2{
	background:none;
	font-size:14px;
	font-weight:bold;
	border:none;
	color:#666;
}

.side {
	margin:0;
	padding:0;
	display: block;
	border-left: 1px solid #e7e6e3;
	border-right: 1px solid #e7e6e3;
	border-bottom: 1px solid #e7e6e3;
}

.side02 {
	margin:0;
	padding:0;
	padding:0.2em 0 0 30px;
	background:#fff;
}

.side li {
	list-style:none;
	display:block;
	text-decoration: none;
	margin:0 auto;
}
.side li a {
	color: #F99502;
	overflow:hidden;
}

.side1 li a {
	color: #F99502;
	overflow:hidden;
	float: right;
}
.side2 li a {
	color: #F99502;
	overflow:hidden;
	float: right;
}
.sideBox li a{
	display:block;
}

.sideBox .side02 li a{
	display:inline;
}

li.side-text {
	width: 218px;
	height: auto;
	min-height: 25px;
	background-color: #f8f8f8;
	padding: 8px 10px 6px 40px;
	border: 0px;
	text-indent: 0;
	background: #f8f8f8 url(../images/s_list_m01.gif) 30px 18px no-repeat;
}

li.side-text02{
	padding:0 0 0 4em;
	border:0px;
	text-indent:0;
}
	
.sideBox li a:link {
	color: #666;
	text-decoration: underline;
}

.sideBox li a:visited {
	color: #666;
	text-decoration: underline;
}
.sideBox li a:active {
	color: #1f79cc;
	text-decoration: none;
}	
.sideBox li a:hover {
	color: #1f79cc;
	text-decoration: none;
}

#side-01 a,#side-02 a,#side-03 a,#side-04 a,#side-05 a,#side-06 a,#side-07 a,#side-08 a,#side-09 a{
	text-indent:-9999px;
	height:45px;}

#side-01 a {
	background: url(../images/nav1.png) no-repeat 0 0;
}
#side-02 a {
	background: url(../images/nav2.png) no-repeat 0 0;
}
#side-03 a {
	background: url(../images/nav3.png) no-repeat 0 0;
}
#side-04 a {
	background: url(../images/nav4.png) no-repeat 0 0;
}
#side-05 a {
	background: url(../images/nav5.png) no-repeat 0 0;
}
#side-06 a {
	background: url(../images/nav6.png) no-repeat 0 0;
}
#side-07 a {
	background: url(../images/nav7.png) no-repeat 0 0;
}
#side-08 a {
	background: url(../images/nav8.png) no-repeat 0 0;
}
#side-09 a {
	background: url(../images/nav9.png) no-repeat 0 0;
}
#side-01 a:hover, #side-01.active a, #side-02 a:hover, #side-02.active a, #side-03 a:hover, #side-03.active a, #side-04 a:hover, #side-04.active a, #side-05 a:hover, #side-05.active a, #side-06.active a, #side-06 a:hover, #side-07.active a, #side-07 a:hover, #side-08.active a, #side-08 a:hover, #side-09.active a, #side-09 a:hover {
	background-position: -270px 0;
}
#g-1 #side-01 a {
	background: url(../images/s_navi01.gif) no-repeat -220px 0;
}
#g-2 #side-02 a {
	background: url(../images/s_navi02.gif) no-repeat -220px 0;
}
#g-3 #side-03 a {
	background: url(../images/s_navi03.gif) no-repeat -220px 0;
}
#g-4 #side-04 a {
	background: url(../images/s_navi04.gif) no-repeat -220px 0;
}
#g-5 #side-05 a {
	background: url(../images/s_navi05.gif) no-repeat -220px 0;
}
#g-6 #side-06 a {
	background: url(../images/s_navi06.gif) no-repeat -220px 0;
}

#g-7 #side-07 a {
	background: url(../images/s_navi07.gif) no-repeat -220px 0;
}

#g-8 #side-08 a {
	background: url(../images/s_navi08.gif) no-repeat -220px 0;
}

#g-9 #side-09 a {
	background: url(../images/s_navi09.gif) no-repeat -220px 0;
}



/* サイドナビ終わり
///////////////////////////////////////*/



/* フッタ
///////////////////////////////////////*/
.footer-box {
	width:980px;
	margin:20px auto;
	clear:both;
	text-align:center;
	background: #ffffff;
	border: 2px solid #F2F3F8;
	border-radius: 6px ;
}

.footer-box p{
	font-size:14px;
	padding: 20px 0 20px 20px;
}
	
.copy-box{
	width:980px;
	margin:20px auto 0;
	padding:0 0 20px 0;
	background:#ffffff;
	border: 2px solid #F2F3F8;
	border-radius: 6px ;
}

.copy{
	padding:20px;
	text-align: center;
}				
	
.safety {
	padding:10px 10px 0 0 ;
	margin:0;
	text-align:right;
	clear:none;
}

.copy-box p, .safety a{
	font-size:14px;
}

/* フッタ終わり
///////////////////////////////////////*/



/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	text-decoration: underline;
	color: #444444;
}
a:visited {
	text-decoration: underline;
	color: #1f79cc;
}
a:hover {
	text-decoration: none;
	color: #1f79cc;
}
a:active {
	text-decoration: underline;
	color: #1f79cc;
}
a.txtWhite:link {
	color:#FFF;
	text-decoration: underline;
}
a.txtWhite:visited {
	color:#FFF;
	text-decoration: underline;
}
a.txtWhite:hover {
	color:#FFF;
	text-decoration: none;
}
a.txtWhite:active {
	color:#FFF;
	text-decoration: underline;
}

.link-R {
	padding-left:15px;
	background:url(../images/link_m.gif) no-repeat 0.2em;
	text-align:right;
	display:inline;
	float:right;
	clear:none;
}

.link-L {
	padding-left:15px;
	padding-top:8px;
	background:url(../images/link_m.gif) no-repeat 0 1em;
	display:inline;
	float:left;
	clear:none;
}

/* Layout
///////////////////////////////////////*/

html {
	height: 100%;
}

.page {
	width:100%;
	min-width:1000px;
	margin: 0 auto;
	padding: 0;
	min-height: 100%;
	overflow: hidden;
}

.left {
	text-align:left;
	margin:0;
	padding:0;
	width:100%;
}

.center {
	text-align:center;
	margin:0 auto;
	width:100%;
	}

body > #page {
	height: auto;
}

#g-1 .contents{
	width:980px;
	margin:35px auto 0;
	padding:0;
	background:url(../images/s_title_bg.jpg) no-repeat;
	display:block;}

.contents{
	width:980px;
	margin:0 auto;
	padding:0;
	display:block;
}
	
.box_sidebar {
	width:270px;
	height:auto;
	margin:0px 0 30px 0;
	padding:0;
	float:left;
}

.sideBox02{
	width:266px;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
	margin-top: 8px;
}	
	
.ptc{
	padding-bottom: 10px;
}
	
.rightBox{
	width: 685px;
	float: right;
	background-color: #fff;
	margin-bottom:40px;
}	

/* Contents
///////////////////////////////////////*/
.mainpicBox{
	width:623px;
	height:348px;
	padding:17px 13px;
	margin:0 0 30px 0;
	background:url(../images/mainpic_bg.gif) no-repeat;
}

.maincontBox{
	width:665px;
	margin:0 0 30px 0;
	float: right;
	padding:10px;
}

.maincontBox td{
	vertical-align:top;
	padding:5px;
}

.bor{
	border-bottom: 2px dashed #F99502;
	margin: 5px 20px 0 20px;
}
.txth4{
	color:#9DCC21;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 5px;
	float: left;
}
.bgh4{
	background-color: #9DCC21;
	width: 4px;
	height: 20px;
	margin-left: 25px;
	margin-top: 7px;
	float: left;
}
.txt{
	padding: 20px;
}	
.btn_img{
	float: right;
	width: 135px;
	padding-right: 20px;
}	
.con_img{
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}
.con_img img{
	width: 535px;
	height: 319px;
}
.maincontBox02{
	width:649px;
	margin:0 0 20px 0;
	padding:0;}
	
.maincontBox03{
	width:649px;
	margin:0 0 30px 0;
	padding:0 0 10px 0;}		
	
.maincontBox p,.maincontBox03 p{
	padding:10px 10px 5px 10px;
	font-size:12px;
	text-align:left;

}
.maincontBox p{
	padding:10px 10px 5px 10px;
	font-size:16px;
	text-align:left;
	background: #ffffff;
}

.picBox{
	width:268px;
	height:227px;
	border:1px solid #E4E4E4;
	background:#FFFFFF;
	padding:16px;
	margin:0 20px 10px 0;
	float:left;}

.rightBtn a{
	width:175px;
	height:36px;
	float:right;
	display:block;
	background:url(../images/btn01.gif) no-repeat 0 0;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin-top:20px;
}	

.rightBtn a:hover{
	background:url(../images/btn02.gif) no-repeat 0 0;
}				

#pan {
	display:block;
	margin:0 auto;
	padding: 0;
	width:980px;
	text-align:left;
}
#pan p {
	font-size:10px;
	text-align: left;
	padding:0;
}

.news {
	display:block;
	margin: 0 10px 0 0;
	padding:0;
	text-align:left;
	line-height:190%;
}

.news p{
	width: 93%;
	margin: 5px 0;
	border-bottom: 1px dotted #c6c6c6;
	line-height: 1.5;
}

.gotoTopBox {
	clear:both;
	padding:0;
	margin:0;
}

.gotoTop {
	padding:5px 0 0 13px;
	font-size:12px;
	background:url(../images/scrol.png) no-repeat;
	text-align:right;
	display:inline;
	float:right;
	clear:none;
	margin:20px 0 0 0;
	width: 125px;
	height: 28px;
}

a.gotoTop:link {
	text-decoration: underline;
	color: #71d3ff;
	padding-right: 30px;
}
a.gotoTop:visited {
	text-decoration: underline;
	color: #71d3ff;
}
a.gotoTop:hover {
	text-decoration: none;
	color: #71d3ff;

}
a.gotoTop:active {
	text-decoration: none;
	color: #71d3ff;
}
.logo_footer{
	float:left;
	width: 212px;
	height: 30px;
	margin-left: 20px;
}
/*----------------------------------------------------
	テーブル表関係
----------------------------------------------------*/

table{margin:15px 0 15px 10px;}

.infoTable{
	width:95%;
	line-height:160%;
	text-align:left;
	padding:0;
    vertical-align:top;
	border:1px solid #cccccc;
	margin:15px 0 15px 10px;
	}
	
table.infoTable td{
	padding:0.8em 1em 0.8em 1em;
	margin:0;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #cccccc;
	}
	

.td130{
	width:130px;
	background:#F0F0F0;
	text-align:left;
	font-weight:bold;
	border-right:1px solid #cccccc;
	}
	
.infoTable-list li{
	list-style:disc;
	line-height:160%;
	margin-left:0.5em;}


/*テーブル1、線あり*/	
.infoTable01{	
	width: 90%;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	margin: 10px auto 20px;
	border: 1px solid #cccccc;
}	
	
.infoTable01 th{	
	width: 30%;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 0;
	color: #666;
    font-weight: bold;
	background-color:#f4f9ec;
	table-layout: fixed;
}
	
.infoTable01 td{	
	width: 60%;
	line-height: 1.5;
	text-align: left;
	padding-left: 10px;
    vertical-align: middle !important;
	border: 1px solid #cccccc;
	margin: 0;
	table-layout: fixed;
}	

/*テーブル2、線あり　事例*/

.infoTable02{	
	width: 50%;
	line-height: 1.5;
	padding: 10px;
	margin: 10px auto;
	border: 1px solid #cccccc;
}	
	
.infoTable02 th{	
	width: 30%;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 0;
	color: #666;
	background-color:#f4f9ec;
	table-layout: fixed;
}
	
.infoTable02 td{	
	width: 60%;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
	border: 1px solid #cccccc;
	margin: 0;
	table-layout: fixed;
}	

.googlemap{	
    display: block;
	margin:0 auto;
}

/*テーブル3、線なし お急ぎの方*/	
.infoTable03{	
	width: 80%;
	line-height: 1.5;
	text-align: left;
    margin-top: 0px;
	margin-left:auto;
    margin-right: auto;
    margin-bottom: 25px;
	padding: 10px;
	border: none;
    clear:both;
}	
	
.infoTable03 th{	
	width: 15%;
	line-height: 1.5;
	text-align: center;
	margin: 0;
	padding: 10px;
	table-layout: fixed;
}
	
.infoTable03 td{	
	width: 65%;
	line-height: 1.5;
    font-weight: bold;
	text-align: left;
	border: none;
	margin: 0;
	padding: 5px;
    vertical-align: middle !important;
	table-layout: fixed;
}	

.infoTable03 img{
    width: 60px;
    height: auto;
}

/*テーブルtop、線なし トップページ*/	
.tableTop{
    margin:15px 0 15px 10px;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
}
/*----------------------------------------------------
	共通見出しバー関係
----------------------------------------------------*/

h2{
    height: auto;
	min-height: 25px;
    padding:10px;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    background: #d0edf9 url(../images/h2.png) bottom left no-repeat;
    clear: both;
    text-shadow: 1px 1px 1px #888;
	border-radius: 4px;
}
	
		
h2 a:link,h2 a:visited,h2 a:hover,h2 a:active{color:#fff;}	
			
.news h2{
	height:auto;
	min-height: 25px;
	margin:10px 0;
	padding:10px 5px 10px 70px;
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	background:url(../images/h2_news.png) bottom left no-repeat;
	clear:both;
	text-shadow: 1px 1px 1px #888;
	border-radius: 6px;
}

h3{
	margin:10px 0;
	padding:4px 0 4px 5px;
	display:block;
	clear:both;
	font-weight:bold;
	font-size:18px;
	color:#398BB6;
	border-left: solid 5px #398BB6;
	border-bottom:dashed 1.8px #398BB6;
}
	
h4{
	clear:both;
	font-weight:bold;
	font-size:16px;
	margin:10px 0;
	padding:4px 0 4px 5px;
	display:block;
	color:#67C9FF;
	border-bottom:dashed 1.8px #67C9FF;
}

h4:before {
    content: "●";
    display: block;
    float: left;
    font-size: 12px;
    width: 15px;
    margin-left: -10px;
    padding-top: 3px;
}


/*----------------------------------------------------
	カレンダー関係
----------------------------------------------------*/
#wp-calendar{
	margin:0 auto;
	padding:0;
}

#wp-calendar th{
	padding:2px;
	text-align:center;
}

/*clearFix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.pc01 {
	display: block;
}
.sp01 {
	display: none;
}

/*----------------------------------------------------
	202001
----------------------------------------------------*/
.TopImgCenter01{
    float:left;
    width: 300px !important;
    height: auto;
    margin-right: 15px;
}

.TopImgCenter02{
    width: 286px;
    margin:15px auto;
    display: block;
    height: auto;
    margin-top:25px; 
    clear:both;
}


.ConImgCenter{
    margin:15px auto;
    display: block;
    width: 80%;
    height: auto;
}

.ConImgCenter02{
    margin:15px auto;
    display: block;
    width: 50%;
    height: auto;
}
img {
  flex-shrink: 0;
}
.Conright{
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: left;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: auto;
}

.Conright img{
    width: 40%;
    height: auto;
}

.Conright p{
        width: 60%;
}







.Conright02{
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: left;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: auto;
}

.Conright02 img{
        width: 20%;
    height: auto;
}

.Conright02 p{
        width: 80%;
}

.Conright03{
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: left;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: auto;
}

.Conright03 img{
        margin-left: 30px;
        width: 60%;
    height: auto;
}

.Conright03 p{
        width: 40%;
}

.ConImgRight{
    margin:0px 10px 15px 0px;
    float: left;
    display: block;
    width: 230px;
    height: auto;
}

.ConImgRight02{

}

.ConImgRight03{
    margin:0px auto 15px auto;
     display: block;   
    width: 280px !important;
    height: auto;
}

.ConImgRight04{
    margin:0px 10px 15px 0px;
    float: left;
    display: block;
    width: 180px;
    height: auto;
}

.FeeImg{
    margin: 10px auto 20px auto;
    padding: 5px;
    display: block;
    width: 80px;
    height: auto;
    float: left;
}

.FeeImg02{
    margin: 10px auto 20px auto;
    padding: 5px;
    /*display: block;*/
    width: 80px;
    height: auto;
}

.FloImg{
    margin: 0px 10px 20px 0px;
    vertical-align: middle;
    display: block;
    width: 120px;
    height: auto;
}

.FloImg02{
    margin: 0px 10px 20px 0px;
    vertical-align: middle;
    display: block;
    width: 200px;
    height: auto;
    float: left;
}


.sankaku{
    margin: 10px auto;
    display: block;
}

.gmap{
    text-align: center;
}

.imginfo{
    width:600px;
    height: auto;
    margin: 30px auto 20px auto;
    display: block;
}

.box1 {
    padding: 0.5em 1em;
    margin: 0.5em auto 2em auto;
    border: solid 3px #d0edf9;
    width:300px;
}
.box1 p {
    margin: 0; 
    padding: 0;
}