@charset "Shift_JIS";
@import url("default.css");

#MainContents {
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

h3{margin:50px 0 15px 0;}

.NewCase{margin:30px 0;}

#ModelContents{width:680px; margin:0 5px;}

#ModelContents #LineBox{width:680px; margin:18px 0 10px 0;}

#ModelContents .LeftLineBox{
	width:211px;
	margin-right:14px;
	padding-left:1px;
	background:transparent url("../img/left_line_box_bg.gif") repeat-y;
	float:left;
}
#ModelContents .LeftLineBox .BtnDetails{margin:10px 0 0 10px;}

#ModelContents #TypeB{width:680px;}

#ModelContents #TypeBL{
	width:273px;
	float:left;
}
#ModelContents #TypeBL div{margin-top:10px;}

#ModelContents #TypeBR{
	width:369px;
	float:right;
	margin-right:13px;
}

#ModelContents #TypeC{width:680px;}

#ModelContents #TypeCL{
	width:322px;
	float:left;
}

#ModelContents #TypeCL div{margin-top:10px;}

#ModelContents #TypeCR{
	width:314px;
	float:right;
	text-align:right;
	margin-right:13px;
}

/* Type B〜
*************************************************************************/
#PlanHead {
	margin-bottom:63px;
}
#PlanHead h3 {
	margin:15px 0 0;
}
#TabNavi {
	margin-bottom:30px;
}
#TabNavi li {
	float:left;
}
#TabNavi li.ctr {
	margin:0 7px;
}

#TabBox03 .ProfBox {
	background:url(../img/model/profile_bg.gif) no-repeat;
	height:413px;
	width:581px;
	margin:23px 15px;
	padding:40px 35px;
}
#TabBox03 .ProfBox dl {
	height:143px;
	margin-bottom:20px;
}
#TabBox03 .ProfBox dt {
	position:absolute;
}
#TabBox03 .ProfBox dd {
	padding-left:138px;
}
#TabBox03 .ProfBox dd.name {
	padding-top:5px;
}
#TabBox03 .ProfBox dd.prof {
	margin-top:17px;
}
#TabBox03 .ProfBox p {
	padding-left:243px;
}
#TabBox01 h4,
#TabBox02 h4 {
	margin-bottom:17px;
}
#TabBox01 p,
#TabBox02 p {
	margin-bottom:56px;
	text-align:center;
}
#TabBox01 p.txt {
	margin-bottom:10px;
	text-align:left;
}

/* Karamatsu 
*************************************************************************/

#TabBox03 .intro {
	padding-bottom:30px;
}
#TabBox03 .intro dt {
	margin:4px 0 26px;
}

#TabBox03 .ProfBox_2 {
	background:url(../img/model/profile_bg.gif) no-repeat;
	height:373px;
	width:581px;
	margin:23px 15px 40px;
	padding:40px 35px 0;
}
#TabBox03 .ProfBox_2 dl {
	height:143px;
	margin-bottom:20px;
}
#TabBox03 .ProfBox_2 dt {
	position:absolute;
}
#TabBox03 .ProfBox_2 dd {
	padding-left:138px;
}
#TabBox03 .ProfBox_2 dd.name {
	padding-top:20px;
}
#TabBox03 .ProfBox_2 p {
	padding-left:243px;
}

/*090430 wan55*/

#PlanHead #PlanHeadL{
	width:300px;
	float:left;
	display;inline;
}

#PlanHead #PlanHeadR{
	width:221px;
	margin-right:3px;
	float:right;
	display;inline;
}

#PlanHead #PlanHead02L{
	width:478px;
	float:left;
	display;inline;
}

#PlanHead #PlanHead02R{
	width:130px;
	margin-right:3px;
	float:right;
	display;inline;
}

/*090430 wan55*/


/* JustMySize series 
*************************************************************************/
#ModelContents #LineBox_just{width:680px; margin:18px 0 10px 0;}



