@charset "Shift_JIS";

*{
        margin: 0;
        padding: 0;
}

table{
        border-collapse: collapse;
        border-spacing: 0;
}

body{
	background:#ffffff;
	color:#323232;
}

h1, h2, h3, h4, h5{
	font-weight:normal;
	margin: 0;
	padding:0;
}

img{
        border: 0;
        vertical-align: top;
}


.bluetext {color:#004FA2;}
.redtext {color:#c80000;}
.orangetext{color:#ee7700;}
.redtext{color:#dc0000;};
.underline{text-decoration:underline;}

/*
a:link{
        color: #004fa2;
	text-decoration: none;
}

a:active{
        color: #004fa2;
	text-decoration: none;
}

a:visited{
        color: #969696;
	text-decoration: none;
}

a:hover{
        color: #004fa2;
	text-decoration: underline;
}
*/

.clear{
        clear: both;
        float: none;
}

.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}

.clearfix {
        min-height: 1px;
}

* html .clearfix {
        height: 1px;
        /*\*//*/
        height: auto;
        overflow: hidden;
        /**/
}

/*content index*/

#container{
	width: 811px;
	margin: 0 auto;
        padding-bottom: 20px;
        text-align: left;
        text-align: center;
}

#pan{
        text-align: left;
	width: 811px;
}

#container h1{
        margin-top: 15px;
        margin-bottom: 5px;
        text-align: center;
        float: none;
        clear: both;
}

#t_box{
        width: 811px;
        margin-top: 20px;
        text-align: left;
}

#t_box p{
        padding: 5px;
}


#t_box_l{
        width: 394px;
        float: left;
        margin-right: 8px;
        margin-left: 5px;
        border: 1px solid #e996a8;
}

#t_box_r{
        width: 396px;
        float: left;
}

#t_box_r1{
        width: 394px;
        border: 1px solid #9acb33;
        margin-bottom: 10px;
}

#t_box_r2{
        width: 394px;
        border: 1px solid #578cbe;
}

.remodel_box1{
        width: 190px;
        float: left;
        padding-top: 15px;
        padding-left: 7px;
}

.remodel_box1 dd{
        padding: 2px 5px;
}


.remodel_box2{
        width: 190px;
        float: left;
        padding-top: 15px;
}

.remodel_box2 dd{
        padding: 2px 5px;
}

.remodel_box3{
        width: 394px;
        float: left;
        padding-top: 15px;
        padding-left: 7px;
}

.remodel_box3 dd{
        padding: 2px 5px;
}

.t_line{
        float: none;
        clear: both;
        width: 394px;
        padding-top: 20px;
        padding-bottom: 5px;
        text-align: center;
}

.t_btn1{
        float: none;
        clear: both;
        width: 394px;
        padding-top: 58px;
        padding-bottom: 12px;
        text-align: center;
}

* html .t_btn1{
        float: none;
        clear: both;
        width: 394px;
        padding-top: 46px;
        padding-bottom: 12px;
        text-align: center;
}

.t_btn2{
        float: none;
        clear: both;
        width: 394px;
        padding: 12px 0;
        text-align: center;
}

/*content 2nd*/

#menu_2nd{
       width: 796px;
       margin: 0 auto;
       height: 50px;
       background-image: url(../images/menu_back.gif);
       background-position: left top;
       background-repeat: no-repeat;
}

#menu_2nd ul{
       list-style-type: none;
       padding: 5px 5px 5px 7px;
       width: 796px;
}

#menu_2nd li{
       float: left;
}

.menu_l{
       padding-right: 5px;
}

#block01{
        width: 796px;
        margin: 30px auto 0 auto;
        float: none;
        clear: both;
}

#point_box{
	margin-top: 10px;
	padding-top: 15px;
	background-color: #fbe6ef;
	padding-bottom: 5px;
	text-align: center;
}

#point_box_eco{
        margin-top: 10px;
        padding-top: 15px;
        background-color: #EEF7DA;
        padding-bottom: 5px;
        text-align: center;
}

#point_box_er{
        margin-top: 10px;
        padding-top: 15px;
        background-color: #F0F8FA;
        padding-bottom: 5px;
        text-align: center;
}

