@charset "UTF-8";
.columnList
{
width:710px;
}
.columBox
{
    float:left;
	width:160px;
height:190px;
overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
padding:10px;
border:solid 1px #dddddd;
}
.columBox_frame
{
width: 160px;
height: 110px;
overflow: hidden;
text-align:center;
margin-bottom:10px;
}
.columnBox_img
{
height: 110px;
}
.columnBox_a
{
    font-weight:bold;    
text-decoration:underline;
clear:both;
width:130px;

}
.price1
{
border-collapse: collapse;
width:100%;
border:solid 2px #C1ADA3;
}
.price1 td
{
border: solid 1px #C1ADA3;
padding: 10px;
}
.price1 td:nth-child(1)
{
background-color:#F0F0F0;
}
.course1
{
border-collapse: collapse;
width:100%;
border:solid 2px #ddd;
}
.course1 td
{
border: solid 1px #ddd;
padding: 10px;
}
.course1 td:nth-child(1)
{
background-color:#F0F0F0;
text-align:center;
}
.topbox
{
font-size:12px;
position:absolute;
width:171px;
height:191px;
line-height:20px;
padding:5px;
}
.hidden_menu
{
    display:none;
    position:absolute;
    z-index: 99;
    float:left;
}
.background_2
{
margin-top:0px;
height:129px;
}
}
.background_2 .layout_centering
{
 position:relative;
}
#selectmenu2
{
 position:absolute;
 top:174px;
 left:165px;
 width:170px;
}
#selectmenu2 ul
{
padding:0px;
}
#selectmenu
{
 position:absolute;
 top:174px;
 left:335px;
 width:170px;
}
#selectmenu ul
{
padding:0px;
}
.dropmenu
{
background-color:#52BDEA!important;
color:#fff!important;
text-decoration:none!important;
width:160px!important;
height:30px!important;
line-height:30px!important;
padding:5px!important;
padding-left:10px!important;
display:block!important;
border-bottom:dotted 1px #8b8b8b;
text-align: left!important;
text-decoration: none!important;
text-indent: 0px!important;
white-space: nowrap!important;
word-break: break-all!important;
background-image:none!important;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
.dropmenu:hover
{
opacity:0.95;
filter: alpha(opacity=95);
-ms-filter: "alpha( opacity=95)";
color:#fff!important;
}
hr
{
margin-left: auto;
margin-right: auto;
border-top: 2px dotted #8e855f;
border-bottom: 0px dotted #684444;
background-color: #fff;
color: #fff;
}

/*------------------------------------------------------------*/
/*otoiawase */
/*------------------------------------------------------------*/
.otoiawase_form
{
text-align:left; padding:0px 0px 0px 0px;border:solid 0px #C6C6C6;margin-bottom:50px;
}
.otoiawase_table
{
border-collapse: collapse;
margin:0px auto;
border:solid 2px #a2d162;
}
.otoiawase_table input
{
margin-right:10px;
vertical-align:middle;
}
.tdleft
{
background-color:#e6f2ef;
color:#333333;
border:solid 1px #a2d162;
padding:20px;
}
.tdright
{
background-color:#ffffff;
border:solid 1px #ddd;
padding:20px;
}
.tdright input
{
padding:5px;
}
span.registMust
{
color:Red;
margin-left:10px;
}
/*------------------------------------------------------------*/
/*otoiawase end */
/*------------------------------------------------------------*/
#page_contents_bg
{

}
#page_contents
{
width:660px;
margin:0px 10px 20px 30px!important;
padding-top:0px;
}
.layout_leftbox
{
width:680px;
margin-left:0px;
padding-top:0px;
background-color:#fff;
float:right;
}
.leftbox
{
background-color:#fff;
margin-right:0px;
}
img
{
vertical-align:bottom;
}
body
{
	margin: 0px;
    background-image:url(img/bg.png);	
background-repeat: repeat-x;
background-position: center 0px;
background-color:#fff;
}
/*背景バックグランド*/
div#page {
    background-color: #f4f4f4;
}
/*コンテンツバックグラウンド*/
div#innerpage {
    background-color:#ffffff; 
    font-size:12px;
    color: #505050;
}
/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;

}
ul.button1istitem{
    list-style-type:none;
    float:left;
    width:980px;				/*上ボタン全体の幅*/	
padding: 0px;
margin: 0px;
position:absolute;
top:230px;
border-bottom:solid 1px #1F2727;
border-top:solid 1px #1F2727;
padding-left:20px;
}
ul.button1istitem li
{
    float:left;
text-align:center;
display:table-cell; vertical-align:middle
}
a.widelink1 {   
    display: block;			/*必須*/ 
    padding: 10px 24px 10px 24px;
    font-size:14px;
    color: #1F2727;
    background-image:url(../img/leftmenu.png);	

    color: #848484;		  
    background-image:url(img/leftmenuBG.png);	
  text-decoration:underline!important;
}
a.widelink1:hover 
{
    color: #848484;		  
    background-image:url(img/leftmenuBG.png);	
  text-decoration:underline!important;
}
/*上ボタンの設定*/
div#button2 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button2istitem{
    list-style-type:none;
    float:left;
    width:238px;				/*上ボタン全体の幅*/	