#PlanHead_JMS {
	margin-bottom:30px;
}
#PlanHead_JMS h3 {
	margin-top:21px;
}
#ModelContents_JMS h4 {
	margin-bottom:26px;
}
#ModelContents_JMS #MC_L {
	float:left;
	width:332px;
}
#ModelContents_JMS #MC_R {
	float:right;
	width:330px;
}
#ModelContents_JMS .JMS_Concept li {
	margin-bottom:30px;
}
#ModelContents_JMS .JMS_Price {
	margin-bottom:20px;
}
#ModelContents_JMS .JMS_Img {
	margin-bottom:23px;
}
#JMS_Notes {
	clear:both;
}
#JMS_Notes li {
	font-size:82%;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.5;
	color:#221E1F;
}

#JMS_Notes2 {
	clear:both;
}
#JMS_Notes2 li {
	font-size:14px;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.5;
	color:#221E1F;
}

#ModelContents_JMS .banner_i {
	margin:15px 0 0 25px;
}
#ModelContents_JMS .banner_l {
	margin:100px 0 0 25px;
}
#ModelContents_JMS .banner_c {
	margin-top:15px;
}

/*130327*/
.modelplan_row_01 {
}
.modelplan_row_01_col_01,
.modelplan_row_02_col_01 {
	width:450px;
	float:left;
}
.modelplan_row_01_col_02,
.modelplan_row_02_col_02 {
	width:210px;
	float:right;
	padding-top:50px;
}
.modelplan_row_02 {
}
.ml10 {
	margin-left:10px;
}


.model_reco_p1 {
	width: 880px;
	font-size: 12px;
	line-height: 18px;
	background-color:#e9e5e2;
	padding:10px 35px 20px 35px;
}

.model_reco_img1 {
	position: absolute;
	top: 662px;
	left: 0px;
	
}

.model_kouji {
padding:5px 0px 5px 10px;
width:460px;
background:#e3ddd3;
	clear:both;
	font-weight:bold;
}

.model_kouji2 {
padding:5px 0px 5px 10px;
width:460px;
background:#e3ddd3;
	clear:both;
	font-weight:bold;
	font-size:16px;
}

.model_kouji2b {
padding:2px 0px 2px 10px;
width:460px;
background:#e3ddd3;
	clear:both;
	font-weight:bold;
	font-size:16px;
}

.model_naiyou3 {
	margin:2px 0px 0px 2px !important;
	font-size:16px !important;
	line-height:25px !important;
}

.model_kouji4 {
padding:2px 0px 2px 10px;
width:100% auto;
background:#e3ddd3;
	clear:both;
	font-weight:bold;
	font-size:16px;
}

.model_reco_img2 {
	position: absolute;
	top: 39px;
	left: 182px;
	
}

.cul_sub {
	width:950px;
	text-align:center;
	font-size:17px;
	line-height:25px;
}

.cul_t1 span {
	margin-top:3px !important;
	padding:3px 20px 2px 20px;
	border:1px solid #000;
	font-size:22px;
	line-height:22px;
}

.cul_t2 {
	font-size:28px;
	line-height:35px;
	padding:10px 0px 0px 10px;
}

.cul_p1, .cul_p2, .cul_p3, .cul_p3a, .cul_p4, .cul_p5, .cul_p6, .cul_p7, .cul_p8 {
		position: absolute;
	font-size: 18px;
	line-height: 170%;
	text-align: justify;
}



.cul_title1 {
	position:absolute;
	top:60px;
	left:0px;
}

.cul_p1 {
	width: 450px;
	top: 200px;
	left: 0px;
}

.cul_title2 {
	position: absolute;
	top: 43px;
	left: 0px;

}

.cul_p2 {
	width: 450px;
	top: 181px;
	left: 0px;
}

.cul_title3 {
	position: absolute;
	top: 41px;
	left: 0px;

}



.cul_p3 {
	width: 327px;
	top: 187px;
	left: -1px;
}

.cul_p3a {
	width: 450px;
	top: 187px;
	left: -1px;
}

.cul_title4 {
	position:absolute;
	top:60px;
	left:0px;

}

.cul_p4 {
	width: 450px;
	top: 200px;
	left: 0px;
}

.cul_title5 {
	position: absolute;
	top: 60px;
	left: 0px;

}

.cul_p5 {
	width: 450px;
	top: 200px;
	left: 0px;
}

.cul_title6 {
	position:absolute;
	top:60px;
	left:0px;

}

.cul_p6 {
	width: 450px;
	top: 200px;
	left: 0px;
}

