@charset "utf-8";
/* ===================================================================
	 style info : コンテンツエリア関係 他
	
	fonts
	 10px = 77%     11px = 85%     12px = 93%     13px = 100%
	 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
	 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
	 22px = 167%    23px = 174%    24px = 182%    25px = 189%
	 26px = 197%
	=================================================================== */
	
	/*----------------------------------------------------
		共通
	----------------------------------------------------*/
	/* スクロールバーの有無によるズレ対策 */

html {
	overflow-y: scroll;
}
body {
	font-family: "微軟正黑體", Arial;
	font-size: 16px;
}
input, textarea {
	font-family: "微軟正黑體", Arial;
}
/* for IE6 */
* html body {
	font-family: "微軟正黑體", Arial;
	font-size: 75%;
}
* html input, * html textarea {
	font-family: "微軟正黑體", Arial;
}
.mac body {
	font-family: Arial, "Microsoft YaHei";
	background-repeat: repeat;
	background-attachment: fixed;
	font-size: 75%;
}
/* リンク
	----------------------------------------------------*/
a {
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration: none
}
a:active {
}
/* 汎用
	----------------------------------------------------*/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
/* For IE 6/7 */
.clearfix {
	zoom: 1;
}
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}
.imgL {
	float: left;
	margin: 0 10px 10px 0;
}
.tC, .btn {
	text-align: center;
}
.tR, .sign {
	text-align: right;
}
.blank {
	background: url(../images/link_blank2.gif) no-repeat scroll right center transparent;
	padding-right: 13px;
}
/*----------------------------------------------------
		トップ
----------------------------------------------------*/

.wrapper {
	overflow: hidden
}
.header {
	height: 125px;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3B2212;
	border-bottom-color: #e6e6e6;
}
.header .inner {
	width: 980px;
	margin: auto;
	position: relative;
}
.header .inner .mainlogo {
	position: absolute;
	left: 0;
	top: 15px;
}
.header .inner .maintit {
	font-size: 11px;
	font-weight: normal;
	right: 425px;
	position: absolute;
	top: 26px;
	text-align: right;
}
.header .inner .maintel {
	position: absolute;
	font-weight: normal;
	top: 22px;
	font-size: 24px;
	right: 0px;
}
.header .inner .maincontact {
	position: absolute;
	right: 0px;
	top: -3px;
}
.header .inner .gnavi li {
	float: left;
	background: url(../images/gnavi_line.gif) left center no-repeat;
}
.header .inner .gnavi {
	position: absolute;
	right: 0;
	bottom: -103px;
	background: url(../images/gnavi_line.gif) right center no-repeat;
}
.header .inner .gnavi li a {
	padding: 20px 22px;
	text-decoration: none;
	color: #333;
}

.ff2 .header .inner .gnavi li a {
	padding: 18px 22px;
	text-decoration: none;
	color: #333;
}

.chorme .header .inner .gnavi li a {
	padding: 18px 22px;
	text-decoration: none;
	color: #333;
}

.header .inner .gnavi li.current a {
	padding: 20px 22px;
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #99634E;
}

.ff2 .header .inner .gnavi li.current a {
	padding: 18px 22px;
	text-decoration: none;
	border-bottom: 3px solid #fbe80f;
}

.chorme .header .inner .gnavi li.current a {
	padding: 18px 22px;
	text-decoration: none;
	border-bottom: 3px solid #fbe80f;
}

.header .inner .gnavi li a:hover {
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #3B2212;
}


.contents {
	width: 980px;
	margin: auto;
}
#top .section01 {
	margin-bottom: 60px;
}
#top .section01 .block {
	width: 220px;
	float: left;
	margin-right: 30px;
	line-height: 1.6em;
	margin-top: 15px;
	height: 250px;
}
#top .section01 .end {
	margin-right: 0px;
}
#top .section01 .block .pic  a{
	margin-bottom: 15px;
	width: 220px;
	height: 120px;
	display: block;
}

#top .section01 .block .type01 a {
	background:url(../../images/housing_pic01.jpg) 0 0  no-repeat;
}
#top .section01 .block .type02 a {
	background:url(../../images/housing_pic02.jpg) 0 0  no-repeat;
}

#top .section01 .block .type03 a {
	background:url(../../images/housing_pic03.jpg) 0 0  no-repeat;
}
#top .section01 .block .type04 a {
	background:url(../../images/housing_pic04.jpg) 0 0  no-repeat;
}
#top .section01 .block .type05 a {
	background:url(../../images/housing_pic05.jpg) 0 0  no-repeat;
}
#top .section01 .block .type06 a {
	background:url(../../images/housing_pic06.jpg) 0 0  no-repeat;
}
#top .section01 .block .type07 a {
	background:url(../../images/housing_pic07.jpg) 0 0  no-repeat;
}
#top .section01 .block .type08 a {
	background:url(../../images/housing_pic08.jpg) 0 0  no-repeat;
}

#top .section01 .block h3 {
	margin-bottom: 5px;
	background: url(../../images/housing_line.gif) bottom center no-repeat;
	padding-bottom: 0px;
}
.section01 .block h3 a {
	background: url(../images/icon_link02.gif) left center no-repeat;
	padding-left: 20px;
	text-decoration: none;
	color: #333;
}