padding: 0px;
margin: 0px;
    margin-bottom:0px;
}
ul.button2istitem li
{
    float:left;
    width: 238px;
text-align:left;
}
a.widelink2 {   
    display: block;			/*必須*/ 
    width: 225px;			/*必須*/
    height:30px;		
    padding: 10px 0px 0px 50px;
    font-size:14px;
    color: #1F2727;
cursor:pointer;
    background-image:url(img/side-menu.png);	
}
a.widelink2:hover 
{
    color: #848484;		  
  background-image:url(img/side-menu.png);	
}
div					
{
    float:none;
    font-size:14px;
    text-align:left;
    color:#1F2727;
    line-height:25px;
    margin:0px;
    padding:0px;
}
p
{
    float:none;
    font-size:14px;
    color:#1F2727;
    line-height:25px;
    margin:0px;
    padding:0px;
}



h1					
{
    font-size:22px;		
	color: #000000;					
	background-image:url(img/midashi1.png);      
	background-repeat: no-repeat;
	padding: 18px 0px 0px 30px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 625px;
	height:46px;
	margin-left:-10px;
font-weight:bold;
}
h2
{
    font-size:16px;		
font-weight:bold;
	color: #545454;					
	background-image:url(img/midashi2.png);      
	background-repeat: no-repeat;
	padding: 14px 0px 0px 30px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
font-weght:bold;
    width: 625px;
	height:29px;
margin:10px 10px;
	margin-left:-10px;
}
h3					
{
    font-size:14px;		
font-weight:bold;
	color: #fff;					
	background-image:url(img/midashi3.png);      
	background-repeat: no-repeat;
	padding: 9px 0px 0px 35px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 620px;
	height:26px;
margin:10px 10px;
	margin-left:-10px;
}
h4					
{
    font-size:18px;		
font-weight:bold;
	color: #fff;					
	background-image:url(img/midashi4.png);      
	background-repeat: no-repeat;
	padding: 20px 0px 0px 10px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 645px;
	height:47px;
margin:10px 10px;
	margin-left:-10px;
}
h5					
{
    font-size:22px;		
	color: #2F8ACE;					
	background-image:url(img/midashi5.png);      
	background-repeat: no-repeat;
	padding: 23px 0px 0px 20px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 635px;
	height:31px;
margin:10px 10px;
	margin-left:-10px;
font-weight:bold;
}
h6				
{
    font-size:14px;		
font-weight:bold;
	color: #241d15;					
	background-image:url(img/midashi6.png);      
	background-repeat: no-repeat;
	padding: 9px 0px 0px 15px;		/*上右下左*/
	line-height: 100%;		        /*文章間の空き*/
	text-align: left;
	clear: both;
    width: 640px;
	height:30px;
margin:10px 10px;
	margin-left:-10px;
}
#page_contents ul {
padding-left:20px;
}
#page_contents ul li {
background: url(img/listmark2.png) no-repeat 0 6px;
list-style-type: none;
text-decoration: none;
text-decoration-color: #dddddd;
padding: 0px 0px 0px 20px!important;
}
#page_contents ol {
padding-left:20px;
}
#page_contents ol li {
background: url(img/listmark1.png) no-repeat 0 4px;
list-style-type: none;
text-decoration: none;
text-decoration-color: #dddddd;
padding: 0px 0px 0px 20px!important;
}
.background_4 ol li {
background: url(img/footerlistmark.png) no-repeat 0 4px;
list-style-type: none;
text-decoration: none;
text-decoration-color: #dddddd;
padding: 0px 0px 0px 20px!important;
}
body
{
	margin: 0px;
font-family: "メイリオ", sans-serif;
}
.layout_centering
{
width:1000px;
}
.background_3_2
{
width:1000px;

}
.background_3
{
margin-top:0px;
padding-top:30px;
}
.background_3 .layout_centering
{
border:solid 0px #fff;
width:1000px;
}
.layout_rightbox
{
width:275px;
margin-right:0px;
background-color:#fff;
text-align:center;margin-top:0px;
}
.background_4
{
  background:url("img/footer_backimg.png");
background-repeat: repeat-x;
margin-top:-50px;
height:181px;
background-color:#a2d162;
margin-top:20px;
color:#0f796a;
position:relative;
}
.background_4 .layout_centering
{
position:relative;
}
.background_4 .layout_centering div, .background_4 .layout_centering p
{
color:#0f796a;
}

