@charset "utf-8";

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


h2,
h3,
h4 {
	font-size: 0;
	text-indent:-9999px;
}

div.b-none,
dd.b-none {
	background: none !important;
}

/*		Catch
----------------------------------------------------*/

div#catch {
    margin: 10px 0 0;
	width: 900px;
	overflow: hidden;
}
	
div.catch-right h2 {
	text-indent: 0;
}

p.catch-left {
	width: 630px;
	float: left;
    display: inline;
}

div.catch-right {
    padding: 0 0 0 4px;
	width: 266px;
    height: 340px;
	float: left;
    display: inline;
    background: url('../images/bg_catch-box-bottom.png') bottom left repeat-x;
}

div.catch-block {
    margin: 0 0 5px 0;
    min-height: 110px;
    *height: 110px;
	overflow: hidden;
	position: relative;
    border: solid 1px #BA9889;
    background: url('../images/bg_catch-box.png');
}

p.showcase-img {
    margin: 7px 0 0 10px;
    padding: 5px;
    width: 83px;
    float: left;
    display: inline;
    border-left: solid 7px #604639;
}

div.catch-block dl.showcase-desc {
    padding: 5px;
    width: 142px;
    letter-spacing: -1px;
    float: left;
    display: inline;
}

div.catch-block dl.showcase-desc dt {
}

div.catch-block dl.showcase-desc dd {
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 1.4;
    background: url('../images/icon_detail.png') bottom right no-repeat;
}

/*		Extra Catch
----------------------------------------------------*/
div#extra-catch-box {
    margin: -3px 0 0;
    width: 898px;
    border: solid 1px #CCC;
    border-width: 1px 1px 5px 1px;
    overflow: hidden;
    position: relative;
}

dl.extra-catch {
    float: left;
    display: inline;
    min-height: 110px;
    *height: 90px;
}

dl.extra-catch dt {
	font-weight:bold;
}

dl#ec1 {
    padding: 5px 5px 5px 125px;
    width: 200px;
    background: url('../images/bg_reform.jpg') 5px 5px no-repeat;
    border-right: solid 1px #999;
}

dl#ec2 {
    padding: 5px 5px 5px 125px;
    width: 200px;
    background: url('../images/bg_mansion.jpg') 5px 5px no-repeat;
    border-right: solid 1px #999;
}

#ec3 {
    padding: 5px 5px 5px 55px;
    width: 170px;
    background: url('../images/bg_reform_flow.png') 5px 5px no-repeat;
}

    dl.extra-catch dt {
        font-size: 16px;
        color: #4F392F;
        border-bottom: solid 4px #57935d;
    }

    dl.extra-catch dd {
        margin: 5px 0 0 0;
        font-size: 12px;
        line-height: 1.4;
        letter-spacing: -1px;
    }

/*		Extra News
----------------------------------------------------*/
div#extra-news {
    margin: 5px 0;
    padding: 10px;
    background: #EEEBBD;
    position: relative;
}
div#extra-news p#news-description {
    padding: 0 0 0 10px;
    background: url(../images/icon_cursor.png) center left no-repeat;
}
div#extra-news p#rss {
    position: absolute;
    top: 5px;
    right: 10px;
}

/*		Section Left basics
----------------------------------------------------*/

div#section-left dl#basics {
    width: 198px;
    border: solid 1px #DADADA;
}
    div#section-left dl#basics dt {
        margin: 5px 0 0 5px;
        padding: 5px 0px 5px 8px;
        background: url(../images/icon_cursor2.png) center left no-repeat;
    }
    div#section-left dl#basics dd {
        margin: 0 5px 0 5px;
        padding: 5px 0px 5px 35px;
    }
    div#section-left dl dd#basic1 {
        background: url(../images/bg_basic1.png) center left no-repeat;
    }
    div#section-left dl dd#basic2 {
        background: url(../images/bg_basic2.png) center left no-repeat;
    }
    div#section-left dl dd#basic3 {
        background: url(../images/bg_basic3.png) center left no-repeat;
    }
    div#section-left dl dd#basic4 {
        background: url(../images/bg_basic4.png) center left no-repeat;
    }
    div#section-left dl dd#basic5 {
        background: url(../images/bg_basic5.png) center left no-repeat;
    }


