body {
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #9AD4F9 url(../img/bg_body.jpg) repeat-x;
    }
    
h1, h2, h3, h4, h5, p, ul, ol,  li, dl, dt, dd, address, form, th, td {
    margin: 0;
    padding: 0;
    line-height: 140%;
    font-size: 14px;
    }
    
img {
    border: 0;
    }
    
a {
    text-decoration: none;
    color: #006CB6;
    }

a:hover {
     color: #6FCED8;
    }
    
ul {
    list-style: none;
    }
  
.left {
    float: left;
    }

.right {
    float: right;
    }
	
.leftimg {
    float: left;
	margin: 0 20px 10px 0;
    }

.rightimg {
    float: right;
	margin: 0 0 10px 20px;
    }
   
.clear {
    clear: both;
    }

.border {
    border: 1px solid #CCC;
    }

em, .caution, strong {
    color: #FF0000;
	font-weight: bold;
	font-style: normal;
    }

.bold {
    font-weight: bold;
    }
	
.small {
    font-size: 12px;
	line-height: 140%;
	}
	
.big {
    font-size: 16px;
	}

.hidden {
    display: none;
    }
	
.mb-5 {
    margin-bottom: 5px;
	}
	
.mb-10 {
    margin-bottom: 10px;
	}
	
.mt-10 {
    margin-top: 10px;
	}
	
.mb-20 {
    margin-bottom: 20px;
	}
	
.pt-10 {
    padding-top: 10px;
	}
	
.pt-20 {
    padding-top: 20px;
	}
	
.green {
    color: #669933;
	}
	
.center {
    text-align: center;
	}

/*
------------------------------------------------------
WIRE
------------------------------------------------------
*/
	
#container {
    width: 930px;
	margin: 0 auto;
    }

#header {
	height: 146px;
	text-align: left;
	background: url(../img/bg_header.jpg) no-repeat;
    }
    
#header h1 {
    width: 250px;
	float: left;
    }
    
#header h1 a {
    display: block;
    height: 146px;
    text-indent: -9999px;
    }
	
#header ul {
    width: 282px;
	height: 44px;
	float: right;
	/*background: url(../img/menu_right.jpg) right top no-repeat;*/
	}
	
#header li {
    float: left;
	}
	
#header li a {
    display: block;
	height: 44px;
	width: 94px;
	text-indent: -9999px;
	}
	
a#btn-home {
    background: url(../img/menu_right.jpg) 0px 0px no-repeat;
	}
	
a#btn-home:hover, #home a#btn-home {
    background: url(../img/menu_right.jpg)  0px -54px no-repeat;
	}
	
a#btn-shiryo {
    background: url(../img/menu_right.jpg) -94px 0px no-repeat;
	}
	
a#btn-shiryo:hover, #shiryo a#btn-shiryo {
    background: url(../img/menu_right.jpg)  -94px -54px no-repeat;
	}
	
a#btn-contact {
    background: url(../img/menu_right.jpg) -188px 0px no-repeat;
	}
	
a#btn-contact:hover, #contact a#btn-contact {
    background: url(../img/menu_right.jpg)  -188px -54px no-repeat;
	}
	
ul#main-menu {
	height: 65px;
	clear: both;
	background: url(../img/menu_naka.jpg) right top no-repeat;
	}
	
ul#main-menu li {
	float: left;
	}
	
ul#main-menu a {
    width: 155px;
	height: 65px;
	display: block;
	background-image: url(../img/menu_naka.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	
a#btn-design {
    background-position: left top;
	}
	
a#btn-design:hover, #design a#btn-design {
    background-position: left bottom;
	}
	
a#btn-natu {
    background-position: -155px top;
	}
	
a#btn-natu:hover, #natu a#btn-natu {
    background-position: -155px bottom;
	}
	
a#btn-natu3 {
    background-position: -310px top;
	}
	
a#btn-natu3:hover, #natu3 a#btn-natu3 {
    background-position: -310px bottom;
	}
	
a#btn-kozo {
    background-position: -465px top;
	}
	
a#btn-kozo:hover, #kozo a#btn-kozo {
    background-position: -465px bottom;
	}
	
a#btn-setsubi {
    background-position: -620px top;
	}
	
a#btn-setsubi:hover, #setsubi a#btn-setsubi {
    background-position: -620px bottom;
	}
	
