﻿@charset "UTF-8";
/* CSS Document */

#sidebar1 {
	float: left; 
	width: 150px; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	padding: 20px 0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
}
#sidebar1 h3, #sidebar1 p {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
}

#sidebar1 ul.main {
	margin:0;
	padding:0;
	list-style-type:none;
	border-bottom: solid 1px #FFF;
}

#sidebar1 img {
	border: none;
	vertical-align: top;
}

#sidebar1 li.title {
	clear:left;
	border-top:solid 1px #FFF;
}

#sidebar1 ul.name {
	margin:0;
	padding:0;
	list-style-type:none;
	border-right: solid 1px #6084ac;
	border-left: solid 1px #6084ac;
	background:#FFF;
}

#sidebar1 li.child {
	margin:0;
	padding:0;
	width:148px;
	background:#FFF;
	font-size:12px;
	line-height:150%;
}

#sidebar1 li.child a:link,#sidebar1 li.child a:visited{
	margin:0;
	padding:0px 10px 0px 10px;
	color:#6084ac;
	display:block;
	text-decoration:none;
	background:#FFF;
}

#sidebar1 li.child a:active,#sidebar1 li.child a:hover{
	margin:0;
	padding:0px 10px 0px 10px;
	display:block;
	background:#e5ebf2;
	border:none;
}

.bluebox{
	margin:20px 0px 30px 0px;
	padding-bottom:30px;
	border: solid 1px #a5c2e2;
	min-height:1px;}

.bluebox .read {
	margin:0;
	padding:20px 10px 20px 10px;
	font-size:75%;
	line-height:140%;
	color:#333333;
	text-align:justify;
	text-justify:inter-ideograph;
	}

.bluebox h1{
	margin-top:30px;
	padding:10px 0px 10px 20px;
	background:#99b0c9;
	}


.bluebox h2{
	clear:both;
	margin:30px 10px 10px 10px;
	padding:5px 10px 5px 10px;
	background:#9bbbdf;
	font-size:14px;
	color:#FFF;
	min-height:1px;
}

.bluebox h3{
	clear:both;
	margin:30px 10px 10px 10px;
	padding:5px 10px 5px 10px;
	background:#9bbbdf;
	font-size:14px;
	color:#FFF;
	min-height:1px;
}

.bluebox h4{
	margin:20px 12px 10px 10px;
	padding:5px 10px 5px 10px;
	float:left;
	background:#9bbbdf;
	font-size:14px;
	color:#FFF;
	min-height:1px;
}


.bluebox p.sbox{
	margin:5px 0px 0px 0px;
	width:175px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:140%;
	color:#333333;
	float:left;
}

.bluebox ul{
	clear:both;
	margin:0;
	padding:0px 20px 0px 20px;
	margin:0;
	font-size:12px;
}

.bluebox li{
	margin:0;
	padding:0;
}

.bluebox li.staff{
	padding:0px 0px 5px 0px;
	margin:0;
	display:block;
	width:200px;
	color:#333333;
	list-style-type:none;
	float:left;
}

.bluebox li.staff a{
	padding-left:12px;
	background:url(../images/arrow_black.gif) no-repeat 0% 50%;
}

.bluebox li.E_staff{
	padding:0px 0px 5px 0px;
	margin:0;
	color:#333333;
	list-style-type:none;
}

.bluebox li.E_staff a{
	padding-left:12px;
	background:url(../images/arrow_black.gif) no-repeat 0% 50%;
}

.bluebox li.princi{
	padding:0px 0px 5px 0px;
	margin:0;
	display:block;
	width:160px;
	color:#333333;
	list-style-type:none;
	float:left;
}

.bluebox li.princi a{
	padding-left:10px;
	background:url(../images/arrow_black.gif) no-repeat 0% 50%;
}

.bluebox li.ichiran{
	padding:0px 0px 5px 0px;
	margin:0;
	display:block;
	color:#333333;
	list-style-type:none;
	float:left;
}

.bluebox li.ichiran a{
	padding-left:10px;
	background:url(../images/arrow_black.gif) no-repeat 0% 50%;
}

.bluebox .table670 td{
	padding:5px 10px 5px 10px;
	font-size:75%;
	line-height:140%;
	color:#333333;
	background:#f5f5f5;

}

.bluebox .table670 th{
	margin:0;
	padding:5px 10px 5px 10px;
	font-size:75%;
	line-height:140%;
	color:#333333;
	text-align:left;
	background:#f5f5f5;

}

.staffs {
	padding-bottom:20px;
	width:100%;
	float:left;
	background-color:#FFF;
	min-height:1px;}


.staffs p {
	margin:0;
	padding:10px;
	width:120px;
	text-align:center;
	float:left;
	font-size:75%;
	font-weight:bold;
	color:#6982a6;
}

.staffs:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.staffs{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .staffs { height:1px; }
.staffs { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */	

.SD_title{
	margin-top:20px;
	padding:0px 0px 0px 20px;
	background:#e4ebf3;
	height:150px;
	}

.SD_title .boxL {
	margin:0; padding:0;
	float:left;
	width:130px;}
	
.SD_title p.sd_title{
	margin:0;
	padding:20px 0px 10px 10px;
	}

.SD_title p.sd_name{
	margin:0;
	padding:30px 0px 10px 10px;
	color:#575757;
	font-size:100%;
	}
	
	.SD_title2{
	margin-top:20px;
	padding:0px 0px 0px 20px;
	background:#e4ebf3;
	}
	
	.SD_title2 p.sd_title{
	margin:0;
	padding:5px 0px 5px 10px;
	}


/*イメージ左右指定*/

.bluebox p.imageR {
	max-width:300px;
	margin:0;
	padding:5px 10px 5px 10px;
	float:right;
	text-align:center;
	}

/*キャプション*/
.bluebox p.imageR .caption {
	line-height:130%;
	color:#666;
	text-align:center;
}

.bluebox p.imageL {
	margin:0;
	padding:5px 10px 5px 10px;
	max-width:300px;
	float:left;
	text-align:center;
}

.bluebox p.imageL .caption {
	line-height:130%;
	color:#666;
	text-align:center;
}

	
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.bluebox:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.bluebox{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .bluebox { height:1px; }
.bluebox { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */	

.clear {clear:both;}

.bluebox p.list {
 	margin:0;
 	padding:5px 0px 10px 0px;
	float:left;
	width:170px;
	text-align:center;
	font-weight:bold;
	line-height:120%;
	color:#666666;
 }

p.backtopR {
	margin:0;
	padding-right:10px;
	float:right;
	font-size:12px;
}