@charset "UTF-8";

/* ================================================================ *
	CSS for MOOGA SUBLIME design 2009
 * ================================================================ */
/*Top*/
#contents_top #top_area { width: 548px; float: left; }
#contents_top #top_area h4 { margin: 0 0 5px; padding: 0; }
#contents_top #top_area ul#top_icon { width: 540px; margin-right: auto; margin-bottom: 20px; margin-left: auto; }
#contents_top #top_area ul#top_icon li { float: left; margin-right: 5px; margin-left: 5px; }
#contents_top #top_area #chara01 { background-image: url(../_images/top/bk_chara01.gif); background-repeat: no-repeat; background-position: left top; width: 548px; height: 220px; margin-bottom: 10px; }
#contents_top #top_area #chara02 { background-image: url(../_images/top/bk_chara02.gif); background-repeat: no-repeat; background-position: left top; width: 548px; height: 220px; margin-bottom: 10px; }
#contents_top #top_area #chara03 { background-image: url(../_images/top/bk_chara03.gif); background-repeat: no-repeat; background-position: left top; width: 548px; height: 220px; }
#contents_top #top_area .chara_box { width: 374px; float: right; margin-top: 40px; margin-right: 20px; }
*html #contents_top #top_area .chara_box { margin-top: 40px; margin-right: 10px; width: 374px; float: right; }
#contents_top #top_area .chara_box h5 { margin-bottom: 10px; }
#contents_top #top_area .chara_box a.btn_chara { color: #323232; font-size: 1.2em; font-weight: bold; background-image: url(../_images/top/btn_chara.gif); background-repeat: no-repeat; background-position: left center; height: 16px; margin-top: 10px; padding-left: 20px; display: block; }
#contents_top #top_area .chara_box a.btn_chara:hover { color: #f30f84; font-size: 1.2em; font-weight: bold; background-image: url(../_images/top/btn_chara.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding-left: 20px; }
#contents_top #top_area .chara_box01 { width: 374px; float: right; margin-top: 30px; margin-right: 20px; margin-bottom: 20px; }
*html #contents_top #top_area .chara_box01 { margin-top: 30px; margin-right: 10px; margin-bottom: 20px; width: 374px; float: right; }
#contents_top #top_area .chara_box01 h5 { margin-bottom: 10px; }
#contents_top #top_area .chara_box01 a.btn_chara { color: #323232; font-size: 1.2em; font-weight: bold; background-image: url(../_images/top/btn_chara.gif); background-repeat: no-repeat; background-position: left center; height: 16px; margin-top: 10px; padding-left: 20px; display: block; }
#contents_top #top_area .chara_box01 a.btn_chara:hover { color: #f30f84; font-size: 1.2em; font-weight: bold; background-image: url(../_images/top/btn_chara.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; padding-left: 20px; }
#contents_top #top_area #top_news { width: 544px; margin: 20px auto; }
#contents_top #top_area #top_news h5 { margin-bottom: 10px; }
#contents_top #top_area .news_box { background-color: #f1f1f1; padding: 10px; }
#contents_top #top_area .news_box02 { padding: 10px; }
#contents_top #top_area #top_news p.lead { background-image: url(../_images/top/icon_news.gif); background-repeat: no-repeat; background-position: left 3px; margin-bottom: 3px; padding-left: 14px; }
#contents_top #top_area #top_news p.date_new { font-size: 1em; background-image: url(../_images/top/icon_new.gif); background-repeat: no-repeat; background-position: left center; height: 16px; margin-left: 14px; padding-left: 40px; }
#contents_top #top_area #top_news p.date { font-size: 1em; height: 16px; margin-left: 14px; }
#contents_top #top_side { width: 360px; float: right; }
#contents_top #top_side h5 { font-size: 1.2em; font-weight: bold; text-align: center; padding-top: 5px; padding-bottom: 5px; }
#contents_top #top_side .case_box { width: 360px; margin-bottom: 20px; }
#contents_top #top_side h4#top_camp { position: relative; top: -12px; }
#contents_top #top_side h4#top_case {  }
#contents_top #top_side #bnr_area { margin-top: 30px; }
/*case*/
#contents .case_box { background-image: url(../_images/case/bk_caseboxmid.gif); background-repeat: repeat-y; background-position: center top; width: 890px; margin-right: auto; margin-bottom: 25px; margin-left: auto; }
#contents .case_box .head { background-image: url(../_images/case/bk_caseboxhead.gif); background-repeat: no-repeat; background-position: center top; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .case_box .foot { background-image: url(../_images/case/bk_caseboxfoot.gif); background-repeat: no-repeat; background-position: center bottom; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .case_box .mid { width: 860px; margin-right: auto; margin-left: auto; padding: 15px; }
#contents .case_box iframe { background-color: #000; float: left; }
#contents .case_box .caption_area { width: 460px; float: right; }
#contents .case_box .caption_area .title_area { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 5px double #e6e6e6; }
#contents .case_box .caption_area .title_area p.case { color: #323232; font-size: 1.2em; font-weight: bold; text-align: center; width: 54px; float: left; margin-right: 5px; padding: 2px 5px; border: solid 1px #e6e6e6; }
#contents .case_box .caption_area .title_area h4 { color: #323232; font-size: 1.4em; font-weight: bold; position: relative; top: 4px; width: 380px; float: left; }
#contents .case_box .caption_area p.lead { font-size: 1.2em; line-height: 160%; margin-bottom: 15px; }
#contents .case_box .caption_area a.case_link { font-size: 1.2em; line-height: 160%; margin-bottom: 15px; }
#contents .case_box .caption_area a.btn_case { background-image: url(../_images/case/btn_case.gif); background-repeat: no-repeat; background-position: left top; width: 180px; height: 20px; text-indent: -9999px; display: block; }
#contents .case_box .caption_area a.btn_case:hover { background-position: left bottom; }
/*scene*/
#contents .scene_box { background-image: url(../_images/case/bk_caseboxmid.gif); background-repeat: repeat-y; background-position: center top; width: 890px; margin-right: auto; margin-bottom: 25px; margin-left: auto; }
#contents .scene_box .head { background-image: url(../_images/case/bk_caseboxhead.gif); background-repeat: no-repeat; background-position: center top; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .scene_box .cont_foot { background-image: url(../_images/case/bk_caseboxfoot.gif); background-repeat: no-repeat; background-position: center bottom; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .scene_box .mid { width: 840px; margin-right: auto; margin-left: auto; padding: 15px 25px; }
#contents .scene_box iframe { background-color: #000; width: 360px; float: right; }
#contents .scene_box img.scene_img { width: 360px; float: right; }
#contents .scene_box .caption_area { width: 460px; float: left; }
#contents .scene_box .caption_area .title_area { margin-bottom: 10px; padding-bottom: 7px; border-bottom: 5px double #e6e6e6; }
#contents .scene_box .caption_area .title_area h4 { position: relative; top: 4px; width: 460px; float: left; }
#contents .scene_box .caption_area p.lead { font-size: 1.3em; line-height: 160%; margin-bottom: 15px; }
#contents .scene_box .caption_area ul { }
#contents .scene_box .caption_area ul li { font-size: 1.2em; font-weight: bold; background-image: url(../_images/scene/icon_01.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 8px; padding-left: 20px; }
/*Flow*/
#contents .flow_box { background-image: url(../_images/flow/bk_mid.gif); background-repeat: repeat-y; background-position: center top; width: 570px; float: left; margin-bottom: 25px; }
#contents .flow_box .head { background-image: url(../_images/flow/bk_head.gif); background-repeat: no-repeat; background-position: center top; width: 570px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .flow_box .foot { background-image: url(../_images/flow/bk_foot.gif); background-repeat: no-repeat; background-position: center bottom; width: 570px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .flow_box .mid { width: 540px; margin-right: auto; margin-left: auto; padding: 5px 15px 15px; }
#contents .flow_box .title_area { width: 520px; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-bottom: 7px; border-bottom: 5px double #e6e6e6; }
#contents .flow_box .title_area h4 { color: #323232; font-size: 1.4em; font-weight: bold; position: relative; top: 4px; width: 460px; float: left; }
#contents .flow_box .flow_detail { background-image: url(../_images/flow/icon_bottom.gif); background-repeat: no-repeat; background-position: center bottom; width: 520px; height: 70px; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-bottom: 25px; }
#contents .flow_box .flow_detail2 { background-repeat: no-repeat; background-position: center bottom; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-bottom: 25px; width: 520px; }
#contents .flow_box .flow_title { width: 520px; height: 35px; margin-right: auto; margin-bottom: 10px; margin-left: auto; border: solid 1px #aaa; }
#contents .flow_box .flow_title .step { background-image: url(../_images/flow/bk_title01.gif); background-repeat: repeat-x; background-position: left top; width: 84px; height: 35px; float: left; border-right: 1px solid #aaa; }
#contents .flow_box .flow_title .step img { width: 56px; margin-top: 8px; margin-right: auto; margin-left: auto; }
#contents .flow_box .flow_title .contents { background-image: url(../_images/flow/bk_title02.gif); background-repeat: repeat-x; background-position: left top; width: 435px; height: 35px; float: right; }
#contents .flow_box .flow_title .contents h5 { color: #323232; font-size: 1.4em; font-weight: bold; margin-top: 9px; padding-left: 10px; }
#contents .flow_box .flow_detail a.btn_flow01 { background-image: url(../_images/flow/btn_flow01.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 257px; height: 20px; margin-left: 5px; display: block; }
#contents .flow_box .flow_detail a.btn_flow01:hover { background-position: left bottom; }
#contents .flow_box .flow_detail a.btn_flow02 { background-image: url(../_images/flow/btn_flow02.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 327px; height: 20px; margin-left: 5px; display: block; }
#contents .flow_box .flow_detail a.btn_flow02:hover { background-position: left bottom; }
#contents .flow_box .flow_detail a.btn_flow03 { background-image: url(../_images/flow/btn_flow03.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 390px; height: 20px; margin-left: 5px; display: block; }
#contents .flow_box .flow_detail a.btn_flow03:hover { background-position: left bottom; }
#contents #side_bnr { width: 310px; float: right; }
/*price*/
#contents .price_box { background-image: url(../_images/case/bk_caseboxmid.gif); background-repeat: repeat-y; background-position: center top; width: 890px; margin-right: auto; margin-bottom: 25px; margin-left: auto; }
#contents .price_box .head { background-image: url(../_images/case/bk_caseboxhead.gif); background-repeat: no-repeat; background-position: center top; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .price_box .foot { background-image: url(../_images/case/bk_caseboxfoot.gif); background-repeat: no-repeat; background-position: center bottom; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .price_box .mid { width: 840px; margin-right: auto; margin-left: auto; padding: 5px 25px 15px; }
#contents .price_box .title_area { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 5px double #e6e6e6; }
#contents .price_box .title_area h4 { color: #323232; font-size: 1.4em; font-weight: bold; position: relative; top: 4px; width: 380px; float: left; }
#contents .price_box .caption_area { width: 470px; float: left; }
#contents .price_box .caption_area .plan { background-color: #f30f84; margin-bottom: 15px; border: solid 1px #f30f84; }
#contents .price_box .caption_area .plan_title { background-color: #f30f84; width: 120px; height: auto; float: left; padding-top: 38px; padding-right: 20px; padding-left: 20px; }
#contents .price_box .caption_area .plan_title h5 { color: #fff; font-size: 1.2em; font-weight: bold; float: left; }
#contents .price_box .caption_area .plan_contents { background-color: #fff; width: 260px; float: right; padding: 10px 15px 10px 20px; }
#contents .price_box .caption_area p.lead { font-size: 1.3em; line-height: 160%; margin-bottom: 15px; }
#contents .price_box .caption_area a.btn_case { background-image: url(../_images/case/btn_case.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 148px; height: 20px; display: block; }
#contents .price_box .caption_area a.btn_case:hover { background-position: left bottom; }
#contents .price_box .caption_area ul { margin-bottom: 10px; }
#contents .price_box .caption_area ul li { font-size: 1.2em; font-weight: bold; background-image: url(../_images/scene/icon_01.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 8px; padding-left: 20px; }
#contents .price_box .caption_area a.btn_flow01 { background-image: url(../_images/flow/btn_flow01.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 257px; height: 20px; margin-bottom: 5px; display: block; }
#contents .price_box .caption_area a.btn_flow01:hover { background-position: left bottom; }
#contents .price_box .caption_area p.contact { line-height: 160%; margin-left: 25px; }
/*faq*/
#contents .faq_box { background-image: url(../_images/case/bk_caseboxmid.gif); background-repeat: repeat-y; background-position: center top; width: 890px; margin-right: auto; margin-bottom: 25px; margin-left: auto; }
#contents .faq_box .head { background-image: url(../_images/case/bk_caseboxhead.gif); background-repeat: no-repeat; background-position: center top; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .faq_box .foot { background-image: url(../_images/case/bk_caseboxfoot.gif); background-repeat: no-repeat; background-position: center bottom; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .faq_box .mid { width: 840px; margin-right: auto; margin-left: auto; padding: 5px 25px; }
#contents .faq_box .title_area { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 5px double #e6e6e6; }
#contents .faq_box .title_area h4 { color: #323232; font-size: 1.4em; font-weight: bold; position: relative; top: 4px; width: 380px; float: left; }
#contents .faq_box .contents_area { margin-bottom: 20px; }
#contents .faq_box .contents_area h5 { font-size: 1.4em; font-weight: bold; background-image: url(../_images/faq/icon_question.gif); background-repeat: no-repeat; background-position: left center; height: 23px; padding-top: 5px; padding-left: 30px; }
#contents .faq_box .contents_area p.answer { background-image: url(../_images/faq/icon_answer.gif); background-repeat: no-repeat; background-position: left 3px; padding-top: 5px; padding-bottom: 5px; padding-left: 30px; }
/*service*/
#contents #service_area { width: 528px; float: left; padding-bottom: 20px; }
#contents .service_box { background-image: url(../_images/service/bk_mid.gif); background-repeat: repeat-y; background-position: center top; width: 528px; margin-bottom: 25px; }
#contents .service_box p { width: 490px; margin-right: auto; margin-left: auto; }
#contents .service_box .head { background-image: url(../_images/service/bk_head.gif); background-repeat: no-repeat; background-position: center top; width: 528px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .service_box .foot { background-image: url(../_images/service/bk_foot.gif); background-repeat: no-repeat; background-position: center bottom; width: 528px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .service_box .mid { width: 518px; margin-right: auto; margin-left: auto; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; }
#contents .service_box .title_area { width: 490px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-bottom: 7px; border-bottom: 5px double #e6e6e6; }
#contents .service_box .title_area h4 { color: #323232; font-size: 1.4em; font-weight: bold; position: relative; top: 4px; width: 460px; float: left; }
#contents .spec_box { width: 428px; margin-bottom: 30px; border: solid 5px #e6e6e6; }
#contents .spec_title { background-color: #f0f1f1; height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
#contents .spec_title h4 { font-size: 1.2em; font-weight: bold; }
#contents .spec_detail { padding: 10px; }
#contents .spec_detail ul { }
#contents .spec_detail ul li { font-size: 1.2em; margin-bottom: 5px; list-style-type: disc; list-style-position: inside; display: list-item; }
#contents #service_bnr { width: 360px; float: right; }
/*form / trial*/
#contents .form_box { background-image: url(../_images/case/bk_caseboxmid.gif); background-repeat: repeat-y; background-position: center top; width: 890px; margin-right: auto; margin-bottom: 25px; margin-left: auto; }
#contents .form_box .head { background-image: url(../_images/case/bk_caseboxhead.gif); background-repeat: no-repeat; background-position: center top; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .form_box .foot { background-image: url(../_images/case/bk_caseboxfoot.gif); background-repeat: no-repeat; background-position: center bottom; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .form_box .mid { width: 840px; margin-right: auto; margin-left: auto; padding: 5px 25px 20px; }
#contents .form_box .title_area { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 5px double #e6e6e6; }
#contents .form_box .title_area h4 { color: #323232; font-size: 1.4em; font-weight: bold; position: relative; top: 4px; width: 380px; float: left; }
#contents .form_box p.form_lead { font-size: 1.3em; width: 800px; margin-right: auto; margin-bottom: 40px; margin-left: auto; }
#contents .form_box img.tel { position: relative; top: -20px; width: 800px; margin-right: auto; margin-left: auto; }
#contents .form_box p.form_thanks { font-size: 1.4em; line-height: 180%; margin-right: auto; margin-bottom: 40px; margin-left: auto; width: 620px; }
#contents .form_box img.thanks { margin-right: auto; margin-bottom: 30px; margin-left: auto; border-bottom: 1px dotted #666; }
#contents .form_box #form { width: 800px; margin-right: auto; margin-left: auto; }
#contents .form_box #form h4 { margin-bottom: 5px; }
#contents .form_box #form .question_area { background-color: #f0f0f0; margin-bottom: 25px; padding: 15px; }
#contents .form_box #form .question_area p.confirm { color: #fa3e9f; font-size: 1.4em; font-weight: bold; }
#contents .form_box #form .question_area h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 5px; }
#contents .form_box #form .question_area table { }
#contents .form_box #form .question_area table tr th { text-align: left; width: 165px; padding-top: 5px; padding-bottom: 5px; }
#contents .form_box #form .question_area table tr th p { font-size: 1.2em; font-weight: bold; }
#contents .form_box #form .question_area table tr th p span.must { color: #fa3e9f; font-weight: normal; margin-left: 5px; }
#contents .form_box #form .question_area table tr td { padding-top: 5px; padding-bottom: 5px; }
#contents .form_box #form .question_area table tr td p.caption { font-size: 1em; }
#contents .form_box #form #btn_area { width: 450px; margin: 40px auto 20px; }
#contents .form_box #form #btn_area02 { margin: 20px auto; width: 540px; float: left; }
#contents .form_box #form #btn_area02 input.btn_submit { width: 260px; float: right; }
#contents .form_box #form #btn_area02 a img.btn_cancel { width: 200px; float: left; }
#contents .form_box #form #btn_area03 { margin: 40px auto 20px; width: 500px; }
#contents .form_box #kiyaku { width: 780px; height: 100px; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding: 10px; border: solid 1px #e6e6e6; display: block; }
#contents .form_box #kiyaku p { }
#contents .form_box textarea.contact { display: block; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: 760px; height: 100px; }
#contents .form_box .contents_area { margin-bottom: 15px; }
#contents .form_box .contents_area h5 { font-size: 1.4em; font-weight: bold; background-image: url(../_images/faq/icon_question.gif); background-repeat: no-repeat; background-position: left center; height: 23px; padding-top: 5px; padding-left: 30px; }
#contents .form_box .contents_area p.answer { padding-left: 30px; }
/*sitemap*/
#contents .sitemap_box { background-image: url(../_images/case/bk_caseboxmid.gif); background-repeat: repeat-y; background-position: center top; width: 890px; margin-right: auto; margin-bottom: 25px; margin-left: auto; }
#contents .sitemap_box .head { background-image: url(../_images/case/bk_caseboxhead.gif); background-repeat: no-repeat; background-position: center top; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .sitemap_box .foot { background-image: url(../_images/case/bk_caseboxfoot.gif); background-repeat: no-repeat; background-position: center bottom; width: 890px; height: 10px; margin-right: auto; margin-left: auto; }
#contents .sitemap_box .mid { width: 840px; margin-right: auto; margin-left: auto; padding: 5px 25px 50px; }
#contents .sitemap_box .title_area { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 5px double #e6e6e6; }
#contents .sitemap_box .title_area h4 { color: #323232; font-size: 1.4em; font-weight: bold; position: relative; top: 4px; width: 380px; float: left; }
#contents .sitemap_box .sitemap_top { width: 640px; float: left; margin-left: 70px; }
#contents .sitemap_box .sitemap_left { margin-left: 70px; width: 300px; float: left; clear: left; }
#contents .sitemap_box .sitemap_right { width: 360px; float: right; margin-left: 30px; }
#contents .sitemap_box a.sitemap { color: #474747; font-size: 1.4em; font-weight: bold; background-image: url(../_images/top/btn_chara.gif); background-repeat: no-repeat; background-position: left center; height: 18px; float: left; clear: left; margin-top: 30px; padding-left: 20px; }
#contents .sitemap_box a.sitemap:hover { color: #f5228f; text-decoration: none; }
#contents .sitemap_box a.sitemap2 { color: #474747; font-size: 1.2em; font-weight: bold; background-image: url(../_images/sitemap/icon_sitemap2.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; height: 14px; float: left; clear: left; margin-top: 10px; margin-left: 20px; }
#contents .sitemap_box a.sitemap2:hover { color: #f5228f; text-decoration: none; }