a#btn-schedule {
    background-position: -775px top;
	}
	
a#btn-schedule:hover, #schedule a#btn-schedule {
    background-position: -775px bottom;
	}
	
#main {
    text-align: left;
	padding: 20px 25px;
	background: #FFF;
    }
	
#main h2 {
	height: 150px;
	text-indent: -9999px;
	}
	
.contents {
	padding: 0 5px;
	}
	
p.nav {
	padding: 20px 0 0 740px;
	margin: 0;
	clear: both;
	}
	
p.nav a {
	background: url(../img/mark_totop.jpg) no-repeat;
	padding-left: 20px;
	}
	
#foot-nav {
    clear: both;
	margin: 0 auto;
	width: 930px;
	text-align: left;
    }
	
ul#foot-menu {
    padding: 7px 30px;
	}
	
ul#foot-menu li {
    display: inline;
	line-height: 100%;
	padding-right: 10px;
	font-size: 12px;
	}
	
ul#foot-menu li a:hover {
    color: #FFF;
	}
	
#footer {
    background: url(../img/bg_footer.jpg) repeat-x;
	padding: 4px 0;
	}
	
address {
    font-style: normal;
	color: #FFF;
	font-size: 12px;
	text-align: center;
    }
	
address a {
    color: #FFF;
	}
	
.contents p {
    margin-bottom: 20px;
	}
	
/*
------------------------------------------------------
PRIVACY
------------------------------------------------------
*/

#privacy #main h2 {
    background: url(../img/ttl_privacy.jpg) no-repeat;
	height: 100px;
	}
	
#privacy h3 {
    font-size: 20px;
	border-bottom: 1px solid #666;
	padding: 0 0 3px 5px;
	margin-bottom: 20px;
	}
	
#privacy h4 {
    color: #890C08;
	margin-bottom: 5px;
	}
	
#privacy p {
    margin-bottom: 15px;
	}
	
#privacy ol {
    padding: 0 0 15px 25px;
	}
	
/*
------------------------------------------------------
CONTACT
------------------------------------------------------
*/

#contact h2 {
    background: url(../img/ttl_contact.jpg) no-repeat;
	}
	
form#contact-form {
    margin: 20px 0 10px 0;
	}
	
form input, textarea {
    font-size: 14px;
	}
	
form#contact-form .button {
    padding: 5px 0;
	}
	
form#contact-form .veri-button {
    padding: 20px 5px;
	}
	
.button input, .veri-button input {
    width: 80px;
	margin: 0 5px;
	}
	
.bg-y {
    background-color: #FFFFCC;
	}
	
#contact form#contact-form p {
    margin-bottom: 10px;
	}
	
/*
------------------------------------------------------
SHIRYO
------------------------------------------------------
*/
	
#shiryo h2 {
    background: url(../img/ttl_shiryo.jpg) no-repeat;
	}
	
#shiryo table {
    margin: 20px 0;
	border-collapse: collapse;
	width: 100%;
	}
	
#shiryo th {
    background-color: #EEE;
	padding: 5px 30px 5px 10px;
	text-align: left;
	font-weight: normal;
	border: 1px solid #CCC;
	}
	
#shiryo td {
    background-color: #FFF;
	padding: 5px 10px;
	border: 1px solid #CCC;
	}
	
/*
------------------------------------------------------
SCHEDULE
------------------------------------------------------
*/

#schedule h2 {
    background: url(../img/ttl_schedule.jpg) no-repeat;
	}
	
#schedule ol {
    background: url(../img/img_schedule_1.jpg) no-repeat;
	height: 242px;
	}
	
#schedule ol li {
    display: none;
	}
	
#tochisagashi {
     background: url(../img/img_schedule_2.jpg) no-repeat;
	 height: 300px;
	 }
	 
#tochisagashi h3 {
    display: none;
	}
	
#tochisagashi p {
    margin: 0;
	padding: 130px 5px 0 525px;
	}
	
/*
------------------------------------------------------
DESIGN
------------------------------------------------------
*/

#design h2 {
    background: url(../img/ttl_design.jpg) no-repeat;
	}
	
#designer {
    padding-top: 30px;
	background: url(../img/img_design_2.jpg) center 30px no-repeat;
	height: 320px;
	}
	
.designer-box {
    width: 420px;
	}
	
