@charset "UTF-8";
/**
* 下層ページ共通
*/

/* to-top
----------------------------------------------- */
.to-top {
	/* width:900px; */
	text-align:right;
	font-size:0.85em;
	margin:100px 10% 20px auto;
	clear:both;
	line-height: 35px;
	font-size: 110%;
	width: 100px;
}
.to-top::before {
	position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    background-color: rgba(255, 179, 0, 1);
	margin-left: 50px;
	z-index: -1;
}
/* navigation
----------------------------------------------- */
/*
#navigation {
	font-size:10px;
	padding:5px 10px;
	border-bottom:1px dashed #CCCCCC;
	height:14px;
	background-color:#FFFFFF;
}
#pankuzu {
	width:750px;
	float:left;
}
#navigation a {
	text-decoration:none;
}
#navigation strong {
	font-weight:normal;
	background-color:#EDF8C9;
	color:#EDF8C9;
	padding:2px;
}
*/
#contentsBody h2 {
	/*background:url(images/bg_head_square.gif) no-repeat left center; 
	margin-bottom:30px;
	height:35px;
	padding-left: 48px; 
	line-height:40px;
	margin-top:30px;*/
}
#contentsBody ul li,
.post ul li {
	/* background:url(images/bg_list_circle.gif) no-repeat left 8px; */
	/*padding-left:20px;*/
	/*margin-bottom:10px;*/
}
/* top content 田尻追加
----------------------------------------------- */

/* widget
----------------------------------------------- */
.widget {
	margin-top:30px;
}
.widget h2 {
	/* background:url(images/bg_list_head_square_s.gif) no-repeat left center;　四角を消したかった */
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 25px;
	font-size:14px;
	margin-bottom:0px;
	vertical-align:bottom;
}
.widget ul,
.widget table {
	margin-left:20px;
}
.widget ul li {
	background:url(images/bg_list_circle.gif) no-repeat left 8px;
	padding-left:16px;
	line-height:20px!important;
	font-size:12px;
}
.widget li.current a,
.widget li.selected a{
	font-weight: bold;
	color:#360;
}
h3.contents-head {
	display:none;
	margin-bottom:20px!important;
	padding:5px 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	margin-right:20px;
	color:#000;
}
h4.contents-head {
	padding:5px 10px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin:10px 10px!important;
}
h2.contents-head{
	display: none;
}
#blogDescription {
	margin-left:35px;
	margin-right:35px;
}/*
#contentsBody p {
	line-height: 2em!important;
}*/
/*
#contentsBody .section {
	margin:0 35px 20px 35px;
}*/
/*
#contentsBody ul,
.post ul {
	margin:3px 35px 20px 35px;
}*/
#ContentsNavi {
	margin-top:50px;
	margin-bottom:20px;
	text-align: center;
}

