@charset "utf-8";

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

/*-------------------------------------------------------------
	main
-------------------------------------------------------------*/
h2 {
	background: url(../img/common/h2_plan.jpg) no-repeat 0 0;
	height: 80px;
    }
	
h3{
	margin-bottom: 10px;
	width:auto;
	}
	
h3 span{
	font-size:12px;
	}
	
h4 {
	background:url(../img/plan/list.jpg) no-repeat left center;
	text-indent:15px;
	}
	
h5 {
	background:url(../img/plan/h5.jpg) no-repeat 4px left;
	border-bottom:4px solid #CC0000;
	margin-bottom:10px;
	padding-left:17px;
	font-size:14px;
	font-weight:bold;
	height:27px;
	}
	
h5 img{
	vertical-align:middle;
	}
	
h5 span{
	font-size:12px;
	font-weight:normal;
	}

.m-r40 { margin-right:30px; }
.m-r60 { margin-right:60px; }
.m-t10 { margin-top:10px; }
.m-t70 { margin-top:70px; }
.m-t90 { margin-top:90px; }
.m-b10 { margin-bottom:10px; }
.m-b20 { margin-bottom:20px; }
.m-b40 { margin-bottom:40px; }

p { margin-bottom:10px;}

dl.c-block {
	font-size:10px;
	}
	
dl.c-block dt{
	padding:3px 10px;
	background:#f1d7d7;
	font-weight:bold;
	font-size:12px;
	}
	
dl.c-block dt img{
	margin-left:5px;
	}
	
dl.c-block dt span{
	font-weight:normal;
	}
	
dl.c-block dd{
	padding:3px 10px;
	background:#f7f7f7;
	}
	
div.txt-more {
	text-align:right;
	font-size:11px;
	text-indent:-9999px;
	padding-top:5px;
	}
	
div.txt-more a{
	float:right;
	display:block;
	width:120px;
	height:28px;
	text-indent:-9999px;
	background-image: url(../img/common/btn_more.gif);
	background-repeat: no-repeat;
	}
	
div.txt-more a:hover{
	background-image: url(../img/common/btn_more_r.gif);
	background-repeat: no-repeat;
	}
	
div.box-left {
	width:58%;
	float:left;
	}
	
div.box-right {
	width:41%;
	float:right;
	}
	
	
div.box-left2 {
	width:50%;
	float:left;
	background:url(../img/common/bg_blue.jpg) repeat-x bottom;
	border:1px solid #d6d6d6;
	}
div.box-right2 {
	width:49%;
	float:right;
	background:url(../img/common/bg_green.jpg) repeat-x bottom;
	border:1px solid #d6d6d6;
	}

div.box-left2 b,
div.box-right2 b {
	display:block !important;
	border:1px solid #f7f7f7;
	padding:6px;
	font-weight:normal;
	line-height:140%;
	}
	
div.box-left2 strong,
div.box-right2 strong {
	display:block;
	padding:3px 0;
	}
	
div.box-left2 span {
	font-size:16px;
	font-weight:bold;
	color:#1f5092;
	}
	
div.box-right2 span {
	font-size:16px;
	font-weight:bold;
	color:#348b4e;
	}
	
div.section {
	margin-bottom:5px;
	}
	
div.box-left3 {
	width:49%;
	float:left;
	background:url(../img/common/bg_blue.jpg) repeat-x bottom;
	border:1px solid #d6d6d6;
	}
div.box-right3 {
	width:33%;
	float:right;
	background:url(../img/common/bg_green.jpg) repeat-x bottom;
	border:1px solid #d6d6d6;
	}
	
div.box-middle3 {
	width:49%;
	float:right;
	background:url(../img/common/bg_pink.jpg) repeat-x bottom;
	border:1px solid #d6d6d6;
	}
	
div.box-layout {
	float:left;
	width:66%;
	}


div.box-left3 strong,
div.box-right3 strong,
div.box-middle3 strong {
	border:1px solid #f7f7f7;
	padding:5px;
	display:block;
	line-height:140%;
	text-align:center;
	}
	
div.block {
	background:url(../img/plan/bg_body.jpg) repeat-x top;
	border:1px solid #d6d6d6;
	margin-bottom:15px;
	text-align:left;
	}
	
div.block span {
	border:1px solid #f7f7f7;
	padding:5px;
	display:block;
	line-height:140%;
	text-align:center;
	}
	
