@charset "utf-8";

/* ---------------------------
- Author: 
  design studio tom'sOne
  Tomio Tsutsui
  http://toms1.net/
- Last modify:
  2010.03.18.
--------------------------- */

/* Core base-----------------------------------------------------------------------*/

body {
 background: #d9eef5 url(../common_images/head_bg.png) repeat-x left top;
 color: #1e334e;
 font-size: 100.01%; 
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 text-align: center; 
 margin: 0; 
 padding: 0;
}

/* Orera 9 */
;;body { font-family: "メイリオ", Meiryo, sans-serif; }

#header {
 background: url(../common_images/header_bg.png) no-repeat center top;
 height: 135px;
}

#wrapper {
 background: url(../common_images/sphere_bg.png) no-repeat 0 27px;
 position: relative;
 text-align: left;
 width: 920px;
 margin: 0 auto;
}

#Main {
 position: relative;
 width: 920px;
 margin: 0;
}

#footer {
 background: url(../common_images/footer_bg.png) repeat-x left top;
 min-width: 920px;
}

ul { list-style: none; }

.tLeft { text-align: left; }
.tRight { text-align: right; }
.tCent { text-align: center; }

.FLleft { float: left; }
.FLright { float: right; }

form {
 margin: 0;
 padding: 0;
}

.topPage { height: 1200px; }

/* Header Area ------------------------------*/

#headerCopy {
 color: #fff;
 font-size: 13px;
 background-color: transparent;
 height: 20px;
 margin: 0;
 padding-top: 5px;
}

#headLogo {
 position: absolute;
 top: 40px;
 left: 0;
 margin: 0;
}

#headLogo a {
 background: url(../common_images/common.png) no-repeat 0 0;
 width: 250px;
 height: 250px;
 margin: 0;
}

#headLogo a:hover { background-position: -250px 0; }

/* Global Navi ------------------------------*/

#globalNavi {
 position: absolute;
 top: 27px;
 right: 0;
 width: 560px;
 margin: 0;
 padding: 0;
}

#globalNavi li {
 float: left;
 margin: 0;
}

#globalNavi li a {
 background-image: url(../common_images/common.png);
 background-repeat: no-repeat;
 width: 140px;
 height: 80px;
}

#GN01 a { background-position: 0 -300px; }
#GN02 a { background-position: -140px -300px; }
#GN03 a { background-position: -280px -300px; }
#GN04 a { background-position: -420px -300px; }
#GN01 a:hover, #GN11 a { background-position: 0 -380px; }
#GN02 a:hover, #GN12 a { background-position: -140px -380px; }
#GN03 a:hover, #GN13 a { background-position: -280px -380px; }
#GN04 a:hover, #GN14 a { background-position: -420px -380px; }

/* Footer ----------------------------------*/

#footerInner {
 background: url(../common_images/footer_logo.png) no-repeat center bottom;
 position: relative;
 width: 920px;
 height: 220px;
 margin: 0 auto;
}

.returnBT {
 position: absolute;
 top: 0;
 right: 0;
 margin: 0;
}

.returnBT a {
 background: url(../common_images/common.png) no-repeat 0 -500px;
 width: 170px;
 height: 40px;
}

.returnBT a:hover { background-position: -170px -500px; }

address {
 background: url(../common_images/common.png) no-repeat 0 -600px;
 position: absolute;
 top: 60px;
 right: 0;
 width: 239px;
 height: 25px;
 margin: 0;
}

.footerNavi {
 position: absolute;
 top: 66px;
 left: 0;
 color: #bbd5ee;
 font-size: 12px;
 line-height: 1;
 text-align: left;
 background-color: transparent;
 width: 650px;
 margin: 0 0 0 -3px;
 padding: 0;
}

.footerNavi a { padding: 0 0.5em; }

.footerNavi a:link,.footerNavi a:visited {
 color: #ddf5ff;
 text-decoration: none;
 background-color: transparent;
}