.cul_p7 {
	width: 440px;
	top: 280px;
	left: 0px;
}

.cul_p8 {
	width: 440px;
	top: 280px;
	left: 510px;
}

.for_about {
	margin-left: 360px;
	margin-bottom: 20px;
	
}


.w950 { width:950px; }

.cul_formenu a {
	width:200px;
	position:absolute;
	bottom:30px;
	left:0px;
	font-size:14px;
	color:#004ea2;
	text-decoration:none;
}

.cul_formenu a:hover {
	color:#006de3;
}


.index_box {
	position:relative;
	width:950px;
	height:426px;
	display:block;
}


.index_title {
	position: absolute;
	top: 30px;
	left: 11px;
}
		
.index_dot {
	position: absolute;
	top: 75px;
	left: 0px;
}

.index_gs {
	position: absolute;
	top: 250px;
	left: 8px;
}

.index_gs2 {
	position: absolute;
	top: 280px;
	left: 8px;
}

.index_gs3 {
	position: absolute;
	top: 300px;
	left: 8px;
}

.index_img {
	position: absolute;
	top: 110px;
	right: 0px;
}

.index_detail {
	position: absolute;
	top: 350px;
	left:0;
}

.index_detail2 {
	position: absolute;
	top: 336px;
	right: 397px;
}

.index_p1 {
	position: absolute;
	top: 105px;
	left: 0px;
	font-size: 20px;
	line-height: 35px;
	width: 550px!important;
	text-align:justify;
	color:#000 !important;
}

.index_p2 {
	position: absolute;
	top: 240px;
	left: 24px;
	font-size: 19px;
	line-height: 33px;
	width: 525px;
	text-align: justify;
	color:#000 !important;
}

.index_p2a {
	position: absolute;
	top: 270px;
	left: 24px;
	font-size: 20px;
	line-height: 35px;
	width: 525px;
	text-align: justify;
	color:#000 !important;
}

.index_p2b {
	position: absolute;
	top: 290px;
	left: 24px;
	font-size: 20px;
	line-height: 35px;
	width: 525px;
	text-align: justify;
	color:#000 !important;
}

.plan_p1 {
	text-align:center;
		font-size: 25px;
	line-height: 35px;
}

.plan_p2 {
	position: absolute;
	top: 131px;
	left: 30px;
	width: 898px;
	font-size: 17px !important;
	line-height: 27px;

}

.plan_p2b {
	position: absolute;
	top: 131px;
	left: 30px;
	width: 898px;
	font-size: 17px !important;
	line-height: 27px;

}

.plan_p2c {
	position: absolute;
	top: 110px;
	left: 60px;
	width: 898px;
	font-size: 17px !important;
	line-height: 27px;

}

.plan_p2c a { 
	color: #0068B7; 
	text-decoration: underline;
}
.plan_p2c a:hover { 
	color: #0068B7; 
	text-decoration: none;
}

.plan02_box1 {
	position:relative;
	width:950px;
	height:257px;
}


.plan03_box1 {
	position:relative;
	width:948px;
	height:168px;
	border:1px solid #6abc70;
}

.plan03_box2 {
	position:relative;
	width:948px;
	height:168px;
	border:1px solid #ea6d75;
	background-color:#fffdee;
}

.gs_01 {
	position:absolute;
	top:31px;
	left:27px;
}

.gs_02 {
	position:absolute;
	top:62px;
	left:27px;
}

.gs_03 {
	position:absolute;
	top:93px;
	left:27px;
}

.gs_04 {
	position:absolute;
	top:124px;
	left:27px;
}

.plan03_p1 {
	position: absolute;
	top: 29px;
	left: 44px;
	font-size: 20px;
	line-height: 20px;
}

.plan03_p2 {
	position: absolute;
	top: 60px;
	left: 44px;
	font-size: 20px;
	line-height: 20px;
}

.plan03_p3 {
	position: absolute;
	top: 91px;
	left: 44px;
	font-size: 20px;
	line-height: 20px;
}

.plan03_p4 {
	position: absolute;
	top: 121px;
	left: 44px;
	font-size: 20px;
	line-height: 20px;
}


.flatbase_p1 {
	position:absolute;
	top:30px;
	left:0px;
	font-size:22px;
	line-height:160%;
	width:360px;
	text-align:justify;
}

