/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
reset
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/




/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
common
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/

html {margin: 0; padding: 0; min-height: 900px; }

body {
	font-family: "Verdana", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo","   sans-serif";
	color: #333333;
	font-size:95%;
	margin: 0;
	padding: 0;
	background-image: -moz-linear-gradient(top, #fff 50%, #A4CFFF 80%, #00147C );
background-image: -ms-linear-gradient(top, #fff 50%, #A4CFFF 80%, #00147C);
background-image: -o-linear-gradient(top,#fff 50%, #A4CFFF 80%, #00147C);
background-image: -webkit-gradient(linear, center top, center bottom, from(#00147c), to(#ffffff));
background-image: -webkit-linear-gradient(top, #fff 50%, #A4CFFF 80%, #00147C);
background-image: linear-gradient(top, #fff 50%, #A4CFFF 80%, #00147C);

	background-position: bottom left;
	
}

/*.body_top{	background-image: url(../images/bk_top.png);
	background-repeat: repeat-x;
	background-position: left top;
	height:369
	
	}

*/







	 
body:not(:target) {
  height: inherit\9; /* IE9, 10 */
}

* html body {  
	font-size:87%;  
}
/**/
*:first-child+html body {  
	font-size:87%;  
}

img {
	vertical-align:bottom;
	border:none;
	display:block;
}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.fleft {float:left;	}
.fright {float:right;	}
.center00 {margin:0px auto;}
.center20 {margin:20px auto;}
.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.h10 {height:10px;}
.t5 {padding-top:5px;}
.t10 {padding-top:10px;}
.t20 {padding-top:20px;}
.b10 {padding-bottom:10px;}
.b20 {padding-bottom:20px;}
.r10 {padding-right:10px;}
.l10 {padding-left:10px;}
.b {font-weight:bold;}
.underline {text-decoration:underline;}
.mt40 {margin-top:40px;	}
.mt100 {margin-top:100px;	}
.mb40 {margin-bottom:40px;}
.mr10 {margin-right:10px;	}
.ssText {font-size:0.8em;　line-height:135%;}
.sText {font-size:0.9em;　line-height:150%;}
.lText {font-size:1.1em;}
.llText {font-size:1.2em;}
.XlText {font-size:1.3em;}
.indent1em {
	padding-left:1em;
	text-indent:-1em;
}
.color_red {color:#e50012;}
.color_darkblue {color:#004286;}
.color_green {color:#94d303;}
.color_orange {color:#EC6C00;	}
.caution {color:#c50018;}
.marker {background: linear-gradient(transparent 40%, #ff9 40%); }
a {
	color:#2c4197;
	text-decoration: underline;
	outline:0;
}
a:hover {
	color:#d75252;
	text-decoration: none;
}
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }


/*-------------------------------------------------------------
///////////////////////////////////////////////////////////////
layout
///////////////////////////////////////////////////////////////
--------------------------------------------------------------*/

/*ページベース
------------------------------------------------------*/


body > #wrapper {
    height: auto;
}

#wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto 0px auto;
	text-align: left;
	box-shadow:rgba(0, 0, 0, 0.13) 4px 4px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.13) 4px 4px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.13) 4px 4px 3px 0px;
	font-size: 0.9em;
	background-image: url(../images/bk_top_page.png) ;
	background-repeat: repeat-x;
	background-position: left top;
	height: 150px;
}

/*contents
------------------------------------------------------*/

#contentsWrap {
	width: 1000px;
	margin-right: auto;
	margin-left : auto;
	background-color: #FFF;
}

/*ヘッダー
------------------------------------------------------*/

header {
	width: 950px;
	height: 170px;
	position: relative;
}

header p{ position: absolute; right: 20px; top: 12px;}

h1{margin: 0;}
	

/*コンテンツエリア
------------------------------------------------------*/

#contentsArea {
	width: 773px;
	float: right;
	height: 1000px;
	padding:0;
	margin:0;
}

#main {
	width: 773px;
	float: right;
	padding:0 0 100px 0;
	margin:0;
}

#contents{
	width: 773px;
	float: right;
	padding:0 0 100px 0;
	margin:0;
}

#contentsArea h2{
	padding:0;
	margin:0;
	width:690px;
	height:50px;
	background-image: url(../images/h2.png);
	background-size:100%;
	background-position:left;
	background-repeat:no-repeat;
	

	font-weight:bold;
	color:#fff;
	margin-left:30px;
	padding-top:25px; padding-left:30px; padding-bottom:6px; 
	font-size:25px;}
#main h2{
	padding:0;
	margin:0;
	width:690px;
	height:50px;
	background-image: url(../images/h2.png);
	background-size:100%;
	background-position:left;
	background-repeat:no-repeat;
	

	font-weight:bold;
	color:#fff;
	margin-left:30px;
	padding-top:25px; padding-left:30px; padding-bottom:6px; 
	font-size:25px;}	
	

#contents h2{
	padding:0;
	margin:0;
	width:690px;
	height:50px;
	background-image: url(../images/h2.png);
	background-size:100%;
	background-position:left;
	background-repeat:no-repeat;
	

	font-weight:bold;
	color:#fff;
	margin-left:30px;
	padding-top:15px; padding-left:30px; padding-bottom:15px; 
	font-size:25px;}
	


	
/*#contentsArea h2{
	width:650px;
	height:30px;
	color:#fff; margin-left:40px; vertical-align:middle; padding-top:10px; padding-left:20px;
			background-image: -moz-linear-gradient(left, #293dff, #0ffcff);
background-image: -ms-linear-gradient(left, #293dff, #0ffcff);
background-image: -o-linear-gradient(left, #293dff, #0ffcff);
background-image: -webkit-gradient(linear, left top, right top, from(#293dff), to(#0ffcff));
background-image: -webkit-linear-gradient(left, #293dff, #0ffcff);
background-image: linear-gradient(left, #293dff, #0ffcff);

-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
*/


 


/*#page-top{
  display: block;
  position: absolute;
  z-index: 9999;
  bottom: 30px;
  right: 20px;
  width: 40px;
  padding: 20px 10px; 
  color: #B62845;
  text-align: center;
  text-decoration: none; 
}*/

/*#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  color: #F8B62D;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}*/


/*サイドエリア
------------------------------------------------------*/

address {
	margin: 0px auto 0;
}
.contactInfo {
	width: 212px;
	background-color: #FFF;
	padding-top: 20px;
	padding-left: 15px;
}

	.contactInfo h2 {
		padding-left:10px;
		border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #000f7f;
	font-size: 14px;
	font-weight: normal;
	color: #000f7f;	
	}
	.contactInfo p {
	font-size:0.9em;
	line-height:120%;
	padding-bottom: 10px;
	color: #000;
	margin: 8px auto auto 0px;
	}
	
.contactInfo a img {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


	

	
.banner_myschedule {
	display: block;
	margin: 15px 0;
}
	.banner_myschedule img:hover {
		filter:alpha(opacity=75);
		-moz-opacity:0.75;
		-khtml-opacity: 0.75;
		opacity:0.75;
	}
	

/*メインメニュー
------------------------------------------------------*/

#gNavi {
	width:227px;
	margin: 0;
	padding: 0;
}

#gNavi li {
	border-bottom: 1px solid #999;
	margin: 0;
	list-style: none;
}


#gNavi li a{ display: block;}
#gNavi .b_01{
    background: url(../over/b_01.png) no-repeat;
}
#gNavi .b_02 {
    background: url(../over/b_02.png) no-repeat;
}
#gNavi .b_03{
    background: url(../over/b_03.png) no-repeat;
}

