@charset "UTF-8";


/*- RESET ------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,th,td,
form,fieldset,input,textarea,select{
	margin:0;
	padding:0;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
strong,em,h1,h2,h3,h4,h5{font-weight:bold;}
html {overflow-y:scroll;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
li {list-style:none outside; vertical-align:top;}
fieldset,img{border:0;}	
select option{padding:0 5px;}
form label{cursor:pointer;}
a {/*\*/overflow:hidden;/*exMacIE*/}


/*-- BASE ------------------------------------------------ */
body{
	color:#000;
	background-color:#fff;
}

body,input,select,textarea{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, sans-serif;
	font-size:75%;
}

h1,h2,h3,h4,h5{font-size:1.4em;line-height:125%;}
pre,blockquote,dt,dd,li{font-size:1.0em;line-height:145%;}
p{font-size:1.2em;line-height:160%;}
s{color:#999;}
input,select{font-size:1.0em;padding:0 5px;}
textarea{font-size:1.0em;line-height:140%;padding:0 5px;}

a,a[name]:hover{color:#000; text-decoration:none;}
a:link {color:#008AE7; text-decoration:underline;}
a:visited {color:#996699; text-decoration:underline;}
a:hover, a:visited:hover {color:#00CCFF; text-decoration:underline;}

body{
	background:#fff;
	padding:0 auto;
	text-align:center;
}
#container{
	width:900px;
	margin:0 auto;
	text-align:left;
}

/*-- HEADER ---------------------------------------------- */
#header{
	width:900px;
	height:105px;
	position:relative;
	margin:0;
}
#header h1{
	position:absolute;
	top:20px;
	left:0;
	text-indent:-9999px;
}
#header h1 a{
	display:block;
	width:210px;
	height:65px;
	background:transparent url(../img/hdr-logo.png) 0px 0px no-repeat;
}



/*-- SUB MENU -- */
#submenu{
	position:absolute;
	top:0;
	right:0;
	height:19px;
	border-right: 1px solid #e7e7e7;
}
#submenu li{
	display:block;
	float:left;
	height:13px;
	border-left: 1px solid #e7e7e7;
	padding-left:27px;
	padding-top:8px;
}
#submenu li a{
	text-indent:-9999px;
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/hdr-snavi.png);
	height:13px;
	margin-right:27px;
}

#submenu li#sm00 a      {background-position:   0px   0px;width:148px;}
#submenu li#sm00 a:hover{background-position:   0px -13px;width:148px;}
#submenu li#sm01 a      {background-position:-148px   0px;width:44px;}
#submenu li#sm01 a:hover{background-position:-148px -13px;width:44px;}
#submenu li#sm03 a      {background-position:-192px   0px;width:66px;}
#submenu li#sm03 a:hover{background-position:-192px -13px;width:66px;}
#submenu li#sm02 a      {background-position:-258px   0px;width:65px;}
#submenu li#sm02 a:hover{background-position:-258px -13px;width:65px;}


/*-- MAIN MENU -- */
#header #menu{
	position:absolute;
	top:52px;
	right:0px;
	width:618px;
	height:33px;
}
#header #menu li{
	float:left;
	display:inline;
}
#header #menu li a{
	text-indent:-9999px;
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/hdr-navi.png);
	height:33px;
	width:155px;
}

#header #menu li#mm01 a       {background-position:   0px    0px;width:154px;}
#header #menu li#mm01 a:hover {background-position:   0px  -33px;width:154px;}
#header #menu li#mm01 a:active{background-position:   0px  -33px;width:154px;}
#header #menu li#mm01 a.select{background-position:   0px  -33px;width:154px;}

#header #menu li#mm02 a       {background-position:-154px    0px;}
#header #menu li#mm02 a:hover {background-position:-154px  -33px;}
#header #menu li#mm02 a:active{background-position:-154px  -33px;}
#header #menu li#mm02 a.select{background-position:-154px  -33px;}