#top .section01 .topblog {
	width: 305px;
	float: left;
	overflow: hidden;
	height: 180px;
	margin-top: 0;
	margin-right: 31px;
	margin-bottom: 0;
	margin-left: 0;
}


#top .section01 .topblog2 {
width: 305px;
float: left;
margin: 0;
overflow: hidden;
}


#top .section01 .none {
margin: 0px !important;
}

#top .section01 .topblog img ,
#top .section01 .topblog2 img {
width: 120px;
float: left;
margin: 0 20px 0 0;
}

#top .section01 .topblog h3 ,
#top .section01 .topblog2 h3 {
width: 165px;
float: right;
margin-bottom: 12px;
line-height: 1.6;
}

#top .section01 .topblog p ,
#top .section01 .topblog p {
line-height: 1.8;
width: 165px;
float: right;
}
#top .section01 .topblog .date ,
#top .section01 .topblog2 .date {
color: #666;
}

#top .section02 {
	clear: both;
	background: #faf9f5;
	padding-bottom: 40px;
}
.section02 .inner {
	width: 980px;
	margin: auto;
	position: relative;
}
#top .section02 .tit01 {
	border: none;
	margin-bottom: 10px;
	padding-top: 40px;
	position: relative
}
#top .section02 .tit01 .more {
	position: absolute;
	right: 0;
	top: 50px;
	font-size: 60%;
	padding: 5px 5px;
	background: #FFF;
	border: 1px dotted #CCC;
}
#top .section02 .tit01 .more a {
	background: url(../images/icon_link03.gif) left center no-repeat;
	padding-left: 13px;
	letter-spacing: 0;
}
#top .section02 .mask_right {
	background-color: #FAF9F5;
	opacity: 0.9;
	float: left;
	height: 290px;
	left: -520px;
	position: absolute;
	top: 0px;
	width: 50%;
}
#top .section02 .mask_left {
	background-color: #FAF9F5;
	opacity: 0.9;
	float: right;
	height: 290px;
	right: -518px;
	position: absolute;
	top: 0px;
	width: 50%;
}
#top .section02 #sliderworks div {
	position: relative;
	margin-right:30px;
}
#top .section02 #sliderworks .text {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #000;
	opacity: 0;
	width: 182px;
	padding: 20px;
	height: 110px;
	background-color: #99634E;
}
#top .section02 #sliderworks .text .cate01 {
	font-size: 80%;
	margin-bottom: 15px;
}
#top .section02 #sliderworks .text .cate02 {
	font-size: 130%;
	margin-bottom: 15px;
	font-weight: bold;
}
#top .section02 #sliderworks .text .cate03 {
	font-size: 80%;
}
#top .section02 #sliderworks .text .cate04 {
	font-size: 60%;
	margin-left: 10px;
}

#top .twoColumn {
	margin-top: 60px;
}
#top .twoColumn .twoColumnLeft {
	width: 726px;
	float: left
}
#top .twoColumn .twoColumnLeft {
	width: 726px;
	float: left
}
#top .twoColumn .twoColumnRight {
	width: 222px;
	float: right
}
#top .boxDesigner {
	margin-bottom: 50px;
}
#top .boxDesigner .left {
	width: 720px;
	float: left;
}
#top .boxDesigner .right {
	width: 350px;
	float: right;
}
#top .boxDesigner .pic {
	float: left;
	width: 300px;
	height: 306px;
}

#top .boxDesigner .type01 {
	background:url(../../images/designer_pic01_on.jpg) 0 0 no-repeat;

}

#top .boxDesigner .type02 {
	background:url(../../images/designer_pic02_on.jpg) 0 0 no-repeat
}

