/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* font */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

body {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

*html body {
font-family:'ＭＳ Ｐゴシック',sans-serif;
}

/* link color */

a:link{color:#8DB74F;text-decoration:none;}
a:visited{color:#8DB74F;text-decoration:none;}
a:hover{color:#8DB74F;text-decoration:underline;}
a:active{color:#8DB74F;text-decoration:none;}
a:focus{outline:none;}


/* text */

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

/* table */
.td_right{
	text-align: right;
	vertical-align: top;
	padding: 0 10px 0 0;
}


/* ----------------------------------------------------------------------
	body
---------------------------------------------------------------------- */

body {
	background:url(../img/body_bg.gif) top center repeat-y #E5E5DC;
	color: #333;
	text-align: center;
}

/* ----------------------------------------------------------------------
	wrap
---------------------------------------------------------------------- */

#wrap {
	repeat-y #FFF;
	width: 788px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}

/* ----------------------------------------------------------------------
	header
---------------------------------------------------------------------- */

#header {
	padding: 0 10px 0 15px;
	margin: 0 5px;
}

h1 {
	float: left;
	width: 255px;
	padding: 5px 0 15px;
}

#headerR {
	float: right;
	text-align: right;
}

#headerR ul {
	width: 251px;
	margin: 0 0 15px;
}

#headerR ul li {
	float: left;
	height: 25px;
	font-size: 0;
	line-height: 0;
}

#headerR address {
	font-size: 90%;
	line-height: 1.4;
	padding-right: 2px;
}

/* ----------------------------------------------------------------------
	gNav
---------------------------------------------------------------------- */

#gNav {
	margin: 0 5px;
	border-bottom: solid 1px #CCC;
}

#gNav ul li {
	float: left;
	height: 40px;
	font-size: 0;
	line-height: 0;
	margin-right: 1px;
}

#gNav ul li.gNav07 { margin-right: 0; }

/* ----------------------------------------------------------------------
	main
---------------------------------------------------------------------- */

#main {
	background: url(../img/main_bg.gif) 0 0 repeat-y;
	width: 818px;
	margin: 0 5px;
}

.top #main { background: none; }

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

#contents {
	float: right;
	width: 593px;
	text-align: left;
	padding: 10px 10px 0 0;
}

/* ----------------------------------------------------------------------
	sidebar
---------------------------------------------------------------------- */

#sidebar {
	float: left;
	width: 205px;
	padding: 10px 0 0;
}

#sidebar ul { margin: 0 0 0 15px; }

#sidebar ul li {
	height: 107px;
	font-size: 0;
	line-height: 0;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------------
	footer
---------------------------------------------------------------------- */

#footer {
	background: #FFF;
	font-size: 82%;
	padding: 10px 10px 15px;
	border-top: solid 1px #D8DED4;
}

#footer ul { float: left; }

#footer ul li {
	float: left;
	background: url(../img/icon_a_g_02.gif) 0 1px no-repeat;
	padding: 0 0 0 15px;
	margin-right: 15px;
}

#fotterR {
	float: right;
	text-align: right;
	line-height: 1.4;
	color: #666666;
}

#footer p.copyright {
	clear: both;
	text-align: right;
	padding: 15px 0 0;
}



p.pageTop {
	clear: both;
	text-align: right;
	margin: 20px 20px 0 0;
}

/* ----------------------------------------------------------------------
	top
---------------------------------------------------------------------- */

#mainImg {
	background: url(../img/main_img.jpg) 0 0 no-repeat;
	width: 808px;
	height: 220px;
	margin-bottom: 15px;
}

#information {
	float: left;
	width: 418px;
	padding: 0 10px;
}

#information p { margin: -27px 0 23px 353px; }

#information dl {
	background: url(../img/line_dot_01.gif) 0 100% repeat-x;
	padding: 0 0 10px;
	margin: 0 10px 10px;
}

#information dl dt {
	background: url(../img/icon_a_g_01.gif) 0 4px no-repeat;
	font-size: 82%;
	padding: 0 0 0 15px;
	margin-bottom: 5px;
}

#information dl dd {
	font-size: 90%;
	padding: 0 0 0 15px;
}

#course {
	float: left;
	width: 380px;
}

#course ul li {
	float: left;
	width: 180px;
	height: 107px;
	font-size: 0;
	line-height: 0;
	padding: 0 10px 10px 0;
}

/* ----------------------------------------------------------------------
	under
---------------------------------------------------------------------- */

#contents h3 {
	background: url(../img/icon_c_01.gif) 10px 8px no-repeat #8DB74F;
	color: #FFF;
	font-size: 115%;
	font-weight: bold;
	padding: 7px 0 7px 30px;
	margin-bottom: 10px;
}
#contents h4 {
	background: url(../img/icon_c_02.gif) 0px 10px no-repeat;
	color: #8DB74F;
	font-size: 115%;
	font-weight: bold;
	padding: 7px 0 7px 20px;
	margin-bottom: 0px;
}

#contents .entryBox {
	background: url(../img/line_dot_01.gif) 0 100% repeat-x;
	padding: 0 10px 20px;
	margin-bottom: 20px;
	line-height: 175%;
}

#contents .entryBox p {
}

#contents .entryBox p.photo {
	margin: 0 0 0 40px;
}

#contents .entryBox p.photo img {
	margin: 0 5px 5px 0;
}
#contents .entryBox p.center_bt {
	margin:10px 0 10px;
	padding-bottom:15px;
	text-align:center;
	border-bottom: solid 1px #D8DED4;
}






/*---- clear ----*/
.clear{
clear:both;
height:0px;
font-size:0px;
line-height:0;
margin:0;
padding:0;
}

/* clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */