@charset "utf-8";
/* CSS Document */

a.page_top
{
	margin:0px 30px 0px 0px;
}

h4.title
{
	margin:0px 0px 10px 20px;
	height:auto;
	background-image:none;
}

H4.none
{
	margin-left:20px;
}

ul.l2{
	margin-bottom:20px;
}


/* 比較ボタン */

.column2 #features .compare{
	text-align:right;
	width:650px;
	margin:0px 0px 20px 0px;
}

/* 比較表 */
.column2 table#compare{
	width:600px;
	margin:0px 0px 20px 45px;
	border-collapse:collapse; 
}

.column2 table#compare col.data{
	width:120px;
}

.column2 table#compare thead th{
	text-align:center;
}

.column2 table#compare tbody th{
	text-align:left;
	width:130px;
}

.column2 table#compare tbody td.less{
	color:#999999;
}

.column2 #maintenance{
	margin:0px 0px 30px 0px;
	width:670px;
}

.column2 #maintenance table#compare col.data{
	width:100px;
}


/* index of option */
div.option_index{
	background-image:url(../images/contents/service/option_index.png);
	width:660px;
	height:135px;
	margin:0px auto;
}

div.option_index div.image{
	width:125px;
	height:125px;
	float:left;
}

div.option_index div.content{
	width:535px;
	height:125px;
	text-align:left;
	float:left;
}

div.option_index div.image img{
	position:relative;
	top:15px;
	left:5px;
}

div.option_index div.caption{
	position:relative;
	top:19px;
	left:10px;
	font-weight:bold;
	text-align:left;
}

div.option_index div.text{
	position:relative;
	top:25px;
	width:525px;
}


/* price table */
table#price{
	margin-left:50px;
}

table#price tr th{
	width:250px;
}

table#price tr td{
	width:150px;
	text-align:right;
}

/* sample web site */
#web_sample{
	width:600px;
	margin:0px auto;
	text-align:left;
}

#web_sample .web{
	width:160px;
	text-align:center;
}

/* sample button */
a.sample{
	display:block;
	background-image:url(../images/contents/service/b_sample.png);
	width:66px;
	height:21px;
	margin:0px 30px 0px auto;
}

a.sample:hover{
	background-position:0px -21px;
}


/* for make homepage */
/* template thumbnail */
#thumbnail{
	text-align:center;
}

/* samples use template */
.use_template{
	background-image:url(../images/contents/service/template/use_template.png);
	background-position:left top;
	width:600px;
	margin:0px auto;
	text-align:left;
	border:1px solid #999999;	
}

#main div.body div.column2 #contents div.middle .use_template .text{
	margin-left:70px;
	width:500px;
}

.u_h5 ul
{
	margin:10px 0px 10px 0px;
}

/* 他のプランもあります */
#main div.body div.column2 .others
{
	margin:0px 0px 30px 10px;
}

#main div.body div.column2 .others h3
{
	margin:0px 0px 10px 0px;
}

#main div.body div.column2 .others .plans
{
	margin:0px 0px 0px 10px;
}

#main div.body div.column2 .others .plans img
{
	margin:0px 0px 10px 0px;
}

/* パーツ販売 */
#parts .illust
{
	background-image:url(../images/parts/illust_bg.png);
	background-repeat:no-repeat;
	width:680px;
	height:260px;
}

#parts h4
{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	background-color:transparent;
	border:none;
	text-indent:0px;
}

#parts .text1
{
	position:absolute;
	top:27px;
	left:330px;
	width:330px;
	font-weight:bold;
	color:#FF0000;
	font-size:24px;
	text-align:right;
}

#parts .text2
{
	position:absolute;
	top:85px;
	left:220px;
	width:420px;
}

/**/
#features
{
	margin:0px 0px 30px 10px;
}

#features h5
{
	margin:0px 0px 20px 5px;
	background-image:none;
	text-indent:0px;
}

#features .focus
{
	width:650px;
}

#features .item
{
	width:310px;
	font-size:12px;
	margin:0px 10px 40px 10px;
	float:left;
}

