/*

	bass.css

*/

input[type="text"] {
    width: 250px;
    height: 30px;
}

.form-st{
    font-size: 3em;
    border-bottom: solid 2px #6B6B6B;
    padding: 20px 0;
    border-top: solid 2px #6B6B6B;
}

.cont-l {
    float: left;
    width: 47%;
    margin-right: 3%;
}
.bra {
    color: #C69C6D;
}
td {
    padding: .75em .5em;
}

.form-table{
border: 1px solid #B3B3B3;
width: 99.5%;
}

.form-table th{
background-color: #E4D2BD;
border: 1px solid #B3B3B3;
width:15%;
padding:1%;
text-align:center;
}

.form-table td{
background-color: #F8F3ED;
border: 1px solid #B3B3B3;
}

.form-table th span{
padding: 2px 4px 2px 4px;
background-color: #EB5903;
color: #fff;
display: inline-block;
margin: 5px 0 0 0;
}
.form-table input{
	width:98%;
}

.form-table label input{
	background-color: none;
}

input#form-ch-1,input#form-ch-2,input#form-ch-3{
width: 5%;
display: inline-block;
}

label#form-ch-1,label#form-ch-2,label#form-ch-3{
width: 30%;
display: inline-block;
}

.form-table textarea{
height: 120px;
width: 98%;
}

.form-send input{
margin: 10px 0;
height: 35px;
width: 200px;
}

.form-table label{
width: 30%;
margin-right: 20px;
}

#zip1{
	width:20%;
}

#zip2{
        width:40%;
}

.pra-li{
	margin:20px 0 20px 4%;
}

.pra-li li{
list-style-type: disc;
}


.reinen{
	background: url(../img/company/bgimage.png) no-repeat;
	height:100%;
}
.reinen p{
	margin:1% 0 0 1%;
	width:50%;
}

#top {
    background-color: #D8CAD0;
    padding:0;
    overflow: hidden;
    line-height: 15px;
}

#top2{
    overflow: hidden;
    background: url(img/top-bk.png) 0 0 no-repeat;
    height: 395px;
    position: relative;
}

