@charset "utf-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 index
--------------------------------------------------------------------------------------- */
#plan_price {
	background: url(../img/index/pp_bg.gif) 0 0 no-repeat;
	padding:25px 0 0 0;
	background-color:#FAF1DC;
	margin-bottom:20px;
}
#plan_price .inner {
	padding:0 10px 0 14px;
}
#plan_price a:link,
#plan_price a:visited {
	color:#FF0000;
	text-decoration: underline;
	font-weight: bold;
}
#plan_price .mb15 {
	font-size: 110%;
}
#plan_price a:hover,
#plan_price a:active {
	color:#FF0000;
	text-decoration: none;
	font-weight: bold;
}
#plan_price h3 {
	text-align:center;
	margin-bottom:40px;
}
#plan_price h4 {
	margin-bottom:35px;
}


#plan_price .ppBoxL {
	float:left;
	width:431px;
	padding-left:15px;
}
#plan_price .ppBoxL .f14 {
	font-size:105%;
	padding-right: 15px;
	line-height: 1.3;
}
#plan_price .ppBoxR {
	float:right;
	width:372px;
}


#plan_price .priceList {
	padding:0 0 30px 40px;
	clear:both;
}

#plan_price .flR {
	float:right;
	color:#ff0000;
	padding-top:20px;
	font-size:117%;
	padding-right: 35px;
}
#plan_price .flL {
	float:left;
	width:258px;
}
#plan_price table {
	clear:both;
	width: 746px;
}

#plan_price table th {
	background-color:#FFFF99;
	padding:1px 10px;
	font-size:150%;
	text-align:center;
	border:1px solid #000;
}
#plan_price table td {
	background-color:#fff;
	padding:1px 10px;
	font-size:137%;
	text-align:center;
	border:1px solid #000;
}

#plan_price .dot {
	margin:0 0 30px 0;
	text-align:center;
}

.redB {
	font-size:137%;
	color:#ff0000;
}
#att {
	font-size:117%;
	margin-bottom:22px;
}
	









#header {
	width:860px;
	height:75px;
	background: url(../img/index/header_bg.gif) 0 0 no-repeat;
}
#header h1 {
	float:left;
	padding:16px 0 0 30px;
}
#header p {
	float:right;
	padding:31px 9px 0 0;
}
#busFrame {
	width:846px;
	padding:2px 7px 0 7px;
	background: url(../img/index/frame_bg.gif) 0 0 repeat-y;
}
#busFrame_b {
	background: url(../img/index/frame_bottom.gif) 0 0 no-repeat;
	width:860px;
	height:25px;
	margin-bottom:25px;
}
	

li a:link {color: #000; text-decoration: none;}
li a:visited {color: #000;text-decoration: none;}
li a:hover {color: #000;text-decoration: none;}
li a:active {color: #000;text-decoration: none;}

#mainImage {
	text-align:left;
	padding:6px 0 0 0;
	background: url(../img/index/mainimage_bg.jpg) 0 0 no-repeat;
}
#mainImage h2 {
	padding:0 0 0 40px;
	height:220px;
}
#mainImage ul {
	position:relative;
	width:846px;
	height:266px;
}
#mainImage ul li#mainBtn01 {
	position:absolute;
	width:219px;
	height:236px;
	top:-40px;
	left:35px;
}
#mainImage ul li#mainBtn02 {
	position:absolute;
	width:219px;
	height:236px;
	top:-40px;
	left:254px;
}
#mainImage ul li#mainBtn03 {
	position:absolute;
	width:238px;
	height:236px;
	top:-40px;
	right:23px;
}
#mainImage p {
	padding:0 0 8px 0;
	text-align:center;
}

#priceFrame {
	width:814px;
	background: url(../img/index/green_bg.gif) 0 0 repeat-y;
	padding:32px 26px 30px 20px;
}

#priceFrame h3 {
	margin-bottom:8px;
}

#priceFrame #txtArea {
	background:url(../img/index/h3_bg.gif) 0 0 no-repeat;
	padding:18px 60px 10px 30px;
	font-size:117%;
	width:720px;
}

