﻿@charset "UTF-8";

/* ～～～　全体の設定　～～～ */

html {   overflow-y:scroll;	}
body {   margin:0;   padding:0;         font-family: "Hiragino Kaku Gothic ProN", Meiryo, Arial;    font-size:14px;   color:#333;	
		-webkit-text-size-adjust: 100%;/*自動調整防止*/		min-width:980px;	overflow-y : hidden ;}
.js #menu {	display:none;	}
.js .slicknav_menu {	display:block;	}

br {   letter-spacing:normal;}
a {    text-decoration:none;}
a:hover {   text-decoration:underline;}
img {   border:0;   vertical-align: middle;	}
h1,h2,h3,h4,h5,h6 {   margin:0;}


/*～～～　ＴＯＰ　レイアウト　～～～ */
#top {width: 100%;    	margin:0px;	padding :0px;		background: #fff;}

/* 最上部　フォントサイズ変更ボタンのエリア */

#headsp	{width: 100%;	height: 120px;	background: #000066;	margin: 0px;}

#fsbox	{width:895px;	margin: 0 auto;			color:#fff;	}
.fsboxp1	{text-align: left;	margin: 0px;		line-height:30px;}

.fsboxp2 a	{color: #fff;}

.fsboxp2	{margin-top:-25px;	padding-right: 20px;		text-align:right;		}

.fsboxp3	{  text-align:right;	margin-top: -80px;	 padding-right:60px;}/*　FBいいね　*/

.fsboxp4	{	height:40px;	background:url(../img/logo006.png) no-repeat;	margin: 40px auto 10px;}
.fsboxp5	{   text-align:right;	margin-top: -40px; 	margin-right:0px; }/*  TEL  */

/* 最上部　スマホ用 */
#sp_header	{display: none;}
.sp_menu	{display: none;}

/*　ヘッダー部分（アイキャッチ）　*/
#header	{width: 895px;		margin: 20px auto 0;	}
#header table {margin:0; 	 }
.header1{width: 150px;	height:450px;	text-align: center;	border:solid 1px #eee;}/*広告*/
.header2{		margin:0;	padding:0;		border:solid 1px #eee;}



	
/* ～～～　メニュー　レイアウト 　～～～ */

#menu_pc {width:100%;  	height:40px;	background-image:url(../img/button_spc04.png);		background-color:#eee;	
	background-position:left bottom;	margin-top:0px;		font-size: 14px;		font-family: "cataneo BT";}

#menu_pc ul {width:895px;	margin:0 auto;   padding:0;	display:block;}
#menu_pc li {  margin:0;   padding:0;   float:left;      text-align:center;   list-style-type:none;}
.menuli1	{border-left:solid 1px #fff;	} /* 左端のボタンの左側の線を書かせる　*/

#menu_pc li a {display:block;   width:177px;   padding:10px 0;   color: #fff;	 line-height:20px;	
	background:url(../img/button_img41.png) 0 100% repeat-x;	border-right:solid 1px #fff;}/*ボタンの幅*/

#menu_pc li a:hover {   text-decoration:none; 	  background:url(../img/button_img41.png) 100% 100% repeat-x;
		color: #fff;}

/* サブメニュー1段目 */
#menu_pc ul ul {   display:none;   position:absolute;   top:100%;   left:0;					z-index: 10;}
/* サブメニュー2段目以降 */
#menu_pc ul ul ul {   top:0;   left:100%;						}
#menu_pc li li {   clear:both;							}
#menu_pc li:hover {   position:relative;		border-bottom:1px solid #000066;				z-index: 12;}
#menu_pc li:hover > ul {   display: block}
#menu_pc li ul {     border:none;}
#menu_pc li li {   margin-left:0;    border-bottom:1px solid #fff;			 border:none;}
#menu_pc li li a:hover {   margin-left:0;  /*  background:url(../img/button_img02.jpg) 100% 100% repeat-x;	*/
			background :#4545ff;		color: #fff;		}
#menu_pc li li a {   display:block;   width:200px;   padding:10px 5px;   line-height:20px;   text-align:left;   outline:none;
			background :#000066;	 border-bottom:1px solid #000066;	color: #fff;}
/* モバイル用メニュー　*/
#container	{display:none;}



/* ～～～　　パンくずリスト　　～～～ */
.bread	{width:895px;	margin:20px auto 0;	}
.bread p	{padding-left: 30px;	font-size: 12px;	text-align:left;	color: #999;}	
.bread p a	{color: #999;}

/*　～～～　全体　コンテンツ　レイアウト 　～～～ */

#contentsBox	{width: 895px;		margin: 0 auto;}


/* ～～～　メイン　レイアウト 　～～～ */

.contents	{width:895px;		margin: 0 auto 50px;}

.contents h1	{padding:3px 10px;	font-size:16px;		margin-bottom:0;	font-weight:normal;	margin-top:10px;
		border-left: #0066cc 14px solid;		color:#fff;		background: #000099;	}
	
.contents h2	{padding:5px 10px;	font-size: 15px;	border-left: #0066cc 10px solid;	color: #000099;		margin: 20px 0 20px 30px;	font-weight:normal;}

.contents h3	{padding:5px 10px;	font-size: 15px;		color: #000099;		margin: 10px 0 0 10px;	font-weight:normal;}


.prof1	{color :#666;	font-size: 13px;	margin: 20px;	line-height :2.0;}
.prof1 span	{color: #ff0000;}
.prof2	{color :#bf952f;	font-size: 18px;	margin: 60px;	text-align: right;	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3";	text-shadow: 0px 0px 1px #666666;}
.prof3	{text-align: center;	margin:10px auto;	list-style:none;}
.prof3sp	{display:none;}
.prof4	{color :#666;	font-size: 13px;	margin: 20px;	line-height :2.0;}
.acc5	{text-align: center;	margin:10px auto;	list-style:none;}

.box1		{margin: 20px 40px;		padding: 10px;		color: #666;
		line-height :2em;		background: #fff url(../img/fl014.gif) no-repeat right top;
					
		-moz-border-radius: 25px;    /* Firefox */
		-webkit-border-radius: 25px; /* Safari,Chrome */
   		border-radius: 25px;         /* CSS3 */
		border: 1px #eee solid;   /* 枠線の装飾 */		}

.box2		{margin: 20px 40px;		padding: 10px;		color: #666;
		line-height :2;		background: #fff;
		-moz-border-radius: 25px;    /* Firefox */
		-webkit-border-radius: 25px; /* Safari,Chrome */
   		border-radius: 25px;         /* CSS3 */
		border: 1px #999999 solid;   /* 枠線の装飾 */		}
/* 角丸BOX */

.box21		{margin: 20px 50px;		/**案内地図・稽古風景**/
		-moz-border-radius: 20px;    /* Firefox */
		-webkit-border-radius: 20px; /* Safari,Chrome */
   		border-radius: 20px;         /* CSS3 */			
		border: 1px #eee solid;   /* 枠線の装飾 */		}

.box22		{margin: 20px 40px;		/*教室案内指導体制*/
			background: #fff url(../img/shoinbook01.png) no-repeat right top;
		padding-right:200px;		
		-moz-border-radius: 20px;    /* Firefox */
		-webkit-border-radius: 20px; /* Safari,Chrome */
   		border-radius: 20px;         /* CSS3 */			
		border: 1px #a7c1df solid;   /* 枠線の装飾 */		}

.box23		{margin: 20px 40px;		/組織図/
		-moz-border-radius: 20px;    /* Firefox */
		-webkit-border-radius: 20px; /* Safari,Chrome */
   		border-radius: 20px;         /* CSS3 */			
		border: 1px #a7c1df solid;   /* 枠線の装飾 */		}

.box24		{margin: 20px 40px;		/*　-- 教室案内・支部案内 --　*/
			background: #fff url(../img/fl016.jpg) no-repeat right top;
		-moz-border-radius: 20px;    /* Firefox */
		-webkit-border-radius: 20px; /* Safari,Chrome */
   		border-radius: 20px;         /* CSS3 */			
		border: 1px #eee solid;   /* 枠線の装飾 */		}
.box25		{margin: 20px 20px;		/*教室案内指導体制*/
			background: #fff url(../img/fl014.jpg) no-repeat center bottom;
			
		-moz-border-radius: 20px;    /* Firefox */
		-webkit-border-radius: 20px; /* Safari,Chrome */
   		border-radius: 20px;         /* CSS3 */			
		border: 1px #a7c1df solid;   /* 枠線の装飾 */		}

.box26		{margin: 20px 40px;		/組織図/
		-moz-border-radius: 20px;    /* Firefox */
		-webkit-border-radius: 20px; /* Safari,Chrome */
   		border-radius: 20px;         /* CSS3 */			
		border: 1px #a7c1df solid;   /* 枠線の装飾 */	
			background: #fff url(../img/suzuri002.png) no-repeat right center;	}


.mbb01	{color: #0000aa;	font-size: 14px;	padding: 5px 25px;	list-style: none;	clear: both;}
.mbb06	{color: #228b22;	font-size: 14px;	padding: 5px 15px;	line-height: 1.4;	list-style: none;}
.mbb07	{color: #333;	font-size: 14px;	padding: 5px 15px;	line-height: 1.4;	list-style: none;}
.mbb08	{color: #666;	font-size: 14px;	padding: 5px 20px;	line-height: 1.4;	list-style: none;}
.mbb01_pc	{color: #666666;	font-size: 15px;	padding: 5px 15px;	list-style: none;	clear: both;}
.mbb01_sp	{display:none;}


/*  -- ギャラリーページ用　--  */
#gall	{width:100%;	margin: 0 50px;}
#gall td	{width:365px;	 padding:10px;	text-align:center;}


.galls	{display: none;}

/*  ---   沿革　　--  */>
#history	{}
#history table	{padding: 30px 50px 50px;	}
#history tr	{border: solid 1px #dddddd;	line-height:28px;	}
#history th	{text-align:left;	border: solid 1px #dddddd;	background: #b4b4ff;		font-weight:normal;		width: 200px;}
#history td 	{text-align:left;	padding-left:30px;	border-bottom: solid 2px #ddd;			}

/*　　---　組織図(table形式)　－－－　*/

.orglist	{font-size:16px;	padding:30px;	color: #666;}
.org0	{text-align: center;	border-spacing:0px;	margin-top:30px;		}
table.org0 td	{width:150px;	height:15px;}
.org1	{border-left: 1px solid #ddd;	border-top: 1px solid #ddd;		border-right: 1px solid #ddd;	border-bottom: 1px solid #ddd;}
.org2	{border-left: 1px solid #ddd;}	
.org3	{border-left: 1px solid #ddd;	border-bottom: 1px solid #ddd;}
	

/*  --関連企業　　--*/
#relation	{padding: 30px 50px 50px;	}
#relation tr	{border: solid 1px #dddddd;	line-height:28px;		}
#relation th	{text-align:center;	border: solid 1px #dddddd;	background: #b4b4ff;		font-weight:normal;		padding: 10px;}
#relation td 	{text-align:left;	padding-left:30px;	border-bottom: solid 2px #ddd;			}


/*  ---   支部教室　　--- */
#ichiran	{		margin:0px auto;}
.ichiranp	{margin-left:50px;	padding: 10px;	font-size: 14px;	}
#ichiran table	{border-spacing: 0px;	margin:20px auto;}
#ichiran th	{font-weight:normal;		text-align:center;	border: solid 1px #ddd;	background: #b4b4ff;		padding:10px;}
#ichiran td	{text-align:center;	border: solid 1px #ddd;	padding:20px;}

/*  ---   カレンダー　　--- */

/*	↑yahooアプリのみで誤動作するので、既存の属性を利用　header　と　 container　使用 */


/*  ---  お問い合わせ　　--  */
.inquiry {height: 200px; font-size:35px;	text-align: center;}
.inquirysp {display:none;}

/*  ---  会員規約　　--  */
.kiyaku {margin-left:40px;	padding: 5px;	font-size: 14px;}

/*　　　サイトマップ　　*/
.table1		{width: 80%;	margin: 30px auto 70px;		}
.td1	{width:40%;	padding: 10px;	background: #0066cc;	}
.td2	{width:40%;	padding: 10px 20px;	background: #0099cc;		}
.td1 a	{color: #fff;}
.td2 a	{color: #fff;}




.footersp	{clear: both;	height: 50px;}
/* ～～～　「ページの先頭」、「前のページに戻る」　～～～ */

.pageTop {    text-align:left;	clear: both;		}
.pageTopa {   padding-left: 12px;	background:url(../img/bg_list.gif) 0 60% no-repeat;	color: #999;	}

.pageBack {    text-align:right;	margin-top: -35px; }
.pageBack a {   padding-left:12px;  background:url(../img/bg_pagetop4.gif) 0 60% no-repeat;	color: #999;}

/* ～～～　フッターの設定　～～～ */

/* ～～～　フッターの設定　～～～ */

#footer {width: 100%;	margin: 10px auto 0;	background: #000066;		text-align:center;	
	   padding:10px 0;	 color: #fff;}
#footer a	{color: #fff;}

p.rimg	{width:30%;	margin:0 auto;	 max-width: 150px; /* 最大幅 */   min-width: 80px; /* 最小幅 */}
p.rimg img {width:100%;}

.copyright {   font-size:14px;	font-family: "cataneo BT", sans-serif;	margin: 20px auto 10px;line-height: 30px;}
