﻿?@charset "utf-8";
/* CSS Document */

/*スマートフォン用フォント設定*/
html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/*パンクズリスト*/

.pankuzu ul.nav li{
	font-size:80%;
	float:left;

}

.pankuzu ul.nav li a{
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/icon_list_widget.gif) 1px no-repeat;
	padding-left:12px;
	display:inline-block;
	margin-right:3px;
}

.pankuzu ul.nav li a:hover{
	text-decoration:underline;
}


/*見出し設定*/

h1{
	font-size:115%;
	font-weight:bold !important;
	padding-left:10px;
	padding-bottom:3px;
	color:#300;
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/bg_h2.gif) left bottom repeat-x;}

h2{
	font-size:115%;
	font-weight:bold !important;
	padding-left:10px;
	padding-bottom:3px;
	color:#300;
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/bg_h2.gif) left bottom repeat-x;}

h3{
	background:#FFFFFF;
	font-size:100%;
	padding-left:7px;
	font-weight:bold !important;
	border-left:5px solid #ddb931;
}

.one-third p{
	padding-top:0;
}

.one-third h3{
	background:none;
	font-size:100%;
	padding:0;
	margin:0;
	border:none;
}

.one-third .copy{
	text-align:center;
	border-top:1px solid #666;
	padding-top:5px;
}



.container .three.columns img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}



.top_table table{
/*	width:100%;*/
	text-align:center;
	margin-bottom:15px;
}

.top_table th{
	padding:5px;
	font-weight:bold;
	border:1px solid #333;
	background:#AAAAAA;
	border-collapse:collapse;
}

.top_table td{
	padding:5px 10px;
	border:1px solid #333;
	border-collapse:collapse;
}

/*/--------------------------------------
サイドバー設定
--------------------------------------/*/

/*サイドメニューリンク設定*/
.sub_navi .nav a{
	background:#fff;
	font-size:100%;	
	padding:0;
}


/*サイドメニュー電話番号*/
.side_contact{
	background:#FFFFFF;
	border:1px solid #CCC;
	padding:10px 10px 5px 10px;
	margin-bottom:5px;
}

.side_contact p{
	border-top:5px solid #666;
	padding-top:5px;

}

.side_contact a{
	color:#333;
	display:block;
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/icon_tel_widget.gif) left center no-repeat;
	padding-left:22px;
	border:none;
	font-weight:bold;
	font-size:200%;
}

.side_contact a:hover{
	text-decoration:none;
	color:#333;
}


 a.contact_2{
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/icon_doc_widget.gif) left center no-repeat !important;
	font-size:140%;
}

/*/--------------------------------------
コンテンツ領域設定
--------------------------------------/*/

/*メイン記事欄*/
.sixteen{
	margin-left:5px;	
}


/*フッター左*/
.one-third{
	float:left;
}

/*フッター右*/
.two-third{
	float:right;
	width:45%;
	margin:0;
}


/*フッターナビゲーション*/
.menufooter_nav{
	width:100%;
	font-size:120%;
	margin:0 0 0 auto;

}

.header_contacts{
	float:right;
	padding-top:10px;
	font-family:Tahoma, Geneva, sans-serif;
	
}

.header_contacts ul li{
	list-style-type:none;
    margin-right: 10px;
}

/*ヘッダ電話番号*/
li.phone_number{
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/icon_phone.png) left center no-repeat;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	color: #FFF;
	padding-left:30px;
}

.phone_number a{
	font-size: 150%;
	font-weight: bold;
	color: #FFF;	
}

.phone_number a:hover{
	color:#FFF;
	text-decoration:none;
	cursor:default;
}

.phone_number a:hover{
	text-decoration:underline;
	cursor:pointer;
}

/*/--------------------------------------
配色設定
--------------------------------------/*/

/*背景*/

html{
	background: rgb(234,229,208); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTVkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWFlNGQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYTk5ODdmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZTRkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgb(234,229,208) 0%, rgb(234,228,209) 3%, rgb(169,152,127) 50%, rgb(234,228,209) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(234,229,208)), color-stop(3%,rgb(234,228,209)), color-stop(50%,rgb(169,152,127)), color-stop(100%,rgb(234,228,209))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(234,229,208) 0%,rgb(234,228,209) 3%,rgb(169,152,127) 50%,rgb(234,228,209) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(234,229,208) 0%,rgb(234,228,209) 3%,rgb(169,152,127) 50%,rgb(234,228,209) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(234,229,208) 0%,rgb(234,228,209) 3%,rgb(169,152,127) 50%,rgb(234,228,209) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(234,229,208) 0%,rgb(234,228,209) 3%,rgb(169,152,127) 50%,rgb(234,228,209) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae5d0', endColorstr='#eae4d1',GradientType=0 ); /* IE6-8 */

}

body{
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/bg_header.jpg) top no-repeat;/*背景色、画像指定しない場合は色コードにて指定*/
	background-size:contain;
	color:#300;/*全体の文字色*/
}

.bg_container{
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/bg_main.png) center 115px repeat-x;/*背景色、画像指定しない場合は色コードにて指定*/
	background-size:contain cover;
}


/*ナビゲーション*/
ul.nav li a {
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/bg_nav_off.jpg) left center no-repeat;
	padding:10px; 
