@charset   "UTF-8";


/*-------------------------------------*/
div#header{
	clear: both;
	color: #333;
	margin-top: 10px;
	padding : 0px 0px 30px;
	width: 900px;
	height: 200px;
}
div#header h2{
	font-size: 14px;
}
/* XChV[ */

div#guidBox{}

div#guidBox h2{
	font-weight: bold;
	font-size: 14px;
	display: block;
	color: #fff;
}

div#guidBox table{
	width: 198px;
	border-top: 1px solid #ccc;
}

div#guidBox table th,
div#guidBox table td{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

div#guidBox table th{
	padding: 5px;
	width: 200px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
div#guidBox table td{
	padding: 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div#news{
	clear: both;
	color: #333;
	margin-top: 0px;
	padding : 0px 0px 0px;
	position:relative;
	top: 2px;
  	float : right;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 300px;
	height: 165px;
}

div#news h2{
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0 0px 0;
	padding: 2px 0 2px 5px;
	display: block;
	color: #fff;
	background: url(../../share/img/bg_blue.gif) repeat 0 0;
}

#news .new dl {
	height: 134px;/*ボックスの高さ*/
	overflow: auto;
	padding-right: 8px;
	padding-left: 8px;
}

#news .new dt {
	font-weight: bold;/*日付を太字にする設定*/
	float: left;
}

#news .new dd {
	border-bottom: 1px solid #cccccc;/*日付ごとの下線*/
	padding-left: 8em;
}

/*-------------------------------------*/

p#mainImg{}

div#mainContents h2{
	font-weight: bold;
	font-size: 14px;
	margin: 45px 0 20px 0;
	padding: 4px 0 4px 10px;
	display: block;
	border-left: 7px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#subContents{
	width: 700px;
}

div#conLeft{
	float: left;
	width: 350px;
	border-top: 1px solid #ccc;
}

div#conLeft table{
	width: 350px;
}

div#conLeft table th,
div#conLeft table td{
	border-bottom: 1px solid #ccc;
}

div#conLeft table th{
	width: 70px;
	padding: 5px 0 5px 5px;	border-left: 1px solid #ccc;
	background: url(../../share/img/bg_border.gif) repeat 0 0;
	text-align: left;
}
div#conLeft table td{
	width: 276px;
	padding: 5px 0 5px 5px;	
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-align: left;
}

div#conRight{
	float: right;
	width: 350px;
}

div#conRight table{
	width: 340px;
	margin: 0px 0 5px 10px;	
}

div#conRight table td{
	height: 250px;
	padding: 5px 0 5px 5px;		
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

div#conInfo{}

div#conInfo h3{
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	margin: 45px 0 20px 0;
	padding: 4px 0 4px 10px;
	display: block;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(../../share/img/bg_blue.gif) repeat 0 0;
}

div#conInfo img{
	width: 150px;
	height: 112px;
	margin: 10px;
}

div#company{
	float:right;
	width: 210px;
	padding: 30px 0 4px 10px;
	position:relative;
}

div#company h1{
	font-weight: bold;
	font-size: 24px;
	display: block;
	color: #0000ff;

}
/* CHAPTER */
div#conceptBox{
	margin-bottom: 30px;
}

div#conceptBox h2{
	margin-top: 30px;
}

/* V */
div#topicsBox{}

div#topicsBox h2{}

div#topicsBox table{
	width: 700px;
	border-top: 1px solid #ccc;
}

div#topicsBox table th,
div#topicsBox table td{
	border-bottom: 1px solid #ccc;
}

div#topicsBox table th{
	padding: 10px 0 10px 14px;
	width: 100px;
	background: url(../../share/img/bg_border.gif) repeat 0 0;

}
div#topicsBox table td{
	padding: 10px 0 10px 20px;
	border-left: 1px solid #ccc;
}


/* o */
div.chapterBox{}

div.chapterBox h2{}

div.chapterBox strong{
	display: block;
	font-weight: bold; color: #666;
	margin-bottom: 8px;
}

div.chapterBox span{
	display: block;
	margin-bottom: 8px;
}

div.chapterBox a{
	display: block;
	margin-bottom: 28px;
}

/*-------------------------------------*/
div#footer{
	clear: both;
	color: #333;
	margin-top: 45px;
	padding: 30px 0;
	border-top: 1px solid #efefef;
}
div#footer p#copyright{
	padding: 8px 0;
	text-align: center;
}

/* L\ */
*{
	margin:0;
	padding:0;
}
.pr_design_box{
	line-height:30px;
	height:30px;
	text-align:center;
	font-size:12px;
	position:relative;
}
.pr_design ul{
}
.pr_design li{
	display:inline;
}
.pr_design_02{
	margin-left:7px;
}
.pr_design_copy{
	position:absolute;
	right:5px;
	bottom:0px;
}