@charset "utf-8";

*{
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"MS Pゴシック",sans-serif;
}

body{
	font-size:12px;
	line-height:1.7;
	background:#FFF;
	color:#333;
	background:url(../images/main_bg.jpg) repeat;
}


html, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, 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 {  
	margin: 0;  
	padding: 0;  
	background: transparent;  
	border: 0;  
	outline: 0;  
}  

h1, h2, h3, p ,dt ,dl ,dd {
	margin:0;
	padding:0;
	font-weight: normal;
	font-size:12px;
}

  
ol, ul {  
	list-style: none;  
}  
  

a img, img{
	border:none;
}


a:link, a:visited, a:hover, a:active{
	color:#181818;
	color:#333;
}

:focus {  outline: 0;} 


p, iframe{padding:0 0 5px 0;}


table{
	border-spacing:0;
	border-collapse:collapse;	
}
table td, table th{
	border:1px solid #999;
	padding:10px;
	line-height:1.5em;
}
table th{
	 text-align:left;
	 background:#ffecb3;
	 vertical-align:text-top;
 }

table ul{
	list-style-position: outside;
	list-style: disc;
	padding-left:20px;
}

table.table2 th{
	background:#f4ede4;
	width:120px;
}
table.table2 {
	width:520px;
	margin-left:10px;
	
}
#main_contents{
	background:url(../images/center_bg.gif) repeat-y;
	margin:32px auto;
	width:949px;
	padding:0px;
}

#header{
	background:url(../images/header_bg.jpg) top no-repeat;
	padding:8px 26px 0 50px;
	margin:0px;
	overflow:auto;
}

#header #logo{
	width:320px;
	float:left;
	margin:25px 0 18px 0;
}
#header #logo a{
	font-size:0.92em;
	text-decoration:none;
	color:#000;
	line-height:1.0em;
}

#header #inq_btn,
#header #hsy_btn{
	float: right;
	margin-left: 10px;
}

.box{
	clear:both;
	overflow:auto;
}
/*---------------------
Mainmenu
-----------------------*/


/*ul#main_menu li{
	display:inline;
	float:left;
	height:67px;
	width:127px;
	text-align:center;
}*/



#main_menu{
	clear:both;
	overflow:auto;
	height:67px;
	margin:0 24px;
	background:url(../images/main_menu_bg.gif) no-repeat;
	padding:0 2px;

	
}
#main_menu a{
	color:#333;
	font-size:14px;
}
#main_menu ul
{
  float:left;
}

#main_menu ul li{
 background:url(../images/mein_menu_bg2.gif) no-repeat right;
}

#main_menu ul li a
{
  text-decoration:none;
  display:block;
  height:11px;
  text-align:center;
/*  -webkit-border-radius:5px;
  -moz-border-radius:5px;*/
  padding:26px 0;
  line-height:1.0em;
  width:122px;
  margin:2px 3px;


}
#main_menu ul#end li{
	background:none;
/*	  width:130px;*/
}
	
#main_menu ul li a:hover{
  display:block;
  text-align:center;
/*  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background: #ffe187;
  background: #fec826;*/
  background:#ffd760;
}

#main_menu ul#end a:hover{
  background:#ffd760;

}

#main_menu ul li.sublinks{
	display:none;
	top:206px;
	background:none;

}
#main_menu ul li.sublinks a
{
  /*display:block;*/
  text-align:center;
  background:#ffe187;
  padding:30px 0;
  border-top:1px solid #fff5d6;
  line-height:1.2em;
  
}
#main_menu ul li.two a{
  padding:30px 0 50px 0;
}

#main_menu ul li.sublinks a:hover
{
  display:block;
  text-align:center;
   background:#ffecb5;
   background:#ffeaac;
}




/*---------------------
contents
-----------------------*/



#topcontents{
	margin:0 5px;
	overflow:auto;
}