#top .boxDesigner .text {
	width: 380px;
	float: left;
	padding-left: 20px;
}
#top .boxDesigner .text h3 {
	line-height: 1.6em;
	margin-top: 0px;
	margin-bottom: 30px;
}
#top .boxDesigner .text h4 {
	margin-bottom: 10px;
	font-weight: normal;
}
#top .boxDesigner .text {
	line-height: 1.5em;
}
#top .boxDesigner .text .textS {
	font-size: 80%;
}
#top .boxDesigner .text h3 span {
	font-size: 60%;
	color: #e4c667;
	letter-spacing: 0.2em;
}
#top .boxEvent .tit01 {
	position: relative;
}
#top .boxEvent .tit01 .more {
	position: relative;
}
#top .boxEvent .tit01 .more {
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 60%;
	padding: 5px 5px;
	background: #f2f2f2;
	border: 1px dotted #CCC;
}
#top .boxEvent .tit01 .more a {
	background: url(../images/icon_link03.gif) left center no-repeat;
	padding-left: 13px;
	letter-spacing: 0;
}
#top .boxEvent .block .date {
	line-height: 2em;
	font-size: 80%;
	margin-bottom: 10px;
}
#top .boxEvent .block {
	padding-left: 20px;
	background: url(../images/dotline_01.gif) repeat-y left;
	margin-bottom: 25px;
}
#top .boxEvent .pic {
	float: left;
	padding-right: 10px;
	width: 69px;
	height: 69px;
}
#top .boxEvent .text {
	float: left;
	padding-right: 10px;
	width: 615px;
	line-height: 1.5em;
}
#top .boxEvent .text h3 {
	margin-bottom: 5px
}
#top .boxOffice {
	margin-bottom: 40px;
}
#top .boxOffice .pic {
	margin-bottom: 5px;
}
#top .boxOffice p {
	line-height: 1.6em;
}
#top .boxBlog li {
	background: url(../images/dotline_01.gif) repeat-y left;
	padding-left: 15px;
	line-height: 1.8em;
	list-style: none;
	margin-bottom: 10px;
}
#top .tit01 {
	border-bottom: 1px solid #e6e6e6;
	font-weight: normal !important;
	letter-spacing: 0.15em;
	font-size: 125%;
	padding-bottom: 15px;
	margin-bottom: 30px;
	vertical-align: middle;
}
#top .tit01 a {
	padding-left: 25px;
	text-decoration: none;
	color: #333;
	background-image: url(../images/icon_link01.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#top .tit01 img {
	margin: 0 10px 0 10px;
	vertical-align: middle;
}
#top .tit01 span {
	font-size: 18px;
	;
	letter-spacing: 0;
}
#top .tit01 h2 {
	font-weight: normal !important
}
#top .tit02 {
	border-bottom: 1px solid #e6e6e6;
	font-weight: normal !important;
	letter-spacing: 0.15em;
	font-size: 90%;
	margin-top: 5px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	vertical-align: middle;
}
#top .tit02 a {
	background: url(../images/icon_link01.png) no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
	color: #333;
}
#top .tit02 h2 {
	font-weight: normal !important;
}
#top .tit02 span {
	font-size: 18px;
	;
	letter-spacing: 0;
	margin-left: 10px;
}
#footer {
	background: #F5F5F5
}
#top #footer .inner {
	width: 980px;
	margin: auto;
	padding-top: 30px;
	margin-top: 50px;
		margin-bottom: 0px;
		position:relative;
}



.lower #footer .inner {
	width: 980px;
	margin: auto;
	padding-top: 20px;
	margin-top: 50px;
}


#footer .boxBnr {
	margin-bottom: 40px;
}
#footer .boxBnr h2 {
	font-size: 110%;
	margin-bottom: 15px;
}
#top #footer .boxMiddle {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
 .lower #footer .boxMiddle {
	border-bottom: 1px solid #dcdcdc;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#footer .boxCompony {
	width: 435px;
	float: left;
	border-right: 1px solid #dcdcdc;
}
#footer .boxCompony2 {
	width: 208px;
	float: left;
	border-right: 1px solid #dcdcdc;
}
#footer .boxCompony2 .logo {
	width: 104px;
	float: left;
}
#footer .boxCompony .logo {
	width: 104px;
	float: left;
}
#footer .boxCompony .boxText {
	width: 280px;
	float: left;
	padding-left: 20px;
}
#footer .boxCompony .boxText img {
	margin-bottom: 2px;
	padding: 0 5px 0 10px;
}
#footer .boxCompony .boxText h2 {
	font-size: 110%;
	margin-top: 10px;
	margin-bottom: 5px;
}
#footer .boxCompony .boxText p {
	line-height: 1.7em;
}
#footer .boxContact {
	width: 307px;
	float: right;
	position: relative;
}
#footer .boxContact h2 {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 10px;
}
#footer .boxNavi {
	font-size: 80%;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
#footer .sns {
	float: right;
	width: 46%;
}
#footer .fb-like {
	margin-left: -31px;
	overflow: hidden;
	width: 100px;
}
#footer .boxSns {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 12px;
}
.ie #footer .boxSns {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 12px;
}
#footer .boxNavi a {
	color: #333;
}
#footer .nav01 {
	width: 640px;
	float: left;
}
#footer .nav01 li {
	float: left;
	list-style: none;
	padding-left: 15px;
}
#footer .nav02 {
	width: 338px;
	float: right;
}
#footer .nav02 li {
	float: right;
	list-style: none;
	padding-left: 15px;
}
#footerBottom {
	background: #333333
}
#footerBottom .inner {
	width: 980px;
	margin: auto;
	color: #FFF;
	font-size: 75%;
	position: relative;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


/*----------------------------------------------------
		イベント
----------------------------------------------------*/

#event .eventcont01 {
width: 450px;
float: left;
margin: 0 40px 40px 0;
}

#event .eventcont01 .ev_pictsp {
width: 120px;
float: left;
margin: 0 0 0 0;
}

#event .eventcont01 .ev_contsp {
width: 310px;
float: right;
margin: 0 0 0 0;
}

#event .eventcont01 .ev_contsp .genre {
width: 90px;
background: #fbe80f;
text-align: center;
font-size: 10px;
padding: 5px 0;
margin-bottom: 10px;
}

#event .eventcont01 .ev_contsp h3 {
padding: 0 0 20px 0;
}

#event .eventcont01 .ev_contsp dt {
font-weight: bold;
width: 25px;
float: left;
margin-bottom: 10px;
}

#event .eventcont01 .ev_contsp dd {
width: 270px;
float: right;
margin-bottom: 10px;
}


