@charset "utf-8";

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 default style reset
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* reset
------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}

html{
    overflow-y:scroll;
}

body {
    line-height:1;
}

blockquote, q{
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}

input, select{
	vertical-align:middle;
}

input[type="submit"]{
	border:none;
}

input[type="button"]{
	border:none;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

a:focus{
	outline:none;
}

/* clearfix
------------------------*/
.clearfix:after{
    content:"";
	height:0;
    display:block;
    clear:both;
}
.ta-c { text-align: center; }
.ta-l { text-align: left; }
.ta-r { text-align: right; }

.mga { margin: 0 auto; }

.fs08 { font-size: 8px; }
.fs10 { font-size: 10px; }
.fs12 { font-size: 120px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs40 { font-size: 40px; }
.fs60 { font-size: 60px; }
.fs80 { font-size: 80px; }

.pt00 { padding-top: 0px;}
.pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}
.pt60 { padding-top: 60px;}
.pt70 { padding-top: 70px;}
.pt80 { padding-top: 80px;}
.pt90 { padding-top: 90px;}
.pt100 { padding-top: 100px;}
.pt110 { padding-top: 110px;}
.pt120 { padding-top: 120px;}
.pb00 { padding-bottom: 0px;}
.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}
.pb60 { padding-bottom: 60px;}
.pb70 { padding-bottom: 70px;}
.pb80 { padding-bottom: 80px;}
.pl00 { padding-left: 0px;}
.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}
.pl50 { padding-left: 50px;}
.pl60 { padding-left: 60px;}
.pl70 { padding-left: 70px;}
.pl80 { padding-left: 80px;}
.pr00 { padding-right: 0px;}
.pr10 { padding-right: 10px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}
.pr50 { padding-right: 50px;}
.pr60 { padding-right: 60px;}
.pr70 { padding-right: 70px;}
.pr80 { padding-right: 80px;}

.mt00 { margin-top: 0px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}
.mb00 { margin-bottom: 0px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}
.mb80 { margin-bottom: 80px;}
.ml00 { margin-left: 0px;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}
.ml60 { margin-left: 60px;}
.ml70 { margin-left: 70px;}
.ml80 { margin-left: 80px;}
.mr00 { margin-right: 0px;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr50 { margin-right: 50px;}
.mr60 { margin-right: 60px;}
.mr70 { margin-right: 70px;}
.mr80 { margin-right: 80px;}

.ln16 { line-height: 1.6;}
.ib { display: inline-block; }
.img01 {
    margin:0 auto;
    width: 30%;
}

#sell {
    font-size: 16px;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 common layout
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

body{
	color:#444;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #aca19a;
}

@media all and (max-width:480px){
	body{
		padding:0 0 11% 0;
	}
}

#wrapper{
	margin:0 auto;
	background-color:#FFFFFF;
	z-index:50;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 header
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

header{
	max-width:1140px;
	padding:1% 2% 0 2%;
	margin:0 auto;
	position:relative;
	/* position:fixed;
	top:0;
	left:0;
	z-index:100; */
}

/* logo
------------------------*/
#logo{
/*
	width:340px;
*/
	width:300px;
	margin:-1% 0 1% 0;
	float:left;
}

.logo_block p{
	margin:0 0 0.5% 5%;
	display:block;
	font-size:80%;
}

#logo a{
	margin:3% 0 0 -1% ;
	width:330px; /* default 340px */
	height:50px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/header-logo.png) no-repeat 0 0;
}

@media all and (max-width:768px){
	#logo{
		width:37%;
	}
	#logo a{
		height:auto;
		padding:3% 0;
		background:url(../img/header-logo.png) no-repeat 0 0;
		background-size:70% auto;
	}
    .logo_block {
        text-align: center;
    }
    .logo_block p{
        text-align: center;
    }
    .well {
        padding: 0;
        margin: 0;
        background-color: white;
        border: none;
    }
    form#mail_form dl {
        width: 100%;
    }
    form#mail_form {
        width: 100% !important;
    }
}

@media all and (max-width:568px){
	#logo{
		width:62%;
		margin:0 auto 2% auto;
		float:inherit;
	}
	
	#logo a{
		padding:5% 0;
		background-position:center 0;
		background-size:100% auto;
	}
}

@media all and (max-width:480px){
	#logo{
		width:74%;
	}
}

@media all and (max-width:375px){
	#logo{
		width:80%;
	}
	
	#logo a{
		width:auto;
		height:auto;
		padding:4% 0;
	}
}

/* header contact
------------------------*/
.h_contact {
	/*width:55%;*/
    width: 40%;
	text-align:right;
	float:right;
	margin:-1% 0 2% 0;
    line-height: 1.2;
}
.h_contact p {
    font-size: 12px;
}
.h_contact_theme {
    font-size: 14px !important;
}
.h_contact_tel {
    font-size: 24px;
    color: red;
    padding: 0 10px;
}
.h_contact_time {
    /*font-size: 10px;*/
    background-color:lightgray;
    padding: 0 5px;
}
.h_contact .open{
	font-size:70%;
	color:#2e2e2e;
	display:inline-block;
	margin:0 1% 1% 0;
}
.h_siryo {
    width: 15%;
	float:right;
	/*margin:-1% 0 3% 0;*/
    line-height: 1.2;
    text-align: center;
}

@media all and (max-width:480px){
    .h_siryo {
        width: 25%;
    }
}
.button_siryo {
font-size:16px;
border:1px solid #ffad41; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:14px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 background-color: #ffc579; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
 background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
 background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
}

.button_siryo:hover {
 border:1px solid #ff9913;
 background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
 background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
 background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
 background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
 background-image: -o-linear-gradient(top, #ffaf46, #e78404);
 background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
 color: white;
}

@media all and (max-width:768px){
	.h_contact{
		margin:0 1% 2% 0;
	}
	
	.h_contact .open{
		width:100%;
		display:block;
	}
	
	.h_contact .open span{
		display:inline-block;
		padding:1%;
		margin:0 2% 0 0;
	}

	.h_contact .tel{
		font-size:140%;
		padding-left:10%;
		margin:2% 0 0 0;
		background-size:contain;
	}
}

@media all and (max-width:568px){
	.h_contact{
		width:100%;
		text-align:center;
		float:inherit;
	}
	
	.h_contact .open{
		width:40%;
		display:inline-block;
		vertical-align:top;
	}
	
	.h_contact .open span{
		display:block;
		margin:0 0 2% 0;
	}
	
	.h_contact .tel{
		font-size:140%;
		padding:0 0 0 8%;
		margin:0;
		background-position:0 0;
	}
}

@media all and (max-width:375px){
	.h_contact{
		margin:0 auto;
	}
	
	.h_contact .open{
		width:58%;
		display:block;
		margin:0 auto;
	}

	.h_contact .open span{
		padding:1%;
		margin:0 0 2% 0;
	}
	
	.h_contact .tel{
		font-size:140%;
		padding:0 0 0 13%;
		margin:2% 0 0 0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 global navi
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#g_navi{
/*
	width:58%;
*/
	width:68%;
	position:absolute;
	right:1%;
	bottom:0;
}

#g_navi ul{
	text-align:right;
	font-size:0;
}

#g_navi li{
	width:16%; 
	text-align:center;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	display:inline-block;
}

#g_navi li a{
	color:#fff;
font-size:14px;
	display:block;
	padding:7% 5%;
	background:#5882FA;
}

  #g_navi li a:hover{
	  background:#993300;
  }

@media all and (max-width:768px){
	#g_navi{
		width:100%;
		margin:3% 0 0 0;
		position:static;
		clear:both;
	}

	#g_navi ul{
		text-align:center;
	}
	
	#g_navi li{
		width:24.2%;
	}
}

@media all and (max-width:480px){
	#g_navi{
		width:100%;
	}
		
	#g_navi li{
		font-size:75%;
		width:48.6%;
		margin:0 0 1% 0;
	}
	
	#g_navi li a{
		padding:5%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 footer
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

footer{
	padding:1% 0 0 0;
	background:#aca19a;
}

/* footer navi
------------------------*/
.f_navi ul{
	text-align:center;
	padding:1%;
	border-bottom:1px solid #beb2aa;
}

.f_navi li{
	font-size:75%;
	line-height:140%;
	display:inline-block;
	padding:0 5px 0 0;
	border-right:1px solid #beb2aa;
}

.f_navi li a{
	color:#f6f1ed;
	display:block;
}

.f_navi li:last-child{
	padding:0;
	border-right:none;
}

.copyright{
	color:#f6f1ed;
	text-align:center;
	padding:1%;
}

.copyright a{
	color:#f6f1ed;
}

