@charset "utf-8";

/* CSS Document */

html, body, h1, h2, h3, h4, ul, li {

	margin: 0;

	padding: 0;

}

h1 img {

	display: block;

}

img {

	border: 0;

}

a {

	color: #464544;

}

a:hover {

	color: #FFA405;

}

.left {

	float: left;

}

.right {

	float: right;

}

.price {

	text-align: right;

        color: #cc0000;

}

.clear {

	clear: both;

}



/*---------------矢印共通--------------------*/



ul.list001 li{

	padding-left:18px;

	background-image:url(../images/list001.jpg);

	background-repeat:no-repeat;

	background-position:left 3px;

}



ul.list002 li{

	padding-left:10px;

	background-image:url(../images/list002.jpg);

	background-repeat:no-repeat;

	background-position:left 5px;

}





ul{

	list-style-type: none;

}



ol{

	padding-right:20px;

}



p{

	padding-right:20px;

}





body {

	background: #E0D5B7 url(../images/page_bg.jpg) ;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;

	text-align: center;

	font-size: 12px ;

	color: #74653D;

	padding-bottom: 10px;

	padding-top: 15px;

}





/** layout **/

#wrapper {

	text-align: left;

	margin: auto;

	width: 800px;

  position: relative;

  background: url(../images/body_bg.gif) repeat-y;

}



#header {

  position: absolute;

  top: 0;

  left: 243px;

  width: 557px;

  height: 279px;

  background: url(images/header.jpg) no-repeat;

}



#header #nav {

	font-size: 10px;

	text-align: right;

	background: #409D27;

	color: #ffffff;

	width: 557px;

	position: absolute;

	top: 20px;

	left: 0px;

	padding: 9px 0 10px 0;

	margin: 0;

	border-top: 1px solid white;

	border-bottom: 1px solid white;

}



#header #nav li {

	display: inline;

}



#header #nav a {

	color: #ffffff;

	text-decoration: none;

        margin: 0 5px 0 5px;

}



#header #nav a:hover {

	color: #fff;

	text-decoration: underline;

}



#left {

  float: left;

  width: 243px;

}

#logo {

  width: 244px;

  height: 152px;

  background: url(../images/logo_bg.jpg) no-repeat;

  text-align: center;

}



#logoinfo {

	vertical-align: top;

	padding-top: 55px;

	padding-bottom: 10px;

	padding-left: 10px;

}



#logo h1 {

  padding-top: 30px;

}

#logo p {

  margin: 8px 25px 4px 25px;

  border-top: 1px solid #B8B8B8;

  border-bottom: 1px solid #B8B8B8;

  padding: 3px;

  letter-spacing: 0.2em;

  font-weight: bold;

}



#menu {

  background: url(../images/nav_left.jpg) no-repeat;

}



#menu h3{

background-image:url(../images/title_course.jpg);

text-indent:-1000em; 

height:30px;

margin-left:9px;	}



#menu h4{

background-image:url(../images/menu_title_back.jpg);

font-size: 12px;

height:20px;

padding-left: 40px;

padding-top: 6px;

margin-left:9px;

color: #fff;	}



#menu ul {

  margin-left: 9px;

  padding-left: 1px;

  background: url(../images/menu_bg.jpg) repeat-y;

}

#menu li {

  list-style: none;

  border-top: 1px solid #959595;

  background: 188px 10px url(../images/arr_orange.gif) no-repeat;

  padding: 7px 0 0 20px;

}

#menu a {

  color: #666;

  text-decoration: none;

  border-left: 10px solid #409D27;

  padding-left: 10px;

  display: block;

  width: 90%;

  padding: 2px 0 6px 8px;

}

#menu a:hover {

  text-decoration: underline;



}







#sarea {

  background: url(images/news_bg.jpg) repeat-y;

}



#sarea h4{

background-image:url(images/title_hajimete.jpg);

text-indent:-1000em; 

height:30px;

margin-left:9px;

}



#sarea_text {

  padding:22px 22px 10px 22px;

  text-align: justify;

}



p.detail{

	text-align:right;

	margin-top:2px;

}





#news {

  background: url(../images/news_bg.jpg) repeat-y;

  

}

#news h2 {

  background-image:url(../images/title_news.jpg);

  text-indent:-1000em; 

  height:30px;

  margin-left:9px;	}



