@charset "UTF-8";

#head_back .houjin {
	margin-left: 10px;
	height: 33px;
	line-height: 0;
}


#mainImg {
	/*width: 960px;*/
	width: 100%;
	margin: 0 auto 50px auto;
}
#mainImg li {
	width: 50%;
	margin: 0;
	float: left;
}
#mainImg li img {
	width: 100%;
	vertical-align: bottom;
}

.contact {
	margin: 20px 0;
	padding: 20px;
	background: url(contact_bg.png);
	border-radius: 4px;
	color: #fff;
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}
.contact a {
	display: block;
	background: #fff;
}
.contact p {
	margin: 0 0 15px 0;
	padding: 15px 0;
	border-bottom: 1px solid #666;
}
.contact p strong {
	font-size: 30px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight: normal;
	display: block;
}
/* ============== forbusiness ===============*/
.forbusiness li {
	width: 48%;
	margin: 0 0 40px 0;
	float: left;
}
.forbusiness li img {
	width: 100%;
}
.forbusiness li:last-child {
	float: right;
}
.forbusiness h3 {
	margin: 60px 0 30px 0;
	font: 24px "Sawarabi Mincho", serif;
	text-align: center;
}
.forbusiness .info {
	width: 380px;
	margin: 50px auto;
	padding: 30px 100px;
	border: 1px solid #ccc;
	font-size: 18px;
}
.forbusiness .info a {
	color: #000;
}
.forbusiness p {
	width: 620px;
	margin: 0 auto;
}
.forbusiness .searchBtn {
	margin: 30px auto;
	text-align: center;
}
.forbusiness hr {
	height: 1px;
	border: none;
	border-bottom: 1px dotted #ccc;
}


/********************** clear fix **********************/
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}
.clear {
	clear: both;
}



/*====================================
基本設定
====================================*/
#WRAPPER{
	width: 960px;
	margin: 0 auto;
	background-color: #ffffff;
        overflow: hidden; 
}


#main_back{
height:515px;	
}

#main_back2{
		background-position: top center;
		background-image: url(mainback-2.jpg);
	background-repeat: repeat-x;	height:288px;
}


#main{
      width: 780px;
}

#sidemenu{
      width: 147px;
}


.box_960{
      width: 960px;
	margin: 0 auto;
	padding: 0;
}

.box_960 img {
       width: 100%;
       height: auto;
}
@media screen and (max-width:960px) {
      .box_960{
     width: 90%;
    }
}

@media screen and (max-width:768px) {
     #main_back2{
       background-image: none;
       height:auto;
     }
    
}


.box_880{
      width: 880px;
	margin: 0;
	padding: 0;
}
.box_850{
      width: 850px;
	margin: 0;
	padding: 0;
}

.box_216{
      width: 216px;
	margin: 0;
	padding: 0;
}


#contents{
      width: 960px;
	margin: 0px auto 30px auto;
	padding: 0;
}

.dsp{ display: none;}
.dpc{ display: block;}

@media screen and (max-width:960px) {
	
#contents{
    box-sizing: border-box;
    padding: 0 5%;
    width: 100%;
}
}

.btn a:hover img
{
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}

/*====================================
ヘッダーフッター
====================================*/

#head_back{
		background-position: top center;
		background-image: url(head-back.jpg);
	background-repeat: repeat-x;
}
#head_back_top{
		background-position: top center;
		background-image: url(takuhai_head_bg.jpg);
	background-repeat: repeat-x;
}


#head{
      width: 960px;
	margin: 0 auto;
	padding: 0;
	height:117px;
}

@media screen and (max-width:960px) {
    #head{
     width: 90%;
    }
}



#foot_back{
        width: 100%;
        height: 60px;
		background-position: left bottom;
		background-image: url(foot-back.jpg);
	background-repeat: repeat;
}

#foot{
      width: 960px;
	margin: 0 auto;
	padding: 0;
}

@media screen and (max-width:960px) {
       #foot{
           width: 90%;
       }
}



#foot a{
	font-size:12px;
	color:#C7C7C7;
	line-height:60px;
}



#foot a:link {
	color: #555555;
	text-decoration: none;
}
#foot a:visited {
	color: #555555;
	text-decoration: none;
}
#foot a:active {
	color: #555555;
	text-decoration: none;
}
#foot a:hover {
	color:#ff0000;
	text-decoration: underline;
}