/* footer contents
------------------------*/
.f_content{
	max-width:1140px;
	text-align:center;
	padding:2%;
	margin:1% auto 0 auto;
	background:#fff;
}

.f_content div{
	display:inline-block;
	vertical-align:top;
}

@media all and (max-width:830px){
	.f_content{
		padding:3%;
	}
}

/* footer contact
------------------------*/
.f_contact{
	width:30%;
	padding:2% 0;
	margin:0 2% 0 0;
}

.f_contact .logo{
	width:270px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 2% 0;
	background:url(img/logo_ekichikanet.png) no-repeat center 0;
}

.f_contact .open{
	color:#2e2e2e;
	font-size:68.75%;
	margin:0 0 2% 0;
}

.f_contact .open span{
	color:#fff;
	text-align:center;
	display:block;
	background:#5882FA;
	padding:1%;
	margin:0 0 1% 0;
}

.f_contact .tel{
	color:#ffa500;
	font-size:180%;
	font-weight:bold;
	padding:1% 0 0 15%;
	display:inline-block;
	background:url(img/icon_tel.png) no-repeat 0 50%;
	background-size:44px 30px;
}

.f_contact .tel a{
	color:#ffa500;
}

.f_contact .add{
	color:#2e2e2e;
	font-size:68.75%;
	line-height:140%;
	margin:1% 0 0 0;
}

@media all and (max-width:1024px){
	.f_contact .logo{
		width:100%;
		background:url(img/logo_ekichikanet.png) no-repeat center 0;
		background-size:contain;
	}
	
	.f_contact .tel{
		padding-left:18%;
		background-size:contain;
	}
	
	.f_contact .add{
		margin:3% 0 0 0;
	}
}

@media all and (max-width:768px){
	.f_contact{
		width:40%;
		margin:0 2% 0 0;
	}
	
	.f_contact .tel{
		font-size:120%;
		padding-left:13%;
	}
}

@media all and (max-width:480px){
	.f_contact{
		width:100%;
		margin:0 0 2% 0;
	}
}

/* footer prefectures
------------------------*/
.prefectures{
	width:60%;
}

.prefectures ul{}

.prefectures li{
	width:8%;
	font-size:75%;
	text-align:center;
	padding:1%;
	margin:0 0 1% 0;
	border-right:1px solid#aca19b;
	float:left;
}

.prefectures li a{
	color:#aca19b;
}

@media all and (max-width:1024px){
	.prefectures li{
		width:10%;
	}
}

@media all and (max-width:768px){
	.prefectures{
		width:50%;
	}
	
	.prefectures li{
		width:17%;
	}
}

@media all and (max-width:568px){
	.prefectures li{
		width:22%;
	}
}

@media all and (max-width:480px){
	.prefectures{
		width:auto;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 page top
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#page_top{
	position:fixed;
	bottom:0;
	right:0;
	z-index:100;
}

#page_top a{
	color:#fff;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	line-height:160%;
	padding:7% 5%;
	display:block;
	text-shadow:1px 1px #5882FA;
	border:1px solid #5882FA;
	background-color:#5882FA;
	border-radius:5%;
	opacity:0.5;
}

@media all and (max-width:480px){
	#page_top{
		width:100%;
		border-radius:0;
	}

	#page_top a{
		padding:2%;
		border-radius:0;
	}
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

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

#contents{
	max-width:1140px;
	padding:0 2% 10% 2%;
	margin:2% auto 0 auto;
	background:url(img/contents_bg.png) repeat-x 0 bottom;
	background-size:contain;
}

.index #contents{}

#main{
	width:100%;
	overflow:hidden;
	float:right;
}

#sub{
	width:21%;
	overflow:hidden;
	float:left;
}

.column1 #main{
	width:100%;
}

@media all and (max-width:1024px){
	#contents{
		max-width:1024px;
	}
}

@media all and (max-width:830px){
	#contents{
		max-width:830px;
	}
	
	#main{
		width:100%;
	}
	
	#sub{
		width:100%;
	}
}

@media all and (max-width:768px){
	#contents{
		max-width:768px;
		padding:0 3% 10% 3%;
	}

	#main{
		width:100%;
	}
	
	#sub{
		width:100%;
		margin:2% 0 0 0;
	}
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}

@media all and (max-width:480px){
	#contents{
		max-width:480px;
		padding:0 2% 10% 2%;
	}
}

#sell h2 {
    text-align: center;
    padding: 10px 0;
}
#sell .bd {
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}

#sell .revo-box {
    background-color: aliceblue;
    min-height: 120px;
    padding: 30px 10px;
    border-radius: 16px;
    position: relative;
}
#sellx .revo-box:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 15px solid aliceblue;
}
#sell .revo-box-l {
    background-color: aliceblue;
    min-height: 120px;
    padding: 30px 10px;
    border-radius: 16px;
    position: relative;
}
#sellx .revo-box-l:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 100%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 15px solid aliceblue;
}
#sell .revo-box-l .box-number {
    position: absolute;
    top: -25%;
    left: 2%;
    border-radius: 50%;
    background: #82c4ff;
    color: #FFF;
    line-height: 1.5;
    font-size: 36px;
    width: 48px;
    height: 48px;
    padding-left: 12px;
}
#sell .revo-box-l p {
    width: 10%;
    float:left;
    font-size: 30px;
}
#sell .revo-box-l h3 {
    width: 90%;
    float: left;
}
#sell .revo-box-r {
    background-color: aliceblue;
    min-height: 120px;
    padding: 30px 10px;
    border-radius: 16px;
    position: relative;
}
#sellx .revo-box-r:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0%;
    margin-left: -30px;
    border: 30px solid transparent;
    border-top: 15px solid aliceblue;
}
#sell .revo-box-r .box-number {
    position: absolute;
    top: -25%;
    left: 2%;
    border-radius: 50%;
    background: #82c4ff;
    color: #FFF;
    line-height: 1.5;
    font-size: 36px;
    width: 48px;
    height: 48px;
    padding-left: 12px;
}
#sell .revo-box-r p {
    width: 10%;
    float:left;
    font-size: 30px;
}
#sell .revo-box-r h3 {
    width: 90%;
    float: left;
}
.triangle{
  border-top: 5px solid #F0897F;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 common style
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* text
------------------------*/
img{
	max-width:100%;
	height:auto;
	display:block;
}

a{
	color:#FF8D00;
	text-decoration:none;
}
a:hover {
    text-decoration:none;
}
.r_lnk{
	float:right;
}

.r_lnk a{
	min-height:14px;
	padding:0 19px 0 0;
	background:url(img/icon_arrow1.png) no-repeat right center;
	background-size:14px 14px;
}

.lnk a{
	min-height:14px;
	padding:0 0 0 19px;
	background:url(img/icon_arrow1.png) no-repeat left center;
	background-size:14px 14px;
}

.ex{
	font-size:100%;
	line-height:160%;
	margin:0 0 1% 0;
}

.note{
	width:100%;
	color:#878787;
	line-height:160%;
	display:block;
}

/* table
------------------------*/
table.common{
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

table.common tr:nth-of-type(odd){
	background:#fbf8f4;
}

table.common td,
table.common th{
	text-align:center;
	padding:2%;
	border:1px solid #e1d3c9;
}

table.common th{
	font-size:87.5%;
	line-height:160%;
	font-weight:bold;
}

table.common thead th{
	color:#fff;
	background:#5882FA;
}

table.common td{
	font-size:75%;
	line-height:160%;
}

@media all and (max-width:480px){
	table.common{
		display:block;
		background:none;
	}
	
	table.common tr:nth-of-type(odd){
		background:none;
	}

	table.common thead{
		display:none;
	}
	
	table.common tbody{
		display:block;
	}
	
	table.common tbody tr{
		display:block;
		margin-bottom:1.5em;
	}
	
	table.common tbody th,
	table.common tbody td{
		font-size:75%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	table.common tbody th{
		color:#fff;
		padding:1% 2%;
		margin-bottom:3%;
		background:#aca19a;
	}
	
	table.common tbody td{
		padding:0 2%;
		margin-bottom:2%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 topicpath
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#topicpath{
	padding:1% 5%;
	border-top:1px solid #2e2e2e;
}

#topicpath ul{
	max-width:1140px;
	margin:0 auto;
}

#topicpath li{
	font-size: 75%;
	line-height: 160%;
	padding:0 0 0 2%;
	margin:0 1% 0 0;
	background:url(img/icon_arrow2.png) no-repeat 0 50%;
	word-wrap:break-word;
	float:left;
}

#topicpath li a{}

#topicpath li.home{
	padding:0;
	background:none;
}

#topicpath li strong{}

#topicpath li span{
	color:#878787;
}