/* loginUser
----------------------------------------------- */
#login {
	margin:50px auto;
	width:400px;
}
#loginUser {
	width:150px;
	float:right;
	color:#688A00;
	font-size:10px;
	text-align:right;
}
#loginUser span {
	background:url("images/bg_user_icon.gif") no-repeat left center;
	padding-left:20px;
}
#loginUser span a {
	text-decoration:underline;
}
/* box-01
----------------------------------------------- */
.box-01 {
	margin-bottom:20px;
}
.box-01 .box-head {
	background:url(images/bg_box_head_01.gif) left top no-repeat;
	width:400px;
	height:38px;
}
.box-01 .box-body {
	background:url(images/bg_box_body_01.gif) left top repeat-y;
	width:350px;
	padding:25px 25px 5px 25px;
}
.box-01 .box-foot {
	background:url(images/bg_box_foot_01.gif) left top no-repeat;
	width:400px;
	height:15px;
}
.box-01 .box-head h3 {
	background:url(images/bg_box_blt_01.gif) left 10px no-repeat;
	padding-top:10px;
	padding-left:30px;
	margin-left:15px;
	line-height:26px;
	margin-top:0px;
	margin-bottom:0px;
}
.box-01 .box-body ol,
.box-01 .box-body ul {
	margin-left:0px!important;
	padding-left:0px!important;
}
.box-01 .box-body li {
	margin-left:0px!important;
	margin-bottom:5px;
}
.box-01 .box-body ol li {
	list-style-position:inside!important;
}
/* calendar
----------------------------------------------- */
.widget-blog-calendar table {
	width:220px;
	margin-left:15px;
}
.widget-blog-calendar th {
	border-bottom:1px solid #e2e2e2;
}
.widget-blog-calendar th,
.widget-blog-calendar td {
	padding:2px 3px;
	font-size:12px;
	text-align: center;
}
.widget-blog-calendar .sunday {
	color:#ff6633;
}
.widget-blog-calendar .saturday {
	color:#3366FF;
}
.widget-blog-calendar .today {
	background-color:#e2e2e2;
}
/* no-data
----------------------------------------------- */
.no-data {
	text-align:center;
}
/* BlogComment
----------------------------------------------- */
#BlogComment {
	margin-top:40px;
	padding:0 10px;
}
#BlogCommentList {
	padding:10px 20px;
	margin-top:20px;
}
#BlogCommentAddForm {
	padding:10px 20px;
}
#BlogCommentList .comment {
	padding-bottom:8px;
	border-bottom:1px dashed #CCCCCC;
	margin-bottom:20px;
}
/* map
----------------------------------------------- */
#map {
	margin-bottom:30px;
}
/* edit-link
----------------------------------------------- */
.edit-link {
	padding:10px;
}
/* contentsNavi
----------------------------------------------- */
#contentsNavi {
	text-align:center;
}
/* bt-content
----------------------------------------------- */
.bt-content small {
	color:#688A00;
}
/* bt-content
----------------------------------------------- */
.customize-navi {
	background-color:#f2ffde;
	padding:10px;
	margin: 10px 0 10px 0;
}
/* map
----------------------------------------------- */
#map .sitename {
	color:#360;
	font-weight: bold;
}
/* tweet
----------------------------------------------- */
.tweet h2 {
	color:#FFFFFF;
	margin-top:0;
	font-size: 2em;
	padding-left:0;
	margin-left:0;
	background: none;
}
.tweet h2 a {
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
}
.tweet h2 a:hover {
	text-decoration:underline;
}
.tweet,
.query {
	font-size: 0.9em;
	background-color: #BBDD53;
	padding:10px;
}
.tweet .tweet_list,
.query .tweet_list {
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
.tweet .tweet_list .awesome,
.tweet .tweet_list .epic,
.query .tweet_list .awesome,
.query .tweet_list .epic {
	text-transform: uppercase;
}
.tweet .tweet_list li,
.query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: .7em;
	background: none;
}
.tweet .tweet_list .tweet_even,
.query .tweet_list .tweet_even {
	background-color: #f2ffde;
}
.tweet .tweet_list .tweet_avatar,
.query .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}
.tweet .tweet_list .tweet_avatar img,
.query .tweet_list .tweet_avatar img {
	vertical-align: middle;
}
.tweet_time a {
	color:#999999;
	font-size: 9px;
	text-decoration:none;
}
.tweet_time a:hover {
	text-decoration:underline;
}
.loading {
	color:#FFFFFF;
	font-weight: bold;
}

/* AuthCaptcha
----------------------------------------------- */
.auth-captcha{
	width:430px;
	margin:10px auto;
}
.auth-captcha-image{
	border: 1px solid #669900;
	display: block;
	float:left;
	margin-right:10px;
	vertical-align: top;
}
#AuthCaptchaImage{
	border: 1px solid #669900;
}
#CaptchaLoader{
	border: 1px solid #CCCCCC;
}

#Maintenance .box{
	text-align: center;
	margin:50px auto;
	text-align: center;
}
/* .pagination
---------------------------------------------------*/
.pagination {
	text-align: center;
}
.pagination .disabled {
	display:none;
}
.page-numbers {
	text-align:right;
}
.pagination .number,
.pagination .prev,
.pagination .next,
.pagination .current{
	padding:5px 8px;
	border:1px solid #e2e2e2;
	margin:0 2px;
}
.pagination .current {
	background-color: #efefef;
}
.pagination a:hover{
	background-color: #669900;
	color:#fff;
}
/* list-num
---------------------------------------------------*/
.list-num {
	text-align: right;
}
/* 検索
---------------------------------------------------*/
.search-box {
	text-align: center;
}
.search-result {
	text-align: right;
	background-color: #efefef;
	padding:5px 8px;
}
.result-link a{
	color:#999;
}

/* アイキャッチ
---------------------------------------------------*/
.eye-catch img{
	padding:3px;
	border:1px solid #CCC;
	background-color: #FFF;
	float:right;
	margin-right:20px;
	margin-left:10px;
}

.contents-navi {
	margin-top:40px;
	text-align: center;
}




/* under-------------------------------------------------------takahashi */
/* 蛍光ペンのような下線を引く */
.keiyaku p{
	letter-spacing: 0.03em;
	font-weight: 500;
}
.under_h2{
	background: linear-gradient(transparent 90%,rgba(255, 179, 0, 1) 60%);
	width: 300px;
	line-height: 40px;
	margin: 80px 0 25px;
	padding-left: 5px;
	/*font-weight: 500;*/
}
.under_h4{
	background: linear-gradient(transparent 90%,rgba(255, 179, 0, 1) 60%);
	width: 150px;
	margin: 20px 0 10px;
	padding-left: 5px;
}
.acsess{
  font-weight: 500;
}
.acsess dl{
  padding: 15px 0;
  border-bottom: 1px solid rgba(179, 145, 133, 0.6);
}
.acsess dt{
  padding-bottom: 5px;
}
.acsess dd{
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
	.keiyaku p{
		font-weight: 600;
	}
  .acsess{
	  width: 750px;
	  margin: auto;
	  font-weight: 600;
	  font-size: 18px;
	}
  .acsess dt {
	  clear: left;
	  float: left;
	  width: 20%;
	}
	.acsess dd {
		margin-left: 25%;
	}
}
/*設備のオレンジタイル------------------------------takahashi */
ul.setubi{
	display: flex;
	/*width: 800px;*/
}
.setubi li {
	list-style-type: none; /*箇条書きの黒点を消す*/
	background: rgba(255, 179, 0, 0.5);
    border-radius: 5px;
    margin: 5px;
    width: calc(100%/2);
    text-align: center;
    font-size: 14px;
	line-height: 35px;
	font-weight: 500;
}

