@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;
        /**/
}

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

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

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


/*content index*/

.index_p{
        width: 540px;
        margin-left: 2px;
        float: left;
}

.index_ul{
        width: 246px;
        float: right;
        list-style-type: none;
        margin-right: 8px;
}

.index_ul li{
        width: 123px;
        float: left;
}

.index_box{
        width: 382px;
        margin-top: 15px;
        margin-bottom: 30px;
        border: 1px #ccc solid;
        text-align: center;
        float: left;
}

.index_box h2{
        text-align: left;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 8px;
}

.index_box h3{
        text-align: left;
        margin-top: 5px;
        margin-bottom: 10px;
        margin-left: 8px;
}

.index_box p{
        text-align: left;
        width: 360px;
        margin-left: 8px;
        margin-top: 5px;
}

.index_box2{
        width: 804px;
        margin: 5px auto 30px auto;
        text-align: center;
        float: left;
}

/*content 2nd*/
.top_box{
        width: 810px;
        margin: 5px auto 30px auto;
        text-align: center;
        float: left;
}

.top_box h2{
        text-align: left;
        margin-top: 15px;
        margin-bottom: 15px;
}

.top_box2{
        width: 380px;
        float: left;
        display: block;
        margin-bottom: 15px;
}

.top_box2 h3{
        width: 260px;
        text-align: left;
        margin-top: 3px;
        margin-left: 5px;
        margin-bottom: 5px;
        padding-bottom: 2px;
        border-bottom: 1px dotted #432700;
        float: left;
}

.top_box2 p{
        width: 260px;
        text-align: left;
        margin-top: 3px;
        margin-left: 5px;
        float: left;
}
#bannar_area{
        width: 810px;
        text-align: right;
        padding-top: 30px;
        margin-bottom: 30px;
        float: none;
        clear: both;
}

/* content 3nd */
#shosai_title{
        margin-top: 10px;
        float: left;
        margin-right:3px;
}

#shosai_menu{
        margin-top: 10px;
        width: 609px;
        float: left;
}

#shosai_menu li{
        list-style-type: none;
        float: left;
}

#shosai_box{
        margin-top: 10px;
        width: 810px;
        text-align: center;
        float: none;
        clear: both;
}

#shosai_box ul{
        width: 810px;
        height: 35px;
        padding-top: 20px;
        padding-bottom: 6px;
        background-image: url(../../greenarea/images/tub_bar.gif);
        background-position: left bottom;
        background-repeat: no-repeat;
}

#shosai_box li{
        list-style-type: none;
        float: left;
        margin-left: 5px;
}

#before_box{
        width: 790px;
        margin: 15px auto 0 auto;
        padding-bottom: 15px;
}

#before_box_r{
        float: right;
        text-align: left;
        width: 430px;
        margin-bottom: 15px;
}

#before_box_r h3{
        margin-top: 7px;
        margin-bottom: 8px;
        text-align: left;
        float: none;
        clear: both;
}

#after_box{
        width: 790px;
        margin: 0 auto;
}

#after_box h3{
        margin-bottom: 10px;
        text-align: left;
        float: none;
        clear: both;
}

#shosai_detail{
        width: 800px;
        padding-top: 15px;
        margin: 0 auto;
        text-align: left;
        float: none;
        clear: both;
}

#shosai_detail h3{
        width: 800px;
        padding-top: 20px;
        padding-bottom: 5px;
        float: none;
        clear: both;
}

#shosai_detail h4{
        padding-top: 10px;
        padding-bottom: 5px;
        float: none;
        clear: both;
}

.shosai01{
        width: 385px;
        margin-left: 5px;
        float: left;
}


.shosai01 p{
        padding-top: 5px;
        float: none;
        clear: both;
}

.shosai02{
        width: 385px;
        margin-left: 5px;
        float: left;
}

.shosai04{
        width: 385px;
        padding-top: 15px;
        margin-left: 5px;
        float: left;
        background-color: #e6e6e6;
}

.option_space{
        margin-top: 15px;
}

.shosai03{
        width: 790px;
        margin-left: 5px;
        float: left;
}

.type2{
        width: 190px;
        float: left;
}

.type2 p{
        width: 180px;
        text-align: left;
}

.type3{
        width: 230px;
        float: left;
}

.type3 p{
        width: 220px;
        text-align: left;
}

.font_b{
        font-weight: bold;
        color: #ee8599;
}

.item_name{
        width: 795px;
        text-align: right;
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 90%;
        float: none;
        clear: both;
}

.item_name02{
        text-align: right;
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 90%;
        float: none;
        clear: both;
}

.item_name03{
        text-align: right;
        padding-top: 5px;
        padding-bottom: 10px;
        font-size: 90%;
        float: rignt;
}

/* point */
#point_detail{
        width: 780px;
        padding-top: 30px;
        padding-bottom: 30px;
        margin: 0 auto;
        text-align: center;
        float: none;
        clear: both;
}

.detail_p01{
        padding-top: 15px;
        padding-bottom: 8px;
        padding-left: 8px;
        float: none;
        clear: both;
}

.detail_p02{
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 90%;
        float: none;
        clear: both;
}


.point01{
        width: 365px;
        float: left;
        text-align: left;
        padding-right: 20px;
        border-right: 1px dotted #b9afa0;
}

.point02{
        width: 365px;
        float: left;
        text-align: left;
        padding-left: 20px;
}

.point03{
        width: 365px;
        float: left;
        text-align: left;
}

/* bottom */
#ue{
        width: 790px;
        text-align: right;
        padding-top: 20px;
        float: none;
        clear: both;
}

#ue p{
       width: 790px;
       float: right;
       background-image: url(../../greenarea/images/ue_icon.gif);
       background-position: 670px 2px;
       background-repeat: no-repeat;
}

#green{
        width: 790px;
        text-align: right;
        padding-top: 20px;
        float: none;
        clear: both;
}

#green p{
       width: 790px;
       float: right;
       background-image: url(../../greenarea/images/green_icon.gif);
       background-position: 655px 2px;
       background-repeat: no-repeat;
}

#green a:link{
        color: #40763f;
	text-decoration: none;
}

#green a:active{
        color: #40763f;
	text-decoration: none;
}

#green a:visited{
        color: #40763f;
	text-decoration: none;
}

#green a:hover{
        color: #40763f;
	text-decoration: underline;
}

/* space */
.box_space01{
        margin-right: 40px;
        margin-left: 2px;
}

.box_space02{
        margin-right: 26px;
        margin-left: 2px;
}

.box_space03{
        margin-top: 30px;
}

/* space_menu */
.menu_space01{
        margin-top: 3px;
        margin-right: 3px;
}

.menu_space02{
        margin-top: 3px;
}

.menu_space03{
        margin-top: 5px;
}

/* space_before */
.bofore_space{
        margin-right: 5px;
}

/* space_solution */
.so_space{
        margin-right: 5px;
}

.so_space02{
        margin-right: 10px;
}

.so_space03{
        margin-left: 5px;
}

/* h4 space */
.space_h4{
        margin-left: 5px;
}

* html .space_h4{
        margin-left: 10px;
}

/* img_float */
.img_left{
        float: left;
}

/* border
.img_border{
        border: solid 1px #ee8599;
        padding: 2px;
}
 */

.co2{
        font-size: 65%;
        margin-top: 2px;
        margin-right: 2px;
}


/* 201102 add */
.gwMenuWrap{
	margin-top:-11px;
}
body:first-of-type .gwMenuWrap { margin-top:0; }/* safari ff */

#container{
	margin-top:5px;
}
/* end 201102 add */