@charset "utf-8";

/*reset
------------------------------------------------------------------------- */
*{
list-style:none outside;
font:normal normal normal 100% sans-serif;
font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
}
div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,table,th,td,em,img{
margin:0;
padding:0;
border:none;
list-style:none;
}
h2,h3,h4,h5,h6{
clear:both;
}
p{
margin:0;
padding:0;
line-height:1.5em;
}
th,td{
vertical-align:top;
}
address{
font-style:normal;
}

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

/**/
.red{
color:#FF3333;
}
.blue{
color:#0A7AD0;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.clear{
clear:both;
}
/**/
a:link{color:#0A76E5; text-decoration:none;}
a:visited{color:#0A76E5; text-decoration:none;}
a:hover{color:#0AAFE5; text-decoration:none;}
/**/


/* リセット */
* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}

/* 設定 */
.container {width: 100%; height: 270px; overflow-x: hidden;}
.slide_all {width: 900px; margin: 0 auto; height: 250px; position: relative;}
.slide_wrap {width: 2700px; position: absolute; left: 50%; margin-left: -1350px;}
.slide_body {width: 100%;}
.slide {width: 900px; font-family: 'arial'; background: #000; color: #fff; font-size: 50px; line-height: 250px; text-align: center;}
.slide img {width: 100%; vertical-align: bottom;}
/* 装飾 */
.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #fff; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a{text-decoration: none; color: #fff; padding:0 5px;}
.bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%;}
/* 追加 */
.slide{transition:all .3s;opacity:.8;}
.slide.active{ opacity:1;}



body#tokusyu2{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


#head-bg{
background: #ffffff;
text-align:center;
padding:0px;
margin:0px;
width:100%;
background: url(../img/head_line.gif) repeat-x bottom center;
}

#head{
width:900px;
height:140px;
margin:0px auto 0px auto;
padding:0px auto 0px auto;
text-align:center;
}
/*headright*/
#headright {
float:right;
margin:0px 0 0px 20px;
}
#headright ul li{
margin:0px 0 10px 10px;
float:left;
}

.logo{
padding:0px 0px 0px 0;
float:left;
}
.hrmenu {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:250px;
}
.hrmenu div{
margin:-5px 5px 10px 0;
padding:5px;
float:left;
width:100px;
font-size:12px;
border:1px solid #999999;
}
.hrmenu div a{
    width:100%;
    height:100%;
top:0;left:0;
    color:#000000;
}

#menu{
text-align:left;
width:900px;
}


#content{
width:100%;
margin:0px 0px 0px 0px;
}

#content2{
width:900px;
margin:0px auto 0 auto;
}




#footer{
width:100%;
background:#54ab41;
margin:0px 0px 0px 0px;
}
#footer ul{
height:150px;
background: url(../img/tokusyu/common/fline.gif) no-repeat right;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
}
#footer li{
width:225px;
height:150px;
background: url(../img/tokusyu/common/fline.gif) no-repeat left;
margin:0px 0px 0px 0px;
float:left;
}
#footer li a{
font-size:12px;
line-height:20px;
color:#ffffff;
padding:0px 0px 0px 15px;
}
#footer p{
padding:10px 0px 10px 0px;
text-align:center;
font-size:12px;
}


/* 各項目ボックス */
.wcon{
width:900px;
margin:0px auto 0px auto;
padding:0px auto 0px auto;
}
.wcon h3{
text-align:center;
padding:10px 0px 0px 0px;
}




/* 物件概要 */
.outside{
width:400px;
margin:0px 25px 0px 0px;
padding:5px;
background:#ffffff;
box-shadow: 7px 7px 10px 0px rgba(0,0,0,0.3);
float: left;
}
.outside p{
margin:10px 0px 0px 0px;
padding:0px 5px 5px 5px;
font-size:12px;
}
.ol{
width: 465px;
}
.ol th{
padding: 6px;
text-align: left;
vertical-align: top;
color: #fff;
background-color: #555;
border-left: 5px solid #ff6633; 
}
.ol2 th{
width: 490px;
padding: 6px;
text-align: left;
vertical-align: top;
color: #fff;
background-color: #555;
border-left: 5px solid #ff6633; 
}
.ol td{
width: 25%;
font-size: 14px;
padding: 6px;
margin: 0px 0px 10px 0px;
border: 1px solid #999;
vertical-align: middle;
}
.ol2 td{
width: 490px;
padding: 6px;
border: 1px solid #999;
}







