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

@import"reset.css";
@import"font.css";

/*a {
	text-decoration:none;
	color:#333;
}*/

body{
	line-height:210%;
	color:#222;
	margin-top:0px;
	font-size:13px;
}

a{
text-decoration:none;
}


img{
	vertical-align:top;
}

hr{
height:1px;
background-color:#ccc;
border: none;
}

.clear{
	clear:both;
}

.tb-price{

}

.tb-price td{
border:1px solid #ccc;
padding:10px 14px;
}

.tb-price th{
border:1px solid #ccc;
padding:10px 14px;
background-color:#da6867;
color:#fff;
}



.large{
font-size:16px;
font-weight:bold;
background-color:#FFCC66;
padding:10px;
}

.underline{
text-decoration:underline;
}


.center{
	text-align:center;
}


.banner{
margin:-15px 0 40px 200px;

}



.left-float{
	float:left;
}

.right-float{
	float:right;
}

.rinji{
font-weight:bold;
font-size:14px;
}


.bold{
	font-weight:bold;
}

.purple{
	color:#1500a3;
	
}

.blue{
	color:#3e94d4;
}

.underline{
text-decoration:underline;
color:#da6867;
}




.black{
	color:#333;
}



.wrapper{
	width:880px;
	border-right:solid 10px #f4f4f4;
	border-bottom:solid 3px #f4f4f4;
	border-left:solid 10px #f4f4f4;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}


.header{
position:relative;
height:190px;
padding:0 0 0 20px;
border-bottom:1px solid #cfcfcf;
}





.logo{
position:absolute;
top:45px;
left:20px;
}


h1{
position:absolute;
top:0px;
left:20px;
font-size:1em;
font-weight:bold;
color:#da6867;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h2{
position:absolute;
top:0px;
left:635px;
color:#da6867;
font-size:1em;
font-weight:bold;
}


.hp-h2{
position:absolute;
top:0px;
left:495px;
color:#6666FF;
font-size:1em;
font-weight:bold;
}

.web-h2{
position:absolute;
top:0px;
left:575px;
color:#6666FF;
font-size:1em;
font-weight:bold;
}

.seo-h2{
position:absolute;
top:0px;
left:528px;
color:#6666FF;
font-size:1em;
font-weight:bold;
}


.call{
position:absolute;
top:35px;
left:680px;
}


.jikan{
position:absolute;
top:65px;
left:460px;
}

/*.basho{
position:absolute;
top:85px;
left:650px;
}
*/


.main{
padding-top:20px;
padding-right:30px;
padding-left:30px;
float:left;
}

.main02{
padding-top:20px;
padding-right:30px;
padding-left:40px;
float:left;
}


.main a:hover{
font-weight:bold;
}


.main .cut-photo{
float:left;
margin:12px 25px 15px 0;
}


.main ul{
margin-left:-30px;
/margin-left:0;
}


.left-side{
width:195px;
/width:220px;
/padding:10px;
}

.navi{
/*color:#FF66CC;*/

font-size:15px;
margin-left:-30px;
/margin-left:0;
}


.navi a{
display:block;
padding:15px 20px;
}


.navi li{
border-top:#ccc solid 1px;
border-right:#ccc solid 1px;
border-left:#ccc solid 1px;
/*background-color:#FF9900;*/
_margin-bottom:-23px;
margin-left:5px;
}



.navi .last{
border:#ccc solid 1px;
/*background:url(../img/btn-bg.jpg) no-repeat;*/
}

.navi a:hover{
font-weight:bold;
color:#FF6600;
}


.navi a:link{
text-decoration:none;
color:#005091;
}


.navi a:visited{
text-decoration:none;
color:#6666FF;
}

/*IE6,7用*/

.h3-top{
/margin-top:40px;
}

h3{
font-size:1.3em;
font-weight:bold;
color:#da6867;
}



h4{
margin-top:-10px;
color:#da6867;
font-weight:bold;
font-size:14px;
margin-bottom:-24px;
/*background:url(../img/ring03.jpg) left no-repeat;*/
/*padding-left:40px;*/
}

.h4-b{
margin-top:-14px;
color:#da6867;
font-weight:bold;
font-size:14px;
margin-bottom:2px;
/*background:url(../img/ring03.jpg) left no-repeat;*/
/*padding-left:40px;*/
}



.catch{
background-color:#6600CC;
padding:5px;
color:#FFFFFF;
}


.tb-company{
width:500px;
}



.tb-company td{
border:solid 1px #ccc;
padding:10px;

}

.footer{
border-top:solid 1px #ccc;
clear:both;
padding:20px;
margin-top:15px;
}

.tb01 td{
border:1px solid #CCCCCC;
padding:12px;
}


.tb02{
width:650px;
}


.tb02 td,th{
padding:10px 7px;
border:solid 1px #ddd;
}


.tb-inq{
width:520px;
margin-top:3px;


}


.tb-inq td{
padding:10px;
/*border:solid 1px #eee;*/
}


.red{
color:#990000;
font-weight:bold;
font-size:14px;
}


.sent_box{
	width:350px;
	background-color:#f7f7f7;
	padding:15px;
}


.p01{
padding:7px 40px 0 0;
font-size:14px;
/padding-top:10px;
}

.p01b{
padding:20px 40px 0 0;
font-size:14px;
/padding-top:10px;
}




p{
padding-right:10px;
}

.table01{
/margin-top:30px;
}




.td-photo{
width:230px;
vertical-align:top;
padding-top:28px;
/padding-top:0px;
}

.koshi-name{
font-size:17px;
color:#FF0000;
margin-top:0;
}

.navi02{
position:absolute;
top:113px;
left:175px;
margin-left:-30px;
/margin-left:10px;
/margin-top:10px;
_margin-bottom:-8px;
padding-bottom:10px;
}


.navi02 li{
display:inline;
}

.right-side{
float:right;
width:220px;
}


.box{
border:solid 7px #f4f4f4;
padding:15px 30px 10px 40px;

}



.catch00{
margin-top:-10px;

}


.catch02{

margin-top:5px;
}

/*以下、inq*/
.tb_form01{
	margin:0 0 0 0;
	width:auto;
}

.tb_form01 td{
	padding:12px 9px;
}

.form01{
	float:left;
	margin-right:10px;
}

.sent_box{
	width:350px;
	background-color:#f7f7f7;
	padding:15px;
}

.main .h4_purple{
	color:#1500a3;
}

.right .right-dt{
color:#555;
}

.right .right-dd{
background-color:#eee;
padding:10px;
margin-bottom:50px;
}


/*IE6用*/

*html .hote{
margin-left:-13px;
}



/*以下、chusho-taisaku*/
.reverse{
margin:20px 0 20px 20px;;
}


/*以下、koyamac*/


.main .tbl05 td,th{
border:solid 1px #ddd;
padding:10px 12px;
}

.tbl05 th{
color:#2671DD;
}


.tb-saiyo{
border:1px #eee solid;
margin-top:-15px;
padding:5px;

}


.tb-saiyo td{
border:1px #eee solid;
padding:15px;
}

.tb-saiyo .td-saiyo{
width:90px;
}


.map{
margin-left:10px;
}


.map h1{
font-size:16px;
color:#3e94d4;
font-weight:bold;
}

/*以下、company*/
.tb_company{
	width:600px;
}

.tb_company td{
	border:1px solid #cfcfcf;
	padding:6px 7px;
}

.tb_company td ul{
	margin:0px;
	padding:0px;
}


/*SNS*/

.sns{
width: 645px;
hingt: 665px;
margin-left:50px;
	
}

.instagram{
float: left;
}

.twitter{
float: right;
}

.banner-yoyaku{
width: 100%;
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){

.sns{
width: 100%;
margin-left:0px;
	
}

.instagram{
float: none;
}

.twitter{
float: none;
}
}

/*地図下画像*/

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-6 {
    width: 50%; 
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.shadow {
    -webkit-box-shadow: 1px 1px 5px #808080;
    -moz-box-shadow: 1px 1px 5px #808080;
    box-shadow: 1px 1px 5px #808080;
}

.img-rounded {
    border-radius: 6px;
}

.img-responsive {
    display: block;
    max-width: 96%;
    height: auto;
}

.clear {
 clear:both;　/*floatの解除*/
	}

.orange {
    color: #F60;
    line-height: .5em;
}