@charset "utf-8";


/* 
--------------------------------------------------

title :base.css
date  :2009.12.18
ver   :0.1
author:Hiroki Tanaka

--------------------------------------------------

01, structure
02, link
03, header

05, topicpath
06, main
07, sidebar
08, footer
09, table
10, list

-------------------------------------------------- */



/* ----------------------------------------------- */
/*  =01, structure */
/* ----------------------------------------------- */




body {
 margin: 0;
 padding: 0;
 text-align: center;
 font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
 color: #333;
 background: #fff;
}

#wrapper {
 margin: auto;
 padding: 0;
 width: 840px;
 text-align: left;
 border-top: 3px solid #f50;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 background: #fff;

}

#header {
 width: 840px;
 clear: both;
}



#topicpath {
 width: 820px;
 clear: both;
}

#content {
 width: 820px; 
 clear: both;
}

#main {
 width: 600px;
 float: right;
}

* html #sidebar {
 width: 200px;
 clear: both;
 float: left;
}

#sidebar {
 width: 200px;
 float: left;
}

#footer {
 width: 840px;
 clear: both;
}



/* ----------------------------------------------- */
/*  =02, link */
/* ----------------------------------------------- */


a:link, a:visited {
 color: #06c;
 background: transparent;
 text-decoration: none;
 border-bottom: 1px solid #09c;
}


a:hover, a:active {
 color: #f50;
 border-bottom: 1px solid #f63;
 background: transparent;
 text-decoration: none;
}




/* ----------------------------------------------- */
/*  =03, header */
/* ----------------------------------------------- */

#header {
 background: transparent;
}

#header h1 {
 margin: -5px 0 0 20px;
 padding: 15px 0 0 0;
 text-align: left;
 font-size: 13px;
 font-weight: normal;
 text-decoration: none;
 background: transparent;
}

#header p#logo img {
 margin: 0px 0 0 20px;
 padding: 0 0 0 0;
 border: none;
}

#header p#logo a img {
 border: none;
 text-decoration: none;
}

#header p#logo a {
 border: none;
 text-decoration: none;
}

#header p#tel {
 margin: -50px 20px 0 0;
 padding: 0 0 0px 0;
 text-align: right;
}

#header p#topimg img {
 border: none;
}

#header ul#gnav {
 margin: -15px 0 0 413px;
 padding: 0px 0 0px 0px;
 line-height: 1.9;
 list-style: none;
 text-align: left;
 font-size: 13px;
 background: transparent;
}

*+html #header ul#gnav {
 margin-left: 408px;
}

#header ul#gnav li {
 margin: 0;
 padding: 0 15px 0 20px;
 display: inline;
 font-weight: bold;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/gnav-bg.png") no-repeat 0 50%;
}

/*
*+html #header ul#gnav li {
 padding: 0 15px 0 20px;
}
*/

#header ul#gnav a:link, #header ul#gnav a:visited {
 color: #555;
 background: transparent;
 border: none;
 text-decoration: none;
}

#header ul#gnav a:hover, #header ul#gnav a:active {
 color: #f50;
 background: transparent;
 border-bottom: 1px solid #f50;
 text-decoration: none;
}

#header p#topimg {
 margin: 10px 0 0 0;
 padding: 0;
 text-align: center;
}



/* ----------------------------------------------- */
/*  =05, topicpath */
/* ----------------------------------------------- */


#topicpath p {
 margin: 0 10px 0px 0;
 padding: 15px 0 15px 0;
 text-align: right;
 font-size: 12px;
 letter-spacing: 0.1em;
 color: #333;
 background: transparent;
}

#topicpath p span#current {
 font-weight: bold;
}


/* ----------------------------------------------- */
/*  =06, main */
/* ----------------------------------------------- */


#main {
 height: auto;
 min-height: 500px;
}

#main h2 {
 margin: 0 0 0 48px;
 padding: 5px 0 10px 20px;
 font-size: 18px;
 font-weight: bold;
 color:#fff;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/h2-bg.png") no-repeat 0 50%;
}

*+html #main h2 {
 margin: 0 0 0 48px;
 padding: 10px 0 10px 20px;
 font-size: 18px;
 font-weight: bold;
 color:#fff;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/h2-bg.png") no-repeat 0 50%;
}