#topcontents h3{
	clear:both;
	border-bottom:1px dotted #958a7d;
	background:url(../images/icon_title.gif) no-repeat;
	padding:7px 0 10px 15px;
	font-size:16px;
	margin:10px 0 20px 0;
	line-height:1.0em;
}
#contents{
	margin:0 5px;
	padding:10px 20px;
	overflow:auto;
}
#contents h2{
	background: url(../images/nakatitle_bg.gif) no-repeat;
	padding:7px 10px;
	font-size:1.25em;
	margin-bottom:20px;
	line-height:1.0em;
}

.text_box{
	clear:both;
	overflow:auto;
}
.text_box .right{
	float:left;
}
.text_box .left{
	float:right;
}


#pankuzu{
	text-align:right;
	padding-right:5px;
	font-size:0.95em;
}
.main_title{
	background:url(../images/icon_title2.gif) no-repeat 1px 0 ;
	padding:10px 10px 15px 25px;
	border-bottom:1px #e5ded4 solid;
	line-height:1.0em;
	margin:20px 0 30px 0;
}
.main_title h1{
	font-size:20px;
}
.main_title p{
	color:#c1b5a5;
	padding:10px 0 0 0;

}
.ot_contents{
	padding:10px;
}

/*大きなボタン*/
p.dbtn{
	width:400px;
	text-align:center;
	/*background:url(../images/btn_d.gif) no-repeat;*/
	margin:60px auto 40px auto;
}

p.dbtn a{
	display:block;
	padding:26px 0 24px 0;
	text-decoration:none;
	font-size:1.4em;
	line-height:1.0em;
	color:#000;
	background:url(../images/btn_d.gif) no-repeat;
}

p.dbtn a:hover{
	background:url(../images/btn_d_over2.gif) no-repeat;
}

p.dbtn span{
	background:url(../images/icon_btn_d.gif) no-repeat 0px 2px;
	padding-left:30px;
}
/*---------------------
TOPpage
-----------------------*/

#topimage{
	margin-top:2px;
	background:url(../images/topimage.jpg) no-repeat;
	padding:66px 0 0 116px;
	height:194px;
}
#topimage h1{
	font-size:1.7em;
	line-height:1.8em;
	padding:0 0 0 10px;
}
.topbox{
	position:relative;
	bottom:30px;
}
#round_box{
		overflow:auto;
	background:url(../images/top_round_bg.jpg) no-repeat 0 29px;
	padding:0 29px;
}

#round_box img.kansei{
	float:left;
}
#round_box .r_left{
	width:584px;
		/*width:564px;*/
	margin-top:50px;
	margin-left:15px;

}
#round_box .round_txt{
		float:left;
		width:370px;
}
#round_box .round_txt h2{
	color:#574932;
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:10px;
	
	
}
#round_box .map{
	float:right;
}
#round_box a{
	float:right;
	margin-top:7px;
	padding-bottom:3px;
}

#sp_btnbox{
	clear:both;
	background:#f3cc56;
	overflow:auto;
	padding-left:8px;
	padding-bottom:10px;
}

#sp_btnbox dl{
	float:left;
	background: url(../images/toppage_btnbg.gif) no-repeat;
	margin:10px 5px;
	width:280px;
	padding:8px 0px 0 20px;
	height:50px;
}
#sp_btnbox dl dd{
	float:left;
	margin-left:10px;
	line-height:1.4em;
	margin-top:5px;
	font-size:0.95em;
}
#sp_btnbox dl dt{
	float:left;
	margin-top:5px;
}
#sp_btnbox dl dt a{
	display:block;
	text-decoration:none;
	color:#221212;
	font-size:1.2em;
}

#sp_btnbox dl.type1 dt a{
	background:url(../images/icon_camera.gif) no-repeat left;
	padding:3px 0 3px 37px;
}
#sp_btnbox dl.type2 dt a{
	background:url(../images/icon_en.gif) no-repeat left;
	padding:3px 0 3px 35px;
}
#sp_btnbox dl.type3 dt a{
	background:url(../images/icon_letter.gif) no-repeat left;
	padding:3px 0 3px 35px;
}

#sp_btnbox dl.type1 dd{
	width:110px;
}

#sp_btnbox dl.type2 dd{
	width:145px;
}

