@charset "utf-8";
/**Plan styles */


#hp_plan{
	font-size: 30px;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 10px;

}

#wplp_plan{
		font-size: 30px;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 10px;	
}

#tableText{
	    padding: 12px 0 12px 11px;
    font-size: 14px;
    text-align: left;
}

.featureTable{
	margin-bottom: 5px;
}



/** Only Price page
------------------------------ **/
table{
	width: 100%;
	margin: auto;
	border-collapse: separate;
}


/**Price　Page
------------------------- **/

/** common settings **/
.tHajimete{
color:#00b83f;
}

.tBasic{
color:#e9329a;

}

.tOmakase{
	color:rgb(255,187,56);
}


#standardfeature{
	float: left;	
	margin-bottom: 10px;
    font-size: 22px;
    color: #0a66bd;
    padding: 20px 10px 0px 0px;
}

#standardfeature h4{
	float: left;
	font-size: 14px;
	color: #000000;
	
}

/** plan **/
.planTable{
	margin-top:-45px;
	padding-bottom:20px;
	/*background:url(../img/plan/bg_planTable.png) bottom center no-repeat;*/
}
.plan .planName th{
	height:58px;
	width: 25%;
	padding-top:32px;
	line-height:1;
	text-align:center;
	border:none;
	font-size:24px;
	color:#fff;
}
.plan td{
	text-align:center;
	padding:14px 0px 18px 0px;
}
.plan .planName .title{
	padding-top:14px;
	text-align:left;
	font-size:14px;
	color:#111;
}

.plan .planName2 .title2{
	padding-top:14px;
	text-align:left;
	font-size:14px;
	color:#111;
}




.plan td.basic{
	width:249px;
	border-right:solid 1px #d8d8d8;
}

.plan td.hajimete{
	width:25%;
	border-right:solid 1px #d8d8d8;
	}

.plan td.omakase{
	width:25%;
	border-right:solid 1px #d8d8d8;	
}


.plan td.ec{
	width:199px;

}


.plan .planName .basic{
	background:url(../img/plan/th_basic.png) bottom center no-repeat;
}
.plan .planName .hajimete{
	background:url(../img/plan/th_hajimete.png) bottom center repeat-x;
}
.plan .planName .omakase{
	background:url(../img/plan/th_omakase.png) bottom center repeat-x;
}
.plan .head{
	width: 25%;
	text-align:center;
	vertical-align: middle;
	font-size:14px;
	background:url(../img/plan/bg_dot.png);
}
.plan strong{
	line-height:2;
	font-size:14px;
}


/** LP・WPプラン **/

.planTable2{
	margin-top:-45px;
	padding-bottom:20px;
	/*background:url(../img/plan/bg_planTable.png) bottom center no-repeat;*/
}

.title2 th{
	padding-top:14px;
	text-align:left;
	font-size:14px;
	color:#111;
	width: 331px;
}


.plan .planName2 th {
    height: 58px;
    padding-top: 32px;
    line-height: 1;
    text-align: center;
    border: none;
    font-size: 24px;
    color: #fff;
    width: 331px;
}

.plan .head2{
	text-align:center;
	vertical-align: middle;
	font-size:14px;
	background:url(../img/plan/bg_dot.png);
	width: 331px;
}



.plan .planName2 .lp{
	background:url(../img/plan/th_hajimete.png) bottom center repeat-x;
}

.plan .planName2 .wp{
	background:url(../img/plan/th_wordpress.png) bottom center no-repeat;
}


.feature2{
	border:solid 3px #000;
    border-top:none;
}

.feature2:first-child,
#price.feature2,
#agency.feature2,
#option .feature2{
	border:solid 3px #000;
}
.feature2 th{
	width:231px;
}
.feature2 td{
	padding:10px 0 11px;
	text-align:center;
	vertical-align: middle;
	font-size:16px;
	font-weight:bold;
	width: 327px;
}
.feature2 tr{
	background:url(../img/plan/line.png) top repeat-x;
}
.feature2 th, .feature2 td{
	background:url(../img/plan/line_02.png) top left repeat-y;
	/border-bottom:dotted 1px #aaa;
}
.feature2 tr:first-child, .feature2 td:first-child{
	background:none;
}
.feature2 .icon{
	width:86px;
	vertical-align: middle;
}