/* パンくずリスト */
#pankuzu{
height:30px;
}

.p_t{
padding:7px 0px 0px 0px;
font-size:12px;
line-height:12px;
color:#ffffff;
}


.page{
font-size:0.9em;
margin-top:20px;
}
.link{
clear:both;
font-size:0.9em;
line-height:1.5em;
}
.link a.back{
width:200px;
float:left;
text-align:left;
}
.link a.next{
width:200px;
float:right;
text-align:right;
}

strong{
font-weight:bold;
}

#pankuzu a{
color:#ffffff;
}


	
/* フローティングメニュー */
ul.lof-main-wapper li {
		position:relative;
}
div#menu2 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    left: 0%\9; /* IE8 */
    *left: 0%; /* IE7 */
    _left: 0%; /* IE6 */
    position: absolute;
    width: 100%;
    top: 90px;
background: #ffffff;
 
   /* 影を入れる。指定のピクセルは前から順に横方向のズレ、縦方向のズレ、ぼかし具合、 */
    /* 影の色を指定している。 */
  -moz-box-shadow: 0px 3px 7px #454545; /* Firefox用 */
    -webkit-box-shadow: 0px 3px 3px #454545; /* Google ChromeやSafari用 */
    box-shadow: 0px 3px 7px #454545; /* CSS3対応ブラウザ用 */

    z-index: 9999;
    overflow: hidden;
}
#menu2 ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
#menu2 ul li {
    float: left;
    border: 1px solid #999;
    position: relative;
    left: -50%;
}



/* スクロールしてページトップ表示 */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index: 9999; 
}
#page-top a {
    background: #0c9805;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 20px;
}
#page-top a:hover {
    text-decoration: none;
    background: #46d03f;
}






#menu2 ul li {
    float: left;
  border: 0px;
}
 
#menu2 ul li a {
  display: block;
  height: 50px;
  overflow: hidden;
  background-image: url(../img/m.png);
  border: 0px;
  padding: 0px;
  margin: 0px;
}


.m1 { width:129px;background-position: 0 top;}
.m2 { width:129px;background-position: 771px top;}
.m3 { width:129px;background-position: 642px top;}
.m4 { width:129px;background-position: 513px top;}
.m5 { width:129px;background-position: 384px top;}
.m6 { width:129px;background-position: 255px top;}
.m7 { width:126px;background-position: 126px top;}
.m1:hover { width:129px;background-position: 0px bottom;}
.m2:hover { width:129px;background-position: 771px bottom;}
.m3:hover { width:129px;background-position: 642px bottom;}
.m4:hover { width:129px;background-position: 513px bottom;}
.m5:hover { width:129px;background-position: 384px bottom;}
.m6:hover { width:129px;background-position: 255px bottom;}
.m7:hover { width:126px;background-position: 126px bottom;}



#ru01 { display:block; }
#ru02 { display:none; }
#ru03 { display:none; }
#ru04 { display:none; }
#ru05 { display:none; }
#ru06 { display:none; }
#ru07 { display:none; }
#ru08 { display:none; }
#ru09 { display:none; }
#ru10 { display:none; }
#ru11 { display:none; }
#ru12 { display:none; }
#ru13 { display:none; }
#ru14 { display:none; }
#ru15 { display:none; }
#ru16 { display:none; }
#ru17 { display:none; }
#ru18 { display:none; }
#ru19 { display:none; }
#ru20 { display:none; }

#rub01 { display:block; }
#rub02 { display:none; }
#rub03 { display:none; }
#rub04 { display:none; }
#rub05 { display:none; }
#rub06 { display:none; }
#rub07 { display:none; }
#rub08 { display:none; }
#rub09 { display:none; }
#rub10 { display:none; }
#rub11 { display:none; }
#rub12 { display:none; }
#rub13 { display:none; }
#rub14 { display:none; }
#rub15 { display:none; }
#rub16 { display:none; }
#rub17 { display:none; }
#rub18 { display:none; }
#rub19 { display:none; }
#rub20 { display:none; }

.viewer {
	margin: 0 auto;
	width: 400px;
	height: 300px;
	text-align: left;
	overflow: hidden;
}

.viewer ul {
	width: 400px;
	height: 300px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	top: 0;
	left: 0;
	width: 400px;
	height: 300px;
	display: none;
	position: absolute;
}




