@charset "utf-8";

/*
	Site Name: NEWS-S
	Description: initial setting
	Version: 1.0
	Author: Vital Service.Inc,
*/

/*
===== CONTENTS =============================================

	1: LAYOUT
	2: TOOLS

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

/*===== 1:LAYOUT =====================================*/
div#container{
	width:904px;
	margin: 0px auto 0px auto;
/*	padding-right: 4px;*/
	text-align: center;
}

.bg_bottom {
	background:url(../img/bg_bottom.gif) center top no-repeat;
	width:910px;
	height:60px;
	margin-right: auto;
	margin-left: auto;
}
div#head {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

#head .btn_01 {
	position:absolute;
	top:583px;
	left:31px;
}

#head .btn_02 {
	position:absolute;
	top:581px;
	left:300px;
}

#head .btn_03 {
	position:absolute;
	top:582px;
	left:570px;
}

.title {
	position:absolute;
	top:14px;
	left:280px;
	color:#fff;
	font-weight:bold;
}

.content {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
.block {
	width: 840px;
	border:1px solid #007700;
	padding-bottom: 8px;
	margin-bottom:15px;
}
	.block .innerwrap1,
	.block .innerwrap2,
	.block .innerwrap3 {
		padding: 17px 10px 13px 30px;
	}

	.innerwrap1 .left {
		float: left;
		width: 620px;
	}
	.innerwrap1 .right {
		float: left;
		padding-top:70px;
	}
	.innerwrap2 .left {
		float: left;
		width: 550px;
	}
	.innerwrap3 .left {
		float: left;
		width: 420px;
	}
	.right {
		float:right;
	}
	.innerwrap3 .bottom {
		margin-top:20px;
	}
	.rogo {
		position:relative;
		left:380px;
	}

.block2 {
	width: 842px;
	margin-bottom:15px;
	margin-right: auto;
	margin-left: auto;
}

.block3 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

.block3 .btn_01 {
	position:absolute;
	top:41px;
	left:32px;
}

.block3 .btn_02 {
	position:absolute;
	top:39px;
	left:300px;
}

.block3 .btn_03 {
	position:absolute;
	top:40px;
	left:569px;
}

.component {
	position:relative;
}
	.component p {
		position:absolute;
		top:60px;
		left:320px;
		width:500px;
	}

h3 {
	margin-bottom: 10px;
}
h3.nomargin {
	margin-bottom: 0px;
}


.txt {
	margin:15px 0px;
}

#reco {
	width:840px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
}

#reco #comment {
	height: 300px;
	width: 420px;
	position:relative;
	float:left;
}
#reco #comment .comment1,
#reco #comment .comment2 {
	width:190px;
	font-size:12px;
	line-height:120%;
}
#reco #comment .comment1 {
	position:absolute;
	top:75px;
	left:200px;
}
#reco #comment .comment2 {
	position:absolute;
	top:75px;
	left:210px;
}
address {
	font-size: 90%;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	width: 900px;
	height: 26px;
}


/*===== 2: TOOLS       =======================================*/
.pagetop {
	margin-top: 10px;
	margin-bottom: 17px;
	text-align: right;
}
.pagetop a {
	background: url(../img/pct_page_top.gif) no-repeat right center;
	margin-right: 3px;
	padding-right: 16px;
	display: block;
	text-decoration: none;
	color: #3f3f3f;
}
.clear{
	clear:both;
	line-height: 1px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb15 {
	margin-bottom: 15px;
}
.pt15 {
	padding-top: 15px;
}
.middle {
	font-size:14px;
}