#news_text, #attention_text {

  padding-left: 37px;

  padding-right: 22px;

  padding-bottom: 3px;

  text-align: justify;

}

#news h3, #news p {

  font-size: 12px;

  margin: 1em 8px 1em 0;

}

#news #attention_text p {

  font-size: 12px;

  margin:0;

  padding: 1em 8px 1em 0;

}

#news a {

  color: #74653D;

  font-weight: bold;

  text-decoration: underline;

}

#news a:hover {

  color: #38301A;

}

#news .more {

  font-size: 10px;

  text-align: right;

}

#news .hr-dots {

  background: center url(../images/dots.gif) repeat-x;

  height: 10px;

}



#banner {


  color: #1A1A18;

}

#banner img
	{
	display:block;
	margin:0;
	padding:0;
	}



#calender {

  background: url(../images/news_bg.jpg) repeat-y;

}



#calender h2 {

  background-image:url(../images/title_calen.jpg);

  text-indent:-1000em; 

  height:30px;

  margin-left:9px;	}



#calender_text {

  padding-left: 37px;

  padding-right: 22px;

  padding-bottom: 3px;

  text-align: justify;

}



#calender h3 {

  font-size: 12px;

  padding-left: 20px;

  background-image:url(../images/arr_calen.jpg) ;

  margin: 0.2em 8px 0.5em 0;

}



#calender p {

  font-size: 12px;

  margin: 0.2em 8px 0.5em 0;

}



#calender .hr-dots {

  background: center url(../images/dots.gif) repeat-x;

  height: 10px;

}



#support {

  background: url(../images/support.jpg) no-repeat;

  padding: 1px;

  height: 97px;

  color: #1A1A18;

}

#support p {

  margin: 0.7em 2.6em;

}



/*パンくず

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



.path {

   font-size: 12px;/* fix */

   margin: 0px;

   padding: 7px 6px;

}

.path li {

   display: inline;

   background: url(../images/path.gif) no-repeat 4px 3px;

   line-height:1.1em;

   padding-left: 14px;

}

.path li.top {

   background-image: none;

   padding-left: 0px;

}





#right {

  float: right;

  width: 510px;

  padding-right: 9px;

  padding-top: 301px;

}





#right h2 {

  font: 18px arial, sans-serif;

  color: #BE8B06;

  border-bottom: 1px solid #CCC;

  padding-bottom: 6px;

  margin-bottom: 1em;

  background:url(../images/h2_back.jpg) repeat-x left bottom;
  
  text-indent:0.5em;

}

#right h3 {

  font: 14px arial, "ＭＳ Ｐゴシック";

  color: #409d27;

  border-bottom: 1px solid #409d27;

  padding-bottom: 6px;

  margin-bottom: 1em;

  margin-top: 2em;

  background:url(../images/h2_back.jpg) repeat-x left bottom;
  
  text-indent:0.5em;

  font-weight:bold;

}



#right h4 {

  font: 12px arial, "ＭＳ Ｐゴシック";

  font-weight: bold;

}



#right h5 {

  font-size: 12px;

  padding-left: 20px;

  background-image:url(../images/arr_calen.jpg) ;

  background-repeat:no-repeat;

  background-position:left 3px;

}



#right .more {

  text-align: right;

}

img.top_bn {
	margin-bottom:10px;
	padding:1px;
	border:1px solid #CCC;
}

#whatsnew
	{
	width:270px;
	margin:0 10px 0 0;
	padding-bottom:15px;
	float:left;
	}

dl.news
	{
	height:160px;
	overflow-y:scroll;
	}

dl.news dt
	{
	font: 14px arial, "ＭＳ Ｐゴシック";
	color: #409d27;
	border-bottom: 1px solid #409d27;
	padding-bottom: 6px;
	margin:1em 0 1em 1em;
	}

dl.news dd
	{
	margin:0 0 2.5em 1em;
	padding:0 0 1em 0.5em;
	line-height:1.5;
	border-bottom:1px dotted #C4AE7C;
	}

#schedule
	{
	width:210px;
	float:left;
	}

ul.schedule
	{
	display:block;
	width:190px;
	margin:0 auto;
	list-style:none;
	clear:both;
	}

ul.schedule li
	{
	display:block;
	width:190px;
	height:40px;
	margin-bottom:15px;
	padding:0;
	list-style:none;
	}