#event .eventcont01 .evread {
clear: both;
line-height: 1.6em;
padding-top: 12px;
}




/*----------------------------------------------------
		設計者
----------------------------------------------------*/

#designer .boxMainpic{
	position:relative;
	margin-bottom:60px;
	}

#designer .boxMainpic .mainpic{
	width:980px;
	height:400px;
	background:url(../../../designer/images/mainpic.jpg) 0 0 no-repeat;
	}	

#designer  .boxMainpic h2{
	position: absolute;
	 top:275px;
	 right:0;
	}
#designer  .boxMainpic .text{
	width:800px;
	font-size:110%;
	line-height:1.7em;
	margin-top:30px;
	}

#designer .boxDesigner {
	line-height:2em;
	padding-top:60px;
	background:url(../../../designer/images/bg.gif) 0 0 no-repeat; 
	}

#designer .boxDesigner .section01{
	margin-bottom:70px;
	}		
	
#designer .boxDesigner .section01 .left{
	width:330px;
	float:left;
	text-align:center;
	font-size:70%;
	}	
#designer .boxDesigner  h2{
	line-height:1.6em;
	font-weight:normal;
	}	
#designer .boxDesigner .section01 .left h2 span{
	font-weight:bold;
	}	
		
#designer .boxDesigner  h2 img{
	margin-bottom:10px;
	}			
#designer .boxDesigner .section01 .right{
	width:575px;
	float:right;
	}	

#designer .boxDesigner .section01 .right{
	width:575px;
	float:right;
	}	
		
#designer .boxDesigner .maintext{
	font-size:110%;
	margin-bottom:20px;
	}

#designer .boxDesigner .block01 h3{
	float:left;
	width:130px;
	clear:both;
	}	
#designer .boxDesigner .block01 h3 span{
	background:url(../images/line_yellow.gif) bottom repeat-x;
	padding-bottom:3px;
	font-weight:normal;
	}			
#designer .boxDesigner .block01 .text{
	float:left;
	width:400px;
	padding-left:20px;
	background:url(../images/dotline_01.gif) repeat-y left;
	margin-bottom:10px;
	}		
#designer .boxDesigner .block02{
	clear:both;
	margin-top:20px;
	}	
#designer .boxDesigner  .block02 h3  , #designer .boxDesigner  .block03 h3{
	background:url(../images/dotline_02.gif) repeat-x  -5px;
	margin-bottom:20px;
	clear:both;
	}	

#designer .boxDesigner  h4{
	line-height:1.6em;
	margin-bottom:5px;
	}	

#designer .boxDesigner  .aibouLeft{
	float:left;
	width:284px;
	}	

#designer .boxDesigner  .aibouRight{
	float: right;
	width:284px;
	}	

#designer .boxDesigner  .pic{
	float:left;
	width:140px;
	}		
#designer .boxDesigner  .text{
	float:right;
	width:120px;
	}		
			
	#designer .boxDesigner .block02  .text p{
		font-size:80%;
		line-height:1.6em;
	}		
			
	
#designer .boxDesigner   .line{
	padding-right:10px;
	background:#FFF;
	font-weight:normal;
	}			
			
#designer .boxDesigner  .yellow{
	background: url(../images/line_yellow.gif) bottom repeat-x;
	padding-bottom:3px;
	}		

#designer .boxDesigner .block02 , #designer .boxDesigner  .block03{
	clear:both;
	margin-top:30px;
	}		
	
#designer .boxFav li{
	width:125px;
	float:left;
	list-style-type:none;
	margin-right:25px;
	font-size:80%;
	line-height:1.6em;
	}	
#designer .boxFav .end{
	margin-right:0px;
	}	
	
#designer .boxFav li img{
	margin-bottom:10px;
	}			

	
#designer .boxDesigner .section02 .left{
	width:575px;
	float:left;
	}

		
#designer .boxDesigner .section02 .right{
	width:330px;
	float:right;
	text-align:center;
	font-size:70%;
	}

#designer .boxDesigner .section02 .right h2 span{
	font-weight:bold;
	}				

/*----------------------------------------------------
		ある一日の過ごし方
----------------------------------------------------*/
#oneday #slideroffice {
	height:400px;
	overflow:hidden;
	width:600% !important; 
}

#oneday #slideroffice div {
	height:400px;
	float:left !important;
	display:inline;
	width:566px !important;
}

#oneday #slideroffice .text {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #000;
	opacity: 0;
	background: #fbe80f;
	width: 526px;
	height: 360px;
	padding-top:40px;
	padding-left:40px;
}
#oneday #slideroffice .text .cate01 {
	font-size: 80%;
	margin-bottom: 15px;
}
#oneday #slideroffice .text .cate02 {
	font-size: 130%;
	margin-bottom: 15px;
	font-weight: bold;
}
#oneday #slideroffice .text .cate03 {
	font-size: 80%;
}


#oneday .boxMaintext {
	line-height: 1.9em;
	margin-bottom:40px;
}

#oneday .boxMaintext  h2{
	margin:35px 0 15px  0 ;
}	

#oneday .boxMaintext {
	text-align:center;
}	

#oneday .boxMainContent {
	background:#ebe7e1;
	padding:10px;
}	

#oneday .boxMainContent  .inner{
	background:#fff;
	line-height:1.9em;
	padding: 20px;
}	

#oneday .boxMainContent h3{
	font-size:13px;
	margin-bottom:10px;
}	

#oneday .pic03 {
	width: 308px;
	float: left;
	margin-right: 38px;
}

#oneday .boxtext3 {
	width: 632px;
	float: right;
	line-height: 1.9em;
}

#oneday .section01 ,
#oneday .section02 {
	margin-bottom: 70px;
	overflow: hidden;
	line-height:1.9em;
}

#oneday .section01 img ,
#oneday .section02 img {
	margin-bottom: 20px;
}

#oneday .section01 .boxlsp470 {
	width: 470px;
	float: left;
}
#oneday .section01 .boxrsp470 {
	width: 470px;
	float: right;
}

#oneday .section01 .boxlsp470 .pointbatch ,
#oneday .section01 .boxrsp470 .pointbatch {
	position: absolute;
	margin: -11px 0 0 420px;
}


/*----------------------------------------------------
		アランの仕事場
----------------------------------------------------*/

#office #slideroffice {
	height:400px;
	overflow:hidden;
	width:600% !important; 
}

#office #slideroffice div {
	height:400px;
	float:left !important;
	display:inline;
	width:566px !important;
}

#office #slideroffice .text {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #000;
	opacity: 0;
	background: #fbe80f;
	width: 526px;
	height: 360px;
	padding-top:40px;
	padding-left:40px;
}
#office #slideroffice .text .cate01 {
	font-size: 80%;
	margin-bottom: 15px;
}
#office #slideroffice .text .cate02 {
	font-size: 130%;
	margin-bottom: 15px;
	font-weight: bold;
}
#office #slideroffice .text .cate03 {
	font-size: 80%;
}
#office #slideroffice .text .cate04 {
	font-size: 60%;
	margin-left: 10px;
}	

#office .boxMaintext {
	line-height: 1.9em;
	margin-bottom:40px;
}

#office .boxMaintext  h2{
	margin:35px 0 15px  0 ;
}	

#office .boxMaintext {
	text-align:center;
}	

#office .boxMainContent {
	background:#ebe7e1;
	padding:20px;
}	

#office .boxMainContent  .inner{
	background:#fff;
	line-height:1.8em;
}	

#office .boxMainContent .inner  h3{
	font-size:130%;
	margin-bottom:15px;
	border-bottom:dashed 1px  #cccccc;
	padding-bottom:15px;
	width:285px;
}	

#office .boxMainContent  h3 span{
	background: url(../images/line_yellow.gif) bottom repeat-x;
	padding-bottom:3px;
}	
#office .boxMainContent  h3 .red{
color: red;
font-size: 12px;
}
#office .boxMainContent  .section01 .pic{
	float:right;
	padding-left:20px;
}

#office .boxMainContent  .section01 {
	margin-bottom:20px;
}	

#office .boxMainContent  .section02 .pic{
	float:left;
}	
#office .boxMainContent  .section02 .text{
	float:right;
	padding-right:20px;
	width:280px;
}	

#office .boxMainContent  .text {
	padding:20px;
}	


#office .section03{
	margin-top:30px;
}	


#office .section03 h3{
	margin-bottom:15px;
}	

#office .section03 .left{
	width:326px;
	float:left;
	line-height:1.8em;
}	

#office .section03 .left img{
	margin-bottom:10px;
}

#office .section03 .right{
	width:614px;
	float: left;
	line-height:1.8em;
	overflow:hidden;
}	
	

/*----------------------------------------------------
		ハウジング
----------------------------------------------------*/

#housing .wrapper .boxHousing{
	background:url(../../../housing/images/bg.gif) center top no-repeat  #faf9f5;
	padding-bottom:70px;
	}

.ie8 #housing .wrapper .boxHousing{
	background:url(../../../housing/images/bg.gif) center top no-repeat  #faf9f5;
	padding-bottom:70px;
	}
#housing .wrapper .boxHousing .contents{
	position:relative;
	line-height:2.0em;
	}	

#office .lnav{
	border-bottom:1px solid #e6e6e6;
	padding-top:30px;
	margin-bottom: 0px;
	}
	

#housing .lnav{
	border-bottom:1px solid #e6e6e6;
	padding-top:30px;
	}


#office .bottom .lnav {
	border-top:1px solid #e6e6e6;
	border-bottom:0;
	padding-top:22px;
	margin:50px 0 100px 0;
	}
	
#housing .bottom .lnav{
	border-top:1px solid #e6e6e6;
	border-bottom:0;
	padding-top:22px;
	margin-bottom:100px;
	}	
	
	
.ff2  #office .bottom .lnav ,
.ff2  #housing .bottom .lnav{
	border-top:1px solid #e6e6e6;
	border-bottom:0;
	padding-top:21px;
	margin-bottom:100px;
	}				

#office .lnav .inner ,
#housing .lnav .inner{
	width:980px;
	margin:auto;
	text-align:center;
	margin-bottom:21px;
	}
	