div.txt_gray {
	color:#666;
	padding-top:3px;
	line-height:140%;
	}
	
div.block table{
	text-align:left;
	}
	
	
	
div.pay-box {
    width:560px;
	margin-bottom:10px;
	background:url(../img/pay/pay_box.jpg) repeat-y;
	}
	
div.pay-box-head {
    width:560px;
	height:12px;
	background:url(../img/pay/pay_box_head.jpg) no-repeat;
	overflow:hidden;
	}
	
div.pay-box-inner {
    padding:5px 15px;
	}
	
div.pay-box-foot {
    width:560px;
	height:12px;
	background:url(../img/pay/pay_box_foot.jpg) no-repeat;
	overflow:hidden;
	}
	
div.pay-box2 {
    width:319px;
	margin-bottom:10px;
	background:url(../img/plan/pay_box_02.jpg) repeat-y;
	float:left;
	}
	
div.pay-box-head2 {
    width:319px;
	height:12px;
	background:url(../img/plan/pay_box_head_02.jpg) no-repeat;
	overflow:hidden;
	}
	
div.pay-box-foot2 {
    width:319px;
	height:12px;
	background:url(../img/plan/pay_box_foot_02.jpg) no-repeat;
	overflow:hidden;
	}
	
div.pay-box3 {
    width:241px;
	margin-bottom:10px;
	background:url(../img/plan/pay_box_03.jpg) repeat-y;
	float:left;
	}
	
div.pay-box-head3 {
    width:241px;
	height:12px;
	background:url(../img/plan/pay_box_head_03.jpg) no-repeat;
	overflow:hidden;
	}
	
div.pay-box-foot3 {
    width:241px;
	height:12px;
	background:url(../img/plan/pay_box_foot_03.jpg) no-repeat;
	overflow:hidden;
	}
	
	
/* color */
div.color_lightgreen {background:url(../img/plan/pay_box_lightgreen.jpg) repeat-y;}
div.color_lightgreen div.pay-box-head {background:url(../img/plan/pay_box_head_lightgreen.jpg) no-repeat;}
div.color_lightgreen div.pay-box-foot {background:url(../img/plan/pay_box_foot_lightgreen.jpg) no-repeat;}
div.color_lightgreen h5 {
	background:url(../img/plan/h5_lightgreen.gif) no-repeat 4px left;
	border-bottom:4px solid #579500;
	}
	

div.color_green {background:url(../img/plan/pay_box_green.jpg) repeat-y;}
div.color_green div.pay-box-head {background:url(../img/plan/pay_box_head_green.jpg) no-repeat;}
div.color_green div.pay-box-foot {background:url(../img/plan/pay_box_foot_green.jpg) no-repeat;}
div.color_green h5 {
	background:url(../img/plan/h5_green.gif) no-repeat 4px left;
	border-bottom:4px solid #006521;
	}

div.color_cyan {background:url(../img/plan/pay_box_cyan.jpg) repeat-y;}
div.color_cyan div.pay-box-head {background:url(../img/plan/pay_box_head_cyan.jpg) no-repeat;}
div.color_cyan div.pay-box-foot {background:url(../img/plan/pay_box_foot_cyan.jpg) no-repeat;}
div.color_cyan h5 {
	background:url(../img/plan/h5_cyan.gif) no-repeat 4px left;
	border-bottom:4px solid #008966;
	}
	
div.color_blue {background:url(../img/plan/pay_box_blue.jpg) repeat-y;}
div.color_blue div.pay-box-head {background:url(../img/plan/pay_box_head_blue.jpg) no-repeat;}
div.color_blue div.pay-box-foot {background:url(../img/plan/pay_box_foot_blue.jpg) no-repeat;}
div.color_blue h5 {
	background:url(../img/plan/h5_blue.gif) no-repeat 4px left;
	border-bottom:4px solid #002ba7;
	}
	
div.color_pink {background:url(../img/plan/pay_box_pink.jpg) repeat-y;}
div.color_pink div.pay-box-head {background:url(../img/plan/pay_box_head_pink.jpg) no-repeat;}
div.color_pink div.pay-box-foot {background:url(../img/plan/pay_box_foot_pink.jpg) no-repeat;}
div.color_pink h5 {
	background:url(../img/plan/h5_pink.gif) no-repeat 4px left;
	border-bottom:4px solid #9a007c;
	}
	
div.btn-hayawari img {
	margin-right:3px;
	}