html>/**/body #main h2 {  
 padding /*\**/: 11px 0 10px 20px\9;
}


#main h3 {
 margin: 25px 0 0 48px;
 padding: 5px 0 10px 20px;
 font-size: 18px;
 font-weight: bold;
 color:#fff;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/h2-bg.png") no-repeat 0 50%;
}

*+html #main h3 {
 margin: 25px 0 0 48px;
 padding: 10px 0 10px 20px;
 font-size: 18px;
 font-weight: bold;
 color:#fff;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/h2-bg.png") no-repeat 0 50%;
}

html>/**/body #main h3 {  
 padding /*\**/: 11px 0 10px 20px\9;
}

#main h4 {
 margin: 0 0 10px 50px;
 padding: 30px 0 5px 12px;
 font-size: 16px;
 font-weight: bold;
 color:#f50;
 line-height: 1.5;
 background: transparent;
}

*+html #main h4 {
 margin: 0 0 10px 50px;
 padding: 32px 0 5px 12px;
 font-size: 16px;
 font-weight: bold;
 color:#f50;
 line-height: 1.5;
 background: transparent;
}

#main p {
 margin: 20px 10px 30px 70px;
 padding: 0 0 10px 0;
 font-size: 14px;
 line-height: 1.7;
 clear: both;
}


#main img {
 margin: 0;
 padding: 3px;
 border: 1px solid #ccc;
}

#main p.jump {
 margin: 60px 10px 25px 95px;
 padding: 0;
 font-size: 15px;
 font-weight: bold;
 text-align: right;
 background: transparent;
 clear: both;
}

#main p.member {
 margin: 0px 10px 25px 70px;
 padding: 0;
 font-size: 25px;
 font-weight: bold;
 background: transparent;
 clear: both;
}

#main p.top {
 margin: 60px 10px 25px 95px;
 padding: 0;
 font-size: 15px;
 font-weight: bold;
 text-align: right;
 background: transparent;
 clear: both;
}


#main p#index {
 margin: 30px 10px 3px 60px;
 padding: 0;
 font-size: 17px;
 font-weight: bold;
 clear: both;
}

#main div#price-1 {
 padding-left: 120px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/price-1.jpg") no-repeat 10% 0;
}
#main div#price-2 {
 padding-left: 120px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/price-2.jpg") no-repeat 10% 0;
}
#main div#price-31 {
 padding-left: 120px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/price-3.jpg") no-repeat 10% 7%;
}
#main div#price-32 {
 padding-left: 120px;
 padding-top: 30px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/uploads/2009/12/image1151.gif") no-repeat 10% 0;
}
#main div#price-4 {
 padding-left: 120px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/price-4.jpg") no-repeat 10% 0;
}


#main div#campaign-top {
 margin: 20px 0 0 48px;
 padding: 5px 0 46px 20px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/campaign-top.png") no-repeat 0 0;
}

#main div#campaign-middle {
 margin: -15px 0 0 48px;
 padding: 0px 30px 0 35px;
 font-size: 14px;
 line-height: 1.7;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/campaign-middle.png") repeat-y 0 0;
}



#main div#campaign-bottom {
 margin: -20px 0 0 48px;
 padding: 0 0 45px 20px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/campaign-bottom.png") no-repeat 0% 0;
}

*+html #main div#campaign-bottom {
 margin: 0px 0 0 48px;
 padding: 0 0 15px 20px;
 height: 30px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/campaign-bottom.png") no-repeat 0% 0;
}

/* ----------------------------------------------- */
/*  =07, sidebar */
/* ----------------------------------------------- */

#sidebar {
 margin-left: 15px;
}

#sidebar .side01 {
 width: 199px;
 height: 324px;
 margin-bottom: 30px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/side-bg1.png") no-repeat 0 0;
}

#sidebar .side02 {
 width: 199px;
 height: 288px;
 margin-bottom: 30px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/side-bg2.png") no-repeat 0 0;
}



