@charset "utf-8";
* {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}
body {
	font-size:95%;		/* フォントサイズを95%にする */
	font-family: "メイリオ",sans-serif;	/* フォントの種類をゴシック系にする */
	line-height:1.5;	/* 行の高さを1.5倍にする */
	color:#333333;		/* 文字色を濃い目のグレーにする */
	-webkit-text-size-adjust: 100%;
}
div#pagebody {
	width:1050px; margin:0 auto;			/*内容全体をセンタリング*/
	background-color:#ffffff;			/*内容全体の背景色*/
	background-image:url("images/bg_pagebody.png");	/*コンテンツ全体の背景画像*/
	background-repeat:repeat-y;			/*背景画像を縦方向に繰り返す*/
}
img {border:0;} 				/*画像のボーダーを0にする*/
/*============================================
ヘッダ
============================================*/
div#header {
	width:960px;				/*ヘッダ部分の高さ*/
}
div#header h1 {
	padding:10px 0px 5px 0px;		/*見出しの位置調整*/
	font-size:18px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
div#header h1 a {text-decoration:none;} 	/*リンクの下線を無くす*/

.rightheader {
	float:right; 
	margin: 50px 50px 0px 0px;
}

.logo {
	height:15px;
	margin:0px 0px 10px 10px;
	display:inline;
}
.botton {
	width:auto; height:20px;
}


.top img {
  width:960px; 
  height:auto;	/*トップページのヘッダ画像の表示サイズを指定*/
 margin:20px 45px 20px 45px;		/*マージン*/
}

.houjinpochi {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #00BCD4;
  background: #ffffff;

}



/*============================================
メインメニュー
============================================*/
ul#menu {
	width:960px; height:50px; 	/*メインメニュー部分の幅と高さ*/
	margin:0px 45px;
}
#menu li {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	float:left;
}
#menu li a {
	color:#545454;			/*文字色*/
	display:block;			/*リンク部分をブロック表示にする*/
	font-weight:bold;
	width:190px; height:35px;	/*幅と高さ*/
	padding:10px 0px 0px 0px;	/*上パディング*/
	text-align:center;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/
	background-image:url(images/bg_menu1.png);	/*背景画像を指定*/
	background-repeat:no-repeat; 			/*背景画像を繰り返さない*/
}
#menu li a:hover {
	background-image:url(images/bg_menu2.png); 	/*リンクにマウスが乗ったら背景画像を変更する*/
}
#menu li.current a{
	background-image:url(images/bg_menu2.png);
}
/*============================================
ヘッダ画像
============================================*/

hr {
	clear:both;			/*フロート配置をクリアする*/
}
/*============================================
インフォメーション（左カラム）
============================================*/
div#info {
	width: 700px;		/*幅の指定*/
	float:left;			/*カラムを左寄せにする*/
	margin:10px 10px 0px 50px;		/*マージン*/
}


.thinkofpooches{
height: 200px;
font-size:1em;
margin: 5px 10px;
}

hr {
	clear:both;			/*フロート配置をクリアする*/
}



h3 {
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}
div.coursebox {
width:600px; height:60px;
border:2px dashed #D0D0D0;
background-color:#E8E8E8;
margin:5px;
} 


.topphotobox {
width:600px;
margin: 10px auto;
}
.tophotoclass{
width: 180px;
height: auto;
margin: 5px;
}

div.lbox{
	width:200px;
	height:auto;
	text-align:left;
	float:left;
}
div.rbox{
	width:400px;
	height:auto;
	float:right;
	text-align:left;
	padding:5px;
}

.coursephoto {
	width:200px; height:auto;	/*画像の表示サイズを指定*/
	margin:5px 0px 5px 0px;	/*マージン*/
	float:left;			/*画像を左寄せにする*/
}
.nouki2 {
	width:100px; height:auto;
	font-size:12px;
	color:#333333;
	text-align:center;
	margin:0px 0px 5px 5px;
	border-style:dashed; border-width:1px; border-color:gray;
	float:left;
}
.price2 {
	width:45px; height:auto;	/*画像の表示サイズを指定*/
	margin:0px 0px 0px 50px;	/*マージン*/
}
.price3 {
	width:45px; height:auto;	/*画像の表示サイズを指定*/
	margin:0px 0px 0px 10px;	/*マージン*/
}
.yen2 {
	font-size:30px;
	font-family: メイリオ, sans-serif;	/*フォントの種類*/
	color:#333333;		/*文字色*/
	display:inline;
}
.gihoutex {
	font-size:85%;
	font-family: メイリオ, sans-serif;	/*フォントの種類*/
	color:#333333;		/*文字色*/
	line-height: 1.2em;
	padding:5px;
}
h3.coursename{
	display: inline;
	font-size:25px;				/*フォントのサイズ*/
	font-family: メイリオ, sans-serif;	/*フォントの種類*/
	color:#019EBA;		/*文字色*/
	margin:40px 0px 10px 20px;		/*マージン*/
}


