@charset "UTF-8";

/* *************************************

概要：共通使用CSS

***************************************/

/* h1,h2,h3,h4 */

#container #content h1 {
	margin: 15px 0 0 0;
	padding-bottom: 10px;
	display: block;
	background: url(../images/main_h1_bgbottom.jpg) no-repeat left bottom;
	font-size: 110%;
}

#container #content h1 span {
	margin: 0;
	padding: 12px 12px 0px;
	display: block;
	background: url(../images/main_h1_bg.jpg) no-repeat left top;
	color: #fff;
}

#container #content h1 span em {
	font-size:80%;
	font-style: normal;
	color: #fff;
}

#container #content h1.imgtype {
	margin: 15px 0 0 0;
	padding-bottom: 0;
	display: block;
	background: none;
	font-size: 110%;
}


#container #content h1 img {
	display: block;
	vertical-align: bottom;
}


#container #content h2 {
	margin-top: 40px;
	margin-bottom:15px;
	background: url(../images/h2_bar.jpg) no-repeat left bottom;
	padding-bottom: 8px;
	font-size: 95%;
	clear: both;
}

#container #content h2.top {
	margin-top: 20px !important;
	background: url(../images/h2_bar.jpg) no-repeat left bottom;
	padding-bottom: 10px;
	font-size: 95%;
	clear: both;
}

#container #content h2.imgtype {
	margin-top: 40px;
	background: none;
	padding-bottom: 0;
	font-size: 95%;
	clear: both;
}

#container #content h2 span{
	display: inline-block;
	margin-top: 0px;
	line-height:1.5;
	background: /*url(../images/h2_icon.jpg)*/ no-repeat left 0.25em;
	padding: 0 0 0px 22px;
	color:#4591CD; /*ブランドカラーを適用*/
}

#container #content #main div.box01 h2 {
	margin-top: 0;
	background: none;
	padding-bottom: 0;
	font-size: 95%;
	color:#DF6072;
}

#container #content h3 {
	margin-top: 20px;
	background:url(../images/h3_icon.gif)  repeat-y 0px 0.1em;
	padding-left: 12px;
	font-size: 85%;

}

#container #content  div.box01 h3 {
	background:url(../images/h3_icon.gif)  repeat-y 0px 0.1em;
	padding-left: 12px;
	margin-bottom:-6px;

}

#container #content  div.box02 h3 {
	background:url(../images/h3_icon.gif)  repeat-y 0px 0.1em;
	padding-left: 12px;
	margin-bottom:-7px;

}

#container #content h3.imgtype {
	margin-top: 20px;
	margin-bottom:-7px;
	background: none;
	padding-left: 0;
}

#container #content h4 {
	margin-top: 15px;
	margin-bottom:-7px;
	font-size: 75%;
	color: #996633; /*ブランドカラーを適用*/

}

/* p */

#container #content p {
	margin-top: 12px;
	line-height: 1.6;
	font-size: 75%;
}


#container #content p#mainvisual {
	margin-top: 0px;
	padding:0;
	line-height:0;
}

#container #content p.readcopy {
	margin-top: 15px;
	margin-bottom: -8px;
	color:#4591CD; /*ブランドカラーを適用*/
	font-size: 90%;
	font-weight: bold;
}

#container #content p.copy {
	color:#4591CD; /*ブランドカラーを適用*/
	font-weight: bold;
	font-size: 90%;
	margin-bottom: -8px;
}

#container #content p.note {
	margin-top:3px;
	text-indent: -1em;
	padding-left:1em;
}


#container #content p.name {
	font-size: 85%;
	font-weight: bold;
}

/* address */

#container #content address {
	font-size:75%;
	font-style: normal;
	line-height:1.8;
	margin-top:8px;
}

/* ul,dl */

#container #content ul {
	margin-top: 10px;
	margin-left: 16px;
}

#container #content ul li {
	font-size: 75%;
	line-height:1.5;
	margin: 3px 0;
}

#container #content ul li p {
	font-size: 100%;
	line-height:1.5;
	margin: 3px 0;
}

#container #content ul li ol li {
	font-size: 100%;
}



#container #content ol {
	margin-top: 12px;
	margin-left: 20px;
}