#features .item h5
{
	background-image:none;
	height:auto;
	width:auto;
	margin:0px 0px 10px 0px;
	text-indent:0px;
}

#features .item img.pic
{
	float:right;
	margin:0px 0px 10px 10px;
}

#features .item img
{
}

#features .item .text
{
	width:290px;
	margin:0px 0px 0px 30px;
}

/* 比較ページ */
#compare .column2 #service
{
	margin:0px 0px 30px 0px;
	width:670px;
}

#compare .column2 #page
{
	margin:0px 0px 30px 0px;
	width:670px;
}

#compare .column2 #function
{
	margin:0px 0px 30px 0px;
	width:670px;
}

#compare .column2 #function div.sub
{
	margin:0px 0px 0px 20px;
}

/**/
#service h6
{
	font-size:15px;
	color:#aa0000;
	margin:0px 0px 10px 0px;
}

#service div.body div.column2 #contents div.middle #package .text
{
	margin:0px 0px 20px 10px;
	width:640px;
}

#service div.body div.column2 #contents div.middle #package .package
{
	background-image:url(../images/contents/service/package_m.png);
	background-repeat:repeat-y;
	width:660px;
}

#service div.body div.column2 #contents div.middle #package .package .content
{
	margin:25px 40px;
}

#service div.body div.column2 #contents div.middle #package .package .content .text
{
	margin:0px 0px 20px 0px;
	width:560px;
}

#service div.body div.column2 #contents div.middle #package .package .content .compare
{
	width:560px;
}

#cms
{
	
}

#cms .item01
{
	margin:0px 0px 30px 0px;
}

#cms .item01 .text
{
	width:640px;
	margin:0px 0px 0px 30px;	
}

#index .column2 h2
{
	background-image:url(../images/service/makehp/index/title_bg.png);
	width:650px;
	height:206px;
	margin:0px 0px 0px 20px;
}

#index .column2 ul
{
	list-style:none;
	position:absolute;
	top:75px;
	left:305px;
}

#index .column2 ul li
{
	background-image:url(../images/service/makehp/index/title_li.png);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:12px;
	background-position:0px 2px;
	margin:0px 0px 2px 0px;
	line-height:18px;
}

#index .column2 a#limited
{
	display:block;
	background-image:url(../images/service/makehp/index/plan10000.png);
	width:620px;
	height:65px;
	margin:0px 0px 10px 30px;
	text-decoration:none;
	color:#333333;
	font-size:11px;
}

#index .column2 #limited div.date
{
	position:relative;
	top:37px;
	left:402px;
	text-align:right;
	width:200px;
}

#index .column2 #plans
{
	background-image:url(../images/service/makehp/index/plans_bg.png);
	width:650px;
	height:502px;
	margin:0px 0px 20px 20px;
}

#index .column2 #plans .plan10000
{
	position:absolute;
	top:48px;
	left:20px;
}

#index .column2 #plans .plan30000
{
	position:absolute;
	top:195px;
	left:20px;
}

#index .column2 #plans .plan100000
{
	position:absolute;
	top:342px;
	left:20px;
}

/* Links */
#index .column2 #links
{
	margin:0px 0px 20px 20px;
	width:650px;
}