.designer-box h3 {
    display: none;
	}
	
.designer-box p {
    padding: 150px 10px 0 15px;
	color: #000;
	}
	
/*
------------------------------------------------------
NATU
------------------------------------------------------
*/

#natu h2 {
    background: url(../img/ttl_natu.jpg) no-repeat;
	}
	
#natu #main {
    background: #FFF url(../img/img_natu_1.jpg) 635px 30px no-repeat;
	}
	
#main ul.inline-circle-list {
    margin: 15px 0 15px 0;
	}
	
#main ul.inline-circle-list li {
    background: url(../img/mark_circle.jpg) left center no-repeat;
	padding-left: 18px;
	margin-right: 20px;
	font-size: 16px;
	display: inline;
	}
	
#main ul.dot-list {
    margin: 5px 0 10px 0;
	list-style-type: disc;
	}
	
#main ul.dot-list li {
    margin: 0 0 0 20px;
	}
	
h3#first-plan {
    background: url(../img/img_natu_3.jpg) no-repeat;
	text-indent: -9999px;
	height: 180px;
	}
	
/*
------------------------------------------------------
NATU3
------------------------------------------------------
*/

#natu3 h2 {
    background: url(../img/ttl_natu3.jpg) no-repeat;
	}
	
#natu3 #main {
    background: #FFF url(../img/img_natu3_1.jpg) 635px 30px no-repeat;
	}
	
#natu3 h3#first-plan {
    background: url(../img/img_natu3_3.jpg) no-repeat;
	}
	
/*
------------------------------------------------------
KOZO, SHIKKUI
------------------------------------------------------
*/

#kozo h2 {
    background: url(../img/ttl_kozo.jpg) no-repeat;
	height: 160px;
	}
	
#shikkui h2 {
    background: url(../img/ttl_shikkui.jpg) no-repeat;
	}
	
#kozo #main {
    background: #FFF url(../img/img_kozo_1.jpg) 400px 30px no-repeat;
	}
	
#shikkui #main {
    background: #FFF url(../img/img_shikkui_1.jpg) 600px 30px no-repeat;
	}
	
#kozo h3, #shikkui h3, #setsubi h3, #presentation h3, #denka h3 {
    border-left: 7px solid #666;
    border-bottom: 1px solid #666;
    font-size: 24px;
    padding: 3px 10px 5px 10px;
	margin-bottom: 20px;
    }
	
#kozo h4, #shikkui h4, #setsubi h4, #denka h4 {
    color: #669933;
	font-size: 22px;
	background: url(../img/mark_ashiato.jpg) 0px 4px no-repeat;
	padding-left: 22px;
	margin-bottom: 10px;
	}
	
#kozo h5 {
    font-size: 18px;
	margin-bottom: 10px;
	}
	
#kozo-plan {
    background: url(../img/img_kozo_2.jpg) right 5px no-repeat;
	height: 440px;
	padding-right: 270px;
	}
	
#kozo-tairyoku {
    margin-left: 320px;
	}
	
#kozo-shikkui {
    background: url(../img/img_kozo_4.jpg) right 5px no-repeat;
	padding-right: 440px;
	}
	
p.more a {
    display: block;
	float: right;
	width: 161px;
	height: 26px;
	text-indent: -9999px;
	background: url(../img/btn_more.jpg) no-repeat;
	}
	
p.more a:hover {
    background: url(../img/btn_more.jpg) left bottom no-repeat;
	}
	
/*
------------------------------------------------------
SETSUBI
------------------------------------------------------
*/

#setsubi h2 {
    background: url(../img/ttl_setsubi.jpg) no-repeat;
	}
	
#setsubi #main {
    background: #FFF url(../img/img_setsubi_1.jpg) 580px 30px no-repeat;
	}
	
#setsubi h5 {
    border-bottom: 1px dashed #999;
    padding: 0 0 3px 5px;
	font-size: 18px;
	margin-bottom: 15px;
    }
	
#setsubi-genkan {
    padding-right: 370px;
	}
	
p#setsubi-txt-1 {
    float: right;
	width: 320px;
	margin-top: 25px;
	}
	
.w-490 {
    width: 490px;
	}

.w-403 {
    width: 403px;
	}
	
.mt-180 {
    margin-top: 180px;
	}
	