#header #menu li#mm03 a       {background-position:-309px    0px;}
#header #menu li#mm03 a:hover {background-position:-309px  -33px;}
#header #menu li#mm03 a:active{background-position:-309px  -33px;}
#header #menu li#mm03 a.select{background-position:-309px  -33px;}

#header #menu li#mm04 a       {background-position:-464px    0px;width:154px;}
#header #menu li#mm04 a:hover {background-position:-464px  -33px;width:154px;}
#header #menu li#mm04 a:active{background-position:-464px  -33px;width:154px;}
#header #menu li#mm04 a.select{background-position:-464px  -33px;width:154px;}


/*-- FOOTER ---------------------------------------------- */

#footer{
	clear:both;
	margin:0 auto;
	padding-top:30px;
	width:900px;
	text-align:left;
	color: #666;
}

#ftrgotop{
	text-align:right;
	padding:0 0 10px;
}
#ftrgotop a{
	background:url(../img/icon_02.png) no-repeat 0 50%;
	padding:0 0 0 15px;
}


#footer p#ftrlogo{
	border-top:3px solid #f90;
	padding:10px 0;
	font-style:normal;
	text-align:left;
}
#footer p#ftrlogo span{
	font-size: 0.8em;
}

/*-- PAGE GENERAL ---------------------------------------- */
#contents{
	width:900px;
	margin:0 0 20px 0;
}
#main{
	float: left;
	margin:0 0 20px 0;
	width:640px;
	text-align:left;
}
#main p{margin-bottom:0.75em;}
#main p.xs{font-size:1.0em;line-height:1.4em;}

#main .article{
	width:610px;
	margin-top: 20px;
	background:transparent url(../img/main-bk-mdl.png) 0px 0px repeat-y;
}
#main .article .bdy{
	margin: 15px;
}
#main .article .hdr{
	width:610px;
	height:10px;
	background:transparent url(../img/main-bk-top.png) 0px 0px no-repeat;
}
#main .article .ftr{
	width:610px;
	height:10px;
	background:transparent url(../img/main-bk-btm.png) 0% 100% no-repeat;
}
#main .column{
	width:610px;
	margin-top: 20px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:repeat-y;
	background-image: url(../img/about-vision-mdl.png);
}
#main .column h2{margin-bottom: 20px;}
#main .column p{
	width:570px;
	margin:10px 20px;
}
#main .column .ftr{
	width:610px;
	height:10px;
	background-color:transparent;
	background-position:0% 100%;
	background-repeat:no-repeat;
	background-image: url(../img/about-vision-btm.png);
}

#sub{
	float: left;
	margin:0 0 20px 0;
	width:260px;
	text-align:left;
}
#sub .widget {margin-top: 20px;}
#sub .widget .bdy{
	width:260px;
	background:transparent url(../img/sub-bk-mdl.png) 0px 0px repeat-y;
	padding:10px 13px 0;
}
html:not(:target) #sub .widget .bdy {width:234px;}

#sub .widget .bdy li{
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 0.75em;
}
#sub .widget .ftr{
	width:260px;
	height:10px;
	margin:-10px 0 0;
	background:transparent url(../img/sub-bk-btm.png) 0px 0px no-repeat;
}



/*-- SUB ---------------------------------------- */
#sub #book{
	margin-top:20px;
}

#sub #book .data{
	margin-left:100px;
}
#sub #book .data p{
	margin-bottom:10px;
}
#sub #book .bookimg{
	float:left;
	margin-right:10px;
}
#sub #book .details{
	clear: both;
	padding-top: 5px;
}

#sub #subbanner{margin-top:20px;}
#index #sub #subbanner{margin-top:0px;}

#sub #sabout{margin-top:0px;}
#sub #tips{margin-top:10px;}

#sub #sclass{margin-top:0px;}

#sub #sclass li a:link {color:#ff9900; text-decoration:underline;}
#sub #sclass li a:visited {color:#ff9900; text-decoration:underline;}
#sub #sclass li a:hover, #sub #sclass li a:visited:hover {color:#00CCFF; text-decoration:underline;}

