@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------
 default style clear
----------------------------------------------------------------------------------------------*/
* {margin:0;padding:0;}
html {overflow-y: scroll;-webkit-text-size-adjust: none;}
body, div, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}
img, fieldset {	border:0;}
ol, ul {margin:0;}
li {list-style-position:outside;list-style:none;}
a, a:focus {outline:none;overflow:hidden;}
a {overflow: hidden;}
a:hover{ text-decoration:none; }
/*マウスオーバー効果*/
a.over:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background-color:transparent;
}

/* -----------------------------------------------------------------------------------------------------
 default
-----------------------------------------------------------------------------------------------------*/
body {
	font-size:13px;
	font-family:Meiryo,"メイリオ",MS PGothic,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,sans-serif;
	color:#1d1515;
	line-height:1.6;
	letter-spacing:0.03em;
	min-width:1000px;
}
body.fontS { font-size:11px;}
body.fontM { font-size:13px;}
body.fontL { font-size:16px;}
html,body{ height:100%;}
img {vertical-align:top;}

/* -----------------------------------------------------------------------------------------------------
 link
-----------------------------------------------------------------------------------------------------*/
a,a:active {color:#f19700;}
a:hover {text-decoration:none;}

/* -----------------------------------------------------------------------------------------------------
 form
-----------------------------------------------------------------------------------------------------*/
form{}
.contact_area input{vertical-align:middle;margin:0 5px 2px 0;}
legend{}
label{}
button{}
input[type="text"], textarea {padding:2px 4px;outline:none;}

/* -----------------------------------------------------------------------------------------------------
 table
-----------------------------------------------------------------------------------------------------*/
table{}
table th { vertical-align:top; text-align:left;}
table td {vertical-align:top; text-align:left;}

/* -----------------------------------------------------------------------------------------------------
 list
-----------------------------------------------------------------------------------------------------*/
ul{}
ol{margin-left:20px;}
ol li{ list-style-type:decimal;}
ol.bold li{ font-weight:bold;}
dl{}
dt{}
dd{}

/* -----------------------------------------------------------------------------------------------------
 headline
-----------------------------------------------------------------------------------------------------*/
h1, h2,h3{}
p{}
object{}
address{}
hr{}
pre{}
em{}
strong{font-weight:bold;}

/*----------------------------------------------------------------------------------------------
 汎用クラス
----------------------------------------------------------------------------------------------*/
/* clear */
.clear {clear:both;}
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.fl {float:left;}
.fr {float:right;}
.center {margin:0 auto;}
.t-left {text-align:left;}
.t-right {text-align:right;}
.t-center {text-align:center;}


/*----------------------------------------------------------------------------------------------
 Layout
----------------------------------------------------------------------------------------------*/
/*body#siteBG {height:100%; width:100%; background:orange;}*/
header, footer, #slide, #pgTTL, #container,.innerBlock{position:relative;}
#wrapper { height:100%; width:100%; position:relative;}
img.bgmaximage{position:fixed !important;}
#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

.fil{ background:url(images/wrbg.png) repeat 0 0;}
.dblock{display:block;}
.round{	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */}


/* wrapper */
#wrapper {}

/* header */
header {background:#fff;}
header h1 { background:#e8e8e8; font-size:90%; text-align:center;}
header .hdr {width:940px; background:#fff; margin:auto; padding:15px 20px; height:67px; position:relative;}
header .hdr .freelesson {position:absolute; top:20px; right:260px;}
header .hdr .contact {position:absolute; top:20px; right:20px;}

/* Gnav*/
nav.Gnav{background:url(images/nav_bg.gif) repeat-x 0 0; height:55px; text-align:center;}
nav.Gnav ul {background:url(images/nav.png) no-repeat 0 0; height:50px; margin:auto; width:980px;}
nav.Gnav ul li {float:left; display:block; width:180px; margin-right:2px;}
nav.Gnav ul li.home {width:66px; margin-left:2px;}

/* footer */
footer {text-align:center; padding:10px; margin-top:30px;font-size:90%;}
nav.Fnav {width:980px; margin:8px auto; }
nav.Fnav a {color:#000;}
footer .freelesson {background:url(images/ftr.png) no-repeat 0 0; margin:0 auto; width:745px; position:relative;}
footer .freelesson img { margin-left:100px;}

/* #slide, #pgTTL */
#slide, #pgTTL{position:relative; top:0px; left:0px; z-index:2;}
.slideInner {}
.bxslider {margin:auto; padding:0 0 10px 0; height:290px;width:980px;}
.bxslider li {width:980px; display:block; float:left;}

	#pgTTL .fil .Inner { padding:10px;}
	#pgTTL h2 {margin:auto; width:960px; padding:5px 10px; font-size:30px; font-weight:bold;}
	#pgTTL p.breadcrumbs{margin:auto; width:960px; padding:5px 10px;}

#slide .waveLine, #pgTTL  .waveLine{background:url(images/bg_wave.png) repeat-x left bottom; width:100%; height:15px;}

/* #container*/
#container { position:relative; top:-25px; left:0; z-index:1;}
#container .innerBlock {width:980px; margin:auto;}

#container .innerBlock .side {width:300px;}
#container .innerBlock .main {width:620px; margin:50px 20px 20px 0;}

#container .innerBlock .side .ribbon {margin-bottom:/*60px*/ 40px; background:url(images/ribbon.png) no-repeat center top;}
#container .innerBlock .side .ribbon ul {width:280px; margin:0 10px;}
#container .innerBlock .side .ribbon li {display:block; float:left;}
#container .innerBlock .side .ribbon a img {}

#container.toppage .innerBlock .contents{padding:20px;}

#container.toppage .innerBlock .topics ul{ padding:20px;}
#container.toppage .innerBlock .topics li {border-bottom:1px dotted #000; padding:15px 0;}
#container.toppage .innerBlock .topics .date { width:100px;}
#container.toppage .innerBlock .topics .txt { width:480px;}
#container.toppage .innerBlock .topics .more {padding:0 20px 20px;}
#container.toppage .innerBlock .topics .more a { display:block; background:url(images/arrowR.png) no-repeat center right; padding-right:20px; }

#container .innerBlock .side .bnrs {padding:10px;}
#container .innerBlock .side .links {background:#fff; padding:10px; margin:10px auto;}
#container .innerBlock .side .links li { margin-bottom:10px}
#container .innerBlock .side .links li a {display:block; background:url(images/arrowR.png) no-repeat 0 3px; padding-left:20px;}

#container .mrg20 {padding:10px 20px;}
#container h3.ent-ttl {font-size:18px; font-weight:bold; border-bottom:1px solid #f79b00; background:url(images/icon_maru.png) no-repeat 0 3px; padding-left:25px; padding-bottom:5px; margin-bottom:10px; }
#container article .date {margin:10px 0;}


.btn { 
border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
color:#fff;padding:10px 20px; font-size:14px; text-decoration:none; background:url(images/arrowW.png) no-repeat 20px center; padding-left:40px;}
.btn:hover {text-decoration:underline;}
.btn.orange{ background-color:#f79b00;}
.btn.pink{background-color:#f755ae;}
.btn.green{background-color:#4ac7dc;}

a.arrow {display:inline-block; background:url(images/arrowR.png) no-repeat 0 3px; padding-left:20px; margin:0 10px;}
.arrowUP img { vertical-align:middle; margin-right:5px;}

.bnr-table, .othermenu-list{margin:15px auto; text-align:center;}
.bnr-table a {display:inline-block; margin:0 10px;}

#container .main article table, .entry-tbl {border:1px solid #f79b00; border-collapse:collapse;}
#container .main article table td, #container .main article table th, .entry-tbl td, .entry-tbl th {border:1px solid #f79b00; padding:8px;}
#container .main article table th, .entry-tbl th{font-weight:bold;}

#container .main article table.teacher-table{margin-bottom:20px;}
#container .main article table.teacher-table,
#container .main article table.teacher-table td,
#container .main article table.teacher-table th {border:none; padding:5px;}
#container .main article table.teacher-table td.teacher-name{font-weight:bold; background:url(images/icon_maruS.png) no-repeat 0 8px; padding-left:20px; padding-bottom:5px; margin-bottom:10px;}

.catList article {margin-bottom:30px;}

.cam_banner {text-align:center; margin:15px auto;}
.description {padding:10px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc;}


table.course-tbl {width:100%; background:#f79b00; border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */ border:3px solid #f79b00;
}
table.course-tbl th {color:#fff;padding:5px 8px; font-weight:bold; font-size:14px;}
table.course-tbl td {padding:8px; background:#fff;}
table.course-tbl td li {margin-bottom:5px; display:inline-block; width:50%;}
table.course-tbl td li a {background:url(images/arrowR.png) no-repeat center left; padding-left:20px;}
.link {padding:10px 0;border-top:1px dotted #ccc;}

.cat-ttl{background:#f79b00; color:#fff; padding:5px; margin-bottom:20px;font-size:16px;}
.cat-ttl a {color:#fff;}

.lesson-summary{margin-bottom:30px;}
.lesson-summary p {margin-bottom:10px;}
.lesson-summary p a{background:url(images/arrowR.png) no-repeat center left; padding-left:20px;}
.lesson-summary p span {display:block;padding-left:20px;}

#container .listarticle{margin-bottom:15px;/*border-bottom:1px dotted #ccc;*/ padding-bottom:15px;}
#container .listarticle h3.ent-ttl {font-size:16px;  border-bottom:none; background:none;  padding:5px;/*padding-top:5px; padding-bottom:5px; padding-right:5px; background-position:5px 7px; padding-left:30px*/ background-color:#999;}
#container .listarticle h3.ent-ttl a { text-decoration:none; color:#fff;}


.photoG, .photoG table {margin:auto; text-align:center;}
.photoG table td {padding:8px; text-align:center; font-size:90%;}
.photoG-ttl {background-color:#999; color:#fff;border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */}

.teacher-pic {width:150px;}

.price .course-ttl{background-color:#999; color:#fff;border-radius: 5px;		/* CSS3草案 */
-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */ padding:3px 8px; margin:10px 0 15px 0;}
.price .course-ttl a {color:#fff; text-decoration:none;}
.price .entry-list {margin:5px 25px 25px 25px;}
.price .entry-list li {background:url(images/arrowR.png) no-repeat center left; padding-left:20px; margin-bottom:5px;}

/*
#header {
	background:url(../images/bg_black.png) 0 0 repeat;
    width: 290px;

    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.hdrInner{}
#container{
    margin-left:290px;
    min-height: 100%;
    position: relative;
}
*/
/*
#container.top{ background:url(../images/bg_black.png) 0 0 repeat;}
#container.news{ background:url(../images/pagebg_news.jpg) 0 0 repeat-x;}
#container.information{ background:url(../images/pagebg_information.jpg) 0 0 repeat-x;}
#container.profile{ background:url(../images/pagebg_profile.jpg) 0 0 repeat-x;}
#container.event{ background:url(../images/pagebg_event.jpg) 0 0 repeat-x;}
#container.history{ background:url(../images/pagebg_history.jpg) 0 0 repeat-x;}
#container.contact,
#container.contact_confirm,
#container.contact_complete{ background:url(../images/pagebg_contact.jpg) 0 0 repeat-x;}
*/

#TOPmain {
/*	width:830px;
	height:100%;
	margin-left:290px;
*/
}
/*
#main {
	width:650px;
	margin-left:60px;
	padding-top:160px;
}

#footer{padding:120px 0 10px; margin-left:60px; text-align:center; width:650px; font-size:11px;}
*/



/*----------------------------------------------------------------------------------------------
 汎用クラス　マージン
----------------------------------------------------------------------------------------------*/
.none{margin:0;!important}

ul.style01 { width:625px; /*height:625px;*/ height:500px; background:url(images/top_classBox.png) no-repeat 0 0; position:relative; overflow:hidden; }
ul.style01 li {
	cursor:pointer;
	display:block;
	width:/*175px*/135px;
	height:/*175px*/108px;
	overflow:hidden;
	padding:5px;
	color:#fff;
	font-size:12px; line-height:normal; position:absolute;
}
ul.style01 li p.ttl {font-weight:bold; text-align:center; margin-bottom:5px; font-size:/*16px*/14px; text-decoration:underline}
ul.style01 li.active {
	cursor:pointer;
	display:block;
	width:/*175px*/135px;
	height:/*175px*/108px;
	overflow:hidden;
	padding:5px;
	color:#fff;
}

ul.style01 li.pan01{ top:5px; left:70px;}
ul.style01 li.pan02{ top:5px; left:255px;}
ul.style01 li.pan03{ top:5px; left:420px;}
ul.style01 li.pan04{ top:180px; left:70px;}
ul.style01 li.pan05{ top:180px; left:235px; color:#555;}
ul.style01 li.pan06{ top:195px; left:410px;}
ul.style01 li.pan07{ top:360px; left:65px;}
ul.style01 li.pan08{ top:360px; left:230px;}
ul.style01 li.pan09{ top:360px; left:410px;}

ul.style02 { width:200px; float:left;}
ul.style02 li {
	cursor:pointer;
	display:block;
	width:200px;
}
ul.style02 li.active {
	cursor:pointer;
	display:block;
	width:200px;
}

.panel {display:none;}
.show {display:block;}

.panelsub {position:relative;}

section.panel {}
div.panel { min-height:285px; float:right; width:420px;}
div.level01{background:#f9ae3b;}
div.level02{background:#ec1c24;}
div.level03{background:#9d005c;}
div.panelBlock {background:#fff; margin:10px; padding:10px;}

div.panelBlock ul.panelList {}
div.panelBlock ul.panelList li{margin-bottom:5px;}
div.panelBlock ul.panelList li a {margin-left:20px;display:block; }
div.panelBlock ul.panelList li p a {margin-left:0;background:url(images/arrowR.png) no-repeat 0 3px; padding-left:20px;}
div.panelBlock ul.panelList li p {font-weight:bold;}

/* ------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------- ori 2015/12 ---------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------*/
div.gazright {
width: 100%;
}
div.gazright img {
float: left;
margin: 0 10px 0px 0;
}

strong.gazstr { background: linear-gradient(transparent 60%, #ffff66 60%); }
strong.gapstr { background: linear-gradient(transparent 60%, #ff99ff 60%); }

.img1maru { border-radius: 10px; }

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


/*お問い合わせ*/
#cont-add{border:1px solid #f79b00; padding:10px; margin:10px;}
#cont-add p strong{font-size:16px;}
p.must {color:red; margin:15px 0; text-align:right;}
#mail_form table th {background-color:#FCF0C0; width:30%;}
#mail_form .btn {margin:30px auto 10px auto; text-align:center; border-top:1px solid #ccc; padding:0;  padding-top:30px; background:none;border-radius: 0px;}
#mail_form .btn input[type=submit] ,
#mail_form .btn input[type=reset],
#mail_form .btn input[type=button] {background: -moz-linear-gradient(top,#FFF 0%,#EEE);background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));border: 1px solid #ccc;color:#111;padding: 10px 20px; margin:0 20px;}
#mail_form table th span{color:red;}
#mail_form table th span.mail_small{font-size:10px; color:#333; font-weight:normal}
#mail_form .error{color:red; font-weight:bold; }
#mail_form .error_list {margin:20px;}

/* サイドナビadd*/
#container .innerBlock .side .cate_ttl {background:#f79b00; color:#fff; padding:5px; margin-top:20px; border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */}
#container .innerBlock .side .links .links {padding:0 0 0 10px;}

/*panel add*/
ul.style01 li a {color:#fff; text-decoration:none;}
ul.style01 li.pan05 a{color:#555;}

/*サイトマップ*/
.sitemap {}
.sitemap ul {margin:0 0 0 30px;}
.sitemap ul li {margin:5px 0;}
.sitemap ul.level1 li a {display:block; background:url(images/arrowR.png) no-repeat 0 3px; padding-left:20px; font-weight:bold;}
.sitemap ul.level2 li {color:#f19700;background:url(images/maru.png) no-repeat left center;}
.sitemap ul.level2 li a {background:none; font-weight:normal;}

/*地図*/
#container.access .innerBlock .main {width:940px; margin:50px 20px 20px 0;}



/* --------------------------------------
briasalon_Map_Detail
-------------------------------------- */

#briasalon-map{width:900px; text-align:left;margin:0 auto; position:relative;}
#briasalon-map #photomap{position:relative;}
#briasalon-map #photomap img.detailmap{}
#briasalon-map #photomap #photobox {}
#briasalon-map #photomap #photo-b{margin-top:20px;}
#briasalon-map #photomap #photo-b a img{border:1px solid #ccc; padding:3px; margin-bottom:3px;margin-right:3px; background:#fff;display:block; float:left;}
#briasalon-map #photomap #photo-b a:hover img{border:2px solid #FFA500; padding:2px;}
*html #briasalon-map #photomap #camera_icons{ position:absolute; top:0; left:0;} /* for ie6 */
#briasalon-map #photomap #camera_icons a img{position:absolute;cursor: pointer;}
#briasalon-map #photomap #camera_icons {position:absolute; top:0; left:0;}
#briasalon-map #photomap #camera_icons a img {display:block; width:20px; height:16px;}


.cam_Ballon {position: fixed; top: 150px;right: 30px;width: 150px;height: 150px; z-index:200"}
.cam_nav{position:absolute; top:0; left:0; width:220px; height:52px;}