#sidebar h3 {
 margin: 0;
 padding: 6px 0 10px 15px;
 width: 199px;
 height: 40px;
 font-size: 17px;
 font-weight: bold;
 color: #fff;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/side-tp.png") no-repeat 0 0;
}

*+html #sidebar h3 {
 margin: 0;
 padding: 7px 0 10px 15px;
 width: 199px;
 height: 40px;
 font-size: 17px;
 font-weight: bold;
 color: #fff;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/side-tp.png") no-repeat 5% 0;
}

html>/**/body #sidebar h3 {  
 background /*\**/: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/side-tp.png") no-repeat 6% 0\9;
}


#sidebar ul {
 margin: 0 0 30px 0;
 padding: 0 0 15px 0;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/side-bottm.png") no-repeat 99% 100%;
}



#sidebar ul li {
 margin: 0;
 padding: 0 0 12px 15px;
 list-style: none;
 line-height: 1.7;
 font-size: 14px;
 font-weight: bold;
 color: #555;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/side-midde.png") repeat-y 50% 50%;
}




#sidebar img {
 border: none;
 text-decoration: none;
}

#sidebar p#sample-top {
 margin-top: 0;
 margin-bottom: 40px;
}

#sidebar p#member a img, #sidebar p#sample a img, #sidebar p#sample-top a img {
 border: none;
 text-decoration: none;
}

#sidebar p#member a, #sidebar p#sample a, #sidebar p#sample-top a {
 border: none;
 text-decoration: none;
}


#sidebar a:link, #sidebar a:visited {
 color: #f50;
 background: transparent;
 text-decoration: none;
 border: none;
}


#sidebar a:hover, #sidebar a:active {
 color: #f50;
 border-bottom: 1px solid #f63;
 background: transparent;
 text-decoration: none;
}

#sidebar .side08 {
 width: 199px;
 height: 324px;
 margin-bottom: 30px;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/side-bg1.png") no-repeat 0 0;
}

/* ----------------------------------------------- */
/*  =08, footer */
/* ----------------------------------------------- */


#footer {
 margin: 0;
 padding: 0 0 20px 0;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/footer-bg.png") repeat-x 0 0;
 border-top: 1px solid #ccc;
}

#footer p#go-to-top {
 margin: -32px 30px 0 0;
 float: right;
}

#footer p#go-to-top img {
 border: none;
}
#footer p#go-to-top a {
 border: none;
text-decoration: none;
}
#footer p#go-to-top a img {
 border: none;
 text-decoration: none;
}

#footer ul#fnav {
 margin: 20px 0 0 20px;
 padding: 0;
 line-height: 1.9;
 list-style: none;
 text-align: left;
 font-size: 13px;
 background: transparent;
}

#footer ul#fnav li {
 margin: 0;
 padding: 0 15px 0 20px;
 display: inline;
 font-weight: bold;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/gnav-bg.png") no-repeat 0 50%;
}


#footer p {
 margin: 20px 0 20px 20px;
 padding: 0;
 font-size: 12px;
 color: #333;
 background: transparent;
}

#footer address {
 margin: 0 10px 0 20px;
 padding: 0;
 font-size: 13px;
 font-style: normal;
 line-height: 1.5;
 color: #333;
 background: transparent;
}


#footer #search {
 float: right;
 margin: -18px 20px 0 0;
}


/* ----------------------------------------------- */
/*  =09, table */
/* ----------------------------------------------- */


#main table.price {
 width: 350px;
 margin: 30px 0 10px 70px;
 text-align: left;
 font-size: 14px;
 font-weight: bold;
 border: 1px solid #f50;
}

#main table.price th {
 margin: 0;
 padding: 2px 4px 2px 12px;
 color: #fff;
 background: #ff7f50;
 line-height: 2.5;
 text-align: center;
}


#main table.price td {
 margin: 0;
 padding: 2px 15px 2px 25px;
 background: #faebd7;
 text-align: right;
}



#main table.flow {
 width: 540px;
 margin: 30px 0 70px 60px;
 text-align: left;
 font-size: 13px;
 border: 1px solid #f50;
}

#main table.flow th {
 margin: 0;
 padding: 20px 20px 20px 20px;
 width: 60px;
 color: #fff;
 background: #ff7f50;
 line-height: 2.5;
}


