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

/* ------------------------------
	Font
------------------------------ */

@font-face {
   font-family: Noto Sans JP;
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Light.otf') format("opentype");
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Black.otf') format("opentype");
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Medium.otf') format("opentype");
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Bold.otf') format("opentype");
   src: url('../../font/Noto_Sans_JP/NotoSansJP-Regular.otf') format("opentype");
}
/*------------------------------------------------------------
	基本のレイアウト
------------------------------------------------------------*/
html,body{
    width: 100%;
}

html {font-size: 1.4rem;
	    overflow: auto;

}
body{
-webkit-text-size-adjust: 100%;
background-color:#fff;
	color:#333;
	-webkit-font-smoothing: aliased;
}


body,p,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
footer,nav,section{
    margin:0;
    padding:0;
	border:none;
	outline:none;
font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

footer,nav,section{display:block;}



/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
.head {
  margin-bottom: 0px;
  padding: 0px;
  height: 16px;
  line-height: 16px;
  background-color: #8A5406;
  color: #fff;
 text-align :center;
}



.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*------------------------------------------------------------
	スライダー
------------------------------------------------------------*/


.lay{margin:0; position: relative; width:100%;}

#content{
	margin: 0 auto;
		}





/*------------------------------------------------------------
	メイン
------------------------------------------------------------*/

/* リンク色 */
a{color:#333;
	text-decoration:none;
}


a.sen{text-decoration: underline; color:#0000cc;}
a.sen2{text-decoration: underline;}


/* 文章装飾 */
h1{width:90%;
margin:20px auto 20px auto;
  padding: 0.6em 0.6em;
  box-shadow: 6px -6px #eedbb3;
  outline: 3px solid #fff;
  border: 3px solid #eedbb3;
  position: relative;
    font-weight: bold;
    font-size: 0.8125rem;
}


.hi-adjust{margin:70px 0 0 0;}

h2 {width:90%;
margin:30px auto 20px auto;
    position: relative;
  font-weight: bold;
  padding: 0.6em 0.6em;
  background: #fbded6;/*背景色*/
  border-bottom: solid 3px #ff8887;/*下線*/
  color: #383737;
  font-size: 0.75rem; 
}



h3{width:90%;
margin:40px auto 20px auto;
	position: relative;
  font-weight: bold;
  padding: 0.8em 1.0em;
  background: #fbded6;/*背景色*/
  border-bottom: solid 3px #ff8887;/*下線*/
  color: #383737;
  font-size: 0.8125rem; 
}


h4{
  font-size : 16px;
 font-weight : bold; line-height : 140%;  color: #333232; 
 padding: 19px 0px 7px 23px; 
}


p{font-size : 0.6875rem; color:#000;
 font-weight : normal; line-height : 170%; 
 padding: 5px 20px 10px 20px;
 margin: 0 0 15px 0; letter-spacing: 0.05em;  }



span.blu{color:#0000ff; font-weight:bold; } 

span.rd{color:#ff0000; font-weight:bold;} 

span.green{color:#009966; font-weight:bold;} 

span.gl-c{color: #027e02;}


/* 右寄せt */
img.img-right {
 display: block;
	float: right;
	padding: 5px 0 10px 10px;
}
img.img-lleft {
	float: left;
	padding: 5px 0 10px 10px;
}

.sna-img {
width:20%; height:auto; display: block;}


img.img-rightmi {
 width:30%;
 height:auto;
 display: block;
	float: right;
	padding: 5px 0 10px 10px;
}

.midasi{margin: 5px 0px 30px 0px; }

/* img中央揃え */
img.line2{
 display: block;
 width:100%;
 height:auto;
 margin-left: auto;
 margin-right: auto;
 padding: 20px 0 10px 0px;
}


img.line5{/* 共通 */
 display: block;
 margin: 10px auto 10px auto;
 width:70%;
 height:auto;
}

img.line-hou{/* 共通 */
 display: block;
 margin: 30px auto 10px auto;
 width:46%;
 height:auto;
}

/* img中央揃え */
img.mid-im9{
 display: block;
     width:95%;
     height:auto;
 margin-top:15px;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
}

/* 本文画像の回り込み*/

img.maw1 {float:left;   padding: 0px 10px; }
p.maw2 {clear:left;}


/* 水平線*/


hr.style-two {
	border: 0;
	height: 1px;
	background: #fff;
	background-image: -webkit-linear-gradient(left, #fff, #fff, #fff);
	background-image:    -moz-linear-gradient(left, #fff, #fff, #fff);
	background-image:     -ms-linear-gradient(left, #fff, #fff, #fff);
	background-image:      -o-linear-gradient(left, #fff, #fff, #fff);
}



/* img中央揃え */
img.line{
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0 15px 0px;
}
p.image{ text-align :center; line-height : 160%;}



/*------------------------------------------------------------
	フッターメニュー
------------------------------------------------------------*/
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}


/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 0;
	position: relative;
	color: #333;
	font-size:12px;
}



a.mod{color: #333;
      text-decoration: underline;}
      
a.mod2{color: #0000cc;
      text-decoration: underline;}
      

a.tel{text-decoration: underline; color:#4f4e4d;}




#gFooter .address {
	padding: 10px 15px 100px 15px;
	background-color: #f0efef;
    color: #4f4e4d;
	display: block;
	clear: both;
	text-align: left;
	font-size: 0.8125rem;
	line-height:160%;
}

.address img{ display: block;

}
 
.address img.p1{ width:60%; height:auto; display:block;  margin: 20px auto 30px auto;}


#gFooter .address p{line-height:180%; font-size:0.71875rem; margin:0 0 0 0px;}
#gFooter .address p.ad{line-height:180%; font-size:0.75rem; font-weight: bold; margin:0 0 0 0px;}

#gFooter .address p.ad2{padding: 0px 0 10px 0; text-align:center; font-size:0.6875rem; color:#000; line-height:140%;}

/* bottom
---------------------------------------------------- */



#bottom {
	font-size: 10px;
	text-align: center;
}

#bottom  ul.sns{margin:0 auto 20px auto; width:130px;}

#bottom  ul.sns li img{margin:0 auto 10px 20px; padding:0 0 0px 0; width:35px; height:auto; float:left;}

#bottom  ul.display_mode {
	margin-top: 15px;
	margin-bottom: 15px;
}

#bottom .display_mode li {
    background-color: #fb9796;
    border: 1px solid #fb9796;
    border-radius: 4px 4px 4px 4px;
    font-size:13px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 4px;
}

#bottom .display_mode li a {
    display: block; color: #333333;
}

#bottom .display_mode li:first-child {
    background-color:#fad0c4;
    border-style: none;
    border-width: 0;
    color: #333333;
    font-weight: normal;
}

#bottom .display_mode li:last-child {
    background-color: #FFFFFF;
    color: #333333;
}



/* fixed
---------------------------------------------------- */
#fixed_menu {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
}
#fixed_menu li {
float:left;
line-height: 100%;
margin:0;
}
#fixed_menu li.web_r{width:50%}
#fixed_menu li.time{width:25%}

