@charset "utf-8";

/*
pages.css
各ページ固有のレイアウトを定義する
*/

body {
    background: #fff !important;
}
#wideFrame { width: 650px !important; border: none !important; }
#header,
#content,
#footer
{
    margin: 0 !important;
}
#header ul {
    display: none !important;
}
#footer address,
#footer .copyright {
    float: none;
}
#content .page_main .title img,
#content .page_main .photo img {
    width: 650px !important;
}
.inner {
    margin: 0px;
}
.page_main {
    display: none;
}

/* トップ */
.top .lead .txt {
    width: 650px;
}
.top .lead .txt p {
    margin: 20px 20px 0 0;
}
.top .lead .img {
    width: 140px;
}
.top .event .title {
    margin-top: 20px;
    width: 400px;
}
.top .event p {
    width: 315px;
}
.top .event .photo {
    width: 75px;
}

/* コンセプト */
.concept div.img {
    float: left;
    width: 220px;
    text-align: center;
}
.concept .txt {
    float: right;
    width: 430px;
}
.concept .light div.img {
    float: right;
}
.concept .light .txt {
    float: left;
}
.concept .txt h3 {
    margin: 20px 0px;
}


/* 基本プラン */
.baseplan .blueprint h3 {
    margin-bottom: 10px;
}
.baseplan .blueprint .photo {
    float: left;
    width: 390px;
    margin-top: 10px;
    padding-left: 80px;
}
.baseplan .blueprint .photo #alert {
    position: absolute;
    margin: 160px 0 0 45px;
}
.detail div {
    padding: 10px 100px 10px 10px;
}
.detail p {
    padding: 0 100px 0 10px;
}
.baseplan .blueprint .drawing {
    float: right;
    width: 320px;
}
.baseplan .blueprint .drawing .point {
    overflow: hidden;
    width: 12px;
    height: 12px;
}
.baseplan .blueprint .drawing .point a {
    display: block;
    width: 12px;
    height: 24px;
    background: url('../../media/imgs/baseplan/onoff.png') left top no-repeat;
}
.baseplan .blueprint .drawing .point a.on {
    margin-top: -12px;
}
.baseplan .blueprint .drawing .point span {
    display: none;
}
.baseplan .blueprint .drawing #point1 {
    position: absolute;
    margin: 97px 0 0 40px;
}
.baseplan .blueprint .drawing #point2 {
    position: absolute;
    margin: 170px 0 0 40px;
}
.baseplan .blueprint .drawing #point3 {
    position: absolute;
    margin: 110px 0 0 145px;
}
.baseplan .blueprint .drawing #point4 {
    position: absolute;
    margin: 145px 0 0 210px;
}
.baseplan .blueprint .drawing #point5 {
    position: absolute;
    margin: 215px 0 0 90px;
}
.baseplan .blueprint .drawing #point6 {
    position: absolute;
    margin: 400px 0 0 44px;
}
.baseplan .blueprint .drawing #point7 {
    position: absolute;
    margin: 403px 0 0 145px;
}
.baseplan .blueprint .drawing #point8 {
    position: absolute;
    margin: 380px 0 0 215px;
}
.baseplan .blueprint .drawing #point9 {
    position: absolute;
    margin: 530px 0 0 135px;
}
.baseplan .variation p {
    margin: 15px 0px 10px;
}
.baseplan .variation ul {
    list-style: none;
    margin: 0;
}
.baseplan .variation ul li {
    margin: 0 15px 30px 0;
    float: left;
    display: block;
    width: 385px;
}
.baseplan .variation ul li .title {
    float: left;
    width: 60px;
}
.baseplan .variation ul li .zoom {
    float: left;
    width: 300px;
}
.baseplan .variation ul li .zoom a {
}
.baseplan .variation ul li .img {
    margin-top: 15px;
}
.baseplan .variation #var2 {
    position: absolute;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    border: 5px solid #666;
    width: 336px;
    height: 212px;
}


/* 設計した人 */
.arch .profile .img {
    float: left;
    width: 140px;
}
.arch .profile .txt {
    float: right;
    width: 500px;
}
.arch .profile .txt h3 {
    margin: 0px 0px 20px;
}
.arch .example h4 {
    margin: 0px 0px 15px;
}
.arch .example ul {
    list-style: none;
    margin: 0;
}
.arch .example ul li {
    margin: 0 28px 15px 0;
    float: left;
    display: block;
    width: 135px;
}
.arch .example ul li p {
    margin-top: 5px;
}


/* 提案する人 */
.inte .profile .img {
    float: left;
    width: 140px;
}
.inte .profile .txt {
    float: right;
    width: 500px;
}
.inte .profile .txt h3 {
    margin: 0px 0px 20px;
}
.inte .example h4 {
    margin: 0px 0px 15px;
}
.inte .example ul {
    list-style: none;
    margin: 0;
}
.inte .example ul li {
    margin: 0 28px 15px 0;
    float: left;
    display: block;
    width: 135px;
}
.inte .example ul li p {
    margin-top: 5px;
}

/* つくる人 */
.ansui .example .img {
    float: left;
    width: 140px;
}
.ansui .example .txt {
    float: right;
    width: 500px;
}
.ansui .example .txt h3 {
    margin: 0px 0px 10px;
}

/* イベント情報 */
.event .address {
}
.event .address .txt {
    float: left;
    width: 260px;
}
.event .address .txt h3 {
    margin-bottom: 10px;
}
.event .address .txt .date {
    margin: 15px 0;
}
.event .address .txt .map {
    text-align: right;
    margin-top: 16px;
}
.event .address .img {
    float: right;
    width: 390px;
}
.event .address .img .prnt {
    text-align: right;
    margin-bottom: 5px;
}


/* カタログ請求 */
.catalog .example .img {
    padding: 25px 0px 15px 80px;
}
.catalog .example .txt {
}
.catalog .example .txt h3 {
    margin: 25px 0px 20px 0px;
}
.catalog .moushikomi {
	border: solid 1px;
	border-color: #bfbfbf;
	padding: 20px 40px;
}
.catalog .moushikomi .line {
	position: absolute;
	margin: -21px 0 0 713px;
}
.catalog .moushikomi h3 {
	margin: 0px 0px 10px 0px;
}