#sp_btnbox dl.type3 dd{
	width:160px;
}
.topleft{
	float:left;
	width:535px;
	margin:20px 35px 0 30px;
}
.topleft .text_box{

}

.topleft .text_box .right{
	float:left;
	width:326px;
}
.topleft .text_box .left{
	float:right;
	width:189px;
	overflow:auto;
}
.topleft .text_box .left a{
	float:right;
	margin:10px 3px;
}
.newinfo{
	float:right;
	width:305px;
	margin:20px 30px 0 0;
}
.newinfo dl{
	clear:both;
	margin-bottom:16px;
}
.newinfo dt{
	padding:3px 10px;
	line-height:1.0em;
	background:#eee6de;
	color:#6e604e;
	width:80px;
	text-align:center;
	margin-bottom:5px;
}
.newinfo dd{
	padding-right:10px;
}
.newinfo a:hover{
/*モダンブラウザ用*/
opacity:0.7;
/*IE7以下用*/
filter:alpha(opacity=70);
/*IE8用*/
-ms-filter:"alpha(opacity=70)";
}
.topevent{
	float:left;
	overflow:auto;
	width:870px;
	margin:50px 35px 0 30px;
}
.topevent h4{
	float: none;
	clear: both;
	background: url(../images/nakatitle_bg.gif) no-repeat;
	padding:7px 10px;
	font-size:1.25em;
	font-weight: normal;
	margin-top:50px;
	margin-left:10px;
	margin-bottom: 20px;
	line-height:1.0em;
}
.topevent ul{
	float: none;
	clear: both;
	padding:0 0 0 10px;
}
.topevent ul li{
	float:left;
	width:190px;
	height: 280px;
	margin:0 10px 20px 10px;
}
.topevent ul li p{
	line-height:1.5em;
}
/*---------------------
To pagetop
-----------------------*/
.topagetop{
	clear:both;
	background: url(../images/icon_totop.gif) no-repeat 0 7px;
	float:right;
	padding:3px 1px 3px 17px;
	margin:30px 25px 5px 0;
	font-size:0.9em;
}
.topagetop a{
}


/*---------------------
Footer
-----------------------*/


#footer{
	background: url(../images/footer_bg.jpg) bottom no-repeat;
	margin:0;
	padding:0 0 9px 0;
}
#footer_box{
	margin:0 5px 0px 5px;
	background:#f3cc56;
	padding:66px 27px 20px 27px;
	overflow:auto;
}
#footer_box #add img{
	margin-bottom:4px;
}
#footer_box #add{
	float:left;
	width:260px;
	
}

#footer_box #copy{
	float:right;
	font-size:0.9em;
	margin-top:40px;
}

/*---------------------
other
-----------------------*/

a.icon{
	background:url(../images/icon_link.gif) no-repeat 0 1px;
	padding:0 3px 2px 16px;
	color:#333;
	line-height:1.2em;
	font-size:0.9em;
}

#sp_btnbox dl dt a:hover, a.icon:hover{
text-decoration:underline;
}
.r_right{
	float:right;
	overflow:auto;
}
.r_left{
	float:left;
	overflow:auto;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb60{
	margin-bottom:60px;
}
.mr25{
	margin-right:25px;
}
.mr20{
	margin-right:20px;
}
.mr15{
	margin-right:20px;
}

.b{
	font-weight:bold;
}
.f11{
	font-size:0.95em;
}
.point{
	color:#48670b;
}
.att{
	color:#C00;
}
.cen{
	text-align:center;
}
.nomal{
	font-weight:normal;
}
.waku{
	border:1px solid #ceccca;
	padding:24px 16px;
}
.waku2{
	background:#f4ede4;
	padding:22px 24px;
	overflow:auto;

}

/*枠付き写真*/

.env_box img, .support .r_left img, .pricecase .r_left img, .flow2 .r_right img{
	padding:4px; 
	border:1px solid #dfdede;
}


/*---------------------
くらしサポート
-----------------------*/
.support{
	margin-bottom:30px;
}
.support .r_left{
	width:375px;
}
.support .r_left img{
	margin:0 8px 10px 0;
}
.support .r_right{
	width:500px;
	margin-bottom:0;
}
#contents .support .r_right h2{
	background:url(../images/nakatitle_bg498.gif) no-repeat;
}