ul.schedule li a
	{
	display:block;
	width:190px;
	height:40px;
	text-indent:30px;
	text-decoration:none;
	line-height:40px;
	}

ul.schedule li#schedule_1 a
	{
	background:url(../images/btn_back_1.jpg) no-repeat;
	}

ul.schedule li#schedule_2 a
	{
	background:url(../images/btn_back_2.jpg) no-repeat;
	}

ul.schedule li#schedule_1 a:hover,
ul.schedule li#schedule_2 a:hover
	{
	background-position:0px -40px;
	color:#777777;
	}

table.access_table
	{
	width:490px;
	margin-top:20px;
	border-collapse:collapse;
	}

table.access_table tr th
	{
	background:#F2F2AA;
	text-align:center;
	}

table.access_table tr th,
table.access_table tr td
	{
	border:1px solid #999999;
	}

dl.voice
	{
	display:inline;
	width:160px;
	height:270px;
	margin:5px 5px 10px;
	float:left;
	}

dl.voice dt a
	{
	display:block;
	width:160px;
	height:40px;
	background:url(../images/voice_back.jpg) no-repeat 0px -40px;
	color:#333333;
	text-align:center;
	line-height:30px;
	text-decoration:none;
	}

dl.voice dt a:hover
	{
	color:#FFFFFF;
	background:url(../images/voice_back.jpg) no-repeat 0px 0px;
	}

dl.voice dd
	{
	margin:5px 0px;
	padding:0;
	}

dl.voice dd img
	{
	display:block;
	margin:0 auto;
	}

dl.voice dd a img
	{
	padding:1px;
	border:1px dotted #CCCCCC;
	}

dl.voice dd a img:hover
	{
	border:1px solid #FF9900;
	}



#pickup {

  margin-right: 20px;

}



#index_info_area .area_body {

/*	border:solid 1px #D3E7F4;

	border-top: none;*/

}



#index_info_area li{

	width: 112px;

	float: left;

}



/* float 2つめ以降 */

.index_info_after {

	margin-left: 16px;

}



#index_info_area p {

  margin: 0.5em;

}





#recommended {

  margin-right: 16px;

}



#recommended h4 {

  font: 12px arial, "ＭＳ Ｐゴシック";

  font-weight: bold;

}





#recommended_area li{

	width:480px;

	float: left;

	margin-bottom: 10px;

}

dl.top_info{
	width:480px;
	height:116px;
}

dl.top_info dt{
	display:inline;
	margin-right:10px;
	float:left;
}


dl.top_info,
#recommended_area li.clearfix{
	padding:5px;
	background:#FFFFFF url(../images/top_info_back.jpg) repeat-x 0 0;
	border:1px solid #CCCCCC;
}

dl.top_info dd strong,
#recommended_area .recommended_txt strong{
	display:block;
	margin:15px 0px 10px 0px;
}

.recommended_after {

	margin-left: 0px;

}



.recommended_txt {

	width: 350px;

	float: right;

	text-align: left;

}



.recommended_img{

	width: 112px;

	height: 113px;

	margin-right: 8px;

}





#right .left {

  margin-right: 18px;

}





#reco_left, #reco_right {

  float: left;

  width: 49%;

}

#reco_left {

  margin-right: 1%;

}

#reco_left-img, #reco_right-img {

  width: 112px;

  height: 23px;

  float: left;

  margin-right: 18px;

  text-align: center;

  padding-top: 90px;

  font-size: 9px;

  font-weight: bold;

}

#reco_right-img {

  background: url(images/pic_3.jpg) no-repeat;

}

#spacer {

  height: 2em;

}



#footer {

text-align: center;

 padding-top: 15px;

  background: url(../images/footer_bg.gif) repeat-y;

}

#copyright {

  text-align: center;

  padding: 22px 0px 30px 00px;

  font-size: 10px;

  color: #715F36;

  font-weight: bold;

}

#footerline{

	background: url(../images/footerline.gif) no-repeat;

	height:10px;

	margin-top:0px;

	display:block;

	font-size:1px;

}



#footer ul li {

	display: inline;

	padding-right: 5px;

	padding-left: 5px;

	border-right: 1px solid #CCCCCC;

}



#footer .menutop {

	border-left: 1px solid #CCCCCC;

}





/*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 */