@charset "utf-8";


/*Base
-------------------------------------------*/
body {
	margin:0;
	padding:0;
	text-align:left;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",Arial, Helvetica, san-serif;
	color:#3f3a39;
	/*font-size:75%;
	font-size:0.75em;
	line-height:1.6;*/
	}

#wrapper {
	width:100%; /*contents width*/
	text-align:left;
	}

.txt14{
	font-size:14px;
	line-height:1.4;
	color:#333;
	text-align:left;
}

.txt12{
	font-size:12px;
	line-height:1.4;
	color:#333;
	text-align:left;
}
	
.txt_mds_or{
	font-size:130%;
	text-align:center;
	color:#ff9000;
	margin-bottom:1px;
    border-bottom: 2px solid #ff9000;
}

.txt_left {
	float:left;
	width:700px;
	margin:0 30px 0 0;
}

.txt_center{
	text-align:center;
}

.txt_point_01{
	font-size:150%;
	font-weight:bold;
	color:#ff4800;
}

.txt_bg_01{
	width:100%;
	background-color:#fff9b5;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	padding:10px 0;
}

.txtB_01{
	font-size:120%;
	font-weight:bold;
}


/*main layout
-------------------------------------------*/

#slideshow {
   position: relative;
   width:  1000px; /* 画像の横幅に合わせて記述 */
   height: 398px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0px;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

#mainArea{
	width:100%;
}

.mainArea_top{
	height:400px;
}

#mainArea #hdr{
	width:1020px;
	margin:0 auto;
	position:relative;
}

#mainArea #hdr h1{
	width:395px;
	text-align:left;
	padding:35px 0 0 0;
	float:left;
}

#mainArea #hdr ul.hdrBtn{
	width:257px;
	padding-top:5px;
	position:absolute;
	top:92px;
	right:5px;
}

#mainArea #hdr .tel{
 width:397px;
 margin:35px 0 0 208px;
 text-align:right;
 float:right;
}

#mainArea #hdr ul.hdrBtn .hdrBtn01{
	float:left;
	width:112px;
	margin-right:8px;
}

#mainArea #hdr ul.hdrBtn .hdrBtn02{
	float:left;
	width:135px;
}

#mainArea h2{
	width:1020px;
	height:398px;
	text-align:center;
	margin:0 auto 0;
	padding-top:25px;
}


*:first-child+html #mainArea h2{
	background:url(../images/main.png) no-repeat center top;
	width:980px;
	height:623px;
	text-align:center;
	text-indent:-9998px;
}

/* kasou */
body.kaso #mainArea{ background:none;	height:109px; }
body.kaso #mainArea #hdr .telBox{	width:420px;float:right; }
body.kaso #mainArea #hdr .telBox ul{	width:135px; padding:21px 0 0; float:left; }
body.kaso #mainArea #hdr .telBox li{	width:135px; text-align:right; font-size:0; margin:7px 0 0;padding:0; float:left; }
body.kaso #mainArea #hdr .telBox .tel{	width:264px; padding:0; float:right; }

/*nav layout
-------------------------------------------*/
#navArea{
	background:#fff repeat-x;
	height:23px;
}

#navArea ul{
	background:url(../common/images/nav_btm.png) center bottom no-repeat;
	width:1020px;
	height:23px;
	margin:0 auto;
	padding:10px 0 20px;
	text-align:left;
	position:relative;
	border-bottom: 1px dotted #cccccc; 
}

#navArea li{
	float:left;
	list-style:none;
}

/*contents layout
-------------------------------------------*/

/*hedder mail
-------------------------------------------*/

.hed_mail{
	text-align:right;
	font-size:75%;
	padding:0px 30px 0px 0px;
}



/*cont
-------------------------------------------*/

#cont{
	width:1020px;
	margin:0 auto;
}


#cont_01{
	float:left;
	margin-top:195px;
	margin-right:20px;
}

#cont_02{
	float:left;
	margin-top:195px;
}

#cont_03{
	float:left;
	margin-top:20px;
	margin-right:20px;
}

#cont_04{
	float:left;
	margin-top:20px;
}

#cont_05{
	float:left;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:30px;
}

#cont_06{
	float:left;
	margin-top:20px;
	margin-bottom:30px;
}


/*gaiyo
-------------------------------------------*/

#gaiyo_main{
	margin:0px; 
}

/* -- table Style -------------------- */
/* tableA01 */
.tableA01{
	margin: auto 0px;
	padding: 0;
	width: 100%;
	background: #f5f5f5;
	border-collapse: collapse;
}
.tableA01 th,
.tableA01 td{
	margin: 0;
	padding: .5em 1em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
}

.tableA01 th{
	background: #dfdfdf;
	width: 20%;
	font-weight: normal;
	text-align:center;
}
.tableA01 td{
	width: 80%;
}


/* tableA02 */
.tableA02{
	margin: auto 0px;
	padding: 0;
	width: 100%;
	background: #fff;
	border-collapse: collapse;
}
.tableA02 th,
.tableA02 td{
	margin: 0;
	padding: .5em 1em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
}