.support_kbox{
	border:3px solid #f3cc56;
	background:url(../images/support_k_bg.gif) repeat-x top;
	margin-left:5px;
	padding:0 0 20px 0;
	margin-bottom:40px;
}
#contents .support_kbox .box{
	margin-left:-8px;
}
#contents .support_kbox h2{
	background:url(../images/support_ktitle_bg.gif) no-repeat;
	height:20px;
	padding:12px 0 0 45px;
	margin-top:8px;
	margin-bottom:25px;
}
#contents .support_kbox .r_left{
	width:565px;
	margin:0px 20px 0 0;
}

#contents .support_kbox .r_left .text_box{
	padding:0 0 0 25px
}
#contents .support_kbox .r_left .text_box p a.icon{
	float:right;
	padding-bottom:3px;
}
#contents .support_kbox .r_right{
	margin:20px 5px 0 0;
}
.kaigo_box{
	overflow:auto;
}
.kaigo_box .cen{
	line-height:1.3em;
	color:#000;	
}
.kaigo_txt{
	font-size:1.4em;
	text-align:center;
	line-height:1.5em;
	color:#000;
	/*font-weight:bold;*/
	margin-bottom:20px;

}
.kaigo_box img{
	float:left;
	margin:0 50px 40px 50px;
}
.kaigo_box .kaigo_txt2{
	float:left;
	margin:30px 0 0 0;
	width:385px;
}

/*---------------------
しせつ
-----------------------*/

.tabPanes {
	background:#e1d8cc;
	width:838px;
}

ul.tabs {
	margin: 0 0 0 20px;
	padding: 0;
	overflow: hidden;
	/zoom:1;
}
ul.tabs li {
	float: left;
	margin-left: 5px;
	height:40px;
	overflow: hidden;
	/zoom:1;
}
ul.tabs li a {
	display: block;
	padding: 10px 18px 8px 18px;
	text-decoration: none;
	font-size: 14px;
	color:#333;
}

ul.tabs li.taba a{
	background: url(../images/inst_btn1_off.gif) no-repeat;
	width:123px;
	letter-spacing:1.1em;
	padding-left:28px;
}
ul.tabs li.taba a:hover, ul.tabs li.taba a.current{
	background: url(../images/inst_btn1_on.gif) no-repeat;
}
ul.tabs li.tabb a{
	background: url(../images/inst_btn2_off.gif) no-repeat;
	width:204px;
}
ul.tabs li.tabb a:hover{
	background: url(../images/inst_btn2_on.gif) no-repeat;
}

ul.tabs li.tabc a{
	background: url(../images/inst_btn3_off.gif) no-repeat;
	width:129px;
}
ul.tabs li.tabc a:hover{
	background: url(../images/inst_btn3_on.gif) no-repeat;
}

.tabPanes { 
	padding:20px;
	clear:both;
	margin-bottom:50px;
}
.tabPanes div{
	overflow:auto;
}
.tabPanes div .tabmainimg{
	margin-bottom:20px;
}
.tabPanes div .r_left{
	width:336px;
	}
.tabPanes div .r_left .inst_title{
	line-height:1.0em;
	background:url(../images/mminititle_bg.gif) no-repeat;
	padding:7px 10px;
	margin-bottom:10px;
	font-size:1.2em;
}

.kouzou .r_left{
	width:350px;
	text-align:center;
}
.kouzou .r_right{
	width:525px;	
}
.kouzou .r_right table{
	width:510px;
	margin-bottom:24px;
	margin-top:7px;

}
.kouzou .r_right table th{
	width:100px;
}
.kouzou .r_right table ul{
	float:left;
	width:145px;
}

/*---------------------
周辺環境
-----------------------*/