.pt a:link {
	color: #555555;
	text-decoration: none;
}
.pt a:visited {
	color: #555555;
	text-decoration: none;
}
.pta:active {
	color: #555555;
	text-decoration: none;
}
.pt a:hover {
	color:#ff0000;
	text-decoration: underline;
}


.pageTitle {
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #d2cec4;
	font-family: Candara, Geneva, Tahoma, Arial, sans-serif;
	font-size: 20px;
}
.pageTitle span {
	font-size: 15px;
}

/*====================================
padding
====================================*/
.t2{
	padding: 2px 0px 0px 0px ;
}
.t5{
	padding: 5px 0px 0px 0px ;
}
.t10{
	padding: 10px 0px 0px 0px ;
}
.t15{
	padding: 15px 0px 0px 0px ;
}
.t20{
	padding: 20px 0px 0px 0px ;
}
.t25{
	padding: 25px 0px 0px 0px ;
}
.t30{
	padding: 30px 0px 0px 0px ;
}
.t40{
	padding: 40px 0px 0px 0px ;
}
.t50{
	padding: 50px 0px 0px 0px ;
}

.b5{
	padding: 0px 0px 5px 0px ;
}

.b10{
	padding: 0px 0px 10px 0px ;
}
.b13{
	padding: 0px 0px 13px 0px ;
}
.b15{
	padding: 0px 0px 15px 0px ;
}

.b20{
	padding: 0px 0px 20px 0px ;
}

.b25{
	padding: 0px 0px 25px 0px ;
}
.b30{
	padding: 0px 0px 30px 0px ;
}

.b35{
	padding: 0px 0px 35px 0px ;
}

.b40{
	padding: 0px 0px 40px 0px ;
}

.b45{
	padding: 0px 0px 45px 0px ;
}


.b50{
	padding: 0px 0px 50px 0px ;
}

.b55{
	padding: 0px 0px 55px 0px ;
}
.b60{
	padding: 0px 0px 60px 0px ;
}

.b70{
	padding: 0px 0px 70px 0px ;
}
.b80{
	padding: 0px 0px 80px 0px ;
}
.l10b10{
	padding: 0px 0px 10px 10px ;
}

.t10b10{
	padding: 10px 0px 10px 0px ;
}
.t10b20{
	padding: 10px 0px 20px 0px ;
}

.t15b15{
	padding: 15px 0px 15px 0px ;
}

.t20b20{
	padding: 20px 0px 20px 0px ;
}

.t10b30{
	padding: 10px 0px 30px 0px ;
}
.t20b30{
	padding: 20px 0px 30px 0px ;
}

.t30b30{
	padding: 30px 0px 30px 0px ;
}

.t20b40{
	padding: 20px 0px 40px 0px ;
}
.top_fla_pd{
	padding: 40px 0px 20px 0px ;
}
.pdl15{
	margin: 0px 0px 0px 15px ;
}
.pdl20{
	margin: 0px 0px 0px 20px ;
}
.pdl25{
	margin: 0px 0px 0px 25px ;
}
.pdl50{margin: 0px 0px 0px 50px ;
}
.r10{
	padding: 0px 10px 0px 0px ;
}
.r13{
	padding: 0px 13px 0px 0px ;
}
.r60{
	padding: 0px 60px 0px 0px ;
}
.r60b20{
	padding: 0px 60px 20px 0px ;
}

.pdl13b15{
	margin: 0px 0px 15px 13px ;
	
}
/*====================================
文字関係
====================================*/
.bold{
font-weight: bold;
}
.tx10 {
font-size:10px;
}
.tx12 {
font-size:12px;
}
.tx14 {
font-size:14px;
}
.tx_CCA979{
	color: #CCA979;
}

.tx_A99280{
	color:#A99280;
}

.tx_BD374C{
	color:#BD374C;font-weight: bold;
}

.tx_CA5F71{
	color:#CA5F71;font-weight: bold;
}

.tx_D8BF99_b{
	color:#D8BF99;font-weight: bold;
}


/*
テーブル指定
---------------------------------------------------------- */

/*====================================
float
====================================*/
.flL {
	float:left;
	display: block;
}

.flR {
	float:right;
	display: block;
}



/*====================================
box
====================================*/

.box_0{
	margin: 0;
	padding: 0;
}

.box_0center{
	margin: 0 auto;
	padding: 0;
}


/*====================================
clearfix
====================================*/
.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clear {
	min-height: 1px;
}
* html .clear {
	height: 1px;
/* Hides from IE-mac \*//*/
	height: auto;
	overflow: hidden;
/* End hide from IE-mac */
}
/*----------------------------------*/
.clear0 {
	clear: both;
	height: 0px;
}