.footerNavi a:hover {
 color: #fff;
 text-decoration: underline;
}

.challenge25 {
 position: absolute;
 top: 110px;
 left: 0;
 margin: 0;
}

/* Link Style ------------------------------*/

.lin01 a:link, .lin01 a:visited {
 color: #0e5599;
 text-decoration: none;
 background-color: transparent;
}

.lin01 a:hover {
 color: #2ea5d2;
 text-decoration: underline;
 background-color: transparent;
}

a img {
 margin: 0;
 border: none;
 vertical-align: top; 
}

.inquiryBN, .pdfBN {
 background-color: #fff;
 width: 190px;
 margin: 0;
}

.inquiryBN a, .pdfBN a {
 background-image: url(../common_images/common.png);
 background-repeat: no-repeat;
 width: 190px;
 height: 70px;
}

.inquiryBN a { background-position: -370px -500px; }
.pdfBN a { background-position: -370px -600px; }

.IMLink a:hover img, .inquiryBN a:hover, .pdfBN a:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
 -khtml-opacity: 0.7;
 -moz-opacity: 0.7;
 zoom: 1;
}

/* Font Style ------------------------------*/

#topPoint p {
 font-size: 13px;
 line-height: 1.6;
}

#proInfoInner p {
 font-size: 12px;
 line-height: 2;
}

.singleInstance dd, .doubleleInstance dd {
 font-size: 12px;
 line-height: 1.6;
}

.structure p, .inquiryGuide {
 font-size: 82%;
 line-height: 1.8;
}

.creatureTop dl, .creature dl, #greeting p {
 font-size: 75%;
 line-height: 1.8;
}

/* Top page -----------------------------------------------------------------------*/

#mainImage {
 background: url(../top_images/main_photo.jpg) no-repeat 0 0;
 position: absolute;
 top: 165px;
 right: 0;
 width: 410px;
 height: 475px;
 margin: 0;
}

#onSale {
 background: url(../top_images/on_sale.png) no-repeat 0 0;
 position: absolute;
 top: 650px;
 right: 60px;
 width: 285px;
 height: 25px;
 margin: 0;
}

#topLeft {
 float: left;
 width: 500px;
 margin: 345px 0 0;
}

#topPoint { margin: 0 0 0 30px; }

#topPoint h2, #topEcology, #topFree, #topEconomy, #topInstance h3 {
 background-image: url(../top_images/top_st.png);
 background-repeat: no-repeat;
}

#topPoint h2 {
 height: 25px;
 margin: 0;
}

#topPoint p {
 margin: 0;
 padding: 12px 0 0 20px;
}

#topPoint h3 {
 height: 20px;
 margin: 30px 0 0;
}

#topEcology { background-position: 0 -50px; }
#topFree { background-position: 0 -100px; }
#topEconomy { background-position: 0 -150px; }

#pointIM {
 background: url(../top_images/point_image.png) no-repeat 0 0;
 width: 338px;
 height: 312px;
 margin: 25px 0 0 46px;
}

#productsInfo {
 width: 490px;
 margin: 40px 0 0;
}

#productsInfo h2, #proInfoInner {
 background: url(../top_images/about.png) no-repeat 0 0;
 width: 490px;
 height: 58px;
 margin: 0;
}

#proInfoInner {
 background-position: left bottom;
 height: auto;
 margin: 0;
 padding-bottom: 26px;
}

#proInfoInner p {
 margin: 0;
 padding: 12px 30px 0;
}

#proInfoInner p.PIcaut, #proInfoInner p.PICtop {
 background-image: url(../top_images/topinfo_sign.png);
 background-repeat: no-repeat;
 line-height: 1.8;
 margin: 0;
 padding: 12px 30px 0 45px;
}

#proInfoInner p.PIcaut { background-position: 30px 16px; }
#proInfoInner p.PICtop {
 background-position: 30px 28px;
 padding-top: 24px; 
}