/*		Showcase News Box
----------------------------------------------------*/
div#showcase-news {
    overflow: hidden;
}

/*		Showcase Intro
----------------------------------------------------*/
div#showcase-intro {
    margin: 0 0 0 15px;
    width: 225px;
    float: left;
    display: inline;
}

    div#showcase-intro p {
        margin: 5px 0;
    }

    p#showcase-detail-link {
        padding: 0 0 0 15px;
        background: url(../images/icon_detail.png) center left no-repeat;
    }

/*		Event & News
----------------------------------------------------*/
div#news-box {
    margin: 0 0 0 10px;
    padding: 5px;
    width: 430px;
    float: left;
    border: solid 1px #CCC;
    display: inline;
}

div#news-box h3 {
    width: 430px;
    height: 27px;
    background: url(../images/h3_news.png) center left no-repeat;
    overflow: hidden;
}

div#news-box dl dt {
    float: left;
    display: inline;
    width: 85px;
    padding: 5px 5px 5px 10px;
    border: dotted 1px #DADADA;
    border-width: 0 0 1px 0;;
}

div#news-box dl dd {
    float: left;
    display: inline;
    width: 312px;
    padding: 5px 5px 5px 7px;
    background: url(../images/icon_cursor.png) center left no-repeat;
    border: dotted 1px #DADADA;
    border-width: 0 0 1px 0;;
}


/*		Plans
----------------------------------------------------*/
div#plans {
}
    div.plan {
        overflow: hidden;
        position: relative;
        *display: inline;
    }

    div#plans div.plan-box {
        margin: 10px 0 0 15px;
        width: 220px;
        letter-spacing: -1px;
        float: left;
        display: inline;
    }
        div#plans div.plan-box#plan2,
        div#plans div.plan-box#plan3 {
            margin: 10px 0 0 10px;
        }
    div#plans div.plan-box p {
        margin: 5px 0;
    }
    div#plans div.plan h3 {
        margin: 15px 0 0 15px;
        width: 685px;
        height: 31px;
    }

    p#plan-list-link{
	position: relative;
	width: 42;
	bottom: 25px;
	left: 645px;
	* bottom: 23px;
    }

    p.plan-detail-link{
        padding: 0 0 0 15px;
        background: url(../images/icon_detail.png) center left no-repeat;
    }

    #plan_standard h3 {
        background: url(../images/h3_reform_plan.png) top left no-repeat;
    }

    #plan_recommend h3 {
        background: url(../images/h3_reform_recommend.png) top left no-repeat;
    }

    #plan_recommend div {
	border: solid 1px #CCC;
	width: 240px;
	float: left;
	display: inline;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 75px;
    }

    #plan_recommend div p {
        margin: 5px 0 0;
    }

    #plan_recommend div p a {
        font-size: 16px;
    }

    div.plan div#rplan1 {
        background: url(../images/bg_rplan1.jpg) 5px center no-repeat;
    }
    div.plan div#rplan2 {
        background: url(../images/bg_rplan2.jpg) 5px center no-repeat;
    }
    div.plan div#rplan3 {
        background: url(../images/bg_rplan3.jpg) 5px center no-repeat;
    }
    div.plan div#rplan4 {
        background: url(../images/bg_rplan4.jpg) 5px center no-repeat;
    }

#feature {
	width:688px;
	margin:10px 0 0 15px;
}

*html #feature {
	margin:10px -5px 0 15px;
}

#sekou {
	width:688px;
	margin:5px 0 -5px 15px;
}

*html #sekou {
	margin:5px -5px -5px 15px;
}