.uchiwake {
	display: inline;
	width:100px; height:auto;
	font-size:15px;
	color:#333333;
	text-align:center;
	margin:20px 0px 0px 0px;
	border-style:dashed; border-width:1px; border-color:gray;
	float:right;
}
.readteq {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #39cfff;
  background: #ECECEC;
  transition: .4s;
}
.click{
	display: inline;
	width:100px; height:auto;
	font-size:15px;
	color:#333333;
	text-align:center;
	margin:10px 0px 5px 0px;
	border-style:dashed; border-width:1px; border-color:gray;
	float:right;
	
}

/*============================================
サブメニュー（右カラム）
============================================*/
div#submenu {
	width:200px;			/*幅の指定*/
	float:right;
	margin: 50px 40px 0 0;
}
div#submenu ul li {
	list-style-type:none;			/*リストマーカー無しにする*/
}
div#submenu ul li a {
	display:block;			/*リンク部分をブロック表示にする*/
	height:45px;			/*高さを45pxにする*/
	padding:15px 0px 0px 0px;	/*パディング*/
	text-decoration:none;		/*リンクの下線を無くす*/
	border-bottom:1px dotted gray;	/*リンク領域の下部にボーダーを付ける*/
	background-image:url(images/bg_submenu.png);	/*リンク領域に背景画像を付ける*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
	color:#333333;			/*文字色*/
}


.sns {
	margin: 5px;
}


.sponcer{
	width:180px; height:auto;
	clear: both;
	margin: 10px auto;
}
/*============================================
フッタ
============================================*/
div#footer {
	clear:both;			/*回り込みを解除する*/
	height:40px;			/*高さの指定*/
	padding:30px 0px 0px 0px;	/*パディング*/
	font-size:small;		/*フォントサイズを小さくする*/
	text-align:center;		/*センタリング*/
}

/*============================================
インフォメーション（詳細）
============================================*/
.boxdetail {
	width:600px;
	margin:10px auto;
    background: #dcefff;
}
.boxdetail .box-detailtitle {
    font-size: 1.2em;
    background: #5fb3f5;
    height:32px;
    padding: 2px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
}
.boxdetail p {
    padding: 15px 20px;
    margin: 0;
}
.icon{
width:30px;
margin: 0 5px 0 10px;
}
.hissubox {
	width:600px;
    padding: 5px auto;
    margin:0px auto ;
    font-size:1em;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 2px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.hissubox p {
    margin: 0; 
    padding: 0;
}
ul.hissulist{
 list-style-type:none;		/*リストマーカー無しにする*/
}

/*============================================
カリキュラム
============================================*/

table.carri {
	width: 670px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size:10px;

}
table.carri th {
	width:157.5px;
	padding: 10px;
	vertical-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
	font-size:10px;
}
table.carri td {
	width: 472.5px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size:10px;
}
table.carri p{
	font-size:10px;
}
/*============================================
スケジュール
============================================*/
.caribn {
width: 80px;
margin:5px 5px;
display: block;
}


/*============================================
インフォメーション（左カラム）問い合わせ
============================================*/

div.boxtoiawase {
	width:600px;
    margin: 50px auto;
    background: #f8f9c8;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

div.boxtoiawase .toiawase-title {
    font-size: 0.8em;
    background: #fcc900;
    padding: 2px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    
}
.boxtoiawase p {
    padding: 15px 20px 5px 20px;
    margin: 0;
}
.contactic2{
	margin: 0px 0px;
	text-align:center;
	margin: 0px 0px 0px 150px;
}

.contactat {
	font-size:10px;
	font-family: メイリオ, sans-serif;    /*フォントの種類*/
	margin:10px;
	color:#ED1A3D;
}
.formex {
	font-size: 14px;
	line-height:16px;
}

.cgibox {
	width:600px;
	margin:10px auto;
}
.btn {
	text-align:center;
}
.thankyou {
	width:550px;
	margin:50px;
	font-size:25px;
	text-align:left;
}





/*============================================
法人概要
============================================*/
.gaiyouex {
margin: 0px 0 0 0 ;
height: 140px;
}
.gaiyouex p{
font-size:15px;
}
.legatobn {
width:150px;
float:right;
}

.boxgaiyou {
width:600px;
    margin: 0px 0;
    border: double 5px #4ec4d3;
}
.boxgaiyou p {
    margin: 20px 0 0 0 ; 
    padding: 20px;
}