#topInstance {
 float: right;
 width: 390px;
 margin: 700px 0 0;
}

#topInstance h3 {
 background-position: 0 -200px;
 height: 22px;
}

.singleInstance {
 background: url(../top_images/instance_single.jpg) no-repeat left bottom;
 margin: 20px 0 0;
}

.singleInstance dt, .doubleleInstance dt {
 width: 390px;
 height: 155px;
 margin: 0;
}

.singleInstance dd {
 margin: 0;
 padding: 3px 12px 10px 18px;
}

#carDealer { background: url(../top_images/car_dealer.jpg) no-repeat 0 0; }
#restaurant { background: url(../top_images/restaurant.jpg) no-repeat 0 0; }
#clinicOffice { background: url(../top_images/office.jpg) no-repeat 0 0; }

.doubleleInstance {
 background: url(../top_images/instance_double.jpg) no-repeat left bottom;
 margin: 20px 0 0;
}

.doubleleInstance dd {
 width: 164px;
 margin: 0;
}

.doubleleInstance .instLeft, .doubleleInstance .instRight {
 float: left;
 padding: 3px 8px 10px 18px;
}

.doubleleInstance .instRight {
 margin-left: 10px
}

.topBN {
 width: 390px;
 margin: 30px 0 0;
 padding-bottom: 20px;
}

/* Structure page -----------------------------------------------------------------*/

#structureTitle {
 background: url(../structure/images/title.jpg) no-repeat 0 0;
 right: 0;
 width: 650px;
 height: 280px;
 margin: 102px 0 0 270px;
}

.structure h2 {
 background: url(../structure/images/structure_st.png) no-repeat 0 0;
 width: 306px;
 height: 22px;
 margin: -10px 0 0 30px;
}

#structureContTop {
 background: url(../structure/images/structure_st.png) no-repeat 30px -50px;
 margin: 10px 0 0;
 padding: 15px 45px 0;
}

#structureCont02 {
 background: url(../structure/images/planet220.png) no-repeat 60px 0;
 margin: 35px 0 0;
}

#structureCont02 p {
 padding: 0 0 0 350px;
}

#structureCont03 {
 padding: 35px 320px 0 30px;
}

#structureCont02 span, #structureCont03 span {
 margin-top: 13px;
 display: block;
}

.structPageBN {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 190px;
 margin: 0;
}

.structPageBN p { margin-bottom: 20px; }

/* Creature page ------------------------------------------------------------------*/

#creatureTitle {
 background: url(../creature/images/title.jpg) no-repeat 0 0;
 width: 650px;
 height: 280px;
 margin: 85px 0 0 270px;
}

.creatureTop, .creature {
 width: 860px;
 margin: 40px 0 0 30px;
}

.creatureTop { margin-top: -10px; }

#willowMoss { background: url(../creature/images/willow-moss_st.png) no-repeat right top;}
#numaEbi { background: url(../creature/images/numaebi_st.png) no-repeat right top;}
#ramshorn { background: url(../creature/images/ramshorn_st.png) no-repeat right top;}
#microbe { background: url(../creature/images/microbe_st.png) no-repeat right top;}

.creatureTop p, .creature p {
 float: left;
 margin: 0;
}

.creatureTop dl, .creature dl {
 float: right;
 width: 480px;
 margin: 0;
}

.creatureTop dl dt, .creature dl dt {
 width: 480px;
 height: 50px;
 margin: 0;
}

.creatureTop dl dd, .creature dl dd {
 margin: 0;
 padding: 10px 10px 0 0;
}

.creaturePageBN {
 width: 390px;
 margin: 0;
 padding: 30px 0 0;
}

/* Q and A page ------------------------------------------------------------------*/

#faqTitle {
 background: url(../faq/images/title.jpg) no-repeat 0 0;
 width: 610px;
 height: 305px;
 margin: 82px 0 0 310px;
}

#faqContainer {
 margin: -20px 0 0;
 padding: 0 30px 10px;
}