#main table.flow td {
 margin: 0;
 padding: 10px 10px 10px 25px;
 background: #faebd7;
 line-height: 1.5;
 clear: both;
}

#main table.flow td p {
 margin-left: 0px;

}





#main table.tokusho {
 width: 540px;
 margin: 30px 0 70px 60px;
 text-align: left;
 font-size: 13px;
 border: 1px solid #f50;
}

#main table.tokusho th {
 margin: 0;
 padding: 20px 20px 20px 20px;
 width: 90px;
 color: #fff;
 background: #ff7f50;
 line-height: 2.5;
}


#main table.tokusho td {
 margin: 0;
 padding: 10px 10px 10px 25px;
 background: #faebd7;
 line-height: 1.5;
 clear: both;
}

#main table.tokusho td p {
 margin-left: 0px;
}


#main table.about1 {
 width: 540px;
 margin: 30px 0 70px 60px;
 background: #aaa;
}

#main table.about2 {
 width: 485px;
 margin: 30px 0 10px 0px;
 background: #aaa;
}


#main table.about1 th, #main table.about1 td, #main table.about2 th, #main table.about2 td {
 padding: 5px 20px 10px 20px;
 background: #fff;
 line-height: 2;
}

#main table.about1 td p ,#main table.about2 td p {
 margin-left: 0;
}

#main table.about1 th, #main table.about2 th {
 text-align: center;
}

#main table.about2 td.price {
 text-align: right;
}

#main table.analysis {
 width: 540px;
 margin: 30px 0 70px 60px;
 text-align: left;
 font-size: 13px;
 border: 1px solid #f50;
}

#main table.analysis th {
 margin: 0;
 padding: 20px 20px 20px 20px;
 width: 50px;
 font-size: 17px;
 color: #fff;
 background: #ff7f50;
 line-height: 2.5;
}


#main table.analysis td {
 margin: 0;
 padding: 10px 10px 10px 25px;
 background: #faebd7;
 line-height: 1.5;
 font-size: 17px;
 font-weight: bold;
}

#main table.price3 {
 width: 220px;
 margin: 30px 0 10px 70px;
 text-align: left;
 font-size: 12px;
 font-weight: bold;
 display: inline;
}

#main table.price3 th {
 margin: 0;
 padding: 2px 4px 2px 12px;
 color: #fff;
 background: #ff7f50;
 line-height: 2.5;
 text-align: center;
}

#main table.price3 td {
 margin: 0;
 padding: 2px 15px 2px 25px;
 background: #faebd7;
 text-align: right;
}

#main table.price4 {
 width: 220px;
 margin: 30px 0 10px 10px;
 text-align: left;
 font-size: 12px;
 font-weight: bold;
 display: inline;
}

#main table.price4 th {
 margin: 0;
 padding: 2px 4px 2px 12px;
 color: #fff;
 background: #ff7f50;
 line-height: 2.5;
 text-align: center;
}

#main table.price4 td {
 margin: 0;
 padding: 2px 15px 2px 25px;
 background: #faebd7;
 text-align: right;
}


/* ----------------------------------------------- */
/*  =10, list */
/* ----------------------------------------------- */



#main ul.regular {
 margin: 10px 10px 20px 80px;
 padding: 0;
 background: transparent;
}

#main ul.regular li {
 margin-top: 15px;
 font-size: 14px;
 line-height: 1.8;
}


#main ul.qa {
 margin: 30px 10px 20px 80px;
 padding: 0;
 background: transparent;
}

#main ul.qa li.question {
 margin-top: 15px;
 padding-left: 30px;
 list-style: none;
 font-size: 14px;
 line-height: 1.8;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/question.png") no-repeat 0 0;
}

#main ul.qa li.answer {
 margin-top: 15px;
 margin-bottom: 40px;
 padding-left: 30px;
 list-style: none;
 font-size: 14px;
 line-height: 1.8;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/answer.png") no-repeat 0 0;
}

#main ul.kiyaku {
 margin: 10px 10px 20px 80px;
 padding: 0 10px 0 0;
 width: 510px;
 height: 325px;
 overflow: scroll;
 background: transparent;
}