@media all and (max-width:830px){
	#topicpath{
		padding:1% 3%;
	}
	
	#topicpath li{
		padding:0 0 0 3%;
		background-size:contain;
	}
}

@media all and (max-width:480px){
	#topicpath{
		border-top:none;
	}

	#topicpath li{
		padding:0 0 0 4%;
		border-top:none;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents index
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* top info
------------------------*/
#top_info{
	/*padding:15% 0;*/
    padding: 15% 0;
	background:url(img/header3.png) no-repeat 0% 0%;
	background-size:cover;
	/*border-top:5px solid #5882FA;*/
	position:relative;
}
.inner {
    left: 50%;
    position: absolute;
    top: 50%;
}
.inner-content {
    transform: translate(-50%,-50%);
}
#top_info h2{
	/*color:#424242;*/
    color:white;
	font-size: 2.1vw;
	font-weight:bold;
	text-shadow:1px 1px 2px #333;
	line-height:160%;
	/*position:absolute;*/
	text-align:left;  
	/*top: 80% ;
	right:20% ;*/
}
.h2_em {
    color:darkorange;
    font-size: 2.8vw;
	font-weight:bold;
	text-shadow:2px 2px 1px white;
	line-height:160%;
}
.tel_color {
    color: #4169E1;
}

@media all and (max-width:1280px){
	#top_info{
		/*padding:15% 0;*/
        padding:20% 0;
	}
	
	#top_info h2{
		/*left:5%;*/
	}
}

@media all and (max-width:830px){
	#top_info{
		padding:20% 0;
	}
}

@media all and (max-width:480px){
	#top_info{
		border-top:none;
	}
	
	#top_info h2{
        /*font-size:120%;}*/
        font-size: 2.1vw;
	}
}
.top_box {
    width: 100%;
    color: white;
    margin: 10px 0 20px;
}
.top_sub {
    color: white;
    font-size: 18px;
}
.top_box1 {
    width: 32%;
    height: 140px;
    margin: 0 1% 10px 0.5%;
    background-color:#ff7f7f;
    color: white;
    text-align: center;
    line-height: 1.2;
    font-size: 24px;
    float: left;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.top_box1:hover {
    background-color:#ff5f5f;
}
.top_box2 {
    width: 32%;
    height: 140px;
    margin: 0 0.5% 10px 0.5%;
    background-color:#7fbfff;
    color: white;
    text-align: center;
    line-height: 1.2;
    font-size: 24px;
    float: left;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.top_box2:hover {
    background-color:#3f9fff;
}
.top_box3 {
    width: 32%;
    height: 140px;
    margin: 0 0.5% 10px 1%;
    background-color:#33cc33;
    color: white;
    text-align: center;
    line-height: 1.2;
    font-size: 24px;
    float: left;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.top_box3:hover {
    background-color:#12b912;
}
/* top_special
------------------------*/
.top_special{
	margin:0 0 3% 0;
	position:relative;
}

.top_special h2{
	color:#fff;
	font-size:100%;
	font-weight:normal;
	text-align:center;
	padding:1% 5% 3% 5%;
	background:url(img/tag.png) no-repeat 0 0;
	background-size:contain;
	position:absolute;
	top:10px;
	left:-10px;
}

@media all and (max-width:480px){
	.top_special h2{
		font-size:87.5%;
	}
}

/* reco
------------------------*/
.reco_frame{
	width:100%;
	height:300px;
	background:#fff;
}

.reco{
	overflow:hidden;
}

.reco h2{
	font-size:18px;
	color:#fff;
	padding:1.8%;
	margin:0 0 1% 0;
	background-color:#4169E1;
    border-bottom: 3px solid skyblue;
}
.icon_spc {
    padding: 0 10px;
}
/* new
------------------------*/
.new_frame{
	width:100%;
	height:300px;
	background:#fff;
}

.new{
	overflow:hidden;
	margin:3% 0 0 0;
}

.new h2 {
	font-size:18px;
	color:#fff;
	padding:1.8%;
	margin:0 0 1% 0;
	background-color:#4169E1;
    border-bottom: 3px solid skyblue;
}
.wp-new {
	overflow:hidden;
}

.wp-new h2{
	font-size:18px;
	color:#fff;
	padding:1.8%;
	margin:0 0 1% 0;
	background-color:#4169E1;
    border-bottom: 3px solid skyblue;
    margin-top: 30px;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #renovation contents page
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.nav-tabs>li {
    font-size: 1.6vw;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    margin-right: 2px;
}
.nav-tabs>li>a {
    color: black;
}
.nav-tabs>li.active>a {
    background-color:#00b1f4 !important;
    color: white !important;
    font-weight: bold;
    margin: 0;
}
ul.tab2>li {
    margin: 0 3px;
    text-align: center;
}
#reno_info{
    padding: 16% 0;
	background:url(img/header1.jpg) no-repeat 0% 0%;
	background-size:cover;
	/*border-top:5px solid #5882FA;*/
	position:relative;
}
#reno_info .inner {
        left: 10%;
        position: absolute;
        top: 10%;
}

@media all and (max-width:1120px){
	#reno_info .inner {
        top: 5%;
	}
    #reno_info h2 {
        font-size: 2vw;
    }
}
@media all and (max-width:960px){
	#reno_info .inner {
        top: 0%;
	}
    #reno_info h2 {
        font-size: 2vw;
    }
    #reno_info .contact-reno {
        margin: 0 10%;;
        width: 80%;
    }
}
@media all and (max-width:800px){
    #reno_info {
        background: none;
        width: 100%;
        height: 260px;
        padding: 0;
    	background:url(img/header1sp.jpg) no-repeat 0% 0%;
        background-size:cover;
    }
    #reno_info .inner { left: 25%; }
}
@media all and (max-width:640px){
    #reno_info .inner { left: 20%; }
}
@media all and (max-width:568px){
    #reno_info .inner { left: 15%; }
    .h_contact {
        width: 60% !important;
        margin: 10px 20%;
    }
}
@media all and (max-width:450px){
    #reno_info .inner { left: 5%; }
}
@media all and (max-width:400px){
    #reno_info .circle1 { margin: 5px 5px !important; }
    #reno_info .circle2 { margin: 5px 5px !important; }
    #reno_info .circle3 { margin: 5px 5px !important; }
    #reno_info .circle4 { margin: 5px 5px !important; }
}
@media all and (max-width:375px){
    .h_contact {
        width: 80% !important;
    }
}
@media all and (max-width:355px){
    .h_contact {
        width: 90% !important;
    }
    #reno_info .circle1 { margin: 5px 0 !important; }
    #reno_info .circle2 { margin: 5px 0 !important; }
    #reno_info .circle3 { margin: 5px 0 !important; }
    #reno_info .circle4 { margin: 5px 0 !important; }
}
#reno_info .inner-content {
    /*transform: translate(-50%,-50%);*/
}
##reno_info h2{
    color:white;
	font-size: 2.1vw;
	font-weight:bold;
	text-shadow:1px 1px 2px #333;
	line-height:160%;
	/*position:absolute;*/
	text-align:left;  
	/*top: 80% ;
	right:20% ;*/
}
#reno_info .h2_em {
    color:darkorange;
    font-size: 2.8vw;
	font-weight:bold;
	text-shadow:2px 2px 1px white;
	line-height:160%;
}
#reno_info .circle1 { 
    margin: auto;
    background-color: #00b1f4;
    border: solid 3px #fff;
    width: 70px;
    height: 70px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0 0 0 3px #00b1f4;
    -webkit-box-shadow: 0 0 0 3px #00b1f4;
    -moz-box-shadow: 0 0 0 3px #00b1f4;
    float: left;
    margin: 0 10px;
}
#reno_info .circle1 p {
    font-size: 16px;
    color: white;
    text-align: center;
    margin-top: 20px;
}
#reno_info .circle2 { 
    margin: auto;
    background-color: #00b1f4;
    border: solid 3px #fff;
    width: 70px;
    height: 70px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0 0 0 3px #00b1f4;
    -webkit-box-shadow: 0 0 0 3px #00b1f4;
    -moz-box-shadow: 0 0 0 3px #00b1f4;
    float: left;
    margin: 0 10px;
}
#reno_info .circle2 p {
    font-size: 16px;
    color: white;
    text-align: center;
    margin-top: 20px;
}
#reno_info .circle3 { 
    margin: auto;
    background-color: #00b1f4;
    border: solid 3px #fff;
    width: 70px;
    height: 70px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0 0 0 3px #00b1f4;
    -webkit-box-shadow: 0 0 0 3px #00b1f4;
    -moz-box-shadow: 0 0 0 3px #00b1f4;
    float: left;
    margin: 0 10px;
}
#reno_info .circle3 p {
    font-size: 16px;
    color: white;
    text-align: center;
    margin-top: 20px;
}
#reno_info .circle4 { 
    margin: auto;
    background-color: #00b1f4;
    border: solid 3px #fff;
    width: 70px;
    height: 70px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    box-shadow: 0 0 0 3px #00b1f4;
    -webkit-box-shadow: 0 0 0 3px #00b1f4;
    -moz-box-shadow: 0 0 0 3px #00b1f4;
    float: left;
    margin: 0 10px;
}
#reno_info .circle4 p {
    font-size: 16px;
    color: white;
    text-align: center;
    margin-top: 20px;
}
.inner-reno {
    /*margin-top: 10px;*/
}
#reno_info .fukidasi {
    right: 28%;
    position: absolute;
    top: 20%;
}
.fukidasi h1 {
    font-size: 2.6vw;    
}
.contact-reno {
    margin: 10px 0;
    width: 100%;
}
.contact-tel {
    padding-top: 10px;
    font-size: 24px;
    text-align: center;
}
.contact-tel-l {
    font-size: 20px;
}
.contact-reno-box:hover {
    background-color:orange;
}
.contact-reno-box {
    background-color: red;
    padding: 25px 0;
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.contact-reno-box p {
    color:white;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.reno_top {
    line-height: 1.6;
}
.reno_top1 {
    background-color: #00b1f4;
    color: white;
    padding: 20px;
    /*border-radius: 6px;*/
    font-size: 24px;
    text-align: center;
}
.reno_top1:hover {
    /*background-color: #53d0ff;*/
}
.reno_top2 {
    background-color: #00b1f4;
    color: white;
    padding: 10px;
    border-radius: 4px;
    font-size: 24px;
    text-align: center;
    min-height: 80px;
    margin: 10px 0;
}
.reno_top2:hover {
    background-color: #53d0ff;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents page navi
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.page_navi{}

.page_navi p{
	font-size:100%;
}

.page_navi p strong{
	color:#ff9933;
	margin:0 0.5% 0 0;
}

.page_navi ul{
	text-align:right;
	margin:1% 0 0 0;
}

.page_navi li{
	font-size:75%;
	display:inline;
}

.page_navi li span{
	color:#fff;
	display:inline-block;
	padding:1%;
	background-color:#aca19a;
	border:1px #aca19a solid;
	font-weight:bold;
}

.page_navi li a{
	color:#aca19a;
	display:inline-block;
	padding:1%;
	border:1px #aca19a solid;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#aca19a;
}

.page_navi li a:hover,
.page_navi li a:active{
	color:#fff;
	border-color:#aca19a;
	background-color:#aca19a;
}

@media all and (max-width:830px){
	.page_navi ul{
		margin:2% 0 0 0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item list
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.item_list1,
.item_list2{}

.item_list1 h2,
.item_list2 h2{
	font-size:100%;
	color:#fff;
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
}

.item_list1 .lnk,
.item_list2 .lnk{
	font-size:87.5%;
	margin:0 0 2% 0;
}

/* tab
------------------------*/
.tab{
	border-bottom:3px solid #aca19a;
	margin:20px 0;
}

.tab p{
	width:50%;
	float:left;
}

.tab a{
	color:#aca19a;
	font-size:100%;
	text-align:center;
	text-decoration:none;
	display:block;
	padding:2%;
	background:none;
	border-left:1px solid #aca19a;
	border-right:1px solid #aca19a;
	border-top:1px solid #aca19a;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
}

.tab p.current a,
.tab p a:hover{
	color:#fff;
	background:#aca19a;
	border-left:1px solid #aca19a;
	border-right:1px solid #aca19a;
	border-top:1px solid #aca19a;
}

@media all and (max-width:830px){
	.tab a{
		font-size:87.5%;
		padding:3%;
	}
}

/* detail_tab add 2016/10/24
------------------------*/
.detail_tab{
	border-bottom:3px solid #aca19a;
    max-width: 1140px;
    margin: 0 auto;
}

.detail_tab p{
	width:20%;
	float:left;
}

.detail_tab a{
	color:#aca19a;
	font-size:100%;
	text-align:center;
	text-decoration:none;
	display:block;
	padding:2%;
	background:none;
	border-left:1px solid #aca19a;
	border-right:1px solid #aca19a;
	border-top:1px solid #aca19a;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
}

.detail_tab p.current a,
.detail_tab p a:hover{
	color:#fff;
	background:#aca19a;
	border-left:1px solid #aca19a;
	border-right:1px solid #aca19a;
	border-top:1px solid #aca19a;
}

@media all and (max-width:830px){
	.detail_tab a{
		font-size:70%; /* default 87.5% */
		padding:3%;
	}
}

/* table list
------------------------*/
table.list{
	width:100%;
	margin:3% 0;
    border-collapse:separate;
   	border-spacing:1px;
	background:#ccc;
	border-top:2px solid #ccc;
}

table.list thead th{
	background:#eee;
}

.item_list2 table.list thead th{
	text-align:left;
}

table.list thead th{
	background:#eee;
}

table.list tbody .thumb{
	width:100%;
/*
	width:10%;
*/
	margin:0 2% 0 0;
	float:left;
}

.item_list2 table.list thead .thumb{
	width:100%;
/*
	width:30%;
*/
}

.item_list2 table.list thead .thumb img{
	width:100%;
}

	table.list tbody .station{
		text-align:left;
	}

	table.list tbody .shop{
		text-align:left;
	}
	
	table.list tbody .tel {
		font-size:16px;
		color: red;
		font-weight: bold;
	}

table.list tbody .title{
	width:88%;
	text-align:left;
		font-size:150%;
/*	float:left;  */
}

.item_list2 table.list tbody .title{
	width:100%;
		font-size:120%;
	float:none;
}

table.list input[type="checkbox"]{
	margin:0 5px 0 0;
}
	
table.list th,
table.list td{
	font-size:75%;
	text-align:center;
	line-height:150%;
	padding:1%;
	vertical-align:middle;
}

table.list th{
	background:#f8f8f8;
}

table.list th a{
	color:#444;
	text-decoration:none;
}

table.list th a:hover{
	color:#67b9ca;
}

table.list td{
	background:#fff;
}

table.list .price p span{
	font-weight:bold;
	color:#F00;
	margin:0 1% 0 0;
}

@media all and (max-width:768px){
	table.list tbody .thumb{
		width:100%;
/*
		width:20%;
*/
	}

	table.list tbody .title{
		width:78%;
			font-size:100%;
	}
}

/*  detail_access  add by 20160911
------------------------*/
.detail_access{
	width:33%;
	float:left;
}
.detail_access table{
	width:100%;
	border:1px solid #333;
}

.detail_access th{
		font-size:100%;
		line-height:160%;
		padding:1%;
		border:1px solid #ccc;
}

.detail_access td{
		font-size:90%;
		line-height:160%;
		padding:1%;
		border:1px solid #ccc;
}

.detail_access th{
	text-align:center;
	background:#f8f8f8;
}

.detail_access td{
	text-align:left;
	background:#fff;
}

.detail_access .map{
	margin:20px 0 0 0 ;
}

/* table detail
------------------------*/
table.detail{
		margin: -33px 0 0 0;
	width:66%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	    float:right;
}

	table.detail th{
		width:11%;
		font-size:100%;
		line-height:160%;
		padding:1%;
		border:1px solid #fff;
	}
	table.detail td{
		width:22%;
		font-size:100%;
		line-height:160%;
		padding:1%;
		border:1px solid #fff;
	}

table.detail th{
	text-align:center;
	background:#f8f8f8;
}

table.detail td{
	background:#fff;
}


/* module option
------------------------*/

    .option p{
		margin:2% 0 0 0;
	}

.option ul{
	margin:1% -1% -1% 0;
}

.option li{
	width:22%;
	color:#fff;
	text-align:center;
	padding:5px;       /* default  1%   */
	margin:0 2px 2px 0;  /* default  0 1% 1% 0  */
	background:#67b9ca;
	float:left;
}

@media all and (max-width:480px){
	.option li{
		width:30.3%;
		font-size:68.75%;
	}
}

/* btn
------------------------*/
.btn_box{
	text-align:center;
	margin:1% 0;
}

p.btn{
	display:inline;
	margin:0 1%;
}

p.btn a{
	width:30%;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	padding:1%;
	border-radius:3px;
	border:1px solid #5882FA;
	background:#5882FA;
	background:linear-gradient(#5882FA, #5882FA);
}

.btn_regist {
    /*background-color: #4169E1;*/
    background-color: orange;
    width: 100%;
}
.delete{}

.delete a{
	color:#FF002F;
	padding:5% 0;
	display:block;
}

.delete a:hover{
	background:#FFECF0;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents item info
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.item_info{}

.item_info h2{
	font-size:100%;
	line-height:150%;
	color:#fff;
	padding:1.2%;
		background-color:#4169E1;
	/* background:url(img/title_bg.gif) repeat 0 0;  */
}

    .item_info .c_copy{
	    font-size:130%;
		font-weight:bold;
		border-bottom:1px solid #ccf;
		margin: 15px 0 0 3%;
	    padding:1.2%;
    }

/* table list
------------------------*/
.item_info table.list{
	margin:1% 0;
}

.item_info table.list .title{
	float:left;
}

.update{
	width:25%;
	text-align:right;
	float:right;
}

.update span{
	margin:0 0 0 3%;
}

/* btn
------------------------*/
.item_info .btn_box{
	text-align:center;
	margin:5% 0 0 0;
}

/* table detail
------------------------*/
.item_info table.detail th,
.item_info table.detail td{
	font-size:75%;
}

/* option
------------------------*/
.item_info .option li{
	width:15% ;        /*  default  17%  */
	font-size: 75%;  /*  default  75%  */
}

/* appearance  add 20160915
------------------------*/
.appearance .photo p{
	margin:1% 0 0 0; 
}

.appearance .photo_access img{
	margin:auto;
	margin-bottom:2%;
}
.appearance .photo_access p{
	margin:0 0 0 15%;
	font-size:80%;
}

/* photo
------------------------*/
.photo{
	margin:5% 0 0 0;
}

.photo ul{
	margin:0 -1% -2% 0;
}

.photo li{
/*
	width:32%;
*/
	       width:40%;
	margin:0 1% 2% 0;
	display:inline-block;
	vertical-align:top;
}

/* equipment  add by 20160912
------------------------*/
.equipment{
	margin:3% 0 0 0;
}

.equipment h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}

.equipment .photo{
	margin:0 0 0 4%;
}

.equipment .photo ul{
	margin:-2% 0 0 0; 
	font-size:0 ;
}

.equipment .photo li{
	width:27%;
	margin:0 0 2% 2%; 
    font-size:12px;
/*	border:1px solid black; */
	display:inline-block;
	vertical-align:top; 
}

.equipment .photo img{
	border:1px solid black;
}

.equipment .photo p{
	margin:1% 0 0 0; 
}

/* srd  add by 20160911
------------------------*/
.srd{
	margin:3% 0 0 0;
}

.srd h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}

.srd h4{
	font-size:100%;
	font-weight:bold;
	color:#555;
	padding:1.2%; 
	border-bottom:1px solid #ccf;
}

.srd .photo{
	margin: 0 0 0 4%; 
}

.srd .photo ul{
	margin: -2% 0 0 0; 
	font-size:0 ;
}

.srd .photo li{
	width:27%;
	margin:0 0 2% 2%; 
    font-size:12px;
	display:inline-block;
	vertical-align:top; 
}

.srd .photo img{
	border:1px solid black;
}

.srd .photo p{
	margin:1% 0 0 0; 
}


/* info
------------------------*/
.info{
	margin:3% 0 0 0;
}

.info h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}
.info p{
    font-size:80%;
}
/* company_info  add by 20160911
------------------------*/
.company_info{
	margin:3% 0 0 0;
}

.company_info h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}

table.company{
	margin: -20px 0 0 0 ;
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
}

table.company th{
		width:20%;
		font-size:100%;
		line-height:160%;
		padding:1%;
		border:1px solid grey;
}
table.company td{
		width:80%;
		font-size:90%;
		line-height:160%;
		padding:1%;
		border:1px solid grey;
		background-color:#fff;
}

table.company .shop{
	    font-size:120%;
		text-align:left;
	}
	
table.company .tel {
		font-size:150%;
		color: red;
		font-weight: bold;
}

/* access


.access{
	margin:3% 0 0 0;
}

.access h3{
	font-size:100%;
	font-weight:normal;
	color:#fff;
	padding:1.2%;
	margin:0 0 2% 0;
	background:#5882FA;
}

.access .map{
	width:300px;
	float:left;
}

.access .address{
	width:70%;
	float:right;
}

.access .address ul{}

.access .address li{
	font-size:75%;
	line-height:150%;
	padding:0 0 2% 0;
	margin:0 0 2% 0;
	border-bottom:1px dotted #bbb;
}

.access .address li span{
	font-weight:bold;
	display:block;
	margin:0 0 1% 0;
}
------------------------*/



@media all and (max-width:1024px){
	.photo li{
		width:31.9%;
	}
	
	.access .address{
		width:65%;
	}
}

@media all and (max-width:768px){
	.update{
		width:100%;
	}
	
	.item_info .option li{
		width:30.3%;
	}
	
	.photo li{
		width:31.6%;
	}
	
	.access .address{
		width:50%;
	}
	
	.item_info p.btn{
		font-size:87.5%;
	}
	
	.item_info p.btn a{
		width:50%;
	}
}


@media all and (max-width:568px){
	.access .map{
		margin:0 auto;
		float:none;
	}
	
	.access .address{
		width:100%;
		margin:3% 0 0 0;
		float:none;
	}
}

@media all and (max-width:480px){
	.item_info table.list .title{
		width:100%;
		float:none;
	}
	
	.update{
		margin:1% 0 0 0;
	}
	
	.update span{
		display:block;
		margin:0;
	}
	
	.item_info .option li{
		width:45%;   /*  default 47%  */
		font-size:68.75%;
	}
	
	.item_info p.btn a{
		width:80%;
		padding:2%;
	}
	
	.photo li{
	/*	width:31.4%;  */
		width:100%;  
	}
	.photo p{
		font-size:80%;  
	}
	.equipment .photo li{
	    width:46%;
	}
    .srd .photo li{
	    width:46%;
	}
	.detail_access {
	    width:100%;
    }
	table.detail{
		width:100%;
		font-size:90%;
	}
	table.company{
		font-size:80%;
	}
}

@media all and (max-width:375px){
	.photo li{
	/*	width:31.4%;  */
		width:100%;  
	}
	.photo p{
		font-size:80%;  
	}
	.equipment .photo li{
	    width:46%;
	}
    .srd .photo li{
	    width:46%;
	}
	.detail_access {
	    width:100%;
    }
	table.detail{
		width:100%;
		font-size:90%;
	}
	table.company{
		font-size:80%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents form
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/* submit
------------------------*/
.sbmt_box{
	text-align:center;
	margin:3% 0 0 0;
}

.sbmt_box .sbmt{
	display:inline;
}

.sbmt_box .btn{
	margin:0;
}

.sbmt{
	text-align:center;
	margin:3% 0 0 0;
}

.sbmt input[type="submit"]{
	width:48%;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	padding:1%;
	border-radius:3px;
	border:1px solid #5882FA;
	background:#5882FA;
	background:linear-gradient(#5882FA, #5882FA);
	cursor:pointer;
}

.sbmt input[type="button"]{
	width:48%;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	padding:1%;
	border-radius:3px;
	background:#5882FA;
	background:linear-gradient(#5882FA, #5882FA);
	cursor:pointer;
}

/* form
------------------------*/
.form{
	margin:3% 0 0 0;
}

.form table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

.form caption{
	color:#5882FA;
	text-align:left;
	font-weight:bold;
	padding:0 0 0 1%;
	margin:0 0 1% 0;
	border-left:5px solid #5882FA;
}

.form table tr:nth-of-type(odd){
	background:#fbf8f4;
}

.form table td,
.form table th{
	padding:2%;
	border:1px solid #e1d3c9;
	vertical-align:top;
}

.form table th{
	width:30%;
	font-size:87.5%;
	font-weight:bold;
	text-align:center;
	line-height:160%;
}

.form table td{
	font-size:75%;
}


.form table thead th{
	color:#fff;
	background:#5882FA;
}

.form td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
}

.nec{
	color:#ff0000;
	margin:0 1%;
}

.form select{
	margin:3px 5px 3px 0;
}

.form textarea{
	width:98%;
}

.form td label{
	margin:3px 0;
}

.form td.row2 label{
	width:50%;
	float:left;
}

.form td.row4 label{
	width:25%;
	float:left;
}

@media all and (max-width:480px){
	.form table{
		display:block;
		background:none;
	}
	
	.form table caption{
		display:block;
	}
	
	.form table tr:nth-of-type(odd){
		background:none;
	}
	
	.form table tbody{
		display:block;
	}
	
	.form table tbody tr{
		display:block;
		margin-bottom:1.5em;
	}
	
	.form table tbody th,
	.form table tbody td{
		font-size:75%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	.form table tbody th{
		width:auto;
		color:#fff;
		padding:1% 2%;
		margin-bottom:3%;
		background:#5882FA;
	}
	
	.form table tbody td{
		padding:0 2%;
		margin-bottom:2%;
	}
	
	.form td.row2 label{
		width:100%;
	}
}

/* module check form
------------------------*/
.check_form{
	margin:3% 0 0 0;
}

.check_form table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

.check_form caption{
	color:#5882FA;
	text-align:left;
	font-weight:bold;
	padding:0 0 0 1%;
	margin:0 0 1% 0;
	border-left:5px solid #5882FA;
}

.check_form table tr:nth-of-type(odd){
	background:#fbf8f4;
}

.check_form table td,
.check_form table th{
	padding:2%;
	border:1px solid #e1d3c9;
	vertical-align:top;
}

.check_form table th{
	width:30%;
	font-size:87.5%;
	font-weight:bold;
	text-align:center;
	line-height:160%;
}

.check_form table thead th{
	color:#fff;
	background:#5882FA;
}

.check_form table td{
	font-size:75%;
}

@media all and (max-width:480px){
	.check_form table{
		display:block;
		background:none;
	}
	
	.check_form table caption{
		display:block;
	}
	
	.check_form table tr:nth-of-type(odd){
		background:none;
	}

	
	.check_form table tbody{
		display:block;
	}
	
	.check_form table tbody tr{
		display:block;
		margin-bottom:1.5em;
	}
	
	.check_form table tbody th,
	.check_form table tbody td{
		font-size:75%;
		text-align:left;
		display:list-item;
		list-style-type:none;
		border:none;
	}
	
	.check_form table tbody th{
		width:auto;
		color:#fff;
		padding:1% 2%;
		margin-bottom:3%;
		background:#aca19a;
	}
	
	.check_form table tbody td{
		padding:0 2%;
		margin-bottom:2%;
	}
}

/* error
------------------------*/
.error{
	margin:3% auto;
}
	
.error .msg{
	font-weight:bold;
	color:#ff0000;
	padding:0 0 0 19px;
	background:url(img/icon_alert.png) no-repeat 0 50%;
	background-size:contain;
}

.error ul{
	margin:1% 0 0 3%;
}
	
.error li{
	color:#ff0000;
	line-height:160%;
	list-style:disc;
}

@media all and (max-width:480px){
	.error .msg{
		font-size:75%;
	}
	
	.error ul{
		margin-left:8%;
	}

	.error li{
		font-size:75%;
	}
}

/* message
------------------------*/
.comp dl{
	padding:3%;
	background:#fbf8f4;
}

.comp dt{
	text-align:center;
	line-height:160%;
	margin:0 0 3% 0;
}

.comp dd{
	text-align:center;
}

.comp dd p a{
	min-height:14px;
	padding:0 0 0 19px;
	background:url(img/icon_arrow1.png) no-repeat 0 50%;
	background-size:14px 14px;
}

@media all and (max-width:480px){
	.comp dt,
	.comp dd p a{
		font-size:87.5%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents contact
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.contact{}

.contact h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;    */
}

.contact .ex{
	font-size:75%;
}

@media all and (max-width:480px){
	.contact .delete{
		width:10%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents special
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.special{}

.special h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
}

.special .ex{
	font-size:75%;
}

.special ul{
	text-align:center;
}

.special ul li{
	width:23%;
	text-align:left;
	margin:1% 0.5%;
	display:inline-block;
}

.special ul li h3{
	color:#67b9ca;
	font-size:87.5%;
	line-height:140%;
	display:block;
	margin:10px 0 0 0;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.special ul li p{
	font-size:75%;
	line-height:150%;
}

.special ul li .price{
	color:red;
	font-weight:bold;
}

@media all and (max-width:480px){
	.special ul li{
		width:47%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents about
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.about{}

.about h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
}

.about .ex{
	font-size:75%;
}

/* flow
------------------------*/
.flow ul{}

.flow li{
	padding:0 0 20% 0;
	margin:5% 0 10% 0;
}

.flow li:last-child{
	margin-bottom:0;
}

.flow li.f_01{
	background:url(img/sample_bg.jpg) no-repeat right 0;
	background-size:contain;
}

.flow li.f_02{
	background:url(img/sample_bg.jpg) no-repeat 0 0;
	background-size:contain;
}

.flow li h3{
	width:50%;
	color:#5882FA;
	font-size:120%;
	font-weight:normal;
	line-height:160%;
	padding:1% 0;
	border-top:1px solid #5882FA;
	border-bottom:1px solid #aca19a;
}

.flow li:nth-child(2n) h3,
.flow li:nth-child(2n) p{
	margin-left:50%;
}

.flow li p{
	width:50%;
	font-size:87.5%;
	line-height:160%;
	margin:3% 0 0 0;
}

@media all and (max-width:768px){
	.flow li.f_01,
	.flow li.f_02{
		background-size:50% auto;
	}

	.flow li h3{
		width:45%;
		font-size:100%;
	}
	
	.flow li:nth-child(2n) h3,
	.flow li:nth-child(2n) p{
		margin-left:55%;
	}
	
	.flow li p{
		width:45%;
	}
}

@media all and (max-width:480px){
	.flow li{
		padding:0 0 10% 0;
		margin:5% 0 5% 0;
	}
	
	.flow li.f_01,
	.flow li.f_02{
		padding:0 0 80% 0;
		background-position:center bottom;
		background-size:80% auto;
	}
	
	.flow li h3{
		width:100%;
		font-size:87.5%;
	}
	
	.flow li:nth-child(2n) h3,
	.flow li:nth-child(2n) p{
		margin-left:0;
	}
	
	.flow li p{
		width:100%;
		font-size:75%;
	}	
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents company
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.company{}

.company h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 2% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;   */
}

.company table.common th{
	width:30%;
}

.company table.common td{
	text-align:left;
}

@media all and (max-width:480px){
	.company table.common th{
		width:auto;
	}

}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents policy
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.policy{}

.policy h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 2% 0;
		background-color:#4169E1;
}

.policy dl{}

.policy dt{
	font-size:87.5%;
	line-height:160%;
	font-weight:bold;
	margin:0 0 0.5% 0;
}

.policy dd{
	font-size:75%;
	line-height:160%;
	padding:0 0 1% 0;
	margin:0 0 1% 0;
	border-bottom:1px dotted #bbb;
}

.policy dd ol{
	margin:1% 0 0 0;
}

.policy dd li{
	list-style:decimal;
	margin:0 0 1% 3%;
}

@media all and (max-width:480px){
	.policy dd li{
		margin-left:5%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents news
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.news{}

.news h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 2% 0;
		background-color:#4169E1;
}

/* module news list
------------------------*/
dl.news_list{
	position:relative;
	zoom:1;
}

dl.news_list dt,
dl.news_list dd{
	font-size:75%;
	line-height:160%;
	vertical-align:top;
}

dl.news_list dt{
	width:10%;
	color:#67b9ca;
	font-weight:bold;
	position:absolute;
}

dl.news_list dd{
	padding:0 0 1% 10%;
	margin:0 0 1% 0;
	border-bottom:1px dotted #bbb;
}

dl.news_list dd a{
	color:#5882FA;
	text-decoration:underline;
}

@media all and (max-width:830px){	
	dl.news_list dt{
		width:12%;
	}
	
	dl.news_list dd{
		padding:0 0 1% 12%;
	}

}

@media all and (max-width:480px){
	dl.news_list dt{
		width:20%;
	}
	
	dl.news_list dd{
		padding:0 0 1% 20%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #main contents sitemap
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.sitemap{}

.sitemap h2{
	font-size:100%;
	color:#fff; /* #5882FA */
	padding:1.2%;
	margin:0 0 1% 0;
		background-color:#4169E1;
/*	background:url(img/title_bg.gif) repeat 0 0;  */
}

.sitemap h3{
	font-size:100%;
	color:#5882FA;
	padding:0 0 0 1%;
	margin:2% 0 0 0;
	border-left:5px solid #5882FA;
}

.sitemap ul{
	margin:1% -1% -1% 0;
}

.sitemap li{
	width:32%;
	margin:0 1% 1% 0;
	border:1px solid #d3c6b3;
	float:left;
}

.sitemap li a{
	font-size:75%;
	color:#94836f;
	text-decoration:none;
	padding:3%;
	display:block;
	background:url(img/icon_arrow2.png) no-repeat 98% 50%;
}

@media all and (max-width:768px){
	.sitemap h3{
		margin:3% 0 0 0;
	}
	
	.sitemap ul{
		margin-top:2%;
	}
	
	.sitemap li{
		width:48.2%;
	}
	
	.sitemap li a{
		font-size:75%;
		padding:5%;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#sub{}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents search
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.search{
	padding:5%;
	background:#fff;
	box-shadow:0 0 5px #ccc;
}

.search h2{
	color:#5882FA;
	font-size:100%;
	padding:7% 0 7% 18%;
	margin:0 0 5% 0;
	border-top:1px solid #5882FA;
	border-bottom:1px solid #5882FA;
	background:url(img/icon_home.png) no-repeat 0 50%;
	background-size:32px 32px;
}

.search ul{}

.search li a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.search li:last-child{
	margin:0;
}

@media all and (max-width:830px){
	.search{
		padding:2%;
		margin:3% 0 0 0;
	}

	.search h2{
		padding:3% 0 3% 6%;
		margin:0 0 2% 0;
	}
}

@media all and (max-width:480px){
	.search h2{
		background-size:16px 16px;
	}
}

/* module type
------------------------*/
.s_type ul{}

.s_type li{
	width:100%;
	font-size:120%;
	margin:0 0 3% 0;
	border:1px solid #8bbdc4;
	background:url(img/type_bg.gif) repeat 0 0;
}

.s_type li a{
	color:#fff;
	display:block;
	text-decoration:none;
	padding:7% 0 7% 32%;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
}

.s_type li.st_01 a{
	background-image:url(img/type_01.gif);
}

.s_type li.st_02 a{
	background-image:url(img/type_02.gif);
}

.s_type li.st_03 a{
	background-image:url(img/type_03.gif);
}

.s_type li.st_04 a{
	background-image:url(img/type_04.gif);
}

.s_type li.st_05 a{
	background-image:url(img/type_05.gif);
}

.s_type li.st_06 a{
	background-image:url(img/type_06.gif);
}

.s_type li.st_07 a{
	background-image:url(img/type_07.gif);
}

.s_type li.st_08 a{
	background-image:url(img/type_08.gif);
}

@media all and (max-width:768px){
	.s_type ul{
		margin:0 -1% -1% 0;
	}

	.s_type li{
		width:31.9%;
		font-size:90%;
		margin:0 1% 1% 0;
		float:left;
	}
}

@media all and (max-width:480px){
	.s_type li{
		width:48.2%;
				font-size:70%;
	}
}

/* module form
------------------------*/
.s_form h2{}

.search table{
	width:100%;
}

.search th{
	color:#fff;
	font-size:75%;
	font-weight:normal;
	text-align:left;
	padding:2%;
	background:#aca19a;
}

.search td{
	font-size:75%;
	padding:5% 0 10% 0;
	background:#fff;
}

.search td table{}

.search td table td{
	width:50%;
	font-size:100%;
	padding:0;
}

.search td input[type="text"]{
	width:96%;
	padding:1%;
}
	
.search td label{
	margin:3% 0 0 0;
	display:block;
}

.search .sbmt{
	margin:0 0 5% 0;
}

@media all and (max-width:830px){
	.search th{
		padding:1%;
	}

	.search td{
		padding:2% 0 5% 0;
	}

	.search .sbmt{
		margin:0 0 3% 0;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents top news
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.news_frame{
	width:100%;
	height:200px;
	background:#fff;
}

.top_news{
	overflow:hidden;
	padding:5%;
	margin:5% 0 0 0;
	background:#fff;
	box-shadow:0 0 5px #ccc;
}

.top_news h2{
	color:#5882FA;
	font-size:100%;
	padding:7% 0 7% 15%;
	margin:0 0 5% 0;
	border-top:1px solid #5882FA;
	border-bottom:1px solid #5882FA;
	background:url(img/icon_edit.png) no-repeat 0 50%;
	background-size:32px 32px;
}

.top_news .r_lnk{
	font-size:75%;
	margin:3% 0 0 0;
}

@media all and (max-width:830px){
	.news_frame{
		height:260px;
	}
	
	.top_news{
		padding:2%;
		margin:3% 0 0 0;
	}

	.top_news h2{
		padding:3% 0 3% 6%;
		margin:0 0 2% 0;
	}
}

@media all and (max-width:480px){
	.news_frame{
		height:220px;
	}
	
	.top_news h2{
		background-size:16px 16px;
	}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

 #sub contents area_list
 
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.area_list{
	overflow:hidden;
	padding:5%;
	margin:3% 0 0 0;
	background:#fff;
	box-shadow:0 0 5px #ccc;
}

.area_list h2{
	color:#5882FA;
	font-size:100%;
	padding:7% 0 7% 15%;
	margin:0 0 5% 0;
	border-top:1px solid #5882FA;
	border-bottom:1px solid #5882FA;
	background:url(img/icon_edit.png) no-repeat 0 50%;
	background-size:32px 32px;
}

.area_list li{
    margin:1% 0 0 0 ;
}

@media all and (max-width:830px){
	
	.area_list{
		padding:2%;
		margin:3% 0 0 0;
	}

	.area_list h2{
		padding:3% 0 3% 6%;
		margin:0 0 2% 0;
	}

    .area_list li{
    	margin:1% 0 0 0 ;
    }

}

@media all and (max-width:480px){
	.area_list h2{
		background-size:16px 16px;
	}

    .area_list li{
    	margin:1% 0 0 0 ;
    }

}

/* Web会員用バナー */
.btn_member p{
	margin:2% 0 0 1%;
	font-size:70%;
}
.btn_regist a{
	width:200px;
	/*height:60px;*/
	display:block;
	margin:5px 0 0 20px; 
    color: white;
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    margin: 5px 0;
    width: 100%;
}

.btn_regist a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.btn_login {
    background-color: #4169E1;
    width: 100%;
}

.btn_login a{
	width:200px;
	display:block;
	margin:3px 0 0 20px; 
    color: white;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    margin: 5px 0;
    width: 100%;
}
.btn_login a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.kinki-map {

}
.kinki-map-inner {

}
.kinki-map-inner img {
    position:relative;
    margin:0 auto;
}
.kinki-map-inner .area2701 {
    top: 47%;
    left: 46%;
    position: absolute;
}
.kinki-map-inner .area2702 {
    top: 41%;
    left: 48%;
    position: absolute;
}
.kinki-map-inner .area2703 {
    top: 50%;
    left: 48%;
    position: absolute;
}
.kinki-map-inner .area2704 {
    top: 53%;
    left: 48%;
    position: absolute;
}
.kinki-map-inner .area2705 {
    top: 44%;
    left: 50%;
    position: absolute;
}
.kinki-map-inner .area2601 {
    top: 35%;
    left: 53%;
    position: absolute;
}
.kinki-map-inner .area2602 {
    top: 41%;
    left: 55%;
    position: absolute;
}
.kinki-map-inner .area2603 {
    top: 38%;
    left: 52%;
    position: absolute;
}
.kinki-map-inner .area2301 {
    top: 29%;
    left: 85%;
    position: absolute;
}
.kinki-map-inner .area2101 {
    top: 18%;
    left: 82%;
    position: absolute;
}
.kinki-map-inner .area2500 {
    top: 32%;
    left: 66%;
    position: absolute;
}
.kinki-map-inner .area2900 {
    top: 57%;
    left: 57%;
    position: absolute;
}
.kinki-map-inner .area2400 {
    top: 56%;
    left: 74%;
    position: absolute;
}
.btn-blue {
	background-color:cornflowerblue;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color: white;
	font-family:Arial;
	font-size:14px;
	padding:4px 6px;
	text-decoration:none;
}
.btn-blue a {
    color: white;
}
.btn-blue:hover {
	background-color:deepskyblue;
}
.btn-blue:active {
	position:relative;
}
.btn-red {
	background-color: red;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color: white;
	font-family:Arial;
	font-size:14px;
	padding:8px 8px;
	text-decoration:none;
}
.btn-red a {
    color: white;
}
.btn-red:hover {
	background-color: darksalmon;
}
.btn-red:active {
	position:relative;
}
@media all and (max-width:680px){
    .btn-blue {
        padding:2px 2px;
    }
    .btn-blue a {
        font-size: 1vw;
    }
}

.th01 {
    width: 10%;
}
.th02 {
    width: 40%;
}
.th03 {
    width: 20%;
}
.th04 {
    width: 20%;
}
.th05 {
    width: 10%;
}
.h3_box {
    border-bottom: 2px dashed black;
    padding: 20px;
}
#reno_top1_contents {
    display:none;
}
ul.jyoken>li {
    border-bottom: 1px dashed;
    width: 95%;
}
.theme_h1 {
    text-align: center;
    margin-bottom: 20px;
}
.theme00 {
    text-align: center;
    font-size: 36px;
    background: linear-gradient(transparent 60%, orange 60%);
}
.theme01 {
    text-align: center;
    background: linear-gradient(transparent 60%, #ff723c 60%);
}
.theme02 {
    text-align: center;
    background: linear-gradient(transparent 60%, #00b1f4 60%);
}
.theme01t {
    padding: 0.5em 0.8em;
    color: #494949;
    background: #d5eaff;
    border-left: solid 5px #50a4f1;
    margin-bottom: 20px;
    float: left;
}
.nav-pills>li.active>a {
    padding: 20px 0;
    font-size: 30px;
    background-color: #00b1f4 !important;
}
.nav-pills>li>a {
    color: black;
    font-size: 30px;
    border: 1px solid #ddd;
    padding: 20px 0;
}
.obi-orange {
  background: #ffdaa9;
  box-shadow: 0px 0px 0px 5px #ffdaa9;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
}
.obi-orange2 {
  background: #ffdaa9;
  box-shadow: 0px 0px 0px 5px #ffdaa9;
  border: dashed 2px white;
  padding: 0.4em 0.6em;
  line-height:1.8;
  font-size: 24px;
}
.obi-orange2-s {
  font-size: 20px;
  padding: 20px;
  text-align: left;
  color:red;
  line-height: 1.6;
}
.obi-skyblue {
  background: #00b1f4;
  box-shadow: 0px 0px 0px 5px #00b1f4;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
}
.under-line {
    border: 1px dashed gray;
    margin-bottom: 40px;
}
#contents_revo_all {
}
#contents_revo_sell_01x {
    background:url(img/lady7.png) no-repeat center 0;
    background-size: contain;
}
#contents_revo_sell_02x {
    background:url(img/lady8.png) no-repeat center 0;
    background-size: contain;
}
#contents_revo_buy_01x {
    background:url(img/lady1.png) no-repeat center 0;
    background-size: contain;
}
#contents_revo_buy_02x {
    background:url(img/lady2.png) no-repeat center 0;
    background-size: contain;
}
#contents_chintai_01 {
    background:url(img/boy1.png) no-repeat center 0;
    background-size: contain;
    min-height: 400px;
}
#contents_chintai_02 {
    background:url(img/boy2.png) no-repeat center 0;
    background-size: contain;
    min-height: 400px;
}
#contents_kaitori_01 {
    background:url(img/lady3.png) no-repeat center 0;
    background-size: contain;
    min-height: 400px;
}
#contents_kaitori_02 {
    background:url(img/lady4.png) no-repeat center 0;
    background-size: contain;
    min-height: 400px;
}
#contents_kaitai_01 {
    background:url(img/lady5.png) no-repeat center 0;
    background-size: contain;
    min-height: 400px;
}
#contents_kaitai_02 {
    background:url(img/lady6.png) no-repeat center 0;
    background-size: contain;
    min-height: 400px;
}
@media all and (max-width:769px){
    .obi-orange {
        font-size: 5vw;
    }
    .illust img {
        margin: 0 25% 20px;
        width: 50%;
    }
    #contents_revo_sell_01 {
        background: none;
    }
    #contents_revo_sell_02 {
        background: none;
    }
    #contents_revo_buy_01 {
        background: none;
    }
    #contents_revo_buy_02 {
        background: none;
    }
    #contents_chintai_01 {
        background: none;
    }
    #contents_chintai_02 {
        background: none;
    }
    #contents_kaitori_01 {
        background: none;
    }
    #contents_kaitori_02 {
        background: none;
    }
    #contents_kaitai_01 {
         background: none;
    }
    #contents_kaitai_02 {
         background: none;
    }
}
.table01 {
    
}
.table01 .th01 {
    width: 15%;
    background-color:crimson;
    color: white;
    text-align: center;
}
.table01 .th02 {
    width: 55%;
    background-color:crimson;
    color: white;
    text-align: center;
}
.table01 .th03 {
    background-color: #ffa6b6;
    color: #a50000;
    font-size: 18px;
    line-height: 2.0;
    font-weight: normal;
    text-align: center;
}
.table01 .th04 {
    width: 30%;
    background-color:crimson;
    color: white;
    text-align: center;
    padding: 40px 0;
    font-size: 18px;
}
.table01 .th05 {
    width: 70%;
    background-color:white;
    color: black;
    text-align: center;
    padding: 40px 0;
    font-size: 18px;
}
.table01 .th06 {
    width: 70%;
    background-color:white;
    color: black;
    text-align: left;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
}
.red_em {
    font-size: 20px;
    font-weight: bold;
    color:red;
}
.red_em_l {
    font-size: 28px;
    font-weight: bold;
    color:red;
    padding: 0 10px;
}
.navbar-default {
    background-color: #4169E1;
}
.navbar-default .navbar-nav>li>a {
    color: white;
}
/*.navbar-default .navbar-nav>.active>a {
    color: #fff;
    background-color:cornflowerblue;
}*/
/*.navbar-default .navbar-nav>.active>a:hover {
    color: blue;
    background-color:cornflowerblue;
}*/
.navbar-default .navbar-nav>.active>a {
    color: #fff;
    background-color:#4169E1;
}
.navbar-default .navbar-nav>li>a:hover {
    color: blue;
    background-color:#4169E1;
}
.navbar-default .navbar-brand {
    color: white;
    /*padding-top:20px;*/
    font-size: 16px;
}
.navbar-default .navbar-brand a:hover {
    color: blue;
}
.nav>li {
    /*margin: 5px 0;*/
    margin: 0.5% 0;
    border-right: 1px dotted white;
}
.nav>li:first-child {
    border-left: 1px dotted white;
}
.nav>li:last-child {
    border-right: none;
}
/*.nav>li .active {
    color: darkslateblue;
}*/
.navbar-header .navbar-toggle a:hover {
    color: blue;
}
.navbar-default .navbar-brand:hover  {
    color:blue;
}
.table02 .th01 {
    width: 25%;
    background-color:crimson;
    color: white;
    text-align: center;
}
.table02 .th02 {
    width: 75%;
    background-color:crimson;
    color: white;
    text-align: center;
}
.table02 th {
    font-size: 20px;
    background-color:#eee;
}
.wd30 {
    width: 30%;
    margin:0 auto;
    text-align: center;
}
.dot-line {
    border: 1px dashed #666;
    margin: 20px 0;
}
.img-line {
    border: 1px solid #999;
}
.nav>li>a {
    padding: 10px 0.8vw;
}
.navbar-brand {
    padding: 15px 10px;
}
.subnail {
    padding: 10px 0;
}
.header-box1 {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 10px;
    opacity: 0.9;
    font-size: 14px;
    background-color: aliceblue;
    color:black;
    /*height: 20vw;*/
}
.header-box1:hover {
    opacity: 0.8;
}
.header-box1 h3{
    font-size: 18px;
    height: 38px;
    text-align: center;
}
.header-box1 h4{
    font-size: 14px;
    height: 38px;
    text-align: center;
}
.slider-box {
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}
#bxslider-sub .bx-wrapper {
    max-width: 740px; 
    margin:0 auto;
    text-align: center;
}
.slider-box .bx-wrapper .bx-prev {
    left: -6% !important;
}
.slider-box .bx-wrapper .bx-next {
    right: -6% !important;
}