.font-m{
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

body{
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	line-height: 30px;
	margin: 0;
}

.size-l {
    font-size: 2.5em;
}


a {
    color: #000;
    text-decoration: none;
}


.h1-t {
    float: left;
    width: 20%;
    font-size: 1em;
    font-weight: normal;
margin-top: 20px;
}

.head-t{
    float: left;
    width: 30%;
    text-align: right;
    padding: 1%;
margin: 10px 0 0 0;
}


.head-tel{
    float: left;
    width: 22%;
    padding: 1%;
margin: 10px 0 0 0;
}

.head-mail {
    float: left;
    width: 22%;
    padding: 1%;
margin: 0;
}


.line {
    border: solid;
    border-width: 1px;
    border-color: #6B6B6B;
    overflow: hidden;
    padding: 8px;
    margin: 0;
}

.bk-ps{
    background-color: #EEE9EA;
	    overflow: hidden;
	    padding: 10px 0;
}


.plan-l{
    float: left;
    width: 48%;
    padding: 8px;
    border: solid 1px #888;
}

.plan-r{
    float: right;
    width: 48%;
    padding: 8px;
    border: solid 1px #888;
}


h2.baner {
    font-size: 1.7em;
}


.baner-w {
    width: 85%;
    margin: 0 auto;
}

h2.baner {
    font-size: 1.7em;
	text-align:center;
}


.baner-l {
    float: left;
    width: 30%;
    margin: 0;
}

.baner-r {
    float: right;
    width: 70%;
    margin: 0;
}


.plan-isi{
    overflow: hidden;
    background: url(img/obi-bk.png) 0 0 no-repeat;
    height: 128px;
    position: relative;
}

.plan-isi {
    color: white;
    padding: 40px 0 0 0;
    font-weight: normal;
}


.isi-l {
    float: left;
    width: 70%;
}


.isi-r {
    float: right;
    width: 29%;
}

.voice-l {
    float: left;
    width: 80%;
}


.voice-r {
    float: right;
    width: 19%;
}

.voice{
    background-color: #E7C598;
    padding: 15px;
    overflow: hidden;
}


.voice-p {
    text-align: right;
    border-bottom: solid 1px #696969;
    padding-bottom: 8px;
}


.voice1{
    background-color: #AFCAD1;
    padding: 15px;
    overflow: hidden;
}


.voice2{
    background-color: #FFE6A3;
    overflow: hidden;
    padding: 15px;
}


.voice-p2 {
    font-weight: bold;
}






/*旧スタイル　ここから*/


.top_wrap{
    max-width: 1000px;
    margin: 0 auto;
}



.top_wrap2{
    max-width: 1000px;
    margin: 0 auto;
}

.info{
margin: 120px 0 0 0;
    text-align: center;

}
.info a{
display: inline-block;
    margin: 0 20px;
}
.info a:hover{
	background-color: #969696;
	height:	64px;
}

.wrap_in{
    max-width: 1000px;
    margin: 0 auto;
}


.bk3{
    overflow: hidden;
    background: url(img/arumi_bk.png) 0 0 no-repeat;
    height: 984px;
    position: relative;
}

.h1_t{
	font-size: 2.8em;
}

.ans_t{
	font-size: 2em;
}

.ans_t2{
	font-size: 1.4em;
}

.wrap_h{
width: 50%;
    float: right;
    margin-top: 70px;
    line-height: 33px;
}

.wrap_hr{
width: 50%;
    float: left;
    margin-top: 170px;
    line-height: 33px;
}

.jiyuu_l{
    float: left;
	width:30%;
}
.jiyuu_r{
    float: right;
	width:60%;
}
.jiyuu_r h2{
    font-size: 2.5em;
}

.jiyuu_h3{
    background-color: #117980;
    padding: 3px;
	color:#fff;
	text-align:center;
}

.jiyuu_h3_g{
    background-color: #525252;;
    padding: 3px;
	color:#fff;
	text-align:center;
}



.tyuuzou_wrap{
	    background-color: #969696;
		overflow: hidden;
}

.tyuuzou_m_l{
    float: left;
	width:35%;
}

.tyuuzou_m_r{
    float: right;
	width:50%;
}

span.tyuuzou_h2 {
    display: block;
    width: 20%;
    margin-right: 5px;
    float: left;
    font-size: 2em;
}

span.tyuuzou_h2_t {
    display: block;
    width: 78%;
    margin-left: 5px;
    float: left;
    font-size: 20px;
}

.arumi-l{
    float: left;
	width:49%;
}

.arumi-r{
    float: right;
	width:49%;
}

.peace-l{
    float: left;
    width: 65%;

}


.peace-r{
    float: right;
    width: 30%;
}

.peace-l h2 {
    font-size: 2.5em;
}

.peace_text {
    float: left;
    width: 59%;
}

.peace_image {
    float: left;
    width: 20%;
}

.peace1_m{
float: left;
    width: 100px;
    border-right: solid;
    border-width: 2px;
    border-color: #6B6B6B;
    margin-right: 10px;
}


.tokushuu_bk{
    overflow: hidden;
    background: url(img/tokushuu_bk.png) 0 0 no-repeat;
    height: 352px;
    position: relative;
}

h2.tokushuu_h2.white{
    text-align: center;
    width: 300px;
    margin:50px auto 0 auto;
    font-size: 2.2em;
}

h2.tokushuu_h2.white span{
	font-size: 1.7em;
}






.main_b {
    float: left;
    width: 33%;
    text-align: center;
}

.mesh_b {
    float: left;
    width: 20%;
}

.tanzou_ct {
    display: inline-block;
    width: 48%;
    text-align: center;
    background-color: #117980;
    margin: 1%;
    color: white;
}

.tyuuzou_ct {
    display: inline-block;
    width: 48%;
    text-align: center;
    background-color:#137F51;
    margin: 1%;
    color: white;
}


.peace_ct {
    display: inline-block;
    width: 48%;
    text-align: center;
    background-color: #5D5D5D;
    margin: 1%;
    color: white;
}

.mesh_b h4{
    text-align: center;
}


.footer_bk{
    overflow: hidden;
    background: url(img/hoankijun.png) 0 0 no-repeat;
    height: 439px;
}

.footer_bk2{
    overflow: hidden;
    background: url(img/hoankijun2.png) 0 0 no-repeat;
    height: 439px;
}

.footer_h3{
    float: left;
    width: 150px;
    font-size: 2em;
}

.footer_img{
	
}


.footer_bk3{
    background-color: #161616;
overflow: hidden;
}

.footer_bk3 span{
	color:#C38F17;
	
}



/*	共通パーツ

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



.clear{

	clear: both;

}





.cent{

text-align:center;

}



.View{

display: block;

}





.Visible{

display: none;

}



.pad1{

	padding:1%;

}



.pad05{

	padding:0.5%;

}



.pad16{

	padding: 1.6%;

}



.block{

	display: block;

}



.wid30{

	width:30%;

}



.bold{

font-weight:bold;

}



.mar-bot3{

	margin-bottom: 3px;

}

.mar-top10{

	margin-top:10px;

}


.mar-top20{

	margin-top:20px;

}

.mar-top40{

	margin-top:40px;

}

.mar-top80{

	margin-top:80px;

}

.ore{

	color:#F15A24;

}



.ore-l{

	color:#FBB03B;

}

.white{
	color:#fff;	
}

.gray{
	color:#A2A2A2;;	
}


.size08{

	font-size:0.8em;

}

.size20{
	font-size:2em;
}

.size25{
    font-size: 2.5em;
    font-weight: bold;
}

.line-none{

	text-decoration:none;

}

.line30{
	line-height: 30px;
}

.bk_red_g{
	
}


/* =レスポンシブ用

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


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

.visible{
	display: none;
}

/* =Responsive Mobile (Portrait)

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

@media only screen and (max-width: 767px) {

.size-l {
    font-size: 1em;
}

h2.baner{
    font-size: 0.8em;
}


.view ,.voice-r{
	display: none;
}

.visible{
	display: block;
}

.bk_red_g{
    background-color: #969696;
    overflow: hidden;
	text-align:center;
}

.wrap_in{
	padding: 5px;
}


.plan-isi {
    color: white;
    padding: 30px 8px 0 8px;
    font-weight: normal;
    width: 94%;
    font-size: 1em;
}


.h1_t {
    font-size: 1.2em;
}

.res_t_l{
	text-align:left;
}


.h1-t , .head-t ,.head-tel , .head-mail , .plan-l ,.plan-r ,.baner-l ,.baner-r ,.baner-w,.isi-l ,.isi-r ,.voice-l ,.cont-l{
	float:none;
	width:95%;
}

.form-st {
    font-size: 1em;
    border-bottom: solid 2px #6B6B6B;
    padding: 5px 0;
    border-top: solid 2px #6B6B6B;
}

.plan-l ,.plan-r{
	margin-top:10px;
}

.h1-t , .head-t ,.head-tel , .head-mail ,.isi-r{
	text-align:center;
}


.peace-l h2 {
    font-size: 1.3em;
}



.peace1_m{
    border-right: none;
    text-align: center;
    border-bottom: solid;
    border-width: 1px;
}

.main_b {
    width: 30%;
    margin: 5px;
}

.size20 {
    font-size: 1.2em;
}

.size25 {
    font-size: 1.2em;
    font-weight: bold;
}


.hozen_top{
	margin-top:0;
}

.mar-top80{
	margin-top:20px;
}

.line30 {
    line-height: 25px;
}


.float-res{

width: 96%;

margin: 1.3%;

float: none;

}
.footer_h3{
	margin: 0;
}

.t-left{
	text-align:left;
}







#mainContents , #header-text , #header-info{

width: 98%;

margin: 1.3%;

float: none;

}



#header-logo{

width: 98%;

margin: 1.3%;

float: none;

text-align:center;

}





#totop a , .View{

display: none;

}





.Visible{

display: block;

}







.tinynav {

display: block;

font-size: 16px;

}





h1.slide-menu {

font-size: 22px;

line-height: 30px;

background-color: #fc8617;

color: #FFF;

padding: 10px;

margin-bottom: 0.8130081300813%;

}





.open {

display: none;

float: left;

width: 40px;

height: 30px;

margin-right: 10px;

background: url(../img/menu.png) center center no-repeat #333;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

-border-radius: 8px;

box-shadow: inset 0 0 3px #000;

text-indent: -999999px;

border: 0;

}





.voice-box{

width:auto;

max-width: 220px;

margin: 1.3%;

float: none;

margin: 0 auto;

}











}