#sub #sclass li ul li a:link {color:#000; text-decoration:underline;}
#sub #sclass li ul li a:visited {color:#000; text-decoration:underline;}
#sub #sclass li ul li a:hover, #sub #sclass li ul li a:visited:hover {color:#00CCFF; text-decoration:underline;}

#sub #sclass li ul li{
	font-size: 1.0em;
	margin-left: 12px;
	margin-bottom: 2px;
}
/*-- TOP ------------------------------------------------- */
#index #news{
	width:900px;
	height:45px;
	
}
#index #news h2{
	text-indent:-9999px;
	float:left;
	display:inline;
	width:80px;
	height:25px;
	background:transparent url(../img/top-news.png) 0px 0px no-repeat;
}

#index #news ul{
	float:left;
	display:inline;
	width:760px;
	height:25px;
	overflow:hidden;
	background:transparent url(../img/top-news-bk.png) 0px 0px repeat-x;
}

#index #news li{
	float:left;
	display:inline;
	height:25px;
	font-size:12px;
	line-height:100%;
	margin:8px 20px 0 10px;
}
#index #news p{
	text-indent: -9999px;
	float:left;
	display:inline;
	width:60px;
	height:25px;
	background:transparent url(../img/top-news-btn.png) 0px 0px no-repeat
}
#index #news p a{
	display: block;
	width:60px;
	height:25px;
	background:transparent url(../img/top-news-btn.png) 0px 0px no-repeat
}
#index #topimg{
	text-indent:-9999px;
	width:610px;
	height:228px;
	background:transparent url(../img/top-img.jpg) 0px 0px no-repeat;
}
#index #topimg br{display: none;}

#index #special{
	width:630px;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}

#index #special a:link {color:#000; text-decoration:underline;}
#index #special a:visited {color:#666; text-decoration:underline;}
#index #special a:hover, #index #special a:visited:hover {color:#00CCFF; text-decoration:underline;}

#index #special div{
	width:295px;
	margin:30px 20px 0 0;
	float:left;
	display:inline;
}

#index #special div#inerview{
	background:transparent url(../img/top-intrvw-btm.png) 0 100% no-repeat;
}
#index #special div#tips{
	background:transparent url(../img/top-tips-btm.png) 0 100% no-repeat;
}

#index #special div img{
	float:left;
	display:inline;
	margin-right:10px;
	margin-top:10px;
}
#index #special div h2{
}
#index #special div h2 img{
	float:none;
	display:inline;
	margin:0;
	width:295px;
}
#index #special div p{
	margin-left:90px;
	margin-top:10px;
	width:205px;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.4em;
}
#index #special div p span{
	font-size:0.85em;
	line-height:1.4em;
	font-weight:normal;
	display:block;
	margin-bottom:12px;
}

#index #class p.nav{
	font-size:1.0em;
	text-align: right;
	margin-top:0px;
	margin-bottom:10px;
}
#index #class h3{
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:10px;
}
#index #class table{
	font-size:1.1em;
	width:580px;
}
#index #class table th{
	background-color:#ddd;
	padding:5px;
}
#index #class table td{
	padding:5px;
	border-bottom: 1px dotted #ccc;
}
#index #class table td.title{
	font-size:1.1em;
	font-weight: bold;
}
#index #class table td.title span{
	font-size:0.85em;
	font-weight:normal;
}
#index #class table td.btn{
	width:70px;
	border-bottom: 3px solid #ccc;
}
#index #class table td.date{
	border-bottom: 3px solid #ccc;
}


/*-- ABOUT ----------------------------------------------- */

#main #vision{margin-top: 0px;}

#main #vision,
#main #weare,
#main #strngth{
	background-image:url(../img/about-weare-mdl.png);
}

#main #vision .ftr,
#main #weare .ftr,
#main #strngth .ftr{
	background-image:url(../img/about-weare-btm.png);
}

#main #strngth h2{margin-bottom: -10px;}
#main #strngth h3{margin-top: 15px;}

#main .staff .staffphoto{
	float: left;
	display: inline;
}
#main .staff .stafftxt{
	margin-left: 157px;
}
#main .staff .stafftxt h3{
	margin-bottom: 10px;
}