#main ul.kiyaku li.head {
 margin-top: 35px;
 list-style: none;
 font-size: 15px;
 font-weight: bold;
 line-height: 1.8;
}

#main ul.kiyaku li {
 margin-top: 15px;
 list-style: none;
 font-size: 13px;
 line-height: 1.8;
}


#main ul.check {
 margin: 10px 5px 20px 50px;
 padding: 0;
 background: transparent;
}

#main ul.check li {
 margin-top: 10px;
 margin-left: 20px;
 margin-bottom: 10px;
 padding-left: 30px;
 font-size: 15px;
 line-height: 1.5;
 list-style: none;
 color: #333;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/check.png") no-repeat 0% 50%;
}












#main ul.sitemap {
 margin: 10px 10px 20px 80px;
 padding: 0;
 background: transparent;
}

#main ul.sitemap li {
 margin-top: 15px;
 font-size: 14px;
 line-height: 1.3;
}


#main ul.attention {
 margin: 10px 5px 20px 65px;
 padding: 0;
 background: transparent;
 border: 2px solid #ccc;
}

#main ul.attention li {
 margin-top: 10px;
 margin-left: 20px;
 margin-bottom: 10px;
 padding-left: 30px;
 font-size: 15px;
 font-weight: bold;
 line-height: 1.8;
 list-style: none;
 color: #333;
 background: transparent url("../images/list-attention.png") no-repeat 0% 50%;
}


#main ul.flow-outline {
 margin: 20px 0px 20px 50px;
 padding: 0 0 20px 20px;
 background: transparent;
 border: 3px solid #d9d9d9;
}

#main ul.flow-outline li {
 margin-top: 15px;
 font-size: 16px;
 font-weight: bold;
 line-height: 1.6;
 list-style: none;
}



#main ul.index {
 margin: 20px 0px 20px 50px;
 padding: 0 0 20px 20px;
 background: transparent;
 border: 3px solid #d9d9d9;
}

#main ul.index li {
 margin-top: 15px;
 font-size: 16px;
 font-weight: bold;
 line-height: 1.6;
 list-style: none;
}



#main ol.regular {
 margin: 10px 10px 20px 90px;
 padding: 0;
 background: transparent;
}

#main ol.regular li {
 margin-top: 15px;
 font-size: 14px;
 line-height: 1.6;
}
























#main ul.sitemap {
 margin: 0px 0 30px 90px;
 padding: 0;
 line-height: 1.7;
}

#main ul#error {
 margin: 0px 0 30px 90px;
 padding: 0;
 list-style: square;
 line-height: 1.7;
}

#main ul#privacy-exception {
 margin: -15px 0 30px 90px;
 padding: 0;
 line-height: 1.7;
}

*/



/*
#main dl {
 margin: 0 0 40px 75px;
 padding: 0;
}

#main dl#ci-name {
 font-size: 16px;
}

#main dl#ci-name dt {
 width: 7em;
 float: left;
 padding: 0.5em 0 0.1em 0; 
 line-height: 1.3;
}

#main dl#ci-name dd {
 margin-left: 2em;
 padding: 0.5em 0 0.1em 0; 
 line-height: 1.3;
}
*/

/* ----------------------------------------------- */
/*  =11, others */
/* ----------------------------------------------- */

span.attention {
 padding: 0.1em 0.3em 0.1em 0.3em;
 background: #ff8;
 border-bottom: 1px solid #aaa;
}

span.orange {
 color: #f60;
}

span.orange-bold {
 color: #f60;
 font-weight: bold;
}

span.bold {
 font-weight: bold;
}

span.red {
 color: #f00;
}

span.red-bold {
 color: #f00;
 font-weight: bold;
}

span.blue {
 color: #00f
}

span.blue-bold {
 color: #00f;
 font-weight: bold;
}

div#gm img {
 padding: 0;
 border: none;
}


h5 {
 margin: 25px 0 0 48px;
 padding: 5px 0 10px 20px;
 font-size: 18px;
 font-weight: bold;
 color:#fff;
 background: transparent url("http://www.eco-study.net/wp/wp-content/themes/rakuraku/img/h2-bg.png") no-repeat 0 50%;
}