@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
}
p,h1,h2,h3,h4,h5,h6,dt,dd,input,textarea{
	font-size:100%;
	margin:0;
	padding:0;
}

body{
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','平成明朝','細明朝', serif;
	font-size:13px;
	*font-size:14px;
	_font-size:14px;
	line-height:1.6;
	color:#333;
	text-align:center;
	background:#eee;
}
table{border-collapse:collapse;}
th, td{vertical-align:top;	*font-size:14px;	_font-size:14px;	_line-height:1.6;}
th,
.bold{font-weight:bold;}
h1,h2,h3,h4,h5,h6,th{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;}
dl dt{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;}
.small{font-size:10px;}
.smallb{font-size:10px;	font-weight:bold;}
.redb{font-weight:bold;	color:#f00;}
.reds{font-size:10px;	color:#c00;}
.letterb05{letter-spacing:0.5em;	font-weight:bold;}
.clear{clear:both;}
span.alt{
	top:-9999px;
	left:-9999px;
	position:absolute;
}


/* link */
a        {color:#4b8be2;	text-decoration:none;}
a:visited{color:#96d;	text-decoration:none;}
a:hover  {color:#333;	text-decoration:none;	background-color:#ccccff;}
a:active {color:#ff0000;	text-decoration:underline;}
a img{border:none;}

/* text、caps 削除中：index, outline, works ok, _________________________________________________ */
.text1{
		font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','平成明朝','細明朝', serif;
		font-size:12px;
		line-height:14px;
		}

.text1s{
		font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','平成明朝','細明朝', serif;
		font-size:10px;
		line-height:12px;
		}

.text1sb{
		font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','平成明朝','細明朝', serif;
		font-size:10px;
		line-height:12px;
		color:#ffffff;
		}

.text2{
		font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','平成明朝','細明朝', serif;
		font-size:12px;
		line-height:22px;
		}
/* 長文 */
.text3{
		font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','平成明朝','細明朝', serif;
		font-size:12px;
		line-height:18px;
		}
	
/* caption */
.caps1{
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
		font-size:18px;
		line-height:20px;
		text-shadow:#999999 2px 2px 4px;
		}
.caps2{
		font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro', sans-serif;
		font-size:18px;
		line-height:20px;
		text-shadow:#999999 2px 2px 4px;
		}
.caps1s{
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;
		font-size:14px;
		line-height:20px;
		text-shadow:#999999 2px 2px 2px;
		}
.caps2s{
		font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro', sans-serif;
		font-size:14px;
		line-height:20px;
		text-shadow:#999999 2px 2px 2px;
		}

h2{
	font-size:14px;
	*font-size:15px;
	_font-size:15px;
	line-height:20px;
	color:#000000;
	text-shadow:#999999 2px 2px 4px;
	}
.outline .cap-web h3,
.outline .cap-else h3,
.fee .cap-web h3,
.fee .cap-else h3,
.works h3,
.sub-personal h3,
.sub-attentions h3,
.sub-sample-l h3,
.sub-contract h3,
.sub-webpolicy h3,
.mail-form h3{
	text-indent:-9999px;
	width:362px;
	height:18px;
	background: url(../src/design_outline/cap_web.jpg) top left no-repeat;
	padding-bottom:4px;
	border-bottom:1px solid #c96;
	margin-bottom:10px;
}
.outline .cap-else h3{background: url(../src/design_outline/cap_else.jpg) top left no-repeat;}
.works h3{background: url(../src/design_works/cap_works.jpg) top left no-repeat;
	margin-top:40px;
}
.fee .cap-web h3{background: url(../src/design_fee/cap_web.jpg) top left no-repeat;
	margin-top:40px;
}
.fee .cap-else h3{background: url(../src/design_fee/cap_else.jpg) top left no-repeat;}
.sub-personal h3{background: url(../src/design_fee/cap_sub_personal.jpg) top left no-repeat;}
.sub-attentions h3{background: url(../src/design_fee/cap_sub_attn.jpg) top left no-repeat;}
.sub-sample-l h3{background: url(../src/design_fee/cap_sub_smpl_l.jpg) top left no-repeat;}
.sub-contract h3{background: url(../src/design_fee/cap_sub_contract.jpg) top left no-repeat;}
.sub-webpolicy h3{background: url(../src/design_outline/cap_sub_webpolicy.jpg) top left no-repeat;}
.mail-form h3{background: url(../src/mailform/cap_mailform.jpg) top left no-repeat;}

h4{
	font-size:14px;
	line-height:1;
	*font-size:15px;
	_font-size:15px;
	font-weight:bold;
	padding:4px;
}
.fee h4,
.sub-contract h4{
	letter-spacing:0.5em;
	background:#fc9;
	margin:4px 0 0 0;
	padding:8px 6px !important;
}
.sub-contract h4{margin-top:24px;}
.sub-webpolicy .webpolicy-first-con h4,
.sub-webpolicy .webpolicy-second-con h4,
.sub-webpolicy .webpolicy-third-con h4{border-left:10px solid #e65;	padding-left:6px;	margin:30px 0 0 10px;}
.sub-webpolicy .webpolicy-fourth-con h4{background:#fcd;	margin-bottom:8px;}
h6{
	font-size:10px;
	line-height:1;
	font-weight:bold;
}

/* ul 削除中＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
ul.arrow1{
	list-style-image: url(../src/li-arrow1.gif);
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 25px;
	padding: 0px;
	padding-left: 1px;
	line-height: 140%;
	list-style-position: outside;
}
ul.circle {
	list-style: circle;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 25px;
	padding: 0px;
	line-height: 120%;
}
ul.disk {
	list-style: disk;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 25px;
	padding: 0px;
	line-height: 120%;
}

/* ______________________index__________________________ */
	.index-copy{
		font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','平成明朝','細明朝', serif;
		font-size:10px;
		color:#ffffff;
		text-align:right;
		}

/* ______________________他ページ______________________ */
#container{
	width:726px;
	position:relative;
	text-align:left;
	margin:0 auto;
	background:#fff;
}
.body-wrapper{
	width:726px;
	background:transparent url(../src/common/body_con_r.jpg) top right repeat-y;
}
	.body-inner{
		background:transparent url(../src/common/body_con_l.jpg) top left repeat-y;
	}
		/* ヘッダ */
		.header{
			height:73px;
			background: url(../src/common/body_top.jpg) top left no-repeat;
		}
		.header h1.logo{text-indent:-9999px;	height:19px;}
		.header h2.info{
			font-size:14px;
			*font-size:15px;
			_font-size:15px;
			_font-weight:bold;
			line-height:1;
			text-shadow:#bbb 2px 2px 4px;
			color:#333;
			margin-left:212px;
		}

		/* ナビ ___________________________________ */
		div.top-navi{margin:0 20px 0 432px;	_margin-left:431px;}
		div.bottom-navi{margin:0 20px 10px 226px;}
			ul.navi{
				width:275px;
				height:27px;
				list-style-type:none;
				background: url(../src/common/navi.jpg) top left no-repeat;
				position: relative;
			}
			ul.navi li{float:left;}
			ul.navi li,
			ul.navi li a{
				display:block;
				height:27px;
				background: url(../src/common/navi.jpg) top left no-repeat;
			}
			ul.navi a:hover{background: url(../src/common/navi_rollover.jpg) top left no-repeat;}
			ul.navi .to-top,
			ul.navi .to-outline,
			ul.navi .to-fee,
			ul.navi .to-mailform,
			ul.navi .to-works{
				display:block;
				height:27px;
				background:url("../src/common/navi_this.jpg") top left no-repeat;
			}
			ul.navi .to-top{position:absolute;	left:5px;}
			ul.navi .to-outline{position:absolute;	left:45px;}
			ul.navi .to-fee{position:absolute;	left:84px;}
			ul.navi .to-mailform{position:absolute;	left:124px;}
			ul.navi .to-works{position:absolute;	left:213px;}
			ul.navi .to-top,
			ul.navi .to-top a,
			ul.navi .to-top a:hover{background-position:-5px 0;	width:38px;}/* 余白1px */
			ul.navi .to-outline,
			ul.navi .to-outline a,
			ul.navi .to-outline a:hover{background-position:-45px 0;	width:38px;}
			ul.navi .to-fee,
			ul.navi .to-fee a,
			ul.navi .to-fee a:hover{background-position:-84px 0;	width:39px;}
			ul.navi .to-mailform,
			ul.navi .to-mailform a,
			ul.navi .to-mailform a:hover{background-position:-124px 0;	width:88px;}
			ul.navi .to-works,
			ul.navi .to-works a,
			ul.navi .to-works a:hover{background-position:-213px 0;	width:59px;}/* 余白3px */

		/* コンテンツ ___________________________________ */
		.contents{clear:left;	margin:0 50px;}
		.contents .outline,
		.contents .works,
		.contents .fee{margin:0 0 0 10px;}

			/* 概要ページ(outline) (h3は↑)______________________ */
			.outline .eyecatch{margin:60px 0 50px 0;}
			.outline .eyecatch h1{
				text-indent:-9999px;
				width:445px;
				height:19px;
				background: url(../src/design_outline/policy_eyecatch.jpg) top left no-repeat;
			}
			.outline .eyecatch .to-design-policy{margin:30px 0 0 400px;}
			.outline p{margin:0 0 20px 30px;}

			.outline dl.waterfall-web,
			.outline dl.waterfall-else{margin:0 0 20px 14px;}
			.outline dl.waterfall-web dt,
			.outline dl.waterfall-web dd,
			.outline dl.waterfall-else dt,
			.outline dl.waterfall-else dd{margin-bottom:22px;}
			.outline dl.waterfall-web dt,
			.outline dl.waterfall-else dt{clear:left;	float:left;}
			.outline dl.waterfall-web dt.web1,
			.outline dl.waterfall-web dt.web2,
			.outline dl.waterfall-web dt.web3,
			.outline dl.waterfall-web dt.web4,
			.outline dl.waterfall-web dt.web5,
			.outline dl.waterfall-else dt.else1,
			.outline dl.waterfall-else dt.else2,
			.outline dl.waterfall-else dt.else3,
			.outline dl.waterfall-else dt.else4{
				text-indent:-9999px;
				width:190px;
				height:17px;
				background: url(../src/design_outline/waterfall1.jpg) top left no-repeat;
			}
			.outline dl.waterfall-web dt.web2{background: url(../src/design_outline/waterfall2.jpg) top left no-repeat;}
			.outline dl.waterfall-web dt.web3{background: url(../src/design_outline/waterfall3.jpg) top left no-repeat;}
			.outline dl.waterfall-web dt.web4{background: url(../src/design_outline/waterfall4.jpg) top left no-repeat;}
			.outline dl.waterfall-web dt.web5{background: url(../src/design_outline/waterfall5.jpg) top left no-repeat;}
			.outline dl.waterfall-else dt.else2{background: url(../src/design_outline/waterfall2.jpg) top left no-repeat;}
			.outline dl.waterfall-else dt.else3{background: url(../src/design_outline/waterfall3_2.jpg) top left no-repeat;}
			.outline dl.waterfall-else dt.else4{background: url(../src/design_outline/waterfall4_2.jpg) top left no-repeat;}
			.outline dl.waterfall-web dt .arrow,
			.outline dl.waterfall-else dt .arrow{
				text-indent:-9999px;
				width:19px;
				height:15px;
				background: url(../src/design_outline/waterfall_arrow.jpg) top left no-repeat;
				margin:3px 0 0 18px;
			}
			/* dd：marginは、190px(dt分)+10px*/
			.outline dl.waterfall-web dd,
			.outline dl.waterfall-else dd{
				background:#f1f1f1;
				margin-left:200px;
				padding:4px;
			}
			.outline .waterfall-foot{clear:left;	margin:0 0 70px 30px;}

		/* Worksページ (h3は↑)______________________ */
			.works p.works-intro{text-align:right;	font-size:11px;}
			.works .web-outer{margin:20px 0 0 0;}
			.works .web-outer .eatmeet,
			.works .web-outer .tokin,
			.works .web-outer .emelon,
			.works .web-outer .renature,
			.works .web-outer .hpsa{padding:0 16px 50px 16px;}
			.works .web-outer .pic{float:left;	width:190px;	padding-right:14px;}
			.works .web-outer .eatmeet,
			.works .web-outer .tokin,
			.works .web-outer .emelon,
			.works .web-outer .renature,
			.works .web-outer .hpsa{
				overflow: hidden;
				width: 100%;
			}/* width：win/ie */
			
				/* a img */
				.works .web-outer .pic a img{border:1px solid #4b8be2;}
				.works .web-outer .pic a:visited img{border:1px solid #96d;}
				.works .web-outer .pic a:hover img{border:1px solid #ff0000;}
				.works .web-outer .pic a:active img{border:1px solid #ff0000;}
			
				.works .web-outer dl dt a{font-weight:bold;}
				.works .web-outer dl dd{
					margin:8px 0 0 240px;
					*margin-left:234px;
					_margin-left:226px;
				}/* 190+14+36 */
				.works .web-outer dl dd ul{list-style-type:circle;}
			
			.works .works-foot{
				border-top:10px dotted #eee;
				margin:0 0 70px 0;
				*padding-left:20px;
			}
			.works .works-foot h4{
				font-size:14px;
				*font-size:15px;
				_font-size:15px;
				letter-spacing:0.5em;
				width:300px;
				border-bottom:1px solid #ccc;
				padding:30px 0 6px 0;
				margin-left:20px;
			}
			.works .works-foot ul{
				list-style-type:disk;
				margin:10px 40px;
				padding-left:20px;
				*padding-left:0;
				_padding-left:20px;
			}
			.works .works-foot ul li{margin:6px 0;}


			/* 料金ページ (h3、h4は↑)______________________ */
			.fee .web-head-p,
			.fee .else-head-p{
				font-size:12px;
				*font-size:13px;
				_font-size:13px;
				margin:0 0 0 18px;
			}
			.fee .else-head-p{margin-bottom:24px;}
			.fee .web-standard-ul,
			.fee .web-option-ul{margin:24px 0 40px 40px;}
			.fee .web-option-ul ul li{margin-bottom:8px;}
			/* 注：1〜5 (『sub-attentions-dl』、『webpolicy-attentions-dl』含む) */
			.fee .web-foot-dl,
			.fee .else-foot-dl,
			.sub-webpolicy .webpolicy-attentions-dl
				{border:1px dotted #ccc;	background:#ffe;	margin:50px 0 70px 0;	padding:4px;}
			.fee .else-foot-dl{margin-bottom:40px;}
			.sub-webpolicy .webpolicy-attentions-dl{
				font-size:12px;
				*font-size:13px;
				_font-size:13px;
				margin:50px 10px 70px 10px;
			}
				.fee .web-foot-dl dl dt,
				.fee .web-foot-dl dl dd,
				.fee .else-foot-dl dl dt,
				.fee .else-foot-dl dl dd,
				.sub-attentions .sub-attentions-dl dl dt,
				.sub-attentions .sub-attentions-dl dl dd,
				.sub-webpolicy .webpolicy-attentions-dl dl dt,
				.sub-webpolicy .webpolicy-attentions-dl dl dd{margin-bottom:8px;}
				.fee .web-foot-dl dl dt,
				.fee .else-foot-dl dl dt,
				.sub-attentions .sub-attentions-dl dl dt,
				.sub-webpolicy .webpolicy-attentions-dl dl dt{color:#c00;	clear:left;	float:left;}
				.fee .web-foot-dl dl dd,
				.fee .else-foot-dl dl dd,
				.sub-attentions .sub-attentions-dl dl dd,
				.sub-webpolicy .webpolicy-attentions-dl dl dd{margin-left:2.75em;}
			.fee .web-ul{border-top:5px dotted #ddc;	padding:20px 0 40px 18px;}
			.fee .web-ul ul{list-style: circle;}

			.fee table{
				width:600px;
				_width:598px;
				border:none;
				border-collapse:separate;
				border-spacing:4px;
				margin:0 0 0 18px;
			}
			.fee table th{text-align:center;	letter-spacing:1em;	background:#ccc;	padding:2px 4px;}
			.fee table th span{letter-spacing:0;}
			.fee table td{padding:4px;}
			.fee table th.colspan2{
				text-align:left;
				letter-spacing:0.5em;
				background:#ebb url(../src/design_fee/fee_arrow.gif) center left no-repeat;
				padding:4px 4px 4px 28px;
			}
				/* function */
				.odd-row{background:#f9f9f9;}
				.even-row{background:#eee;}
				.fee-first-td{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif;}
				.fee-second-td{text-align:right;}
				
				.fee table td ul{
					font-size:12px;
					*font-size:13px;
					_font-size:13px;
					list-style-type:none;
					margin:0 0 12px 8px;
				}
			
			.fee .fee-target-top1,
			.fee .fee-target-top2,
			.fee .fee-target-top3,
			.fee .fee-target-top4{
				text-align:right;
			}
			.fee .fee-target-top4{margin-bottom:30px;}

/* ____________________sub window (h3、h4は↑)____________________ */
.sub-body-wrapper{
	width:490px;
	background:#fff url(../src/common/body_con_r.jpg) top right repeat-y;
	margin:0px auto;
}
	.sub-body-inner{
		text-align:left;
		background:url(../src/common/body_con_l.jpg) top left repeat-y;
	}
		.sub-contents{margin:0 30px;	padding-top:20px;}
			.sub-contents .sub-personal{}
			.sub-contents .sub-attentions{}
			.sub-contents .sub-sample-l{}
			.sub-contents .sub-contract{}
			.sub-contents .sub-webpolicy{}
				.sub-webpolicy .webpolicy-first-con{}
				.sub-webpolicy .webpolicy-second-con{}
				.sub-webpolicy .webpolicy-third-con{}
				.sub-webpolicy .webpolicy-fourth-con{
					background:#fffcf6;
					border-top:3px double #ccc;
					border-bottom:3px double #ccc;
					padding:10px;
					margin:50px 10px;
				}

				/* sub-attentions-dl『注：1〜5』：残りは↑他ページ：料金ページ */
				/* webpolicy-attentions-dl『注』：残りは↑他ページ：料金ページ */
				.sub-contents p,
				.sub-attentions .sub-attentions-dl{margin:20px 0 30px 0;}
				.sub-webpolicy p{margin:12px 0 12px 14px;}
				.sub-webpolicy p.webpolicy-second-con-p2{margin-top:36px;}
				.sub-webpolicy .webpolicy-fourth-con p{margin:0;}
				.sub-contract p.intro{text-align:right;	margin:8px 0 0 4px;}
				.sub-contract ol{margin:10px 0 0 20px;}
				.sub-contract ol li{
					border-bottom:2px dashed #e6e6e6;
					padding-bottom:4px;
					margin-bottom:4px;
				}
				.webpolicy-fourth-con ul{list-style-type:none;	margin:6px 0 20px 14px;}
				.webpolicy-fourth-con .webpolicy-update{text-align:right;}

				.sub-contract ul{list-style-type:circle;}
				.sub-contract ul li{border-bottom:none;	margin:0 0 0 30px;}

				.sub-sample-l img.sample-image{float:left;	margin:0 10px 10px 0;}


/* ____________________メールフォーム (h3は↑)____________________ */
		.mail-form textarea{width:290px;}
		.mail-form h3,
		.mail-form-done h3{font-weight:bold;}
		h3.mail-verifi-h3{margin-bottom:14px;}
		h3.error{color:#f00;}
		.mail-form,
		.mail-form-done{padding:20px;}
		.mail-form .mail-head-p{text-align:center;}
		.mail-form .mail-head-p2,
		.mail-form .mail-foot-p{text-align:right;	font-size:10px;	margin:4px;}
		.mail-form-done .mail-error-foot-p{text-align:center;}
		.mail-form table{border-collapse:separate;	border:none;}
		.mail-form table.mail-main-table{border-spacing:4px;	width:auto;}
		.mail-form table th,
		.mail-form-done table th{text-align:left;	vertical-align:top;}
		.mail-form table.mail-main-table th,
		.mail-form table.mail-main-table td{padding:4px;}
		.mail-form table.mail-main-table th{background:#ccc;}
		.mail-form table.mail-main-table td{width:300px;	background:#eee;}
		.mail-form div.mail-submit{text-align:center;	margin-top:14px;}
		.mail-form table.mail-submit2{margin:14px 0 0 120px;}
			.mail-form .mail-submit-abort{}
			.mail-form .mail-submit-submit{margin-left:20px;}


/* ______________________フッタ______________________ */
		.sub-close{text-align:center;}
		.sub-bnnr{text-align:right;}
		.sub-bnnr img{}
		.sub-bnnr a img{border:1px solid #ddd;}
		.sub-bnnr a:hover img{border:1px solid #4b8be2;}

		.footer{
			background: url(../src/common/body_foot.jpg) top left no-repeat;
			height:34px;
		}
		.sub-footer{
			background: url(../src/common/body_foot_sub.jpg) top left no-repeat;
			height:34px;
		}
		.footer h5,
		.sub-footer h5{
			font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','平成明朝','細明朝', serif;
			font-size:10px;
			line-height:12px;
			text-align:right;
			color:#fff;
			padding:8px 18px 0 0;
		}