.tableA02 th{
	background: #f5f5f5;
	width: 20%;
	font-weight: normal;
	text-align:center;
}
.tableA02 td{
	width: 80%;
}


/* tableA03 */
.tableA03{
	margin: auto 0px;
	padding: 0;
	width: 100%;
	background: #fff;
	border-collapse: collapse;
}

.tableA03 th,
.tableA03 td{
	margin: 0;
	padding: .8em 0;
	border: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
}


.table_ttl_01{
	font-size:150%;
	font-weight:bold;
}

.table_color_01{
	background-color:#ade4f1;
}

.table_color_02{
	background-color:#f5f5f5;
}


.table_l_300{
	width:300px;
}


.table_l_700{
	width:700px;
}

.txtB_01{
	font-size:120%;
	font-weight:bold;
}


/* -- gaiyo enkaku -------------------- */

.gaiyo_enkaku{
	margin-bottom:60px;
}

/* -- ttl_bar -------------------- */

.ttl_bar_bl{
	padding-left: 15px;
	background-image: url(../images/ico_ttl_bar_bl.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 20px;
}

.ttl_bar_gr{
	padding-left:15px;
	background-image:url(../images/ico_ttl_bar_gr.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:110%;
	font-weight:bold;
	margin-bottom:20px;
}


/* -- sub ttl -------------------- */

.subttl_01{
	width:1000px;
	height:50px;
	background-image:url(../images/subttl_01.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-size:130%;
	padding:10px 0 0 50px;
}

.subttl_02{
	width:1000px;
	height:50px;
	background-image:url(../images/subttl_02.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-size:130%;
	padding:10px 0 0 50px;
}

.subttl_03{
	width:1000px;
	height:50px;
	background-image:url(../images/subttl_03.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-size:130%;
	padding:10px 0 0 50px;
}

.subttl_04{
	width:1000px;
	height:50px;
	background-image:url(../images/subttl_04.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-size:130%;
	padding:10px 0 0 50px;
}

.subttl_05{
	width:1000px;
	height:50px;
	background-image:url(../images/subttl_05.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-size:130%;
	padding:10px 0 0 50px;
}



/*sub cont
-------------------------------------------*/

#sub_cont{

}

#sub_cont_01{
	float:left;
	margin-right:35px;
	margin-bottom:10px;
}

#sub_cont_02{
	float:left;
	margin-right:35px;
	margin-bottom:10px;
}

#sub_cont_03{
	float:left;
	margin-bottom:10px;
}

/*google map
-------------------------------------------*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*footer layout
-------------------------------------------*/
#footer{
	text-align:center;
}

.fotter_line{
	margin-bottom:1px;
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #bfbfbf;   /* 線色 */
   height: 1px;         /* 高さ(※古いIE用) */
}

.fotter_line2{
   margin-top:1px;
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #bfbfbf;   /* 線色 */
   height: 1px;         /* 高さ(※古いIE用) */
}

.footer_menu{
	font-size:80%;
}

.top_add{
	font-size:80%;
	margin:25px 0px;
}


/*copy
-------------------------------------------*/

.copy{
	font-size:80%;
	border-top: 1px solid #bfbfbf;
	padding:10px 0 20px;
}

/*kaso共通 layout
-------------------------------------------*/


ul .list_01:before{
	content: '';
	width: 5px;
	height: 5px;
	display: inline-block;
	border-radius: 100%;
	background: #39cbef;
	position: relative;
	left: -8px;
	top: -3px;
	margin-left:10px;
}


ul .list_02:before{
	content: '';
	width: 5px;
	height: 5px;
	display: inline-block;
	border-radius: 100%;
	background: #ff9000;
	position: relative;
	left: -8px;
	top: -3px;
	margin-left:10px;
}


/*pageTop
-------------------------------------------*/

   /* #pageTop {

      position: fixed;
      bottom: 20px;
      right: 20px;
    }

     

    #pageTop a {
      display: block;
      z-index: 999;
      padding: 8px 15px 20px 15px;
      border-radius: 30px;
      width: 90px;
      height: 90px;
    }

     

    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.7;
    }
*/

.PageTop_s1{
	margin:0 auto;
	width:1020px;
	text-align:right;
}


/*モーダル・ポップアップ
-------------------------------------------*/


.modal > label {
background: #FFD300;
color: #000;
cursor: pointer;
display: inline-block;
}

.modal-overlay {
background:#000;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align:center;
}

.modal-wrap {
position: relative;
margin: 0 auto;
width: 100%;
}

.modal-wrap label {
background: #FFD300;
color: #000;
cursor: pointer;
display: inline-block;
}

input {
position: absolute;
z-index: -9999;
visibility: hidden;
}

.modal-overlay {
opacity:0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-moz-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-ms-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	-o-transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	transition: all 0.75s cubic-bezier(0.65, -0.55, 0.265, 1.55);
z-index: -999;
}

input:checked ~ .modal-overlay {
opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-0-transform: scale(1);
	transform: scale(1);
z-index: 999;
}