#index .column2 #links .link01
{
	background-image:url(../images/service/makehp/index/link01_bg.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
}

#index .column2 #links .link02
{
	background-image:url(../images/service/makehp/index/link02_bg.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
}

#index .column2 #links .link03
{
	background-image:url(../images/service/makehp/index/link03_bg.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
}

#index .column2 #links .link04
{
	background-image:url(../images/service/makehp/index/link04_bg.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
}

#index .column2 #links .text
{
	margin:10px 20px;
	width:410px;
	float:left;
}

#index .column2 #links img.btn
{
	margin:10px 10px 0px 0px;
	float:right;
}

#index .column2 .contact_btn
{
	margin:0px 20px 20px auto;	
}

/* 制作プラン料金 */
#plan .price
{
	margin:0px 0px 30px 0px;	
}

#plan img.btn_tag_maint
{
	margin:0px 0px 0px 20px;	
}

#plan .price img.visit
{
	position:absolute;
	top:0px;
	left:530px;
}

#plan .price img.price
{
	margin:0px 0px 20px 20px;	
}

#plan .price .text
{
	margin:0px 0px 0px 30px;
	float:left;
	width:390px;
}

#plan .price .text .sub
{
	margin:0px 0px 10px 0px;	
}

#plan .price a.compare, #plan .price a.features
{
	margin:0px 0px 5px 20px;
}

/* パッケージプランページ */
#plan h3.title ul.menu
{
	list-style:none;
	padding:0px;
	margin:0px;
	position:relative;
	top:5px;
	left:403px;
}

#plan h3.title ul.menu li a
{
	display:block;
	background-image:url(../images/service/makehp/plan_menu.png);
	width:211px;
	height:67px;
	padding:0px;
	margin:0px;
}

#plan h3.title ul.menu li.menu01 a
{
}

#plan h3.title ul.menu li.menu02 a
{
	background-position:0px -67px;
	height:65px;
}

#plan h3.title ul.menu li.menu03 a
{
	background-position:0px -132px;
}

#plan h3.title ul.menu li.menu01 a:hover
{
	background-position:-211px 0px;
}

#plan h3.title ul.menu li.menu02 a:hover
{
	background-position:-211px -67px;
	height:65px;
}

#plan h3.title ul.menu li.menu03 a:hover
{
	background-position:-211px -132px;
}

/* 納品プランメニュー */
#plan h3.title ul.menu_sell
{
	list-style:none;
	padding:0px;
	margin:0px;
	position:relative;
	top:5px;
	left:403px;
}

#plan h3.title ul.menu_sell li a
{
	display:block;
	background-image:url(../images/service/makehp/plan_sell_menu.png);
	width:211px;
	height:67px;
	padding:0px;
	margin:0px;
}

#plan h3.title ul.menu_sell li.menu01 a
{
}

#plan h3.title ul.menu_sell li.menu02 a
{
	background-position:0px -67px;
	height:65px;
}

#plan h3.title ul.menu_sell li.menu01 a:hover
{
	background-position:-211px 0px;
}

#plan h3.title ul.menu_sell li.menu02 a:hover
{
	background-position:-211px -67px;
	height:65px;
}

/* １万円プラン */
#plan.plan1 h3.title
{
	background-image:url(../images/service/title_plan1.png);
	width:650px;
	height:210px;
}

#plan.plan1 .alert
{
	margin:0px 0px 20px 20px;
	border:1px dashed #aaaaaa;
	width:650px;
	color:#660000;
}

#plan.plan1 .alert .text
{
	margin:10px 10px 5px 10px;
}

#plan.plan1 .alert .date
{
	font-size:16px;
	margin:0px 5px;
	font-weight:bold;
	color:#F30;
}

#plan.plan1 .alert .plans
{
	margin:0px 0px 10px 8px;
}

#main div.body div.column2 h3.title_label
{
	margin:0px 0px 10px 20px;
}

/* ３万円プラン */
#plan.plan3 #main div.body div.column2 h3.title
{
	background-image:url(../images/service/title_plan3.png);
	width:650px;
	height:210px;
	margin:0px 0px 5px 20px;
}

/* ８万円プラン */
#plan.plan8 #main div.body div.column2 h3.title
{
	background-image:url(../images/service/title_plan8.png);
	width:650px;
	height:210px;
	margin:0px 0px 5px 20px;
}

/* １５万円プラン */
#plan.plan15 #main div.body div.column2 h3.title
{
	background-image:url(../images/service/title_plan15.png);
	width:650px;
	height:210px;
	margin:0px 0px 5px 20px;
}

/* ６万円プラン納品 */
#plan.plan6_sell h3.title
{
	background-image:url(../images/service/makehp/plan6_sell/title.png);
	width:650px;
	height:210px;
}

/* １２万円プラン納品 */
#plan.plan12_sell h3.title
{
	background-image:url(../images/service/makehp/plan12_sell/title.png);
	width:650px;
	height:210px;
}