@charset 'utf-8';

/* =======================================
  INDEX print.css
 -----------------------------------------

 ===================================== */
 

/* 1.main
=====================================*/
#header,
#main_image,
#left_box,
.topic_path,
.bnr_seo,
.btn_contact,
.pagetop{
	display		: none;
	}
	
	
* {
	margin		: 0;
	padding		: 0;
	font-style	: normal;
	font-size	: 12px;
	font-family	: Verdana,sans-serif;
	}

html{
	overflow-y	: scroll;
	}

body{
	margin		: 0 auto;
	text-align	: center;
	color		: #333;
	letter-spacing	: 0.1em;
	}

h1,h2,h3,h4,h5,
address,
div,img{
	margin		: 0;
	padding		: 0;
	font-weight	: normal;
	}

ol,ul,li,
dl,dd{
	margin		: 0;
	padding		: 0;
	}

ul{
	list-style	: none;
	}

* html table,
* html th,
* html td{
	font-size	: 12px;
	}

p{
	margin		: 5px 0;
	line-height	: 140%;
	}

img{
	border		: none;
	}

a{
	color		: #333;
	text-decoration	: none;
	}

a:hover{
	color		: #333;
	text-decoration	: underline;
	}
	
#contents_box{
	text-align	: left;
	}
	
/* 6.index	メインページ
=====================================*/
	/* 6-2.news_box	新着情報リスト
	-------------------------------------*/
	#news_box li{
		padding		: 3px 0;
		background	: url("./images/bg_dotted.gif") repeat-x bottom left;
		}
	
	/* 6-3.temp		テンプレート
	-------------------------------------*/
	.temp{
		width		: 290px;
		padding		: 15px 0;
		text-align	: center;
		float		: left;
		background : url("./images/bg_temp_top.gif") no-repeat;
		}
	
	.temp img{
		margin		: 5px 0;
		}
	
	.temp p.link{
		height		: 33px;
		padding		: 0 55px 0 0;
		text-align	: right;
		background	: url("./images/bg_temp_btm.gif") no-repeat bottom left;
		}
	
	/* 6-4.intro	導入までの流れ
	-------------------------------------*/
	ul#top_intro{
		height		: 95px;
		}
	
	ul#top_intro li{
		float		: left;
		padding		: 0 5px 0 0;
		}
		
	ul#top_intro li p{
		margin		: 12px 25px 10px 12px;
		}
	
	#top_intro01{
		width		: 143px;
		height		: 99px;
		background	: url("./images/top_intro01.gif") no-repeat top left;
		}
		
	#top_intro02{
		width		: 145px;
		height		: 99px;
		background	: url("./images/top_intro02.gif") no-repeat top left;
		}
		
	#top_intro03{
		width		: 146px;
		height		: 99px;
		background	: url("./images/top_intro03.gif") no-repeat top left;
		}
		
	#top_intro04{
		width		: 125px;
		height		: 99px;
		background	: url("./images/top_intro04.gif") no-repeat top left;
		}