.chrome #office .lnav .inner ,
.chrome #housing .lnav .inner{
	width:980px;
	margin:auto;
	text-align:center;
	margin-bottom:21px;
	}	
	
.ff2 #office .lnav .inner ,
.ff2 #housing .lnav .inner{
	width:980px;
	margin:auto;
	text-align:center;
	margin-bottom:22px;
	}
	
	
#office .lnav .inner li ,
#housing .lnav .inner li{
	display:inline;
	margin:5px;
	}	

#office .lnav .inner li a ,
#housing .lnav .inner li a{
	height: 30px;
	background: #faf9f5;
	border: 1px solid #e6e6e6;
	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
	color: #333;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	}

#housing .lnav .inner li.submenu a {
	padding:10px 25px !important;
	height:20px;
	background:#fff;
	border:none !important;
	font-weight:bold;
	font-size:100%;
	text-decoration:none;
	color:#333;
	}

#housing .lnav .inner li.submenu a:hover{
	padding:10px 25px !important;
	height:20px;
	background:#fbe80f;
	}

#office .lnav .inner li a:hover ,
#housing .lnav .inner li a:hover{
	height: 30px;
	border: 1px solid #99634E;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color: #C9A496;
	}		
	
	
#office .lnav .inner li a span ,
#housing .lnav .inner li a span{
	background:url(../images/icon_link01.png) left center no-repeat;
	padding-left:20px;
	}				

#office .lnav .inner li a.current ,
#housing .lnav .inner li a.current{
	width: 100px;
	height: 30px;
	border: 1px solid #99634E;
	background-color: #4B3425;
	color: #FFF;
	}	
	
#housing .wrapper .boxHousing h2{
	position:absolute;
	top:0px;
	right:0;
	width:110px;
	}	
			
#housing .boxTextarea01{
	width: 980px;
	margin-top: 0px;
	}	
			
#housing .boxTextarea01 .pic01{
	float:left;
	margin-bottom:50px;
	}

#housing .boxTextarea01 .text01{
	width:330px;
	float:right;
	margin-bottom:70px;
	margin-top:20px;
	}	

#housing .boxTextarea01 .pic02{
	float:right;
	width:323px;
	}					

#housing .boxTextarea01 .text02{
	width:470px;
	float:left;
	}					

#housing .boxTextarea01 .text03{
	width: 450px;
	float: right;
	margin-bottom: 20px;
	margin-top: 20px;
	}	


#housing .boxTextarea02{
	width:980px;
	margin-top:60px;
	}	

#housing .boxTextarea02 .text03{
	width:490px;
	float:right;
	}		

#housing .boxTextarea02 .pic03{
	float:left;
	margin-left:50px;
	}		

#housing .boxTextarea02 .pic04{
	float: right;
	margin-top:60px;
	margin-right:60px;
	}	
	
#housing .boxTextarea02 .text04{
	float: left;
	width:420px;
	margin-left:40px;
	margin-top:50px;
	}	
#housing .boxKakaku{
	background:#fff;
	border:1px #e6e6e6 solid;
	padding:35px;
	margin-top:70px;
	}	

#housing .boxKakaku .left{
	float:left;
	width:308px;
	}			

#housing .boxKakaku .right{
	float:right;
	width:570px;
	}			

#housing .reform .boxTextarea01 {
	margin-bottom:50px;
	}		

#housing .reform .boxTextarea02 {
	margin-top:0;
	}		

#housing .reform .boxTextarea02 img {
	/*margin-top:-40px;*/
	margin-bottom: 10px;
	}	
		
#housing .reform .boxTextarea02  .left{
	width:470px;
	float:left;
	}				

#housing .reform .boxTextarea02  .right{
	width:470px;
	float:right;
	}									

#housing .coordinate .boxTextarea01  .text01  {
	margin-top: 0px;
	}
	
#housing .coordinate .boxTextarea02  .left{
	width:470px;
	float:left;
	}				

#housing .coordinate .boxTextarea02  .right{
	width:470px;
	float:right;
	}									

#housing  #slidercoordinate {
	height:400px;
	overflow:hidden;
	width:600% !important;
}

#housing  #slidercoordinate div {
	height:190px;
	float:left !important;
	display:inline;
	width:306px !important;
}

#housing  #slidercoordinate .text {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #000;
	opacity: 0;
	height: 150px;
	width: 10px;
	padding: 20px;
	width: 266px !important;
	background-color: #99634E;
}
#housing  #slidercoordinate .text .cate01 {
	font-size: 80%;
	margin-bottom: 15px;
}
#housing  #slidercoordinate .text .cate02 {
	font-size: 130%;
	margin-bottom: 15px;
	font-weight: bold;
}
#housing  #slidercoordinate .text .cate03 {
	font-size: 80%;
}
#housing  #slidercoordinate .text .cate04 {
	font-size: 60%;
	margin-left: 10px;
}		


#pagetop {
	bottom: 20px;
	right : 0;
	position: fixed;
}
#pagetop a{
	padding-right:20px;
}


#pagetopBox {
    margin: auto;
    position: relative;
    width: 980px;
}
.static #pagetop {
    bottom: 10px !important;
    position: absolute !important;
    right: -110px !important;
}