.feature2 th a{
	width:230px;
	padding:12px 0 12px 7px;
	font-size:14px;
	text-align:left;
	display:block;
	text-decoration:none;
	color:#111;
	/*background-image:url(../img/plan/arrow.png) ;*/
	background-repeat:no-repeat;
	background-position:215px center;
}
.feature2 .gy{
	background:url(../img/plan/bg_gy.png) left top no-repeat;
	/border:none;
}
.feature2 .gy_top{
	background:url(../img/plan/bg_gy.png) left center no-repeat;
	/border:none;
}

.feature2 a::before,
.feature2 a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.feature2 a,
.feature2 a::before,
.feature2 a::after {
	-webkit-transition: all .2s;
	transition: all .2s;
}
.feature2 a:hover{
	color:#4890e2;
	background-color:#e4f1ff;
	background-image:url(../img/plan/arrow_h.png) ;
}



.plan td.wlp {
    width: 309px;
    border-right: solid 1px #d8d8d8;
}





.plan .lp td {
    width: 327px;
    border-right: solid 1px #d8d8d8;
}

.plan .wp td{
    width: 327px;
    border-right: solid 1px #d8d8d8;
}

.wpth {
	width: 331px;
}


.wwp {
	background-image: url(../img/plan/icon_wp.png);
	background-repeat:no-repeat;
	background-position: center;
	background-color: 0.4;
}




/** feature **/
.featureTable .feature{
	border:solid 3px #000;
    border-top:none;
}

.feature:first-child,
#price.feature,
#agency.feature,
#option .feature{
	border:solid 3px #000;
}
.feature th{
	width:241px;
}
.feature td{
	padding:10px 0 11px;
	text-align:center;
	vertical-align: middle;
	font-size:16px;
	font-weight:bold;
}
.feature tr{
	background:url(../img/plan/line.png) top repeat-x;
}
.feature th, .feature td{
	background:url(../img/plan/line_02.png) top left repeat-y;
	/border-bottom:dotted 1px #aaa;
}
.feature tr:first-child, .feature td:first-child{
	background:none;
}
.feature .icon{
	width:86px;
	vertical-align: middle;
}
.feature .hajimete {
	width:25%;
}

.feature .omakase{
	width: 25%;
}

.feature .basic{
	width:25%;
}
.feature th a{
	width:230px;
	padding:12px 0 12px 11px;
	font-size:14px;
	text-align:left;
	display:block;
	text-decoration:none;
	color:#111;
	/*background-image:url(../img/plan/arrow.png) ;*/
	background-repeat:no-repeat;
	background-position:215px center;
}
.feature .gy{
	background:url(../img/plan/bg_gy.png) left top no-repeat;
	/border:none;
}
.feature .gy_top{
	background:url(../img/plan/bg_gy.png) left center no-repeat;
	/border:none;
}

.feature a::before,
.feature a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.feature a,
.feature a::before,
.feature a::after {
	-webkit-transition: all .2s;
	transition: all .2s;
}
.feature a:hover{
	color:#4890e2;
	background-color:#e4f1ff;
	background-image:url(../img/plan/arrow_h.png) ;
}


/** feature1
------------------------------ **/

.feature1 th{
	width:241px;
}
.feature1 td{
	padding:10px 0 11px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
.feature1 tr{
	background:url(../img/plan/line.png) top repeat-x;
}
.feature1 th, .feature1 td{
	background:url(../img/plan/line_02.png) top left repeat-y;
	/border-bottom:dotted 1px #aaa;
}

.feature1 .icon{
	width:86px;
	vertical-align: middle;
}
.feature1 .hajimete {
	width:200px;
}

.feature1 .omakase{
	width: 200px;
}

.feature1 .basic{
	width:250px;
}

.feature1{
	border:solid 3px red;
}

.tableF{
	border:solid 3px red;

}


/** price
------------------------------ **/
#price .bgBasic{
	background:url(../img/plan/bg_ace_light.png) center;
}