.flatbase_p1ws {
	font-size:22px;
	line-height:160%;
	text-align:justify;
}

.flatbase_img1 {
	position:absolute;
	top:20px;
	right:0px;
}

.ls2_5 {
	letter-spacing:3em;
}

.ls4_5 {
	letter-spacing:0.3em;
}

.ls5_5 {
	letter-spacing:0.2em;
}

.ws_p1 {
	font-size: 17px;
	line-height: 150%;
}

.ws_p1 a { 
	color: #0068B7; 
	text-decoration: underline;
}
.ws_p1 a:hover { 
	color: #0068B7; 
	text-decoration: none;
}

.ws_p2 {
	position: absolute;
	top:85px;
	left:45px;
}

.ml_ws {
	margin-left: 137px;
}

.junbichu {
	width: 90% auto;
	border: 1px solid #000;
	padding: 30px;
	text-align: center;
	font-size: 24px;
	line-height: 130%;
	margin: 100px 5% 300px 5%;
}

.model_index_p1 {
	text-align: center;
	font-size: 20px;
	line-height: 150%;
}


.modellist ul {
	width: 950px;
}

.modellist li a {
	padding: 15px 10px 10px 10px !important;
	width: 270px;	
	display: block;
    vertical-align: top;
	list-style:none;
	text-decoration: none !important;
	float: left;
	margin-top:30px;
	margin-right: 26px;
}

.modellist li a:hover {
	background: #f0ece5;
}

.modellist li:nth-child(3) {
	float: left;
	margin-right: 0 !important;
}



.modellist li:nth-child(4) {
	float: left;
	margin-left: 160px !important;
}

.modellist li:nth-child(6) {
	float: left;
	margin-left: 160px !important;
}

.modellist li:nth-child(8) {
	float: left;
	margin-left: 160px !important;
}

.red { color: #c7000c !important; }

.modellist li p {
	text-align: center;
	color: #000;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: bold;
	text-decoration: none;
}



.index_s1 {
	font-size: 17px;
	line-height: 130%;
	text-decoration: none;	
	margin-bottom: 15px;
}

.index_t1 {
	font-size: 25px;
	line-height: 130%;
	text-decoration: none;
}

.mt-5 {	margin-top: -5px;}
.mt-6 {	margin-top: -6px;}
.mt-10 { margin-top: -10px; }
.mt-15 { margin-top: -15px; }
.mt-16 { margin-top: -16px; }
.mt-20 { margin-top: -20px; }

#pagetop {
	position: fixed;
	bottom: 3rem;
	right: 3rem;

	
}

#pagetop:hover
{
    opacity: 0.85 ;	
}


.info_left {
	position:absolute;
	left:10px;
	top:75px;
}

.info_left:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.info_right {
	position:absolute;
	right:10px;
	top:75px;
}

