@charset "utf-8";

/*------------------
基本設定
------------------*/

body {
	margin:0px;
	font-size:12px;
	color:#000000;
}

p {
	margin:5px 15px 10px 20px;
	font-size:12px;
	line-height:150%;
	color:#000000;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cl {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.s {
	margin:10px 0px 5px 0px;
	font-size: 10px;
	color:#003368;
	text-align: right;
}

.m {
	margin:10px 0px 0px 20px;
	font-size: 14px;
	font-weight:bold;
	color:#326698;
}

.l {
	margin:25px 0px 10px 20px;
	font-size: 14px;
	font-weight:bold;
	color:#326698;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.vtop {
	vertical-align: top;
}

.emp {
	color:#CD0000;
	font-weight:bold;
	font-size: 12px;
}


/*------------------
基本リンク設定
------------------*/
a:link {
	color:#003265;
	font-weight:nomal;
	text-decoration:underline;
}

a:visited {
	color:#003265;
	font-weight:nomal;
	text-decoration:underline;
}

a:hover {
	color:#003265;
	font-weight:nomal;
	text-decoration:none;
}

a:active {
	color:#003265;
	font-weight:nomal;
	text-decoration:underline;
}


/*------------------
レイアウト wrapper
------------------*/
#wrapper {
	width:850px;
	margin:0px auto;
}


/*------------------
レイアウト header
------------------*/
#head {
	margin:0px;
	padding:14px 0 0;
	width:850px;
	height:63px;
	border-bottom:5px solid #2c499a;
}

#head h1 {
	float:left;
	width:317px;
	height:35px;
	margin:0px;
	padding:0px;
}

#head p{
	float:right;
	width:156px;
	height:12px;
	padding:20px 5px 0 0;
	margin:0;
}


/*------------------
レイアウト main
------------------*/
#main {
	clear:both;
	width:786px;
	margin:0 auto;
	padding:10px 0px 0;
}

#main_foot {
	margin:0px;
	width:786px;
	height:15px;
}

#date {
	margin:15px 0px 0px 0px;
	text-align: right;
	font-size: 14px;
}

#clip1 {
	margin:0px 0px 10px 30px;
	padding:0px;
	width:720px;
}

#clip2 {
	margin:0px 0px 0px 30px;
	padding:0px;
	width:720px;
}

.tbl_fence {
	margin:0px auto;
	padding:0px;
	width:680px;
}


/*------------------
コンテンツ main
------------------*/
h2 {
	margin:0px 0px 15px 0px;
	height:35px;
	background:url('images/h2_01.gif') no-repeat top center;
	text-indent: -9999px;
}

.ttl01 {
	margin:0px 0px 15px 0px;
	height:30px;
	background:url('images/h3_01.gif') no-repeat top center;
	text-indent: -9999px;
}

.ttl02 {
	margin:0px 0px 15px 0px;
	height:30px;
	background:url('images/h3_02.gif') no-repeat top center;
	text-indent: -9999px;
}

.ttl03 {
	margin:0px 0px 20px 0px;
	height:30px;
	background:url('images/h3_03.gif') no-repeat top center;
	text-indent: -9999px;
}

.btn {
	margin:0px 0px 20px 0px;
	padding:4px 0px 0px 6px;
	height:66px;
	background:url('images/btn_bg.gif') no-repeat top center;
}

.btn01 {
	width:231px;
	height:51px;
	text-indent: -9999px;
}

.btn02 {
	width:231px;
	height:51px;
	text-indent: -9999px;
}

.btn03 {
	width:231px;
	height:51px;
	text-indent: -9999px;
}

.btn01 a:link, .btn01 a:visited, .btn01 a:active {
	display: block;
	width:231px;
	height:51px;
	background:url('images/btn_01.gif') no-repeat top center;
}

.btn02 a:link, .btn02 a:visited, .btn02 a:active {
	display: block;
	width:231px;
	height:51px;
	background:url('images/btn_02.gif') no-repeat top center;
}

.btn03 a:link, .btn03 a:visited, .btn03 a:active {
	display: block;
	width:231px;
	height:51px;
	background:url('images/btn_03.gif') no-repeat top center;
}

.btn01 a:hover {
	display: block;
	width:231px;
	height:51px;
	background:url('images/btn_01on.gif') no-repeat top center;
}

.btn02 a:hover {
	display: block;
	width:231px;
	height:51px;
	background:url('images/btn_02on.gif') no-repeat top center;
}

.btn03 a:hover {
	display: block;
	width:231px;
	height:51px;
	background:url('images/btn_03on.gif') no-repeat top center;
}

.q_a {
	margin:10px 0px 0px 0px ;
	padding:7px;
	border:1px solid #7CAAE5;
}

.etc_soft {
	margin:5px 0px 0px 0px ;
	padding:7px;
	border:1px solid #7CAAE5;
}

.soft_t {
	font-size: 12px;
	font-weight:bold;
	color:#346699;
}

.question {
	margin:0px;
	padding:5px 5px 1px 40px;
	font-size: 12px;
	font-weight:bold;
	color:#346699;
	background:url('images/icon_q.gif') no-repeat top left;
}

.answer {
	margin-top:20px;
	padding:0px 5px 0px 40px;
	font-size: 12px;
	line-height:150%;
	background:url('images/icon_a.gif') no-repeat top left;
}

.tbl {
	margin:0px;
	padding:0px;
	border-top:1px solid #396CA5;
	border-left:1px solid #396CA5;
}

.tbl01 {
	margin:0px;
	padding:15px 5px 15px 5px;
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	color:#FFFFFF;
	border-right:1px solid #396CA5;
	border-bottom:1px solid #396CA5;
	background:#7DACE4;
}

.tbl02 {
	margin:0px;
	padding:7px;
	font-size: 12px;
	line-height:150%;
	border-right:1px solid #396CA5;
	border-bottom:1px solid #396CA5;
}


/*------------------
イメージ main
------------------*/
.img01 {
	width:720px;
	height:413px;
	background:url('images/h3_01_img.jpg') no-repeat top center;
	text-indent: -9999px;
}

.img02 {
	margin:0px 0px 20px 80px;
	padding:0px;
	width:425px;
	height:419px;
	background:url('images/h3_02_img1.gif') no-repeat top center;
	text-indent: -9999px;
}

.img03 {
	margin:0px 0px 0px 80px;
	padding:0px;
	width:425px;
	height:429px;
	background:url('images/h3_02_img2.gif') no-repeat top center;
	text-indent: -9999px;
}


/*------------------
レイアウト footer
------------------*/
#foot {
	width:786px
	margin:10px 0px 30px 0px;
	padding-top:10px;
	border-top:1px solid #ccc;
}

#foot p{
	text-align:center;
	}