#price .tHajimete {
	font-size:22px;
}

#price .tBasic{
	font-size: 24px;
}

#price .omakase span{
	font-size:22px;
}
#price th a span{
	font-size:18px;
	color:#00c0c2;
}
#price th a:hover,
#price th a:hover span{
	color:#4890e2;
}

** entry
------------------------------ **/
.entryPlan{
	width:650px;
	padding:40px 0 40px 330px;
	background:url(../img/plan/entry_bg.png) bottom right repeat-y;
}
.entryPlan li{
	width:200px;
	height:76px;
	float:left;
}
.entryPlan li a,
.entryAgency li a{
	width:200px;
	height:76px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/plan/entry_btn_free.png);
	background-repeat:no-repeat;
}
.entryPlan li.ace,
.entryPlan li.ace a,
.entryAgency,
.entryAgency li a{
	width:250px;
}
.entryPlan li.ace a{
	background-image:url(../img/plan/entry_btn_ace.png);
}
.entryPlan li.leo a{
	background-image:url(../img/plan/entry_btn_leo.png);
}
.entryPlan li a:hover,
.entryAgency li a:hover{
	background-position:bottom;
}

.entryAgency{
	padding:30px 400px 30px 0;
	margin:0 0 0 330px;
	background:url(../img/plan/entry_bg.png) bottom right repeat-y;
}
.entryAgency li a{
	background-image:url(../img/plan/agency_btn.png);
}


/** option
------------------------------ **/
#option{
	margin-bottom:70px;
}
#option .plan{
	background:url(../img/plan/entry_bg.png) bottom right repeat-y;
}
#option .plan th{
	padding-top:0;
}
#option .plan .ace{
	width:250px;
	background:#F45D9D;
}
#option .plan .leo,
#option .plan .free{
	width:200px;
}

#option .feature th{
	width:185px;
	padding:10px 0 10px 15px;
	text-align:left;
	font-size:14px;
}
#option .feature .detail{
	background:none;
}
#option .feature .cost{
	width:115px;
	padding:0 0 0 11px;
}

#option .entryPlan{
	padding-bottom:0;
	background:url(../img/plan/entry_bg_02.png) bottom right repeat-y;
}
#option .entryPlan li.ace a{
	background-image:url(../img/plan/option_btn_ace.png);
}
#option .entryPlan li.leo a{
	background-image:url(../img/plan/option_btn_leo.png);
}

/** preEntry
------------------------------ **/
.preEntry{
	margin-bottom:45px;
	border:solid 3px #000;
	background-image:url(../img/plan/bg_dot.png);
}
.preEntry h3{
	width:300px;
	padding-top:32px;
	line-height:1.5;
	float:left;
	text-align:center;
	font-size:20px;	
}
.preEntry h3 span{
	padding:0 5px;
	color:#fff;
	background-color:#66a2e7;
}
.preEntry p{
	width:574px;
	padding:30px 50px;
	line-height:1.6;
	float:left;
	font-size:14px;
	text-align:justify;
	background-color:#fff;
}
.preEntry p span,
.service p span{
	padding:2px 0;
	background-color:#faff77;
}

/** service
------------------------------ **/
.service dl{
	width:260px;
	height:220px;
	padding:164px 33px 12px;
	float:left;
	border-left:solid 1px #d4d4d4;
	background:url(../img/plan/service_icon_domain.png) center 8px no-repeat;
}
.service dl.sphone{
	background:url(../img/plan/service_icon_sp.png) center 11px no-repeat;
}
.service dl.seo{
	background:url(../img/plan/service_icon_seo.png) center 19px no-repeat;
}
.service dl:first-child{
	border-left:none;
}
.service dt{
	margin-bottom:20px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.service dd{
	line-height:1.7;
	text-align:justify;
	font-size:13px;
}
.service p{
	padding:22px 0 60px;
	clear:both;
	color:#999;
	text-align:right;
}