/*====================================
hidden
====================================*/
em{
	display: block;
	text-indent: -9999px;
}
/*MacIE HACK------------------- \*//*/
em{
	height:0px;
	width:0px;
	overflow:hidden;
}


/*書式設定
----------------------------------*/

body{
	margin: 0 auto;
	padding: 0;
	border: 0 none;
	font-size:14px;
	background-color: #ffffff;
	color: #262626;
	font-family: "メイリオ", Meiryo ,Verdana , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}



p{
	line-height: 180%;
}


html,a,form,div,table,ul,ol,li,dl,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
	border: 0 none;
}
img{
	margin:0;
	padding:0;
	border: 0 none;
}
ul{
	list-style-type: none;
}

td{text-align:left;}

.line_160{
	line-height: 160%;
}
.line_150{
	line-height: 150%;
}
.line_140{
	line-height: 140%;
}
.line_120{
	line-height: 120%;
}
.line_110{
	line-height: 110%;
}
.line_100{
	line-height: 100%;
}

.img_mid{
vertical-align:middle;
}

a:link {
	color: #1172c6;
	text-decoration: none;
}
a:visited {
	color: #1172c6;
	text-decoration: none;
}
a:active {
	color: #1172c6;
	text-decoration: none;
}
a:hover {
	color:#ff0000;
	text-decoration: underline;
}
/*====================================
２０１８．8．２4追加
=====================================*/
#owner{
	width: 960px;
	margin: 0 auto;
}

@media screen and (max-width:960px) {
       #owner{
	width: 100%;
        }
}

#owner h2{
	background: url(bg-line.gif) repeat-x;
	font-size: 18px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #666;
	margin: 30px auto 30px auto;
	padding:12px 0 20px 0;
	text-align: center;
}
#owner p.catch{
	text-align: center;
}
#owner .box{
	background-color: #f7f6f0;
	border: #c7c4b7 1px solid;
	max-width: 720px;
	margin: 30px auto 80px auto;
	padding: 40px 0;
}

#owner .box dl{
	width: 400px;
	margin: 20px auto;
	
}
#owner .box dl:after{
	content: "";
	display: block;
	clear: both;
}
#owner .box dt{
	background-color: #b5b29e;
	color: #fff;
	float: left;
	width: 100px;
	text-align: center;
	border-radius: 20px;
	
}
#owner .box dd{
	float: left;
	font-size: 24px;
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: 600;
	vertical-align: middle;
}
#owner .box dd a{
	color: #333;
	text-decoration: underline;
}


@media screen and (max-width:720px) {
	    #owner h2 {
			padding: 12px 0 12px 0;
	    }
        #owner .box{
           width: 100%;
		   padding: 10px 0;
		   margin: 30px auto 40px auto;
        }
        
}

#owner .bnr{
	width: 680px;
	margin: 40px auto 40px auto;
}

#owner .bnr img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center;
}
#owner .bnr a:hover{
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: 0.8s ease-in-out;  
    -moz-transition: 0.8s ease-in-out;  
    -o-transition: 0.8s ease-in-out;  
    transition: 0.8s ease-in-out; 
	opacity: 0.8; 
}


@media screen and (max-width:680px) {
	
.dsp{ display: block;}
.dpc{ display: none;}		

#owner .bnr{
	margin: 30px auto 30px auto;
}
#owner .bnr.dsp{
   width: 90%;
}


#owner .bnr.dsp a{
	color: #fff;
	/*background: #3F3F3F;*/
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
	/*padding: 15px 0;*/
	text-align: center;
}


#owner .box dl {
    width: 85%;
    margin: 20px auto;
}

#owner .box dt {
    width: 80px;
}

#owner .box dd {
    font-size: 16px;
}

#owner .cap {
    width: 90% !important;
}

}
	
/*#owner .bnr a {  
    -webkit-transition: 0.8s ease-in-out;  
       -moz-transition: 0.8s ease-in-out;  
         -o-transition: 0.8s ease-in-out;  
            transition: 0.8s ease-in-out; 
}
#owner .bnr a:hover {  
    opacity: 0.8;  
    filter: alpha(opacity=80);  
}*/

#owner .red{
	color: #E84144;
	font-size: 0.9em;
}
#owner .cap{
	width: 70%;
	margin: 0px auto;
	color: #666666;
	font-size: 0.9em;
	text-align: left;
}