.top_chara2{
	padding: 0px 0px 20px 0px;
}
.chara_n2{
	padding: 30px 0px 10px 0px;
}
.chara_greeting{
	padding: 0px 0px 0px 0px;
	text-align:left;
	font-size:14px;
	line-height:22px;
}
.company_img{
	padding: 0px 20px 0px 0px;
	float:left;
}
.chara_c{
	margin: 15px 0px 15px 0px;
	text-align:left;
	vertical-align:middle;
	font-size:14px;
	line-height:30px;
	float:left;
}
.company_a td{
	padding: 7px 0px 10px 0px;
	border-bottom: solid 1px #ca76ae;
}

.map{
	padding: 0px 0px 10px 0px;
	float:right;
}




.top_a{
text-align:center;
padding:120px 30px 0px 30px;
margin:0px 15px 0px 0px;
width:230px;
height:100px;
float:left;
background: url(../img/top_a.png) no-repeat top center;
}
.top_ikou{
text-align:center;
padding:120px 30px 0px 30px;
margin:0px 15px 0px 0px;
width:230px;
height:100px;
float:left;
background: url(../img/top_ikou.png) no-repeat top center;
}
.top_shop{
padding:120px 30px 0px 30px;
text-align:center;
margin:0px 0px 0px 0px;
width:230px;
height:100px;
float:left;
background: url(../img/top_shop.png) no-repeat top center;
}
.top_btn li div{
font-size:12px;
color:#000000;
text-align:left;
line-height:18px;
margin:120px 30px 0px 30px;
}
.top_btn li {
position:relative;
}
.top_btn li a{
    position:absolute;
    width:100%;
    height:100%;
top:0;left:0;
    color:#000000;
}

.top_btn li a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}





div.bnr {
width: 290px;
margin:0px 0px 0px 0px;
float: left;
}
div.bnr p{
margin:0px 0px 10px 0px;
}



/* --- 新着情報エリア --- */
div.update {
width: 580px; /* 新着情報エリアの幅 */
font-size: 80%;
margin:0px 0px 30px 15px;
float: left;
}








.fmenu{
width:900px;
margin:0px auto 0px auto;
}

.fmenu p{
font-size:14px;
color:#ffffff;
}
.fmenu a:link{
color:#ffffff;
}
.fmenu a:visited{
color:#ffffff;
}



#ptitle{
margin:20px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
#ptitle2{
margin:30px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

.company_text{
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
float:left;
}
.company_text p{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
font-size:12px;
}
.company_map{
margin:20px 0px 20px 20px;
padding:0px 0px 0px 0px;
width:400px;
float:right;
}



.follow_c li{
font-size:12px;
color:#000000;
text-align:left;
line-height:18px;
float:left;
width:260px;
}
.follow_c1 {
position:relative;
margin:10px 40px 0px 20px;
padding:110px 0px 0px 0px;
background: url(../img/follow_c1.png) no-repeat top center;
}
.follow_c2 {
position:relative;
margin:10px 40px 0px 0px;
padding:110px 0px 0px 0px;
background: url(../img/follow_c2.png) no-repeat top center;
}
.follow_c3 {
position:relative;
margin:10px 20px 0px 0px;
padding:110px 0px 0px 0px;
background: url(../img/follow_c3.png) no-repeat top center;
}
.ft1{
padding:0px 0px 5px 0px;
font-size:16px;
font-weight:bold;
color:#054cab;
}
.ft2{
padding:0px 0px 5px 0px;
font-size:12px;
color:#000000;
line-height:22px;
}




.follow_m li{
font-size:12px;
color:#000000;
text-align:left;
line-height:18px;
float:left;
width:260px;
}
.follow_m1 {
position:relative;
margin:10px 40px 0px 20px;
padding:125px 0px 0px 0px;
background: url(../img/follow_mark_a.png) no-repeat top center;
}
.follow_m2 {
position:relative;
margin:10px 40px 0px 0px;
padding:125px 0px 0px 0px;
background: url(../img/follow_mark_ikou.png) no-repeat top center;
}
.follow_m3 {
position:relative;
margin:10px 20px 0px 0px;
padding:125px 0px 0px 0px;
background: url(../img/follow_mark_s.png) no-repeat top center;
}
.fmt1{
padding:0px 0px 5px 0px;
font-size:16px;
font-weight:bold;
color:#054cab;
}
.fmt2{
padding:0px 0px 5px 0px;
font-size:12px;
color:#000000;
line-height:22px;
}