#main .tips .bdy{margin-top:5px; }
#main .tips h3{
	color:#ff8400;
	margin-bottom:20px;
	font-size: 1.6em;
}
#main .tips img{
	float:right;
	display: inline;
	margin:0 0 10px 10px;
}

#main .faq h3{margin:20px 0 10px;}
#main .faq .bdy{margin-top:5px;}
#main .faq dl{width: 610px;}
#main .faq dt{
	margin:10px 0px 5px 0px;
	padding:4px 11px;
	border-left:#ff8400 2px solid;
	background:#eee;
	color:#ff8400;
	font-size:1.2em;
	line-height:1.6;
	font-weight:bold;
}
#main .faq dt a{
	font-weight:normal;
	text-decoration:none;
	color:#008AE7;
}
#main .faq dt a:hover{
	color:#0cf;
	text-decoration:underline;
}
#main .faq dd{
	padding:4px 0px 10px 11px;
	font-size: 1.2em;
	line-height: 1.6;
}

/*-- LOUNGE ----------------------------------------- */

#main #intrvw{margin-top: 0px;}
#main #intrvw .bdy{overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/}
#main #intrvw h2{margin-bottom: -20px;}
#main #intrvw h3{
	color:#fff;
	font-size: 1.8em;
	margin: 0 20px 5px 20px;
}
#main #intrvw p.note{
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 20px 0px 20px;
}

#main #intrvw .personalinfo{
	margin-top:30px;
	margin-bottom:10px;
	width:270px;
	float: left;
	display: inline;
}
#main #intrvw .personalinfo p{
	width:270px;
}

#main #intrvw .cpy{
	color: #fff;
	margin-top: 0;
}
#main #intrvw .name{
	font-size: 1em;
	margin-bottom: 0px;
}
#main #intrvw .name span{
	font-size: 1.6em;
	font-weight: bold;
}
#main #intrvw img.photo{
	float:right;
	display:inline;
	margin-right:20px;
	_margin-right:17px;
	margin-top:30px;
	margin-bottom:10px;
}
#main #intrvwbdy .bdy{margin-top: 5px;}
#main #intrvwbdy .lead{
	color: #d7822d;
	font-weight: bold;
	font-size: 1.4em;
}
#main #intrvwbdy h3{
	color: #4ab363;
	font-size: 1.8em;
	margin: 20px 0 12px 0;
}
#main #intrvwbdy .EntryHeader h3{
	margin: 5px 15px 12px 15px;
}
#main #intrvwbdy .EntryHeader p{
	font-size: 1.0em;
	margin:0 15px 10px 15px;
}
#main #intrvwbdy .EntryNotes p{
	padding-top: 10px;
	border-top: 1px solid #ddd;
	font-size: 1.0em;
	margin:20px 15px 0px 15px;
}
#main #intrvwbdy .EntryHeader{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
#main .Page p{
	text-align: center;
	margin:20px auto;
}
#main .Trackback,
#main .Comments{
	margin-bottom: 40px;
}
#main .Trackback h4,
#main .Comments h4{
	margin-bottom: 20px;
}
#main .Trackback input{width: 500px;}
#main .Comments input.txt{width: 250px;}
#main .Comments textarea{width: 400px;}
#main .Comments form img{padding: 5px 0px;}
#d3blogcomnavbar{
	background:#eee;
	padding:5px;
	margin: 30px 0 10px;
}
#d3blogcomnavbar select,
#d3blogcomnavbar input{
	font-size: 0.8em;
}
.d3blogcomment{margin-top: 20px;}


#main #intrvwbdy .bdy .item .itemHead{font-size: 1.4em;margin-bottom:0.5em;}
#main #intrvwbdy .bdy .item .itemInfo{font-size: 1.0em;padding-bottom:1em;margin-bottom:1em;border-bottom: 1px dotted #eee;}
#main #intrvwbdy .bdy .item .itemBody{font-size: 1.0em;}
#main #intrvwbdy .bdy .item .itemFoot{font-size: 1.0em;margin-top:2em;}