.env_box{
	overflow:auto;
	margin-bottom:30px;
}
.env_box img, .env_box p{
	float:left;
	margin-right:10px;
}
.env_box img{
	margin:0 20px 20px 0;
}
 .env_box p {
	 width:260px;
}
#contents .map h2 img{
	float:left;
	margin-right:5px;
	margin-top:-4px;
}
#contents .map h2{
	padding-top:8px;
	padding-bottom:4px;
	height:20px;
}

/*---------------------
料金
-----------------------*/
.pricecase .box .r_left{
	width:340px;
}
.pricecase .box .r_right{
	width:524px;
	margin-bottom:80px;
}


.pricecase .r_right .waku{
	padding-left:25px;
	padding-right:25px;	
}
.pricecase dl{
	clear:both;
	overflow:auto;
	border-bottom:1px solid #d4ccc1;
	padding:20px 5px 10px 0;
	line-height:1.0em;
	
}
.pricecase dl dt{
	float:left;
	font-size:14px;
}
.pricecase dl dt span{
	font-size:0.9em;
}
.pricecase dl dd, .kei{
	float:right;
	font-weight:bold;
	font-size:1.3em;
}
.kei{
	padding:15px 5px 5px 0;
	line-height:1.0;

}
.r_comment{
	clear:both;
	text-align:right;
	font-size:0.9em;	
	padding:0;
}

.pricecase p.cen{
	padding:0;
}
.pricecase p.cen img{
	margin-top:5px;
}
.pricecase .waku2{
	margin-top:5px;

}
.pricecase .waku2 .r_left{
	width:330px;
}
.pricecase .waku2 .r_right{
	width:140px;
	text-align:right;
	margin-bottom:0;
}
.kai_s{
	font-size:1.4em;
	font-weight:bold;
}
.kai_huta{
	font-size:1.3em;
	font-weight:bold;
	padding-right:7px;
	
}
.pricecase .you{
	overflow:auto;
	background:url(../images/you_bg.png) repeat-x;

}
.pricecase .you img{
	float:left;
}
.pricecase .you p{
		float:left;
		padding:23px 20px 15px 20px;
		font-size:1.3em
}
.pricecase .you p span{
	font-size:1.7em;
	margin:0 5px;
}
.pricecase .att{
	clear:both;
	font-size:0.9em;
}
.pricecase .table2{
	float:left;
	width:350px;
	margin-right:20px;
	font-size:1.1em;
}

#inquiry-01{
	margin:5px 0 0 10px;
}

/*---------------------
ご入居までの流れ
-----------------------*/
.flow dl{
	clear:both;
	overflow:auto;
	background:url(../images/flows_yaji.gif) bottom left no-repeat;
	padding:0 0  25px 0;
	margin-bottom:8px;
}
.flow dt{
float:left;
width:260px;
padding:15px 0 15px 45px;
font-size:1.25em;
line-height:1.2em;

}
.flow dd{
	float:left;
	width:570px;
}
.flow .f1 dt{
	background:url(../images/flows01.gif) no-repeat;
}
.flow .f2 dt{
	background:url(../images/flows02.gif) no-repeat;
	padding:13px 0 13px 45px;
}
.flow .f3 dt{
	background:url(../images/flows03.gif) no-repeat;
}
.flow .f4 dt{
	background:url(../images/flows04.gif) no-repeat;
}
.flow .f5 dt{
	background:url(../images/flows05.gif) no-repeat;
}

.flow .waku{
	padding:10px;
	margin:10px 0;
}
.flow .f5 {
	background:none;
}
#contents .flow h2{
	margin-top:75px;
}
.flow2 .r_left{
	width:580px;
	margin-left:10px;
	margin-right:25px;
}