/*----------------------------------------------------
		その他
----------------------------------------------------*/

#other .prpl {
	line-height: 1.6em;
	margin-bottom: 20px;
}

#other dl {
	margin-bottom: 20px;
}

#other dt {
	font-weight: bold;
	margin-bottom: 5px;
}
#other dd {
	line-height: 1.6;
}

#other dd.smlink {
	padding: 0 0 0 25px;
}

#other dl.underline {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	}

#other .cpOutline {
width: 632px;
float: left;
line-height: 1.9em;
}
#other .cpOutline .ac_lsp {
	width: 300px;
	float: left;
}
#other .cpOutline .ac_rsp {
	width: 300px;
	float: right;
}

#other .officePict {
	width: 308px;
	float: right;
	margin-top: 25px;
}

#other .googlemap {
}




/*----------------------------------------------------
		オープニング
----------------------------------------------------*/

.load{
	position:fixed;
	left:50%;
	top:50%;
	margin:-25px 0 0 -17px;
	z-index:10000;
	}

/*----------------------------------------------------
		下層共通
----------------------------------------------------*/

.lower h1{
	text-align: center;
	font-size: 210%;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 20px 0 20px 0;
	}

.lower h1 span{
	font-size:50%;
	font-weight:normal;
	background:url(../images/line_yellow.gif) repeat-x bottom;
	padding-bottom:3px;
	letter-spacing:0;
	}
	
.lower .tit01{
	background: url(../images/tit_line.gif) repeat-x scroll center bottom;
    margin-bottom: 10px;
    padding-bottom: 10px;
	font-size:120%;
	}	


/*----------------------------------------------------
		スライダー
----------------------------------------------------*/

#container {
	padding: 40px 0 0 0;
	width: 100%;
	text-align: center;
		overflow: hidden;
}


.wideslider {
	height:410px;
	width: 100%;
	text-align: left;
	position: relative;
	margin-bottom: 40px;
	background: #f5f5f5;
	padding: 25px 0 25px 0 !important;
}

.widesliderNavi {
	position:absolute;
	height:410px;
	width: 100%;
	text-align: left;
	margin-bottom: 40px;
	padding: 20px 0 20px 0 !important;
	top:189px;
}

.widesliderNavi  .inner{
	width:980px;
	margin:auto;
}

.widesliderNavi  .slider_prev2{
	width: 105px;
	margin-top: 20px;
	background: url(../../images/next.png) no-repeat right center;
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 99;
	cursor: pointer;
	height: 420px !important;
}

.widesliderNavi  .slider_next2{
	width: 120px;
	margin-top: 20px;
	margin-left: 875px;
	background: url(../../images/prev.png) no-repeat left center;
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 99;
	cursor: pointer;
	height: 420px !important;
}


.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	height: 300px;
}
.wideslider ul li img {
	height: auto !important;
}
.wideslider_base {
	top: 20;
	position: absolute;
	height: 420px !important;
}
.wideslider_wrap {
	top: 20;
	position: absolute;
	overflow: hidden;
}
.slider_prev, .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	height: 420px !important;
}
.slider_prev {
	margin-right: -15px !important;
	background: url(../../images/next.png) no-repeat right center;
	opacity:0 !important;
}
.slider_next {
	background: url(../../images/prev.png) no-repeat left center;
	opacity:0 !important;
}
.slidetext {
	border-left: 4px solid #FF4663;
	color: #FF4663;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.4em;
	margin-left: -2px;
	padding-left: 10px;
	padding-top: 5px;
	position: absolute;
	width: 230px;
	z-index: 9999;
}
.pagination {
	display: none;
}
.pagination a {
	margin: 0 5px;
	width: 30px;
	height: 30px;
	display: inline-block;
	overflow: hidden;
}
.pagination a.pn1 {
	background: transparent url(../img/pn1.jpg) no-repeat left top;
}
.pagination a.pn2 {
	background: transparent url(../img/pn2.jpg) no-repeat left top;
}
.pagination a.pn3 {
	background: transparent url(../img/pn3.jpg) no-repeat left top;
}
.pagination a.pn4 {
	background: transparent url(../img/pn4.jpg) no-repeat left top;
}
.pagination a.pn5 {
	background: transparent url(../img/pn5.jpg) no-repeat left top;
}
.pagination a.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
/*----------------------------------------------------
		モジュール
----------------------------------------------------*/

.attention {
	color: red;
	line-height: 1.4;
	margin-bottom: 5px;
}

.basetxt {
	line-height: 1.4;
	margin-bottom: 5px;
}