/* 7.sub	配下ページベース
=====================================*/
	/* 7-1.base　配下ページ基本部分
	-------------------------------------*/
	.topic_path{
		margin		: 0 0 10px 0;
		}
	
	.ttl_cat{
		width		: 580px;
		height		: 32px;
		margin		: 0 0 10px 0;
		padding		: 6px 0;
		text-indent	: 1.5em;
		font-weight	: bold;
		overflow	: hidden;
		clear		: both;
		background	: url("./images/bg_ttl.gif") no-repeat left top;
		}
	
	.ttl_cat a{
		display: block;
		text-decoration	: none;
		}
	
	/* 7-2.entry-box	エントリー
	-------------------------------------*/
	.entry_box{
		width		: 580px;
		margin		: 0 0 20px 0;
		}
	
	.entry_box p{
		margin		: 5px 0 15px 0;
		}
		
	.entry_footer{
		padding		: 8px 0 0 0;
		text-align	: right;
		background	: url("./images/bg_dotted.gif") repeat-x top left;
		}

	/* 7-3.comment	コメント関連
	-------------------------------------*/
	.ttl_comment{
		width		: 570px;
		margin		: 0 0 10px 0;
		padding		: 5px 0;
		text-indent	: 1em;
		font-weight	: bold;
		border-bottom	: double 3px #9CC130;
		}
	
	.comment_footer{
		padding		: 0 0 5px 0;
		text-align	: right;
		}
		
	.comment_form{
		width		: 550px;
		margin		: 0 0 0 10px;
		}
	
	#comment-preview,
	#comment-submit,
	#comment-cancel{
		width		: 80px;
		padding		: 2px;
		}

	/* 7-4.trackbacks	トラックバック
	-------------------------------------*/
	.trackbacks-info input{
		margin	: 0;
		padding	: 2px;
		font-size	: 12px;
		}

	/* 7-5.comments	コメント
	-------------------------------------*/
	.comments input#comment-author,
	.comments input#comment-email,
	.comments input#comment-url{
		width		: 350px;
		padding		: 2px;
		font-size	: 12px;
		}
	
	textarea{
		padding		: 2px;
		font-size	: 12px;
		}
		
	/* 7-6.sitemap	サイトマップ
	-------------------------------------*/
	ul.li_sitemap{
		margin		: 20px;
		line-height	: 200%;
		}
	
	ul.li_sitemap li{
		text-indent	: 2em;
		background	: url("./images/li_sitemap.gif") no-repeat left center;
		}
		
	/* 7-7.contact_form	お問い合わせフォーム
	-------------------------------------*/
	table.contact_form{
		width		: 500px;
		margin		: 0 5px;
		font-size	: 12px;
		empty-cells	: show;
		border-collapse	: collapse;
		border-top	: solid 1px #CCC;
		border-left	: solid 1px #CCC;
		}
		
	table.contact_form th{
		width		: 150px;
		padding		: 6px 0;
		letter-spacing	: 0em;
		text-align	: center;
		background	: #EEEEEE;
		}
		
	table.contact_form th,
	table.contact_form td{
		font-size	: 12px;
		empty-cells	: show;
		border-collapse	: collapse;
		border-right	: solid 1px #CCC;
		border-bottom	: solid 1px #CCC;
		}
		
	table.contact_form td{
		width		: 300px;
		padding		: 6px 5px;
		}
		
	table.contact_form input{
		width		: 250px;
		padding		: 2px;
		}
		
	table.contact_form textarea{
		width		: 280px;
		padding		: 2px;
		}


/* 8.sub-page	配下各ページ
=====================================*/
.bnr_seo{
	margin		: 15px auto;
	text-align	: center;
	}
	