/* スマホ用縦並び*/
@media screen and (max-width: 900px) {

	ul.setubi{
		display: block;/*縦にする*/
		width: 100%;
	}
	.setubi li {
		/*list-style-type: none;
		text-align: center;
		background: rgb(255, 213, 136);
		border-radius: 5px;*/
		margin: 15px auto;
		width: 100%;
		/*font-size: 14px;
		line-height: 35px;*/
	}
	
}
/*ここまで-----------------------------------------  */

/* 文全体を中央に寄せる----------------------------------takahashi */
div.keiyaku {
	margin-top: 100px;
	width: 100%;
	margin: 0 auto;
}
div.privacy{
	margin-top: 40px;
	width: 100%;
	margin: 0 auto;
}

/*ここまで-----------------------------------------  */

/* 中央に寄せる -----------takahashi*/
.picture{
	text-align: center;
}
div.google_map{
	text-align: center;
}

/*藤原のメイン画像、背景色 ---------------------------------- takahashi*
.fujimain{
	width:100%;
	height: 250px;
	background: rgba(250, 174, 34, 0.89);
	position: relative;
	
}
		  
.fujiimg {
	position: absolute;
	margin: 20px;
	height: 80%;
	right: 20px;
}
h1.FUJIWARA {
	position: absolute;
	left: 150px;
	top: 70px;
}
/
/* 高島のメイン画像、背景色 ----------------------------------takahashi 
.takamain{
	width:100%;
	height: 250px;
	background: rgba(250, 174, 34, 0.89);
	position: relative;
}
		  
.takaimg {
	position: absolute;
	margin: 20px;
	height: 80%;
	right: 20px;
}
h1.TAKASHIMA {
	position: absolute;
	left: 150px;
	top: 70px;
}
	*/

/* 契約のご案内メインビジュアルのスマホ対応 
.keiyakumain {
	width:100%;
	height: 250px;
	background:rgba(243, 240, 63, 0.89);
	position: relative;
}		  
.keiyskuimg {
	position: absolute;
	margin: 20px;
	height: 80%;
	right: 20px;
}
h1.GUIDE {
	position: absolute;
	left: 150px;
	top: 70px;
}
*/
/* プライバシーポリシーメインビジュアルのスマホ対応 */
.privacymain {
	/* width: 100%; */
	width:100%;
	height: 250px;
	background: rgba(251, 236, 24, 0.89);
	position: relative;
}		
	.privacyimg {
	position: absolute;
	right: 20px;
	margin: 20px;
	height: 80%;
}
h1.privacypolicy {
	position: absolute;
	left: 100px;
	top: 70px;
}


/*契約のご案内メイン画像----------------------------------takahashi*/

.keiyakumain {
	width: 100%; 
	/*width:100%;*/
	height: 190px;
	background:rgba(250, 174, 34, 0.89);
	position: relative;
}
.keiyskuimg {
	position: absolute;
	margin: 20px;
	height: 80%;
	right: 20px;
}

h1.GUIDE {
	position: absolute;
	left: 150px;
	top: 70px;
}

/* 個人情報保護メイン画像 ----------------------------------takahashi*/
.privacymain {
	width: 100%; 
	/*width:100%;*/
	height: 190px;
	background: rgba(240, 228, 60,0.89);
	position: relative;
}

.privacyimg {
	position: absolute;
	right: 20px;
	margin: 20px;
	height: 80%;
}

h1.privacypolicy {
	position: absolute;
	left: 100px;
	top: 70px;
}																
/*ここまで-----------------------------------------  */

  /* 大画面用仮901px以上----------------------------------------高橋 */
@media screen and (min-width:901px) {
	.wrapper {
		overflow: hidden;
		/*width:100%;*/
    }
    
	ul.setubi{
		display: flex;
		/* width: 800px; */
	}
	h1.GUIDE {
		position: absolute;
		left: 450px;
		top: 70px;
	}
	h1.privacypolicy {
		position: absolute;
		left: 450px;
		top: 70px;
	
	}

}

.privacy h2{
	margin: 20px 0;
}
.privacy p{
	margin: 10px 0px 5px;
	font-weight: 600;
}
.privacy li{
	font-weight: 600;
}