.rec_tbl{
padding:0px 0px 0px 0px;
margin:0px 0px 30px auto;
border-collapse: collapse;
float:left;
}
.rec_tbl2{
padding:0px 0px 0px 0px;
margin:0px auto 30px auto;
border-collapse: collapse;
float:right;
}
.rec_tbl th{
width:90px;
padding:10px;
margin:0px 0px 0px 0px;
border:1px solid #cccccc;
background-color:#7de0e9;
border-collapse: collapse;
vertical-align:middle;
font-size:14px;
}
.rec_tbl td{
width:275px;
padding:10px;
margin:0px 0px 0px 0px;
border:1px solid #cccccc;
border-collapse: collapse;
font-size:14px;
line-height:18px;
}
.rec_tbl2 th{
width:90px;
padding:10px;
margin:0px 0px 0px 0px;
border:1px solid #cccccc;
background-color:#7de0e9;
border-collapse: collapse;
vertical-align:middle;
font-size:14px;
}
.rec_tbl2 td{
width:275px;
padding:10px;
margin:0px 0px 0px 0px;
border:1px solid #cccccc;
border-collapse: collapse;
font-size:14px;
line-height:18px;
}
.rec_s{
font-size:14px;
font-weight:bold;
text-align:center;
margin:0px 0px -15px 0px;
}


/* --- ふぉろーA型 --- */
.a_top{
text-align:center;
height:250px;
padding:0px 0px 0px 310px;
background:url(../img/a_bg.jpg) left no-repeat;
}

.a_top1{
font-size:14px;
padding:125px 0px 0px 0px;
width:550px;
text-align:center;
color:#e60202;
}

.a_top2{
font-size:12px;
text-align:left;
width:550px;
padding:15px 0px 0px 0px;
line-height:20px;
}
.follow_a li{
font-size:12px;
color:#000000;
text-align:left;
line-height:18px;
float:left;
width:260px;
}
.follow_a1 {
position:relative;
margin:10px 40px 0px 20px;
padding:190px 0px 0px 0px;
background: url(../img/a_img1.jpg) no-repeat top center;
}
.follow_a2 {
position:relative;
margin:10px 40px 0px 0px;
padding:190px 0px 0px 0px;
background: url(../img/a_img2.jpg) no-repeat top center;
}
.follow_a3 {
position:relative;
margin:10px 20px 0px 0px;
padding:190px 0px 0px 0px;
background: url(../img/a_img3.jpg) no-repeat top center;
}

.fta1{
padding:0px 0px 5px 0px;
font-size:16px;
font-weight:bold;
color:#209d02;
}
.fta2{
padding:0px 0px 5px 0px;
font-size:12px;
color:#000000;
line-height:22px;
}

.a_shop{
margin:0px 0px 30px 20px;
padding:0px 0px 0px 0px;
clear:both;
background: url(../img/a_shop.jpg) no-repeat top center;
width:860px;
height:250px;
}
.a_shop p{
padding:190px 0px 0px 435px;
}

/* --- ふぉろー移行型 --- */
.ch_ca1{
margin:0px 0px 30px 30px;
float:left;
color:#000000;
text-align:left;
width:260px;
height:200px;
border:1px dotted #777777;
box-sizing:border-box;
}
.ch_ca2{
margin:0px 30px 30px 30px;
float:left;
color:#000000;
text-align:left;
width:260px;
height:200px;
border:1px dotted #777777;
box-sizing:border-box;
}
.ch_ca1_1{
padding:10px;
background:#08b87c;
color:#ffffff;
text-align:left;
font-size:16px;
font-weight:bold;
}
.ch_ca1_2{
padding:10px;
color:#000000;
text-align:left;
font-size:14px;
border-top:1px dotted #777777;
}

.ch_top{
text-align:center;
height:250px;
padding:0px 0px 0px 310px;
background:url(../img/change_bg.jpg) left no-repeat;
}

.ch_top1{
font-size:14px;
padding:125px 0px 0px 0px;
width:550px;
text-align:center;
color:#e60202;
}

.ch_top2{
font-size:12px;
text-align:left;
width:550px;
padding:15px 0px 0px 0px;
line-height:20px;
}

.ch_under{
clear:both;
text-align:center;
font-size:14px;
margin:0px 0px 30px 0px;
line-height:22px;
}