.btn_contact{
	margin		: 30px auto;
	text-align	: center;
	}
	
	/* 8-1.HP	HPテンプレート一覧
	-------------------------------------*/
	.temp_box{
		width		: 185px;
		margin		: 0 6px 0 0;
		padding		: 0 0 3px 0;
		float		: left;
		text-align	: center;
		border		: solid 1px #CCC;
		}
		
	p.ttl_temp{
		margin		: 5px 11px;
		padding		: 3px;
		letter-spacing	: 0em;
		background	: #EEE;
		border		: solid 1px #CCC;
		}
		
	.temp_box img{
		border		: solid 1px #CCC;
		}
		
	/* 8-2.option	オプション料金
	-------------------------------------*/
	table.tbl_op_price {
		border-top	: solid 1px #CCC;
		border-left	: solid 1px #CCC;
		}
	
	table.tbl_op_price td,
	table.tbl_op_price th{
		padding		: 8px 12px;
		border-right	: solid 1px #CCC;
		border-bottom	: solid 1px #CCC;
		}
	
	table.tbl_op_price th{
		font-weight	: normal;
		background	: #EEE;
		}
		
	table.tbl_op_price td{
		padding		: 8px 12px 8px 30px;
		text-align	: right;
		}
		
	/* 8-3.intro	導入までの流れ
	-------------------------------------*/
	ul.intro{
		width		: 560px;
		margin		: 15px 0;
		padding		: 5px 0;
		background	: url("./images/bg_dotted.gif") repeat-x bottom left;
		}
		
	ul.intro li{
		margin		: 15px 0;
		padding		: 15px 5px 15px 110px;
		}
	
	ul.intro li.step1{background: url("./images/step01.gif") no-repeat top left;}
	ul.intro li.step2{background: url("./images/step02.gif") no-repeat top left;}
	ul.intro li.step3{background: url("./images/step03.gif") no-repeat top left;}
	ul.intro li.step4{background: url("./images/step04.gif") no-repeat top left;}
	ul.intro li.step5{background: url("./images/step05.gif") no-repeat top left;}
	ul.intro li.step6{background: url("./images/step06.gif") no-repeat top left;}
	ul.intro li.step7{background: url("./images/step07.gif") no-repeat top left;}
	ul.intro li.step8{background: url("./images/step08.gif") no-repeat top left;}
	
	/* 8-4.seo	成功報酬型ＳＥＯサービス
	-------------------------------------*/
	.rate{
		width		: 526px;
		margin		: 0 auto 15px auto;
		padding		: 5px 0;
		text-align	: center;
		background	: url("./images/bg_fee.gif") repeat-x top left;
		}
	
	.rate img{
		margin		: 5px;
		vertical-align	: middle;
		}
	
	table.tbl_rank{
		margin		: 5px;
		float		: left;
		border-top	: solid 1px #FFF;
		border-left	: solid 1px #FFF;
		background	: #F2F2F2;
		}

	.tbl_rank th,
	.tbl_rank td{
		border-right	: solid 1px #FFF;
		border-bottom	: solid 1px #FFF;
		}

	.tbl_rank th{
		padding		: 5px 8px;
		font-weight	: normal;
		text-align	: left;
		letter-spacing	: 0.1em;
		color		: #FFF;
		background	: #666;
		}
	
	.tbl_rank td{
		padding		: 5px 5px 5px 20px;
		background	: url("./images/li_red.gif") no-repeat 5px center;
		}
	
	.rank_box{
		padding		: 10px;
		border		: solid 1px #CCC;
		background	: #F7FCEA;
		}
		
	/* 8-5.eohp	イージーオーダーホームページ
	-------------------------------------*/
	ul.list_eohp{
		width		: 560px;
		}
	
	ul.list_eohp li{
		height		: 50px;
		padding		: 5px;
		clear		: both;
		vertical-align	: middle;
		background	: url(./images/bg_dotted.gif) repeat-x bottom left;
		}
	
	ul.list_eohp img{
		margin		: 0 10px 0 0;
		vertical-align	: middle;
		}
	
	.cost_box{
		width		: 580px;
		padding		: 10px 0 0 0;
		background	: #9CC130;
		}
	
	.cost_wrap{
		width		: 545px;
		margin		: 0 0 0 18px;
		padding		: 10px 0;
		background	: #FFF;
		}
	
	.cost01{
		width		: 243px;
		margin		: 0 10px;
		float		: left;
		}
	
	/* 8-6.support	保守サポートについて
	-------------------------------------*/
	.service_box{
		width		: 555px;
		}
	
	.service_box h4{
		padding		: 10px 0 0 0;
		}
	
		
/* 9.other	その他
=====================================*/
.b{
	font-weight	: bold;
	}

.normal{
	font-weight	: normal;
	}

.none{
	text-decoration	: none;
	border			: none;
	}

.thin{
	letter-spacing	: 0em;
	}

.short{
	line-height	: 120%;
	}

.size10{
	font-size		: 10px;
	}

.size14{
	font-size		: 14px;
	}

.size16{
	font-size		: 16px;
	}

	/* 9-1.line
	--------------------------------------*/
	hr {
		display		: none;
		}
	
	.clr {
		height		: 0;
		clear		: both;
		}
	
	.clr01 {
		height		: 5px;
		clear		: both;
		}
	
	.line01,
	.line02{
		margin		: 10px 0;
		clear		: both;
		}
	
	.line01{
		height		: 8px;
		background	: url(./images/bg_dotted.gif) repeat-x;
		}

	.line02{
		height		: 9px;
		background	: url(./images/line02.gif) repeat-x;
		}

	/* 9-2.color
	--------------------------------------*/
	.lightblue{
		color		: #09F;
		}
	
	.blue{
		color		: #06C;
		}
	
	.red{
		color		: #F00;
		}
	
	.pink{
		color		: #C06;
		}
	
	.orange{
		color		: #F90;
		}
		
	.lightgreen{
		color		: #9CC130;
		}

	.green{
		color		: #29770A;
		}

	/* 9-3.background
	--------------------------------------*/
	.bg_gray{
		background-color	: #DEDEDE;
		}
	
	.bg_white{
		background-color	: #FFF;
		}
			
	/* 9-4.position
	--------------------------------------*/
	.textC{
		text-align	: center;
		}
	
	.textR{
		text-align	: right;
		}
	
	.textL{
		text-align	: left;
		}
	
	.imgR{
		float		: right;
		margin		: 0 0 10px 10px;
		}

	.imgL{
		margin		: 0 10px 10px 0;
		float		: left;
		}