@charset "UTF-8";

/*--------------------------------------
プラン選択用のレイアウト
--------------------------------------*/

/* contents ========================= */

#title h3 {
	background-image: url(../images/kaitai_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#title2 h3 {
	background-image: url(../images/ichimai_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#main p.lead {
width: 750px;
margin: 15px 27px 0;
}

/* プラン比較部分 */
#planList {
width: 730px;
margin: 10px 37px 0;
}

#planList ul li {
float: left;
width: 230px;
height: 512px;
padding-left: 20px;
}

#planList ul li.planFree {
padding-left: 0;
background: url(../images/plan_bg_free.jpg) right bottom no-repeat;
}

#planList ul li.planStd {
background: url(../images/plan_bg_std.jpg) right bottom no-repeat;
}

#planList ul li.planAdv {
background: url(../images/plan_bg_adv.jpg) right bottom no-repeat;
}

#planList ul li h4 {
width: 230px;
height: 86px;
text-indent: -9999px;
}

#planList ul li p.body,
#planList ul li p.detail {
width: 230px;
height: 160px;
text-indent: -9999px;
}

#planList ul li p.button {
width: 199px;
height: 71px;
padding: 16px 0 0 16px;
}

#planList ul li p.button a {
display: block;
width: 199px;
height: 71px;
text-indent: -9999px;
}

#planList ul li.planFree h4 {
background: url(../images/plan_name_free.jpg) left top no-repeat;
}

#planList ul li.planStd h4 {
background: url(../images/plan_name_std.jpg) left top no-repeat;
}

#planList ul li.planAdv h4 {
background: url(../images/plan_name_adv.jpg) left top no-repeat;
}

#planList ul li.planFree p.body {
background: url(../images/plan_body_free.jpg) left top no-repeat;
}

#planList ul li.planStd p.body {
background: url(../images/plan_body_std.jpg) left top no-repeat;
}

#planList ul li.planAdv p.body {
background: url(../images/plan_body_adv.jpg) left top no-repeat;
}

#planList ul li.planFree p.detail {
background: url(../images/plan_detail_free.jpg) left top no-repeat;
}

#planList ul li.planStd p.detail {
background: url(../images/plan_detail_std.jpg) left top no-repeat;
}

#planList ul li.planAdv p.detail {
background: url(../images/plan_detail_adv.jpg) left top no-repeat;
}

#planList ul li.planFree p.button a:link,
#planList ul li.planFree p.button a:visited {
background: url(../images/plan_bt_free_up.jpg) left top no-repeat;
}

#planList ul li.planFree p.button a:hover,
#planList ul li.planFree p.button a:focus,
#planList ul li.planFree p.button a:active {
background: url(../images/plan_bt_free_ov.jpg) left top no-repeat;
}

#planList ul li.planStd p.button a:link,
#planList ul li.planStd p.button a:visited {
background: url(../images/plan_bt_std_up.jpg) left top no-repeat;
}

#planList ul li.planStd p.button a:hover,
#planList ul li.planStd p.button a:focus,
#planList ul li.planStd p.button a:active {
background: url(../images/plan_bt_std_ov.jpg) left top no-repeat;
}

#planList ul li.planAdv p.button a:link,
#planList ul li.planAdv p.button a:visited {
background: url(../images/plan_bt_adv_up.jpg) left top no-repeat;
}

#planList ul li.planAdv p.button a:hover,
#planList ul li.planAdv p.button a:focus,
#planList ul li.planAdv p.button a:active {
background: url(../images/plan_bt_adv_ov.jpg) left top no-repeat;
}


/* よくある質問部分 */
#planFaq {
	width: 750px;
	margin-top: 100px;
	margin-right: 27px;
	margin-bottom: 0;
	margin-left: 27px;
}

#planFaq h4 {
width: 732px;
height: 46px;
padding: 0 0 0 18px;
font-size: 14px;
line-height: 100%;
background: url(../images/plan_qa_head_bg.jpg) left top no-repeat;
}

#planFaq ul li {
width: 750px;
padding-top: 20px;
background: url(../images/qa_dotline.gif) left top repeat-x;
}

#planFaq ul li.first {
padding-top: 10px;
background: none;
}

#planFaq ul li p {
width: 725px;
padding: 0 0 0 25px;
}

#planFaq ul li p.question {
margin-bottom: 10px;
font-weight: bold;
background: url(../images/qa_q_mark.gif) left 2px no-repeat;
}

#planFaq ul li p.answer {
margin-bottom: 20px;
background: url(../images/qa_a_mark.gif) left 2px no-repeat;
}