@charset "UTF-8";

/* -----------------------------------------------
FileName:layout.css
----------------------------------------------- */

/* メインコンテンツ
------------------------------------------------*/
div.main {
	margin-top:-1px;
	margin-left:0 !important;
	padding: 0;
	width:950px !important;
	position:relative;
	font-size:12px;
}

.main_visual{ background:url(../images/mainvisual.jpg) no-repeat top left; height:366px;}
.main_visual p,.main_visual h1,.main_visual h2{ display:none;}


.content_main { padding:0 70px 0px; line-height:140%;}
.content_main ul.menu{ margin-bottom:30px; text-align:right;}
.content_main ul.menu li{ margin-right:35px; display:inline;}
.content_main h2{ margin-bottom:20px; height:36px; text-indent:-99999px;}

.content_main #about,.content_main #take,.content_main #point,.content_main #howto,.content_main #contact{ margin-bottom:40px; overflow:hidden; position:relative; zoom:1;}

.content_main .sectionL2{ margin:0 auto; width:780px;}

.content_main #about{}
.content_main #about h2{ background:url(../images/tit_about.gif) no-repeat top left;}
.content_main #about .img{}
.content_main #about .btn{ text-align:right;}

.content_main #take .sectionL2{ background:url(../images/take_img.jpg) no-repeat right bottom;}
.content_main #take h2{ background:url(../images/tit_take.gif) no-repeat top left;}
.content_main #take .text{ margin-bottom:20px;}
.content_main #take table{ border-top:1px solid #7CCAEC; width:610px;}
.content_main #take table tr{}
.content_main #take table tr th{ width:100px; text-indent:-99999px;}
.content_main #take table tr th,.content_main #take table tr td{ padding:15px 0; border-bottom:1px solid #7CCAEC;}
.content_main #take table tr td{ padding-left:15px;}
.content_main #take table tr.kantou th{ background:url(../images/take_kantou.gif) no-repeat left center;}
.content_main #take table tr.tyubu th{ background:url(../images/take_tyubu.gif) no-repeat center left;}
.content_main #take table tr.kansai th{ background:url(../images/take_kansai.gif) no-repeat center left;}
.content_main #take table tr.tyugoku th{ background:url(../images/take_tyugoku.gif) no-repeat center left;}
.content_main #take table tr.kyusyu th{ background:url(../images/take_kyusyu.gif) no-repeat center left;}



.content_main #take table tr.kantou td{}
.content_main #take table tr.tyubu td{}
.content_main #take table tr.kansai td{}
.content_main #take table tr.tyugoku td{}
.content_main #take table tr.kyusyu td{}
.content_main #take .notes{ padding:12px 15px 15px; background:#FAFAFA url(../images/bg_s.gif) no-repeat bottom left; width:580px;}

.content_main #point{ background:url(../images/point_img.jpg) no-repeat 15px 56px;}
.content_main #point h2{ background:url(../images/tit_point.gif) no-repeat top left;}
.content_main #point .sectionL2{ padding-right:15px; float:right; width:640px;}
.content_main #point .img_text{ margin-bottom:5px;}
.content_main #point .notes{ margin-bottom:20px; background:#FAFAFA url(../images/bg_m_top.gif) no-repeat top left;}
.content_main #point .notes span.inner{ padding:12px 15px; background:url(../images/bg_m_btm.gif) no-repeat bottom left; display:block;}
.content_main #point ul{ margin-bottom:35px;}
.content_main #point ul li{ margin-right:2px; display:inline;}
.content_main #point .point_service{ margin-bottom:20px;}

.content_main #howto{}
.content_main #howto h2{ background:url(../images/tit_howto.gif) no-repeat top left;}
.content_main #howto .step{ margin-right:12px; margin-bottom:5px; float:left; width:185px; background:url(../images/howto_step_bg_mdl.gif) repeat-y top left;}
.content_main #howto #fourth.step{ margin-right:0;}
.content_main #howto dl{ background:url(../images/howto_step_bg_btm.gif) no-repeat bottom left; min-height:325px; height: auto !important; height: 325px;}
.content_main #howto dl dt{}
.content_main #howto dl dd{ padding:0 13px;}
.content_main #howto dl dd.img{ text-align:center;}
.content_main #howto dl dd.text{}
.content_main #howto dl dd.btn{ text-align:center;}
.content_main #howto #first dt{ margin-bottom:20px;}
.content_main #howto #first dd.img{ margin-bottom:29px;}
.content_main #howto #first dd.text{ margin-bottom:34px; text-align:center;}
.content_main #howto #second dt{ margin-bottom:35px;}
.content_main #howto #second dd.img{ margin-bottom:47px;}
.content_main #howto #second dd.text{ margin-bottom:17px;}
.content_main #howto #third dt{ margin-bottom:11px;}
.content_main #howto #third dd.img{ margin-bottom:23px;}
.content_main #howto #fourth dt{ margin-bottom:11px;}
.content_main #howto #fourth dd.img{ margin-bottom:27px;}
.content_main #howto .notes{ margin-bottom:20px; background:#FAFAFA url(../images/bg_l_top.gif) no-repeat top left; clear:both;}
.content_main #howto .notes span.inner{ padding:12px 15px; background:url(../images/bg_l_btm.gif) no-repeat bottom left; display:block;}