#container #content ol li {
	font-size: 75%;
	line-height:1.5;
	margin: 3px 0;
}


#container #content ul.content_navi_imgtype {
	list-style-type: none;
	width:auto;
	margin:25px auto 0;
	padding:10px 0 0 0;
	border-top: 1px dotted #ccc;
	list-style-type: none;
}

#container #content ul.content_navi_imgtype_top {
	list-style-type: none;
	width:auto;
	margin:15px auto 0;
	padding:10px 0 0 0;
	list-style-type: none;	
}


#container #content ul.content_navi {
	list-style-type: none;
	width:auto;
	margin:40px auto 0 !important;
	padding:10px 0 0 0;
	border-top: 1px dotted #ccc;
}

#container #content ul.navi_center {
	list-style-type: none;
	margin:40px auto 0;
	padding:10px 0 0 120px;
	border-top: 1px dotted #ccc;
}


#container #content ul.content_navi li.onecolumn {
	display: block;
	width: 205px;
	margin: 0 auto 10px;
	border:1px solid #ccc;
}

#container #content ul.content_navi li.twocolumn {
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 205px;
	float:left;
	border:1px solid #ccc;
}

#container #content ul.content_navi li.threecolumn {
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 205px;
	float:left;
	border:1px solid #ccc;
}

*html #container #content ul.content_navi li.threecolumn {
	display: block;
	margin-right: 8px;
	margin-bottom: 10px;
	width: 205px;
	float:left;
	border:1px solid #ccc;
}

#container #content ul.content_navi li a,
#container #content ul.content_navi li em {
	height: 100%;
	display: block;
	line-height: 1.8;
	text-decoration: none;
	font-style: normal;
	padding: 8px 5px 8px 23px;
}

#container #content ul.content_navi li em {
	padding: 8px 5px 8px 23px;
	background: #DFEDF9 url(../images/main_icon.gif) no-repeat 10px 1.2em; /*ブランドカラーを適用*/
	color: #3087D6; /*ブランドカラーを適用*/
}

#container #content ul.content_navi li a:link,
#container #content ul.content_navi li a:visited {
	padding: 8px 5px 8px 23px;
	background:url(../images/main_icon.gif) no-repeat 10px 1.2em;
}

#container #content ul.content_navi li a:hover {
	background: #DFEDF9 url(../images/main_icon.gif) no-repeat 10px 1.2em; /*ブランドカラーを適用*/
	color: #3087D6; /*ブランドカラーを適用*/
}


#container #content dl {

}

#container #content dl dt {
	font-size: 75%;
}

#container #content dl dd {
	line-height: 1.5;
	margin-top: 8px;
	font-size: 75%;
}



/* table.normal */

#container #content table  {
}

#container #content table th {
	font-size: 100%;
	line-height:1.6;
	teble-layout:fixed;
}

#container #content table td {
	font-size: 100%;
	line-height: 1.6;
}

#container #content table.school_list  {
	margin-top: 5px;

}

#container #content table.school_list  th {
	border:none;
	border-bottom: 1px dotted #999;
	padding: 8px;
	font-size: 75%;
}

#container #content table.school_list  td {
	border:none;
	border-bottom: 1px dotted #999;
	padding: 8px;
}

/*#container #content table.result_list {
	margin: 10px auto;
}

#container #content table.result_list  th {
	background:#FFCCCC;
	padding: 0px;
	border: 1px solid #fff;
	color:#fff;
}

#container #content table.result_list  td {
	border-bottom: 1px dotted #999;
	padding: 0px;
	font-size:75%;
}
*/

#container #content table.normal  {
	margin-top: 18px;
}

#container #content table.normal th {
	border: 1px solid #999;
	padding: 8px;
	font-size: 75%;
	font-weight: bold;
	background: #DFEDF9; /*ブランドカラーを適用*/
	text-align: center;
	line-height: 1.6;
}

#container #content table.normal td {
	border: 1px solid #999; 
	padding: 8px;
	font-size: 75%;
	line-height:1.6;
}

#container #content table.normal td.category {
	background: #f0f0f0;
	font-weight: bold;
}


td.fontweight {
	font-weight: bold;
}