#faqST {
 background: url(../faq/images/qa_st.png) no-repeat 0 0;
 width: 860px;
 height: 33px;
 margin: 0;
}

#faqContainer dl {
	position: relative;
 font-size: 75%;
 line-height: 1.6;
 margin: 0;
 padding: 18px 0;
 border-bottom: 1px solid #fff;
}

#faqContainer dl dt {
 background: url(../faq/images/q_sign.png) no-repeat 0 0;
 float: left;
 width: 320px;
 margin: 0;
 padding-left: 30px;
}

#faqContainer dl dd {
 background: url(../faq/images/a_sign.png) no-repeat 0 0;
 float: right;
 width: 470px;
 margin: 0;
 padding-left: 30px;
}

#faqContainer dl dt span,#faqContainer dl dd span {
 font-size: 110%;
 font-weight: bold;
 display: block;
}

#faqContainer dl dt span { color: #e966c0; }
#faqContainer dl dd span { color: #1e9933; }
 
/* Company page -------------------------------------------------------------------*/

#companyTitle {
 background: url(../company/images/title.jpg) no-repeat 0 0;
 width: 650px;
 height: 300px;
 margin: 80px 0 0 270px;
}

#greeting {
 background: url(../company/images/fumoto_building.jpg) no-repeat right center;
 margin: -10px 0 0;
 padding-left: 30px;
}

#greeting h2, #profile h3 {
 background: url(../company/images/comp_st.png) no-repeat 0 0;
 width: 500px;
 height: 33px;
 margin: 0;
}

#greeting p {
 margin: 0;
 padding: 1em 390px 0 0;
}

#greeting p.nameSign {
 text-align: right;
 width: 495px;
 margin: 0;
 padding: 1em 0 0 0;
}

#profile {
 margin: 20px 0 0;
 padding-left: 30px;
}

#profile h3 { background-position: 0 -100px; }

#profileInner { margin-top: 10px; }

.overView {
 float: left;
 width: 500px;
}

#profileInner h4 {
 font-size: 82%;
 line-height: 1.8;
 margin: 0.25em 0 0;
}

#profileInner dl {
 font-size: 75%;
 line-height: 1.8;
 margin: 0.75em 0 0;
 padding-bottom: 0.25em;
 border-bottom: 1px solid #f2f7ff;
}

#profileInner dl dt {
 float: left;
 margin: 0;
 padding: 0.5em 0 0.33em 1em;
 border-top: 1px solid #eef5ff;
}

#profileInner dl dd {
 margin: 0;
 padding: 0.5em 0 0.33em 9.5em;
 border-top: 1px solid #f2f7ff;
}

.fumotoMap {
 float: right;
 width: 325px;
 height: 260px;
 margin: 36px 0 0;
}

/* Inquiry page -------------------------------------------------------------------*/

#inquiryTitle {
 background: url(../inquiry/images/title.png) no-repeat 0 0;
 width: 610px;
 height: 170px;
 margin: 125px 0 0 310px;
}

.inquiryGuide {
 margin: 0;
 padding: 30px 0 0 30px;
}

#inquiryContainer { margin: 25px 0 0; padding-bottom: 15px; }

#formArea {
 float: left;
 width: 620px;
}

#formArea h2 {
 background: url(../inquiry/images/form_bg.png) no-repeat 0 0;
 width: 620px;
 height: 58px;
 margin: 0;
}

#contactForm {
 background: url(../inquiry/images/form_bg.png) no-repeat left bottom;
 padding: 5px 30px 20px;
}

#contactForm dl, .inputCaution {
 font-size: 13px;
 line-height: 2;
 margin: 0;
 padding: 10px 0;
 border-bottom: 2px solid #fff;
}

.inputCaution {
 text-align: right;
 padding: 3px 0 6px;
}

#contactForm dl dt {
 float: left;
 margin: 0;
 padding: 0 0 0 30px;
}

#contactForm dl dd {
 margin: 0;
 padding: 0 0 0 190px;
}

