@charset "utf-8";

/*===================================================================
[01]レイアウトに関する指定
[02]ヘッダー内の各部分指定
[03]コンテンツ内の各部分指定
===================================================================*/

/*
===================================================================
[01]レイアウトに関する基本指定
===================================================================*/
body {
	background:url('../img/bg-main.jpg') no-repeat center top transparent;
	}

#wrapper{
	background:transparent url('../img/bg-wrapper.gif') repeat-x;
	}

#header{
	background:transparent url('../img/bg-header.jpg') no-repeat;
	height:140px;
}

#col1{
	float:left;
	width:339px;
}

#col2{
	float:right;
	width:339px;
}

#col1-02{
	float:left;
	width:332px;
}

#col2-02{
	float:right;
	width:332px;
}

/*===================================================================
[02]ヘッダー内の各部分指定
===================================================================*/
/*logo*/
#logo{
	background:transparent url('../img/logo.jpg') no-repeat;
	text-indent:-999999px;
	position:relative;
	top:31px;
	left:29px;
	display:block;
	width:478px;
	height:65px;
}

#logo h1 a{
	display:block;
	width:478px;
	height:65px;
	}
	
/*===================================================================
[03]コンテンツ内の各部分指定
===================================================================*/
h2{
	text-indent:-999999px;
	background:transparent url('../../vision/img/title01.jpg') 0 0 no-repeat;
	display:block;
	width:684px;
	height:149px;
	margin-bottom:20px;
}

h2#smtitle{
	text-indent:-999999px;
	background:transparent url('../../vision/img/title01-sm.jpg') 0 0 no-repeat;
	display:block;
	width:684px;
	height:92px;
	margin-bottom:20px;
}

h3#title02{
	background:transparent url('../img/bg-title02.gif') 0 0 no-repeat;
	display:block;
	width:684px;
	height:43px;
	font-size:24px;
	text-align:left;
	padding:10px 0 0 20px;
	margin-bottom:20px;
}

#col1, #col2{ 
	background:transparent url('../img/boxM-col2-01.gif') 0 0 repeat-y;
	text-align:left;
}

#col1 h3, #col2 h3{
	background:transparent url('../img/boxT-col2-01.gif') top left no-repeat;
	padding:20px 30px 15px;
	font-size:16px;
	font-weight:bold;
}

#col1 img, #col2 img{
	padding-left:13px;
}

#col1 p, #col2 p{
	padding:10px 13px 20px;
	background: transparent url('../img/boxB-col2-01.gif') bottom right no-repeat;
	line-height:1.4em;
}

#col1-02, #col2-02{
	background:transparent url('../img/boxM-col2-02.gif') 0 0 repeat-y;
	text-align:left;
}

#col1-02 h4, #col2-02 h4{
	font-size:24px;
	line-height:1.1em;
}

#col1-02 table, #col2-02 table{
	background:transparent url('../img/boxT-col2-02.gif') top left no-repeat;
	line-height:1.4em;
	font-size:14px;
}

#col1-02 th, #col2-02 th{padding:20px 0 20px 20px; width:10%;}
#col1-02 td, #col2-02 td{padding:20px;}
#col1-02 strong, #col2-02 strong{font-weight:bold;}
.tB{background: transparent url('../img/boxB-col2-02.gif') bottom right no-repeat;}
.space{padding-top:20px; background:#ffffff;}


#subsection{
	text-align:left;
}

#subsection ul.readtitle{
	margin:0px 15px 0px 0px;
	line-height:2.0em;
	font-weight:bold;
	font-size:12px;
}

#subsection li.dot{
	background:url("../../vision/img/vision_dot.gif") no-repeat scroll 0 0.7em transparent;
	clear:both;
	padding:0 0 0 12px;
}

#subsection ol.normal {
	clear:both;
	margin:20px 0px 0px 0px;
	line-height:2.0em;
}

#subsection ol.normal li {
	font-size:12px;
}

#subsection ol.normal li span {
	color:#003b00;
	font-weight:bold;
}

#subsection p {
	line-height:1.8;
	margin:20px 0px 20px 0px;

}