table.valign_top td,
table.valign_top th {
	vertical-align: top;
}

#container #content table.valign_top td p {
	margin:0;
}

#container #content table.normal td ul li {
	font-size:100%;
}

/* table.center */

#container #content table.center  {
	margin-top: 18px;
}

#container #content table.center th {
	border: 1px solid #999;
	padding: 8px;
	font-size: 75%;
	font-weight: bold;
	background: #DFEDF9; /*ブランドカラーを適用*/
	text-align: center;
	line-height: 1.6;
}

#container #content table.center td {
	border: 1px solid #999; 
	padding: 5px;
	font-size: 75%;
	line-height:1.6;
	text-align: center;
}

#container #content table.center td.category {
	background: #f0f0f0;
	font-weight: bold;
}


td.fontweight {
	font-weight: bold;
}

table.valign_top td,
table.valign_top th {
	vertical-align: top;
}

#container #content table.valign_top td p {
	margin:0;
}

#container #content table.center td ul li {
	font-size:100%;
}

/* tablewidth */
.longtype {
	width: 655px;
}

.midletype {
	width: 500px;
	margin: auto auto;
}

/* span */

img.blankicon {
	padding-left: 3px !important;

}

/* div */
#container #content #main div.box01 {
	margin-top: 13px;
	padding:10px;
	border: 1px solid #DCD8B8; /*ブランドカラーを適用*/
}

#container #content #main div.box02 p {
	margin-top: 0px;
}

#container #content #main div.box02 {
	margin-top: 15px;
	padding:10px;
	background: #F7F5F0;
}

#container #content #main div.box02 p {
	margin-top: 0px;
}

#container #content #main div.box03 {
	margin-top: 15px;
	padding:10px;
	background: #f0f0f0;
}


#container #content #main div.threecolumn div {
	width: 200px;
	float: left;
	margin-top: 15px;
	margin-left:10px;
}



/* img */

#container #content #main .photleft {
	float: left;
	margin:0;
	margin-right: 15px;
	margin-bottom: 5px;
	display: block;
	line-height:0;
}

#container #content #main .photright {
	float: right;
	margin:0;
	margin-left: 15px;
	margin-bottom: 5px;
	display: block;
	line-height:0;
}

/* all */
p.bold,
span.bold {
	font-weight: bold;
}

.mt0{
	margin-top:0px !important;
}

.mt5{
	margin-top:5px !important;
}

.mt10{
	margin-top:10px !important;
}

.mt15{
	margin-top:15px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt25{
	margin-top:25px !important;
}

.mt40{
	margin-top:40px !important;
}

.pl10 {
	padding-left:10px !important;
}


.top {
	margin-top: 0 !important;
}

.text_right {
	text-align: right;
}

.font65 {
	font-size:65% !important;
}

.font75 {
	font-size:75% !important;
}


.center {
	text-align: center;
}

.floatleft{
	float:left !important;
}

.floatright {
	float:right !important;
}

.floatleft_phot {
	margin-top:15px !important;
	margin-right:15px !important;
	float:left !important;
}

.floatright_phot {
	margin-top:15px !important;
	margin-left:15px !important;
	float:right !important;
}

.floatleft_phot_mt0 {
	margin-top:0px !important;
	margin-right:15px !important;
	float:left !important;
}

.floatright_phot_mt0 {
	margin-top:0 !important;
	margin-left:15px !important;
	float:right !important;
}

.text_green {
	color: #009933;
}

.text_blue {
	color: #0066CC;
}

.text_red {
	color: #CC0000;
}


.attention {
	color:#FF0000;
}

/* width */
.longtype {
	width: 655px;
}

.midletype {
	width: 500px;
	margin: auto auto;
}

.w50 {
	width: 50px;
}

.w80 {
	width: 80px;
}

.w100 {
	width: 100px;
}

.w120 {
	width: 120px;
}

.w150 {
	width: 150px;
}

.w180 {
	width: 180px;
}


.w200 {
	width: 200px;
}

.w250 {
	width: 250px;
}

.w300 {
	width: 300px;
}

.w320 {
	width: 320px;
}

.w350 {
	width: 350px;
}

.w400 {
	width: 400px;
}


.half{
	width: 50%;
}