#fixed_menu li.menu{width:25%}


#fixed_menu li img {
    vertical-align: bottom;
        width: 100%;
        	height:auto; margin:0; padding:0;
}


.clear { clear:both; }  
.clear hr { display:none; }  



/*------------------------------------------------------------
	使用中
------------------------------------------------------------*/


li{
list-style: none;
cursor: pointer;
}
 

/* サイドバー */
div.sidebar{
display:block;
	width: 260px; 
	margin-top: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 5px; padding: 0;
}

div.sidebar iframe#side{
	width: 260px; height:1280px;
}

div.sidebar iframe#side2{
	width: 260px; height:1460px;
}




span.red-d{color: #bb2806;}




/* newmenu*/
header{
	height:24px;
margin-bottom:10px;
}

header nav{
	text-align: center;
	background: #efefef;
}
header nav ul{
float:left;
	margin: 0;
	padding: 1em;
	list-style-type: none;
}
header nav ul li{
float:left;
	display: inline;
	margin-left: 1em;
}
header nav ul li:first-child{
	margin-left: 0;
}
header nav ul li ul{
	display: none;
}

.tp-feature-sd-under{background: rgba(255,255,255,1.0); padding:30px 0 20px 0;
 overflow: hidden; position:relative;}

.tp-feature-bk-tp{background: rgba(255,255,255,1.0); padding:0px 0 70px 0;
 overflow: hidden; position:relative;}
 
.tel4{color:#a24130;}



.tp-feature-text{width:96%; margin: 0px auto 30px auto; padding:0;
}/* oka*/


/* パンくずリスト*/
div#pan{
width: 100%; margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px;
padding:20px 0 10px 0; align: center;
}


/* リスト */
ol.topic-path{
	margin: 0 0 0 20px;
list-style-type: none; /* リストマーク非表示 */
padding: 0px 5px 5px 3px;
font-size: 12px;
}
/* リスト項目 */
ol.topic-path li{
display: inline; /* 項目を横並び */
color:#636461;
	padding-right: 17px;
background: url(../../img/path.gif) no-repeat right; /* 矢印記号（※） */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first{
	padding-left: 25px;
background: url(../../img/pan-home.png) no-repeat left;
}

ol.topic-path li.mid{
	padding-left: 0px; margin:0 0px 0 0
background: url(../../img/path.gif) no-repeat right;
}

ol.topic-path li.last{
	padding-left: 8px;
	background:none;
}

/* リンクエリア */
ol.topic-path li a{
	padding-right: 18px;
background: url(../../img/path.gif) no-repeat right; /* 矢印記号（※） */
}

ol.topic-path li a{
	color: #7E4905;
}

ol.topic-path li a:hover{
	color: #FAA708;
}


/*左上にずらした背景色ありタイトル*/
.box74{
width:95%;
margin: 2em auto; /* ボックスの余白 */
background-color: #fafafa; /* ボックス背景色 */
padding:30px 5px 20px 5px; /* ボックス内側余白 */
position:relative; /* 配置(ここを基準に)*/
border: 1px solid #eab3b1;	/* ボックスの線 (太さ　種類　色)*/

}
.box74 .box-title {
background-color:#a50d08; /* タイトル背景色 */
font-size: 0.9375rem;/* タイトル文字の大きさ */
font-weight:bold;
color: #fff ; /* タイトル文字色 */
padding: 7px 18px;/*タイトルの余白*/
line-height: 1;/*タイトルの行の高さ*/
position:absolute;	/* 配置(ここを動かす) */
top: -10px; /*上から（0px）移動*/
left: 20px; /*左から(0px)移動*/
}

.box74 p{font-size: 0.875rem;}


div.prof-l{
width: 340px;
float:left;
font-size: 0.6875rem;
margin:0 0 0 20px;}

img.line4{
width:20%; height:auto;
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0 0px 0px;
}

/*料金oka*/

table.charge {
	border-collapse: collapse;
	width:100%;
	margin:40px auto 70px auto;
	background-color:#fff;
	border:2px solid #000;
	}

table.charge th {
	border-top: #a7a7a5 1px solid;
	border-bottom: #4d8fb8 3px solid;
	border-right: #a7a7a5 1px solid;
	border-left: #0a7d04 1px solid;
	vertical-align:middle;
	text-align: left;
	width:30%;
	padding: 15px 0px 15px 15px;
	background-color:#e7f4fc;
	font-size: 0.875rem; color: #514f4f;
	font-weight:bold;
		line-height:150%;
}


table.charge td {
	border-top: #a7a7a5 1px solid;
	border-bottom: #a7a7a5 1px solid;
		border-right: #a7a7a5 1px solid;
		vertical-align:middle;
	text-align: left;
	line-height:150%;
	padding: 15px 15px 15px 15px;
	font-size: 0.875rem; color: #514f4f;
}

span.red-f{font-size : 1.125rem; color: #0961ac; font-weight: bold; }/* oka */


table.officeinfo {
	border-collapse: collapse;
	width:98%;
	margin:20px auto 70px auto;
	background-color:#fff;
	border:2px solid #000;
	}

table.officeinfo th {
	border-top: #a7a7a5 1px solid;
	border-bottom: #a7a7a5 1px solid;
	border-right: #a7a7a5 1px solid;
	border-left: #1431c7 6px solid;
	vertical-align:middle;
	text-align: left;
	width:30%;
	padding: 15px 0px 15px 15px;
	background-color:#f2fbfd;
	font-size: 0.875rem; color: #514f4f;
	font-weight:bold;
		line-height:200%;
}


table.officeinfo td {
	border-top: #a7a7a5 1px solid;
	border-bottom: #a7a7a5 1px solid;
		border-right: #a7a7a5 1px solid;
		vertical-align:middle;
	text-align: left;
	line-height:160%;
	padding: 15px 15px 15px 15px;
	font-size: 0.875rem; color: #514f4f;
}

img.tpimage{
 display: block;
 width:80%;
 height:auto;
 margin: 20px auto 0 auto;

 padding: 20px 0 10px 0px;
}

.tp-feature-bk-whi{padding:50px 0 20px 0; background: url(../../img/sp_top_bk_h2.jpg) no-repeat; 
background-size:100%;
margin: 10px 0 30px 0;
 overflow: hidden;}/* oka*/
 
 
 ul.tasklist{width:100%;
padding:0 ;
margin:0 auto;}

ul.tasklist li{
width:45%; float:left;
    margin: 20px 2% 20px 2%;/*各画像下に余白をつける*/

}

ul.tasklist img{
	width:100%;
	height:auto;
	vertical-align: bottom;}


#so1,#so2,#so3,#so4,#so5,#so6,#ri1,#ri2,#ri3,#ri4,#ri5,#ri6,#ri7,#sa1,#sa2,#sa3,#sa4,#sa5,#sagi1,#sagi2,#sagi3,#sagi4,#sagi5,sagi6,#sagi7,#fu1,#fu2,#fu3,#fu4,#fu5,#sai1,#sai2,#sai3,#mi1,#mi2,#ho{
 margin-top:-30px;
  padding-top:30px;
display: block;
}

span.br-w{color: #0961ac;  font-weight: bold;}/* oka */



p.korisu{
    color:#5d3c32;
    font-weight:bold;
	margin:10px 0 15px 0; 
}

p.korisu a{text-decoration:underline;}

p.korisu2{
padding:0 0 0 5px; margin:15px 0 2px 15px;
    font-weight:bold;
color:#20a8da;}

p.korisu2 a{
color:#20a8da;}


p.korisu3{
background: url(../../../img/bottomarrow2.png) no-repeat;
color:#2505C5;
padding: 0 5px 0 18px;
margin:0 0 0 30px;
}