.CFrequired {
 background: url(../inquiry/images/required.png) no-repeat 10px 7px;
}

.CFoption {
 background: url(../inquiry/images/option.png) no-repeat 10px 7px;
}

/* Form area ------------------------------*/

#contactForm dl input,#contactForm dl textarea {
 color: #058;
 font-size: 100%;
 background-color: #fff;
 vertical-align: middle;
 border: 1px solid #bbd9f2;
 margin: 0;
 padding: 0.25em;
}

.inp01 { width: 220px; }
.inp02  { width: 360px; }
textarea  { width: 360px; }

#CFBTbox {
 margin: 9px 0 0;
 padding: 10px 0 0 190px;
}

#CFBTbox .sendBT {
 float: left;
 margin: 0;
}

#CFBTbox .resetBT {
 float: right;
 margin: 0;
}

#CFBTbox .sendBT input, #CFBTbox .resetBT input,
input#comment-submit {
 color: #fff;
 font-size: 15px;
 font-weight: bold;
 text-transform: uppercase;
 background-color: #3388bb;
 padding: 0.25em;
 border: none;
 cursor: pointer;
}

#CFBTbox .resetBT input {
 color: #337eae;
 background-color: #cce7f2;
 border: 1px solid #99ccee;
}

#CFBTbox .sendBT input:hover, input#comment-submit:hover {
 background-color: #1eb5e5; 
}

#CFBTbox .resetBT input:hover { background-color: #eee; }

/* Caution area ---------------------------*/

#formCautionArea {
 float: right;
 width: 285px;
 margin-top: 150px;
}

#formCautionArea h3 {
 background: url(../inquiry/images/caution_bg.png) no-repeat 0 0;
 width: 285px;
 height: 40px;
 margin: 0;
}

#formCautionArea .cautText {
 background: url(../inquiry/images/caution_bg.png) no-repeat left center;
 width: 285px;
 margin: 0;
}

#formCautionArea p {
 font-size: 12px;
 line-height: 1.8;
 margin: 0;
 padding: 20px 20px 0 60px;
}

#formCautionArea .cautlast {
 background: url(../inquiry/images/caution_bg.png) no-repeat left bottom;
 height: 25px;
}

/* Inquiry BN ---------------------------*/

.inqBN {
 width: 190px;
 position: absolute;
 bottom: 75px;
 right: 0;
 margin: 0;
}

/* Completion page ----------------------*/

.completion { height: 510px; }

.completion h2, .completion h3 {
 font-size: 145%;
 margin: 0;
 padding: 25px 0 0 260px;
}

.completion h2 {color: #1e8e66; }
.completion h3 { font-size: 100%; }

.completion p {
 font-size: 82%;
 line-height: 2;
 margin: 0;
 padding: 10px 30px 0 260px;
}

/* Clear hack ---------------------------------------------------------------------*/

* html .clearfix, * html #faqContainer dl, * html #contactForm dl { zoom: 1; }
*:first-child+html .clearfix,
*:first-child+html #faqContainer dl,
*:first-child+html #contactForm dl { zoom: 1; }

.clearfix:after, #faqContainer dl:after,  #contactForm dl:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

/* Display set---------------------------------------------------------------------*/

#headLogo a, #globalNavi li a, .returnBT a, .inquiryBN a, .pdfBN a {
 text-indent: -9999px; 
 margin: 0;
 display: block;
 cursor: pointer;
 overflow: hidden;
}

.Ptitle {
 text-indent: -9999px;
 margin: 0;
}

address, #topPoint h2, #topPoint h3, #pointIM, #productsInfo h2, #topInstance h3,
#mainImage, #onSale, .singleInstance dt, .doubleleInstance dt, .Ptitle,
.structure h2, .creatureTop dl dt, .creature dl dt, #faqST,
#greeting h2, #profile h3, #formArea h2, #formCautionArea h3, .cautlast {
 text-indent: -9999px; 
}