#main #intrvwbdy p span{
	font-weight: bold;
}
#main #intrvwbdy img.left{
	float: left;
	display: inline;
	margin:0 10px 10px 0;
}
#main #intrvwbdy img.right{
	float:right;
	display: inline;
	margin:0 0 10px 10px;
}
#main #intrvwbdy .ftr{
	height:auto;
}
#main #intrvwbdy .ftr p{
	font-size: 1.8em;
	text-align: center;
	padding-bottom: 20px;
}
#main #intrvwbdy .ftr span{
	color: #ccc;
}

/*-- CLASS --------------------------------------------- */

#main .class .hdr{
	width:610px;
	height:120px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#main .class h3{
	width:610px;
	height:88px;
	text-indent: -9999px;
}
#main .class h4{
	margin-bottom: 10px;
	margin-top: 20px;
}
#main .class h5{
	margin-top: 10px;
}
#main .class ul{
	width: 556px;
	margin-left: 27px;
}
#main .class li{
	float:left;
	display:inline;
	height:32px;
	width:139px;
}
#main .class li a{
	text-indent:-9999px;
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../img/class-navi.png);
	height:32px;
	width:139px;
}

#main .class li#cm01 a       {background-position:   0px    0px;}
#main .class li#cm01 a:hover {background-position:   0px  -32px;}
#main .class li#cm01 a:active{background-position:   0px  -32px;}
#main .class li#cm01 a.select{background-position:   0px  -32px;}

#main .class li#cm02 a       {background-position:-139px    0px;}
#main .class li#cm02 a:hover {background-position:-139px  -32px;}
#main .class li#cm02 a:active{background-position:-139px  -32px;}
#main .class li#cm02 a.select{background-position:-139px  -32px;}

#main .class li#cm03 a       {background-position:-278px    0px;}
#main .class li#cm03 a:hover {background-position:-278px  -32px;}
#main .class li#cm03 a:active{background-position:-278px  -32px;}
#main .class li#cm03 a.select{background-position:-278px  -32px;}

#main .class li#cm04 a       {background-position:-417px    0px;}
#main .class li#cm04 a:hover {background-position:-417px  -32px;}
#main .class li#cm04 a:active{background-position:-417px  -32px;}
#main .class li#cm04 a.select{background-position:-417px  -32px;}

#main .cdw .hdr{background-image:url(../img/class-cdw.png);}
#main .ronri .hdr{background-image:url(../img/class-ronri.png);}
#main .feele .hdr{background-image:url(../img/class-feele.png);}
#main .es .hdr{background-image:url(../img/class-es.png);}
#main .smtg .hdr{background-image:url(../img/class-smtg.png);}
#main .lvws .hdr{background-image:url(../img/class-lvws.png);}

#main .class img.left{
	float: left;
	display: inline;
	margin:0 10px 10px 0;
}
#main .class img.right{
	float:right;
	display: inline;
	margin:0 0 10px 10px;
}
#main .class h5{margin-bottom: 10px;}
#main .class dl{
	width:570px;
	overflow:auto;_overflow:visible;zoom:1;/*\*//*/overflow:hidden;/**/
}
#main .class dt{
	float:left;
	width:80px;
	/*\*/clear:both;/**/
	color:#208748;
	font-size:1.4em;
	line-height:160%;
	font-weight: bold;
	margin:0 10px 10px 0;
	letter-spacing:0.2em; 
}
#main .class dd{
	float:left;
	width:480px;
	_width:477px;
	*float:none;
	font-size:1.2em;
	line-height:160%;
	margin:0 0 10px 0;
}

#main .class .inq {
	display: block;
	margin:10px 0;
}


#index #class p.lead{
	text-indent: -9999px;
	margin: 10px 0 0 15px;
	width:439px;
	height:35px;
	background:transparent url(../img/top-class-lead.png) 0px 0px no-repeat;
}
#index #class #classimg{
	margin: 10px 0 0 15px;
}