/*	font-weight:bold;*/
	color:#534741;
	font-size: 12px;
}

ul.nav li li a{
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/bg_nav_off.jpg) left center no-repeat;
	padding:10px; 
/*	font-weight:bold;*/
	color:#534741;
}

/*メニュー文字色*/
.nav a, .pankuzu ul.nav li a:hover {
	 color:#FFF;
}

/*オンマウス*/
.nav a:hover { 
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/bg_nav_on.jpg) left center no-repeat;
	color:#FFF;
	font-weight:bold;
}

	
/*右サブナビゲーション_オンマウス*/
.sub_navi .nav li a:hover{
	color:#0099cc;
	background:#fff;
	text-decoration:underline;
}


/*ヘッダ背景*/
.header-wrap{
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/bg_head.jpg) left top no-repeat #330000;
	border-bottom:10px solid #F4EEDE;
}

/*ナビゲーション背景
.navwrap{
	margin-bottom:25px;	
}*/

/*メインコンテンツ背景色など*/
.sixteen div{
	background:#FFF;
}

.contents_area{
	padding:10px;
}

/*コンテンツ全体の背景色*/
.container .four.columns, .container .sixteen.columns, .bodycontent, .contents_area, .footer  {
	background-color:#F4EEDE;
}


/*フッター設定*/
.one-third .footer-wrap{
	padding:5px 15px;
	background:url(https://www.koukakonanyaku.com/themes/ci_template_z18/images/bg_head.jpg) left top no-repeat #330000;
	color:#FFF;
}

.footer-wrap .one-third a:hover{
	text-decoration:none;
}

.footer a,
.footer a:visited{
	color:#FFF;
}

.footnav{
	background:#F4EEDE;
	padding-bottom:20px;
}

.footnav .nav{
	padding:0 40px;	
}

.footnav .nav li a{
	display:inline;
	padding:0 5px;
	margin-bottom:5px;
	background:none;
	float:left;
}

.footnav .nav li a:nth-child(odd){
	margin-left:-1px;
	border-left:1px solid #300;
	border-right:1px solid #300;
}

.footnav .nav li a:hover{
	font-weight:normal;
	color:#300;
	text-decoration:underline;
}

/******************************************************
シャドウ設定
*******************************************************/
.header-wrap{
	-webkit-box-shadow:-3px -3px 3px #a49e90, 3px -3px 3px #a49e90;
	-moz-box-shadow	  :-3px -3px 3px #a49e90, 3px -3px 3px #a49e90;
	box-shadow		  :-3px -3px 3px #a49e90, 3px -3px 3px #a49e90;
	behavior: url(https://www.koukakonanyaku.com/themes/ci_template_z18/PIE.htc);
	position: relative;
	z-index: 2;
}

.footer{
	-webkit-box-shadow:-3px 3px 3px #a49e90, 3px 3px 3px #a49e90;
	-moz-box-shadow	  :-3px 3px 3px #a49e90, 3px 3px 3px #a49e90;
	box-shadow		  :-3px 3px 3px #a49e90, 3px 3px 3px #a49e90;
	behavior: url(https://www.koukakonanyaku.com/themes/ci_template_z18/PIE.htc);
	position: relative;
	z-index: 2;

}

.bodywrap{
	-webkit-box-shadow:3px 5px 3px #a49e90, -3px 5px 3px #a49e90;
	-moz-box-shadow	  :3px 5px 3px #a49e90, -3px 5px 3px #a49e90;
	box-shadow		  :3px 5px 3px #a49e90, -3px 5px 3px #a49e90;
	behavior: url(https://www.koukakonanyaku.com/themes/ci_template_z18/PIE.htc);
	background:#F4EEDE;
}

/*@media only screen and (max-width: 767px) {
.header-wrap, .footer, .footnav, .bodywrap{
	-webkit-box-shadow:none;
	-moz-box-shadow	  :none;
	box-shadow		  :none;
	behavior: url(https://www.koukakonanyaku.com/themes/ci_template_z18/PIE.htc);
}
}*/

@media only screen and (max-width: 767px) {
.phone_number a{ font-size:150%; }
}

.googleMapCanvas div{ border:0px none; height:auto; color:#000000; background:none !important;}

.phone_number a {
    font-size: 150%;
    font-weight: bold;
    color: #FFF;
}


  .policy_table th,
  .policy_table td{
	border: 1px solid #000;
	padding: 8px 0;
	text-align: center;
	background: #fff;
	vertical-align: middle;
  }
  .policy_table tr:nth-child(odd) td {
	background: #eee;
}

  .policy_table thead{
	position: sticky;
	top: -2px;
	z-index: 2;
  }
  .table_2nd th{
	background: #f3f1ec !important;
  }
  .policy_table th{
	background: #c2b6a6;
	border: 1px solid #000 !important;
	border-collapse: collapse;
	font-weight: bold;
  }
.policy_table_scroll{
	overflow: scroll;
	width: 100%;
	height: 600px;
  }
  .policy_table{
	width: 2800px;
	table-layout:fixed;
  }

  @media only screen and (max-width: 767px) {
.policy_table_scroll{
	overflow: scroll;
	width: 95%;
	margin: 0 auto;
	height: 450px;
  }
  .policy_table{
	width: 1200px;
  }
	}