.flow2 .r_right{
		width:260px;
		padding-bottom:20px;
}
.flow .flow2 dl{
	margin:10px 0 25px 0;
	background:none;
	border-bottom:1px solid #e1d8cc;
	padding:0 0 20px 0;
}
.flow .flow2 dl dt{
font-size:1.25em;
line-height:1.25em;
padding:0;
	width:500px;
}
.flow .flow2 dl dd{
	margin:10px 0 0 28px;
	width:500px;
}
/*---------------------
FAQ
-----------------------*/
.faq ul{
	margin-left:20px;
	margin-bottom:40px;
}
.faq li{
	background:url(../images/icon_q1.gif) no-repeat 0 2px;
	padding:0 0 15px 25px;
}
.faq li a{

}
.faq dl{
	background:#efe5d9;
	padding:10px 14px 20px 14px;
	margin-left:20px;
}
.faq dt{
	background:url(../images/icon_q2.gif) no-repeat;
	padding:7px 0 0 50px;
	height:40px;font-size:1.25em;
}
.faq dd{
	background:url(../images/icon_a.gif) no-repeat;
	margin:0 0 0 54px;
	padding:4px 0 0 35px;
}
.tofaqtop {
	text-align:right;	margin:5px 0 15px 0;
}
.tofaqtop a{
	background:url(../images/icon_totop2.gif) no-repeat 0 2px;
	padding:0 0 0 18px;
	font-size:0.95em;
}

/*会社概要*/

.company table{
	width:850px;
	margin-left:20px;
	margin-bottom:100px;}
	
/*お問合せ*/
.inq{
	padding:38px;
}
.inq dl{
	clear:both;
	overflow:auto;
	border-bottom:1px dotted #acabab;
	padding:12px 20px;
}
.inq dt{
	float:left;
	background: url(../images/icon_cube.gif) no-repeat 0 4px;
	padding:0 0 0 20px;
	width:174px;
	margin-top:3px;
}
.inq dd{
	float:left;
	width:580px;

}
.inq dt span{
	font-size:0.9em;
	color:#C00;
	margin-left:5px;
}
.inq dd input, .inq dd textarea{
	background:#f4f0ec;
	border:1px solid #999;
	font-size:12px;
}
.inqbtn{
	overflow:auto;
	width:620px;
	margin:30px auto 0 auto;
}
.inqbtn.naka{
	overflow:auto;
	width:360px;
	margin:30px auto 0 auto;
	text-align:center;
}
.inqbtn p{
	float:left;
	margin:20px;
	width:270px;text-align:center;
}
.inqbtn.naka p{
	width:270px;text-align:center;
}
.inqbtn .dbtn1 {
	background:url(../images/btn_d3.gif) no-repeat;
}
.inqbtn p.dbtn2 {
	background:url(../images/btn_d2.gif) no-repeat;
}

.inqbtn input{
		display:block;
	padding:24px 0 20px 0;

	text-decoration:none;
	font-size:1.4em;
	line-height:1.0em;
	color:#000;
	height:60px;
	cursor: pointer;width:270px;
}
.inqbtn input,  x:-moz-any-link, x:default{
	padding:20px 0 20px 0;	 }

.in1{
	background:url(../images/icon_btn_d2.gif) no-repeat 73px 21px;
	padding-left:30px;
	border:none;
}

.in2{
	background:url(../images/icon_btn_d.gif) no-repeat 90px 23px;
	padding-left:30px;
		border:none;
}


.thanks{
	text-align:center;
	margin-bottom:100px;
}

.thanks a{
	background:url(../images/icon_link.gif) no-repeat 0 3px;
}
/*採用情報*/


#jobs-category{
	height: 40px;
	margin-left:22px;
}

#jobs-category li{
	background:url(../images/icon_jobs.jpg) no-repeat;
	float: left;
	font-size: 15px;
	margin-right: 30px;
	padding-left: 30px;
}
#jobs-category li a{
	text-decoration: none; 
}
/**/
.clear{
	clear:both;
}

#event{
	margin:0 5px;
	padding:10px 20px;
	overflow:auto;
}
#event h2{
	background: url(../images/nakatitle_bg.gif) no-repeat;
	padding:7px 10px;
	font-size:1.25em;
	margin-top:50px;
	margin-left:10px;
	line-height:1.0em;
}
.photo_list{
	overflow:auto;
	width:870px;
	margin:20px 0 0 20px;
}
.photo_list ul{
	padding:0 0 0 10px;
}
.photo_list ul li{
	float:left;
	width:190px;
	height:300px;
	margin:0 10px 0 10px;
}
.photo_list ul li p{
	line-height:1.5em;
}