#point_l{
        width: 369px;
        padding-right: 15px;
        padding-left: 9px;
        float: left;
}

#point_r{
        width: 369px;
        padding-left: 8px;
        float: left;
}

.img_01{
        margin: 8px 0 0 17px;
}

#point_c{
        margin: 10px auto;
        padding-top: 8px;
        width: 750px;
        background-color: #ffffff;
}

#point_c p{
        width: 710px;
        padding: 5px 20px 15px 5px;
        text-align: right;
       background-image: url(../images/pdf.gif);
       background-position: right 5px;
       background-repeat: no-repeat;
}

#point_bottom{
        width: 760px;
        margin: 10px auto 0 auto;
        text-align: left;
}


#block02{
        width: 796px;
        margin: 30px auto 0 auto;
        text-align: left;
        float: none;
        clear: both;
}

#block02 h3{
        font-size: 90%;
        font-weight: bold;
        height: 20px;
}

#block02_2{
        margin-left: 20px;
        float: none;
        clear: both;
}

.block_txt{
        margin: 5px 20px;
}

.block_txt2{
        padding-top: 10px;
        margin-bottom: 20px;
}


#item_box{
        margin-left: 20px;
}


#item01{
        width: 362px;
        float: left;
        margin-right: 25px;
}

.item01_2{
        width: 167px;
        margin-right: 25px;
        float: left;
}

.item01_3{
        width: 167px;
        float: left;
}

.item01_4{
        width: 337px;
        float: left;
}

#item02{
        width: 167px;
        float: left;
        margin-right: 25px;
}

#item03{
        width: 167px;
        float: left;
}


#item04{
        width: 721px;
        float: left;
}

.item04_img{
        margin-right: 25px;
}

.item_txt{
        margin: 5px 0;
       background-image: url(../images/icon.gif);
       background-position: left 3px;
       background-repeat: no-repeat;
       padding-left: 13px;
}

.img_box {
		margin:10px 0;
}

#item_btn{
        width: 750px;
        text-align: center;
        margin: 20px auto 40px auto;
}

#item_btn2{
        width: 800px;
        text-align: center;
        margin: 20px auto;
}

#item_btn2 img{
        margin: 10px;
}

/* QA */
#qa_top{
        margin: 15px 0 30px 0;
        width: 796px;
        text-align: left;
        background-color: #fefae7;
}

#qa_top h3{
        clear: both;
        float: none;
        padding-top: 10px;
        margin-bottom: 5px;
        margin-left: 10px;
}

#qa_top ol{
        clear: both;
        float: none;
        padding-left: 10px;
        padding-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 100%;
        line-height: 200%;
        list-style-type: none;
        font-weight: bold;
}

.qa_border{
        clear: both;
        float: none;
        padding-left: 20px;
        padding-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        border-bottom: 1px solid #ccc;
}

#qa_main{
        margin: 10px 0;
        width: 796px;
        text-align: left;
}

#qa_main h3{
        clear: both;
        float: none;
        padding: 5px 0;
        margin-top: 20px;
        margin-bottom: 10px;
}

#qa_main h4{
        clear: both;
        float: none;
        display: block;
        font-size: 100%;
        padding: 5px;
        margin-top: 15px;
        margin-bottom: 5px;
        border-bottom: 1px solid #666;
        color: #ff5400;
}

#qa_main p{
        clear: both;
        float: none;
        display: block;
        margin: 0 0 5px 25px;
        line-height: 160%;
}

#qa_main dl{
        width: 770px;
        clear: both;
        float: none;
        margin-left: 25px;
        line-height: 160%;
}

#qa_main dd{
        width: 20px;
        margin-left: 5px;
        display: inline;
        float: left;
}

#qa_main dt{
        width: 740px;
        display: block;
        float: left;
}

.bottom_block{
        margin-top: 60px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border: 1px solid #ccc;
}
* html .bottom_block{
        padding-top: 10px;
}

.text_01{
        padding-top: 10px;
}

.text_02{
        padding-left: 10px;
}

/* 201102 add*/
.gwMenuWrap{
	margin-top:-10px;
}
#pan{
	margin-top:5px;
}
/* end 201102 add*/

/*20110419*/

#item05{
	width: 362px;
	float: left;
       
}