.content_main #contact{ margin-bottom:0; background:url(../images/contact_img.jpg) no-repeat 15px top;}
.content_main #contact h2{ margin:31px 0 28px 125px; background:url(../images/tit_contact.gif) no-repeat top left; height:38px;}
.content_main #contact .sectionL2{width:810px; background:url(../images/contact_bg_mdl.jpg) repeat-y bottom left;}
.content_main #contact .sectionL2 .inner{ background:url(../images/contact_bg_top.jpg) no-repeat top left;}
.content_main #contact #ionselect{ background:url(../images/contact_bg_btm.jpg) no-repeat bottom left;}
.content_main #contact .sectionL3{}
.content_main #contact .sectionL3 h3{ margin-bottom:19px; width:780px; height:26px; text-indent:-99999px; clear:both;}
.content_main #contact #waoncard{ padding:21px 15px;}
.content_main #contact #waoncard h3{ background:url(../images/contact_subtitl1.gif) no-repeat top left;}
.content_main #contact #waonprus{ padding:0 15px 20px;}
.content_main #contact #waonprus h3{ background:url(../images/contact_subtitl2.gif) no-repeat top left;}
.content_main #contact #ionselect{ padding:0 15px 20px;}
.content_main #contact #ionselect h3{ background:url(../images/contact_subtitl3.gif) no-repeat top left;}
.content_main #contact .sectionL3 p.img1{ margin-left:10px; float:left;}
.content_main #contact .sectionL3 p.img2{ margin-left:350px;}
.content_main #contact{}


#faq .content_main h2{ margin-bottom:20px; height:36px; text-indent:-99999px; background:url(../images/tit_faq.gif) no-repeat top left;}
#card .content_main h2{ margin-bottom:20px; height:36px; text-indent:-99999px; background:url(../images/tit_card.gif) no-repeat top left;}
#faq .main_visual,#card .main_visual{ background:url(../images/mainvisual_2nd.jpg) no-repeat top left; height:129px;}

#card table{ margin-bottom:10px; border-top:2px solid #7CCAEC; border-right:1px solid #7CCAEC;}
#card table th{ color:#144F7F; padding:5px 3px; border-bottom:1px solid #7CCAEC; border-left:1px solid #7CCAEC; background:#F6F6F6;}
#card table td{ padding:5px 3px; border-bottom:1px solid #7CCAEC; border-left:1px solid #7CCAEC;}
#card table th.sub{ color:#333; font-weight:normal; padding-left:0; border-left:none; border-bottom:none; background:#F6F6F6 url(../images/card_tbl_th_bg.gif) repeat-x left bottom;}
#card table td.sub{ border-bottom:none; background: url(../images/card_tbl_td_bg.gif) repeat-x left bottom;}
#card table th.sub_end{ color:#333; font-weight:normal; padding-left:0; border-left:none;}
/*
#card table th.widthSize{ width:180px !important;}
#card table td.widthSize{ width:140px !important;}
*/


#faq{}
#faq .sectionL1{}
#faq .sectionL1 dl.right,#faq .sectionL1 dl.left{ width:380px;}
#faq .sectionL1 dl.right dt{background:#7ccaec; padding:3px; margin-bottom:5px; width:362px; color:#FFFFFF; font-weight:bold;}
#faq .sectionL1 dl.left dt{background:#7ccaec; padding:3px; margin-bottom:5px; width:362px; color:#FFFFFF; font-weight:bold;}
#faq .sectionL1 dl dd{ margin-bottom:8px; padding-left:10px; background:url(../images/faq_icon.gif) no-repeat left 0.5em; line-height:1.4em;}
#faq .sectionL1 dl.left{ margin-left:15px; float:left;}
#faq .sectionL1 dl.right{ margin-right:15px; float:right;}
#faq .sectionL2{ clear:both;}
#faq .sectionL2 h3{ margin-bottom:12px; padding:2px 15px; font-size:16px; color:#054477; background:url(../images/faq_tit_icon.gif) no-repeat left 0.2em;}
#faq .sectionL3{ margin-bottom:12px; background:url(../images/faq_bg_mdl.gif) repeat-y left top;}
#faq .sectionL3 .inner{ background:url(../images/faq_bg_top.gif) no-repeat left top;}
#faq .sectionL3 .inner dl{ padding:15px; background:url(../images/faq_bg_btm.gif) no-repeat left bottom;}
#faq .sectionL3 .inner dl dt{ margin-bottom:6px; padding:3px 20px; font-size:14px; color:#144F7F; background:url(../images/faq_subtit_q.gif) no-repeat left 0.25em;}
#faq .sectionL3 .inner dl dd{ padding:3px 20px; background:url(../images/faq_subtit_a.gif) no-repeat left 0.25em;}
.content_main span.space{ color:#FAFAFA;}
.content_main ul.notes li{ margin:0; padding:0 0 0 15px; background:url(../images/notes.gif) no-repeat left 4px; display:block !important;}
.content_main ul.notes li.hack{ *background-position:15px 4px;}