@charset "UTF-8";

/*========================================

	modelroom.css


========================================*/

@import "common.css";
@import "base.css";


/* �œƒgƒbƒvƒy�[ƒW -------------------- */
/* corner-menu */
#model-sub-menu {
	margin: 12px 0 20px 0;
	clear: both;
}

#model-sub-menu li {
	list-style: none;
	margin-bottom: 3px;
	padding: 0;
	float: left;
}

#model-sub-menu li img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/*-----------------------------------------
	main-contents
-----------------------------------------*/
/* index */
#model-ph {
	margin: 0 auto 25px auto;
}

#model-text {
	margin: 0 auto 20px auto;
}

#model-text li {
	list-style: none;
	float: left;
}

.model-textimg {
	margin: 0 45px 0 0;
}

/* index ƒpƒmƒ‰ƒ}ƒrƒ…�[•”•ª h3 */
.model-box02 {
	width: 580px;
	margin: 0 auto;
	padding: 15px 0 25px 0;
	background: url(../img/common/line_dot.gif) repeat-x top; 
}

.model_view_block {
	margin: 20px auto 0 auto;
}

.model_view_box_l {
	width: 300px;
	float: left;
}

.model_view_box_r {
	width: 258px;
	float: right;
}

.model_view_box_r img {
	margin: 15px 0 0 0;
}

/* •¨Œ�ŠT—v */
#model01-imgbox {
	width: 588px;
	margin: 0 auto 15px auto;
}

#model01-ph {
float: left;
}

#model01-map {
float: right;
border: #CCCCCC solid 1px;
}

.model01 {
	width: 580px;
	margin: 0 auto 25px auto;
	padding: 0;
}

.model01 ul {
	list-style: none;
	width: 578px;
	margin: 0 0 3px 0;
	padding: 7px 3px 10px 3px;
	background:url(../img/company/bg.gif) repeat-y bottom left;
	clear: both;
}

.model01-line {
	border-bottom: #DDDDDD solid 1px;
}

.model01 li {
	list-style: none;
	margin: 0;
	padding: 0 5px 0 7px;
	float: left;
}

.model01-name01 {
	width: 140px;
	margin: 0 0 10px 0;
	font-weight:bold;
	background: url(../img/company/icon_sikaku.gif) 0 7px no-repeat;
}

.model01-name01-l {
	width: 140px;
	padding: 0;
}

.model01-name02 {
	margin: 0;
}

#model01-hensai li {
	float: left;
}

/* Šî–{Žd—l */
.model02 {
	margin: 0 auto 8px auto;
	padding: 5px;
	border: #DDDDDD solid 1px;
	clear: both;
}

.model02 li {
list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.model02-text {
	width: 340px;
	margin: 0 5px 0 0;
}
	
.model02-ph {
	width: 210px;
}
	
.model02-ph img {
margin: 0;
padding: 0;
vertical-align: top;
}
	
.model02-text h4 {
	padding: 25px 0 10px 18px
}

.model02-text p {
	padding: 0 0 0 18px
}

.model02-btn {
 margin: 10px 0 0 0;
	padding: 0;
	float: right;
}

.model02-gray {
	background: #F6F6F6;
}

/* etc‚Ì�Ú�× */
#model02-attention {
	width: 630px;
	margin: 15px auto 15px auto;
}

#model02-attention img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#model02-etc {
	clear: both;
}

#model02-etc li {
	list-style: none;
	width: 176px;
	height: 180px;
	margin-bottom: 10px;
	padding: 4px;
	border: #DDDDDD solid 1px;
	float: left;
}

#model02-etc li p {
	padding: 5px 5px 0 5px;
	font-weight: bold;
	line-height: 1.4;
	font-size: 93%;
}

#model02-etc-btn {
	width: 620px;
	margin: 10px auto 0 auto;
	text-align: center;
}

*:first-child+html #model02-etc-btn { /* for Win IE 7 */
	margin: 20px auto 0 auto;
}

	
/* ŠÔŽæ‚è */
#model03-text {
	width: 580px;
	margin: 0 auto;
	clear: both;
}

#model03-text-l {
	width: 275px;
	margin: 0;
	padding: 0;
	float: left;
}

#model03-text-r {
	width: 275px;
	margin: 0;
	padding: 0;
	float: right;
}

#model03-text-l li,
#model03-text-r li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: #DDDDDD solid 1px;
}

#model03-text-l img,
#model03-text-r img {
	margin: 15px 0 12px 0;
	padding: 0;
	vertical-align: top;
}

#model03-text-l p,
#model03-text-r p {
	padding: 0 1px 15px 1px;
}

/* �H’öŠÇ—� */
.model04-phbox {
	margin-left: 2px;
	clear: both;
}

.model04-phbox li {
	width: 184px;
	margin-bottom: 10px;
	float: left;
}

.model04-arrow {
	width: 580px;
	height: 16px;
	margin: 30px auto 10px auto;
	background: url(../img/modelroom/pro_arrow.gif) no-repeat center top;
	border-top: #DDDDDD solid 1px;
	clear: both;
}

/* Žü•ÓŠÂ‹« */
.model05 {
	
}

#model05-map {
	width: 578px;
	margin: 0 auto 10px auto;
	border: #DDDDDD solid 1px;
}

#model05-add {
	width: 580px;
	margin: 0 auto 38px auto;
	text-align: left;
}

#model05-phbox {
	margin: 0 0 38px 0;
}

#model05-phbox li {
list-style: none;
	width: 184px;
	margin-bottom: 24px;
	float: left;
}