.info_right:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.model_p1 {
	text-align: center;
	font-size: 25px;
	line-height: 130%;
	font-weight: bold;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

.model_p2 {
	text-align: center;
	font-size: 22px;
	line-height: 150%;
}

.model_p3 {
	text-align: center;
	font-size: 18px !important;
	line-height: 150%;
	
}
.model_p3 a {
	color: #005bac;
	text-decoration: underline;
}

.model_p3 a:hover {
	text-decoration: none;
}

.model_detailp {
	width: 100% auto;
	background: #e9e4d9;
	font-size: 15px;
	line-height: 150%;
	padding: 5px 10px;
	font-weight: bold;
}

.model_detail ul li {
	font-size: 15.5px;
	line-height: 130%;
	margin-bottom: 5px;
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
}

.gray { color: #898989; }

.md_fl {
	float: left;
	margin-right: 20px;
}

.md_fl2 {
	float: left;
	margin-right: 10px;
}

.fortop {
	margin-top: 50px;
	margin-left:361px ;
	margin-bottom: 50px;
	border: 1px solid #000000;
}

.fortop:hover {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}


.model_catalog {
	position: absolute;
	top:20px;
	left:560px;
}

.model_online {
	position: absolute;
	top:20px;
	left:750px;
}

.index_new {
	position: absolute;
	top:-10px;
	left:33px;
}

.index_new2 {
	position: absolute;
	top:29px;
	left:30px;
}

.zeh_p1 {
	text-align: center;
	font-size: 25px;
	line-height: 150%;
	font-weight: bold;
}

.zeh_p2 {
	text-align: center;
	font-size: 20px;
	line-height: 160%;
}

.zeh_box1 {
	width: 870px;
	height: 160px;
	margin: auto;
}

.zeh_box1 p {
	float: left;
	width: 600px;
	font-size: 17px;
	line-height: 170%;
	color: #000000;
}

.zeh_box1 img {
	float: right;
}

.zeh_p3 {
	font-size: 15px;
	line-height: 160%;
}

.zeh_p3a {
	font-size: 14px;
	line-height: 160%;
	text-indent: -1.75em;
	padding-left: 1.75em;	
}

.zeh_bc1 {
	background-color: #eaf6fd;
}

.zeh_bc2 {
	background-color: #fdedec;
}

.zeh_p4 {
	position: absolute;
	top:120px;
	left:0;
	width: 400px;
	font-size: 19px;
	line-height: 170%;
	text-align: justify;
}

.zeh_p5 {
	position: absolute;
	top:530px;
	left:480px;
	width: 470px;
	font-size: 19px;
	line-height: 170%;
	text-align: justify;
}

.zeh_p6 {
	position: absolute;
	top:120px;
	left:0;
	width: 480px;
	font-size: 19px;
	line-height: 170%;
	text-align: justify;
}

.zeh_bc3 {
	background-color: #ebf3d9;
}

.zeh_p7 {
	position: absolute;
	top:360px;
	left:10px;
	font-size: 19px;
	line-height: 160%;
	text-align: justify;
}

.zeh_p8 {
	position: absolute;
	top:470px;
	left:10px;
	width: 615px;
	font-size: 15px;
	line-height: 160%;
	text-align: justify;
}

.zeh_p9 {
	position: absolute;
	top:520px;
	left:10px;
	width: 615px;
	font-size: 15px;
	line-height: 160%;
	text-align: justify;
}

.zeh_p8a {
	position: absolute;
	top:470px;
	left:0;
	width: 600px;
	font-size: 14px;
	line-height: 160%;
	text-indent: -2.75em;
	padding-left: 2.75em;	
}

.zeh_p9a {
	position: absolute;
	top:515px;
	left:0;
	width: 590px;
	font-size: 14px;
	line-height: 160%;
	text-indent: -2.75em;
	padding-left: 2.75em;
}

.forfb {
	margin-top: 50px;
	margin-left: 316.5px;
}


.info_box {
	width: 450px;
}

.info_box2 {
	width: 460px;
}

.info_p1 {
	font-size: 26px;
	line-height: 170%;
	color: #e8432c;	
}

.info_p2 {
	font-size: 18px;
	line-height: 150%;
	text-align: justify;
}


.bt_dot {
	border-top:1px dotted #000;
}

.pt10 {padding-top: 10px;}

.info_p3 {
	position:absolute;
	top:110px;
	left:0;
	font-size: 19.5px;
	line-height: 150%;
}

.info_p4 {
	position:absolute;
	top:220px;
	left:0;
	font-size: 18px;
	line-height: 150%;
	text-align:justify;
	width: 450px;
}


.info_p5 {
	position:absolute;
	top:80px;
	left:95px;
	font-size: 26px;
	line-height: 170%;
	color: #e8432c;	
	font-weight: bold;
}

.info_p6 {
	position:absolute;
	top:140px;
	left:95px;
	font-size: 17px;
	line-height: 150%;
	text-align: justify;	
	width: 480px;
}

.Content1 {
	width: 950px;
	margin: auto;
}

.Content1 h2 {
	margin-top: 50px;
	text-align: center;
	font-size: 35px !important;
	line-height: 150%;
	font-weight: bold;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.about_p1 {
	text-align:center;
	font-size: 18px !important;
	line-height: 160% !important;
}


.Content1 h3 {
	font-size: 27px;
	line-height: 140%;
	width: 100%;
	font-weight: bold;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	margin: 0;
	padding: 0;
}

.info_p7 {
	font-size: 20px;
	line-height: 150%;
	text-align: justify;
}