ul#setsubi-list li {
    width: 403px;
	text-indent: 15px;
	margin-bottom: 20px;
	background: url(../img/mark_square.jpg) 0px 4px no-repeat;
	}
	
ul#setsubi-list li img {
    margin-top: 5px;
	}
	
.mark-square {
    text-indent: 15px;
	background: url(../img/mark_square.jpg) 0px 4px no-repeat;
	}
	
/*
------------------------------------------------------
PRESENTATION
------------------------------------------------------
*/

#presentation h2 {
    background: url(../img/ttl_presen.jpg) no-repeat;
	}
	
#presentation .contents p {
    padding-left: 10px;
	}
	
#presentation p.presen-2f {
    border-top: 1px dashed #999;
	margin: 30px 0 40px 0;
	padding: 20px 10px;
	}
	
/*
------------------------------------------------------
DENKA
------------------------------------------------------
*/

#denka h2 {
    background: url(../img/ttl_denka.jpg) no-repeat;
	}
	
#denka #main {
    background: #FFF url(../img/img_denka_1.jpg) 420px 30px no-repeat;
	}
	
#denka h3 {
    clear: both;
	}
	
#denka-1 {
    height: 298px;
	background: url(../img/img_denka_4.jpg) left bottom no-repeat;
	}
	
#denka-1 p#ih3kw {
    margin: 0;
	padding: 0 0 5px 100px;
	}
	
#orange-box h5 {
    color: #FFF;
	background-color: #EDB329;
	font-size: 20px;
	padding: 5px 10px;
	}
	
#orange-box ul {
    background-color: #FAE8BE;
	padding: 10px;
	}
	
#orange-box li {
    background: url(../img/mark_circle_2.jpg) left 2px no-repeat;
	padding-left: 18px;
	}
	
#denka-2 {
    background: url(../img/img_denka_10.jpg) no-repeat;
	padding-left: 450px;
	}
	
#denka-2 h4 {
    background: url(../img/img_denka_11.jpg) no-repeat;
	height: 73px;
	margin: 0;
	text-indent: -9999px;
	}

#gb-box {
    border: 1px solid #669933;
	text-align: center;
	clear: both;
	padding: 20px 20px 0 20px;
	}
	
#gb-box h4 {
    background: url(../img/img_denka_16.jpg) center top no-repeat;
	text-indent: -9999px;
	height: 100px;
    }
	
#gb-box h5 {
    color: #669933;
	font-size: 22px;
	margin-bottom: 20px;
	}
	
.left-box {
    float: left;
	width: 420px;
	}
	
.right-box {
    float: right;
	width: 420px;
	}
	
#denka-3 {
    clear: both;
	}
	
#denka-3 img {
    float: left;
	margin: 0 50px 40px 0;
	}
	
/*
------------------------------------------------------
TOP
------------------------------------------------------
*/

#top #header {
	height: 108px;
	background: url(../img/bg_top_header.jpg) no-repeat;
    }
	
#top #header h1 {
    display: none;
    }

#top #header ul {
    width: 188px;
	}
	
#top ul#main-menu {
	background: url(../img/menu_top.jpg) right top no-repeat;
	}
	
#top ul#main-menu a {
	background-image: url(../img/menu_top.jpg);
	}
	
#top-main {
    height: 309px;
	background: url(../img/top_natu_image_2.jpg) center top no-repeat;
	position: relative;
	}
	
#top-main p {
    width: 240px;
	}
	
#top-main p a {
    display: block;
	height: 80px;
	text-indent: -9999px;
	}
	
p#btn-presen {
    float: left;
	margin-top: 30px;
	}
	
p#btn-presen a:hover {
    background: url(../img/btn_presen.jpg) no-repeat;
	}
	
p#btn-denka {
    position: absolute;
	top: 43px;
	left: 594px;
	}
	
p#btn-denka a:hover {
    background: url(../img/btn_denka.jpg) no-repeat;
	}
	
p#btn-shikkui {
    position: absolute;
	top: 143px;
	left: 680px;
	}
	
p#btn-shikkui a:hover {
    background: url(../img/btn_shikkui_2.jpg) right top no-repeat;
	}
	
#top-bottom {
    height: 99px;
	background: #27353E url(../img/top_designer.jpg) center top no-repeat;
	}
	
#top-bottom dl {
    display: none;
	}