.background_4 a
{
color:#0f796a;
text-decoration:none;
font-size:12px;
}
/* ------------ナビバー設定------------ */

#headerMenu{
  margin:0;
  padding:0;
}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu ul.menu li{
  display:inline;
}
#headerMenu ul.menu li a{
  text-decoration:none;
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  background:url("img/menu_off.png") no-repeat;
background-repeat: no-repeat;
}
#headerMenu ul.menu li a:hover{
  background:url("img/menu_on.png") no-repeat;
}

/* ------------ナビバー設定 サイズ・位置------------ */

#headerMenu{
  width:1000px;        /* メニュー全体の幅 */
margin-left:0px;
}
#headerMenu ul.menu li a{
  line-height:97px;   /* ボタンの高さ */
}
/* ------------ナビバー設定 背景------------ */

#headerMenu ul.menu li.menu1 a{ background-position: 0px 0px; width:285px; }
#headerMenu ul.menu li.menu1 a:hover{ background-position: 0px 0px; }

#headerMenu ul.menu li.menu2 a{ background-position: -285px; width:143px; }
#headerMenu ul.menu li.menu2 a:hover{ background-position: -285px 0px; }

#headerMenu ul.menu li.menu3 a{ background-position: -428px 0px; width:143px; }
#headerMenu ul.menu li.menu3 a:hover{ background-position: -428px 0px; }

#headerMenu ul.menu li.menu4 a{ background-position: -571px 0px; width:143px; }
#headerMenu ul.menu li.menu4 a:hover{ background-position: -571px 0px; }

#headerMenu ul.menu li.menu5 a{ background-position: -714px 0px; width:143px; }
#headerMenu ul.menu li.menu5 a:hover{ background-position: -714px 0px; }

#headerMenu ul.menu li.menu6 a{ background-position: -857px 0px; width:143px; }
#headerMenu ul.menu li.menu6 a:hover{ background-position: -857px 0px; }

/* ------------ナビバー設定------------ */

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80)";
background-color:#fff!important;
}
a.noeffect:hover img{
opacity:1;
filter:alpha(opacity=10);
-ms-filter: "alpha( opacity=10)";
background-color:transparent!important;
}
.footlink
{
color:#684444;
}
a {
color: #2C70C4;
}

/*ボックス追加 from*/
#page_contents_bg .itemBox
{
    float:left;
	margin-left:30px;
	margin-right:0px;
	margin-bottom:20px;
height:300px;
}
#page_contents_bg .itemBox img
{

}
#page_contents_bg .itemTitle
{
    margin-top:15px; 
    font-weight:bold;    
line-height: 22px;
}
#page_contents_bg .itemText
{
    margin-top:5px; 
float:left;
font-size:12px;
line-height: 19px;
}
.itemBox
{
    float:left;
	width:310px;
	margin-right:30px;
	margin-left:15px;
	margin-bottom:20px;
}
.itemBox a
{
color:#0f796a!important;
}
.itemBox a:hover
{
color:#ed6f14!important;
text-decoration:none;
}
.itemBox img
{
	width:310px;
}
.itemTitle
{
    margin-top:15px; 
    font-weight:bold;    
width:310px;
}
.itemText
{
    margin-top:5px; 
width:310px;
}
.itemPicFrame
{
width:304px;
border:solid 3px #a2d162;
text-align:center;
height:190px;
overflow: hidden;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.selectedPage a
{
border:solid 1px #333333;
background-color:#f6f6f6;
color: #333333;
margin-right:10px;
padding:2px 8px;
float:left;

text-decoration:underline;
font-size:14px;
}
.unselectedPage a
{
border:solid 1px #333333;
background-color:#ffffff;
color:#333333;
margin-right:10px;
padding:2px 8px;
float:left;
font-size:14px;
}
.unselectedPage a:hover
{
border:solid 1px #333333;
background-color:#333333;
color:#ffffff;
}
.columPage
{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.itemTitle a
{
color:#2C70C4;
font-size:15px;
font-weight:bold;
}
.relatedarticle
{
margin-left:30px;
}