#gNavi .b_04 {
    background: url(../over/b_04.png) no-repeat;
}
#gNavi .b_05 {
    background: url(../over/b_05.png) no-repeat;
}
#gNavi .b_06 {
    background: url(../over/b_06.png) no-repeat;
}
#gNavi .b_07 {
    background: url(../over/b_07.png) no-repeat;
}
#gNavi .b_08 {
    background: url(../over/b_08.png) no-repeat;
}
#gNavi .b_09 {
    background: url(../over/b_09.png) no-repeat;
}

#gNavi .takuji {
    background: url(../over/takuji.png) no-repeat;
}
#gNavi .link {
    background: url(../over/link.png) no-repeat;
}

#gNavi a:hover {
	background-color: transparent; /* IE6対応 */
}

#gNavi a:hover img {
    visibility: hidden;
}


#sideArea h2{
	margin: 0;}



#gNavi .e_01{
    background: url(../over/e_01.png) no-repeat;
}
#gNavi .e_02 {
    background: url(../over/e_02.png) no-repeat;
}
#gNavi .e_03{
    background: url(../over/e_03.png) no-repeat;
}

#gNavi .e_04 {
    background: url(../over/e_04.png) no-repeat;
}
#gNavi .e_05 {
    background: url(../over/e_05.png) no-repeat;
}
#gNavi .e_06 {
    background: url(../over/e_06.png) no-repeat;
}
#gNavi .e_07 {
    background: url(../over/e_07.png) no-repeat;
}
#gNavi .e_08 {
    background: url(../over/e_08.png) no-repeat;
}
#gNavi .e_09 {
    background: url(../over/e_09.png) no-repeat;
}

/*フッター
------------------------------------------------------*/

#foot_out {
	margin: 0 auto;
	height: 40px;
	clear: both;
	padding-top: 20px;
	border-top: 3px solid #B2B2B2;
	text-align: center;
	background-color: #D21417;
	bottom: 0;
	}
	
	

#footer {
	clear: both;
    height: 30px;
    width: 840px;
    position: relative;
	text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    margin: 0 auto;
  
}




/*clearfix*/
div:after {  
    content: ".";  
    display: block;  
    visibility: hidden;    
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}