#priceFrame #txtArea_b {
	background:url(../img/index/h3_bg_b.gif) 0 0 no-repeat;
	width:810px;
	height:8px;
	font-size:1%;
	margin-bottom:30px;
}
ul#pricePlan li{
	float:left;
	width:400px;

}
ul#pricePlan li ul li{
	float:none;
	width:auto;
	font-weight: bold;

}
ul#pricePlan li#left {
	border:1px solid #008000;
	margin-right:8px;
}
ul#pricePlan li#right {
	border:1px solid #FF6600;
}

ul#pricePlan .clearfix {
	padding:11px 8px;
	background-color:#fff;
}
ul#pricePlan .clearfix img {
	float:left;
}
ul#pricePlan .clearfix ul {
	width:153px;
	float:right;
	font-size:125%;
}

ul#pricePlan a:link,
ul#pricePlan a:visited {
	color: #996600;
	text-decoration: underline;
}

ul#pricePlan a:hover,
ul#pricePlan a:active {
	color: #CC6600;
	text-decoration: none;
}

.planBox {
	background:url(../img/index/greenbox.gif) 0 0 no-repeat;
	padding:14px 23px 10px 22px;
	width:733px;
	margin-left:20px;
	clear:both;
}
.planBox_b {
	background:url(../img/index/greenbox_b.gif) 0 0 no-repeat;
	width:778px;
	height:7px;
	margin-left:20px;
	margin-bottom:30px;
}

.planBox .planL {
	float:left;
	width:440px;
}

.planBox .planL .planImg {
	float:left;
}
.planBox .planL .planTxt {
	width:330px;
	float:right;
	font-size:117%;
	padding-top:8px;
}
.planBox .planR {
	width:250px;
	float:right;
	padding-top:11px;
}


.planBox2 {
	background:url(../img/index/greenbox.gif) 0 0 no-repeat;
	padding:19px 23px 10px 23px;
	width:732px;
	margin-left:20px;
	clear:both;
}
.planBox2 .planL {
	float:left;
	width:250px;
	padding-top:6px;
}
.planBox2 .planR {
	width:440px;
	float:right;
	padding-top:11px;
}
.planBox2 .planR .planImg {
	float:left;
}
.planBox2 .planR .planTxt {
	width:330px;
	float:right;
	font-size:117%;
	padding-top:8px;
}


#priceFrame_p {
	width:814px;
	background: url(../img/index/pink_bg.gif) 0 0 repeat-y;
	padding:32px 26px 30px 20px;
}

.lanchbox {
	background:url(../img/index/pinkbox.gif) 0 0 no-repeat;
	padding:19px 23px 10px 23px;
	width:732px;
	margin-left:20px;
	clear:both;
}

.planBox_o{
	background:url(../img/index/orangebox.gif) 0 0 no-repeat;
	padding:14px 23px 10px 22px;
	width:733px;
	margin-left:20px;
	clear:both;
}
.planBox_o .planL {
	float:left;
	width:440px;
}

.planBox_o .planL .planImg {
	float:left;
}
.planBox_o .planL .planTxt {
	width:330px;
	float:right;
	font-size:117%;
	padding-top:8px;
}
.planBox_o .planR {
	width:250px;
	float:right;
	padding-top:11px;
}

.planBox_o_b {
	background:url(../img/index/orangebox_b.gif) 0 0 no-repeat;
	width:778px;
	height:7px;
	margin-left:20px;
	margin-bottom:30px;
}
.planBox_o2 {
	background:url(../img/index/orangebox.gif) 0 0 no-repeat;
	padding:19px 23px 10px 23px;
	width:732px;
	margin-left:20px;
	clear:both;
}
.planBox_o2 .planL {
	float:left;
	width:250px;
	padding-top:6px;
}
.planBox_o2 .planR {
	width:440px;
	float:right;
	padding-top:11px;
}
.planBox_o2 .planR .planImg {
	float:left;
}
.planBox_o2 .planR .planTxt {
	width:330px;
	float:right;
	font-size:117%;
	padding-top:8px;
}

#bg_green {
	background:url(../img/index/g_bg.gif) 0 0 repeat-y;
	padding:20px 0 0 0;
}

#bg_green ul#txtList {
	font-size:117%;
	padding-left:35px;
}