.link_01 {
	background: url(../images/link_01.gif) left center no-repeat !important;
	padding-left: 10px !important;
}
.link_01 a {
}
.link_01:hover {
	text-decoration: none !important;
}
.link_02 {
	background: url(../images/link_02.gif) left 6px no-repeat;
	padding-left: 17px;
}
.link_blank {
	background: url(../images/link_blank.gif) right center no-repeat;
	padding-right: 13px;
}
.link_pdf {
	background: url(../images/link_pdf.gif) right center no-repeat;
	padding-right: 25px;
}
.topicPathWrap {
	background: #f5f5f5;
	margin-bottom: 0px;
}
.topicPath {
	background: #f5f5f5;
	font-size: 80%;
	margin-bottom: 0px;
}
.topicPath .inner {
	margin: auto;
	padding: 10px 0;
	width: 980px;
}
.topicPath ul li {
	background: url(../images/bg_topicpath.gif)  no-repeat scroll 100% center rgba(0, 0, 0, 0);
	display: inline;
	margin: 0 5px 0 0;
	padding: 5px 13px 5px 0;
	color:#666;
}
.topicPath ul li a {
	color: #666;
}
.topicPath ul li a:hover, .topicPath ul li a:active {
	color: #A21C10;
}
.topicPath ul li.home {
	margin-top: -5px;
	padding: 0 13px 0 0;
}
.topicPath ul li.current {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.fleft {
	float: left
}
.fright {
	float: right
}
.posiCenter {
	text-align: center;
}
.posiLeft {
	text-align: left;
}
.posiRight {
	text-align: right;
}
.topMg5 {
	margin-top: 5px !important;
}
.topMg10 {
	margin-top: 10px !important;
}
.topMg20 {
	margin-top: 20px !important;
}
.topMg30 {
	margin-top: 30px !important;
}
.topMg40 {
	margin-top: 40px !important;
}
.topMg50 {
	margin-top: 50px !important;
}

.end {
	margin-bottom: 0 !important;
}
.btmMg0 {
	margin-bottom: 0 !important;
}
.btmMg5 {
	margin-bottom: 5px !important;
}
.btmMg10 {
	margin-bottom: 10px !important;
}
.btmMg12 {
	margin-bottom: 12px !important;
}
.btmMg15 {
	margin-bottom: 15px !important;
}
.btmMg20 {
	margin-bottom: 20px !important;
}
.btmMg25 {
	margin-bottom: 25px !important;
}
.btmMg30 {
	margin-bottom: 30px !important;
}
.btmMg35 {
	margin-bottom: 35px !important;
}
.btmMg40 {
	margin-bottom: 40px !important;
}
.btmMg45 {
	margin-bottom: 45px !important;
}
.btmMg50 {
	margin-bottom: 50px !important;
}
.btmMg55 {
	margin-bottom: 55px !important;
}
.sizeXS {
	font-size: 75% !important;
}
.sizeS {
	font-size: 88% !important;
}
.sizeM {
	font-size: 100% !important;
}
.sizeL {
	font-size: 110% !important;
}
.sizeLL {
	font-size: 120% !important;
}
.sizeXL {
	font-size: 130% !important;
}
.sizeXXL {
	font-size: 140% !important;
}
.fbold {
	font-weight: bold;
}
.topm10 {
	margin-top: 10px !important;
}
.topm15 {
	margin-top: 15px !important;
}
.topm20 {
	margin-top: 20px !important;
}
.topm30 {
	margin-top: 30px !important;
}
.topm40 {
	margin-top: 40px !important;
}
.topm50 {
	margin-top: 50px !important;
}
.topm60 {
	margin-top: 60px !important;
}
.leftm5 {
	margin-left: 5px !important;
}
.leftm10 {
	margin-left: 10px !important;
}
.leftm15 {
	margin-left: 15px !important;
}
.leftm20 {
	margin-left: 20px !important;
}
.leftm30 {
	margin-left: 30px !important;
}
.rightm5 {
	margin-right: 5px !important;
}
.rightm9 {
	margin-right: 9px !important;
}
.rightm10 {
	margin-right: 10px !important;
}
.rightm15 {
	margin-right: 15px !important;
}
.rightm20 {
	margin-right: 20px !important;
}
.topm25 {
	margin-top: 25px;
}
.rightm30 {
	margin-right: 30px !important;
}
.leftp5 {
	padding-left: 5px;
}
.leftp10 {
	padding-left: 10px;
}
.leftp15 {
	padding-left: 15px;
}
.leftp20 {
	padding-left: 20px;
}
.leftp30 {
	padding-left: 30px;
}
.leftp42 {
	padding-left: 42px;
}
.rightp0 {
	padding-right: 0 !important;
}
.rightp5 {
	padding-right: 5px;
}
.rightp10 {
	padding-right: 10px;
}
.rightp15 {
	padding-right: 15px;
}
.rightp20 {
	padding-right: 20px;
}
.rightp25 {
	padding-right: 25px;
}
.rightp30 {
	padding-right: 30px;
}
.rightp40 {
	padding-right: 40px;
}
.btmp0 {
	padding-bottom: 0 !important;
}
.btmp5 {
	padding-bottom: 5px !important;
}
.btmp10 {
	padding-bottom: 10px !important;
}
.btmp15 {
	padding-bottom: 15px !important;
}
.btmp20 {
	padding-bottom: 20px !important;
}
.clear {
	clear: both;
}

.sp_clear {
margin: 0px !important;
padding: 0px !important;
}
.products {
	width: 100%;
	float: left;
	overflow: hidden;
	text-align: center;
	background-color: #FEF5D6;
	font-size: 25px;
	font-weight: 800;
	color: #4B3425;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #4B3425;
	font-family: "微軟正黑體", Arial;
}