input[type="text"],input[type="email"], textarea, select{
vertical-align:middle;
max-width:100%;
line-height:30px;
height:36px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:4px 12px;
color:#fff;
background: #5bc5f6;
background: -moz-linear-gradient(top, #5bc5f6 0%, #8ad7fa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bc5f6), color-stop(100%,#8ad7fa));
background: -webkit-linear-gradient(top, #5bc5f6 0%,#8ad7fa 100%);
background: -o-linear-gradient(top, #5bc5f6 0%,#8ad7fa 100%);
background: -ms-linear-gradient(top, #5bc5f6 0%,#8ad7fa 100%);
background: linear-gradient(to bottom, #5bc5f6 0%,#8ad7fa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bc5f6', endColorstr='#8ad7fa',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #5bc5f6;
background: -moz-linear-gradient(top, #8ad7fa 0%, #5bc5f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ad7fa), color-stop(100%,#5bc5f6));
background: -webkit-linear-gradient(top, #8ad7fa 0%,#5bc5f6 100%);
background: -o-linear-gradient(top, #8ad7fa 0%,#5bc5f6 100%);
background: -ms-linear-gradient(top, #8ad7fa 0%,#5bc5f6 100%);
background: linear-gradient(to bottom, #8ad7fa 0%,#5bc5f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad7fa', endColorstr='#5bc5f6',GradientType=0 );
}
.form-horizontal .control-label {
    padding: 0;
}
@media all and (max-width:769px){
    .control-label {
		padding-bottom: 10px !important;
        padding-left: 15px !important;
	}
    #address {
        width: 100% !important;
        margin: 10px 0;
    }
}
#address {
    width: 65%;
    margin: 10px 0;
}
.btn-out {
    padding: 10px 30px;
    background-color: red;
}
