@charset "Shift_JIS";

@import "base_default.css";

/* :::::::::: base :::::::::: */
body {
	text-align:center;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	line-height:1.6;
	margin: 0;
	padding: 0;
	color:#232323;
	font-size:13px;
	letter-spacing:0;
	background-color: #f5f5eb;
}
body#top {
	background: url(../images/shear/bg_top2015.jpg) repeat-x 0 0;background-color: #f5f5eb;
}
body#content {
	background: url(../images/shear/bg_all.jpg) repeat-x left top;background-color: #f5f5eb;
}
	
	
/*
=====  link setting ===========================
*/
a{color:#96004b;text-decoration:none;outline:none;}
a:visited{
	color:#96004b;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
a:focus{-moz-outline-style: none;}

	
/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page{
    width: 960px;
    margin: 0 auto;
    text-align: left;
    background: url(../images/shear/side_bg.png) no-repeat 720px bottom;
    padding-bottom: 80px;
}

#page_content {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/shear/side_bg.png);
	background-repeat: no-repeat;
	background-position: 40px bottom;
}
#page_onecontent {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}


/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	width: 940px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 10px;
}
body#top #header { padding:15px 0 10px 0;}

#header h1 {
	padding-top: 5px;
	margin: 0;
	font-size: 11px;
	text-align: right;
	line-height: 100%;
}

#header .logo {
	width: 235px;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
}
#header #head_tel {
	float: right;
	height: 62px;
	width: 240px;
	margin: 0;
	padding: 0;
}


/*----------------------------------------------------
	#pageimage
----------------------------------------------------*/
#pageimage {
	width: 960px;
	clear: both;
	height: 500px;
	padding-top: 14px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#contents_image  {
	width: 960px;
	clear: both;
	height: 210px;
	padding-top: 5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



/*----------------------------------------------------
	#gnav
----------------------------------------------------*/
#gnav {
	width: 930px;
	height: 53px;
	clear: both;
	background-position: 0 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 6px;
}

#gnav li {
	float: left;
	width: 154px;
	text-indent: -9999px;
	overflow: hidden;
	margin:0;
	padding:0;
}

#gnav li a {
	display:block;
	height:53px;
	padding:0;
	outline:none;
	width: 100%;
	background-image: url(../images/shear/gnav_bg2.gif);
	background-repeat: no-repeat;
}

#gnav1 a{background-position: 0 0;}  
#gnav2 a{background-position: -155px 0;}  
#gnav3 a{background-position: -309px 0;}  
#gnav4 a{background-position: -463px 0;}  
#gnav5 a{background-position: -617px 0;}  
#gnav6 a{background-position: -771px 0;}

div#gnav li a:hover {
	background-image: url(../images/shear/gnav.jpg);
	background-repeat: no-repeat;
}

#gnav1 a:hover{background-position: 0 -53px;}  
#gnav2 a:hover{background-position: -155px -53px;}  
#gnav3 a:hover{background-position: -309px -53px;}  
#gnav4 a:hover{background-position: -463px -53px;}  
#gnav5 a:hover{background-position: -617px -53px;}  
#gnav6 a:hover{background-position: -771px -53px;}

 

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 920px;
	clear: both;
	margin: 0 auto;
}

body#content #contents {
	width: 920px;
	clear: both;
	margin:0 auto;
}


/*  .pagetop
-----------------------------------------------*/
#contents .pagetop {
	clear: both;
	margin-bottom: 5px;
	font-size: small;
	margin-left: 810px;
}
#contents .pagetop a {
	background-image: url(../images/shear/page_top.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 90px;
	background-position: left top;
}


/*	.topicpath	
----------------------------------------------------*/
#contents .topicpath {
	width:700px;
	font-size:85%;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 20px;
}

#contents .topicpath li {
	display:inline;
	color: #EDF2F9;
}

#contents .topicpath li a {
	margin-right:5px;
}

#contents .topicpath li a:link, 
#contents .topicpath li a:visited{
	color: ##EDF2F9;
	text-decoration: underline;
}

#contents .topicpath li a:hover, 
#contents .topicpath li a:active{
	color: ##EDF2F9;
	text-decoration: none;
}




/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
	width: 630px;
	float: left;
	margin-bottom: 60px;
	margin-top: 20px;
}


/* -----------------------------------------------
下層コンテンツ共通
----------------------------------------------- */
#main_content {
	width: 690px;
	float: right;
	margin-bottom: 60px;
	background-image: url(../images/shear/main_content_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0px;
	margin-top: 10px;
}
.inner {
	background-image: url(../images/shear/main_content_top.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	padding-left: 35px;
	padding-right: 30px;
	padding-top: 20px;
	margin: 0px;
}
#main_content h2.page_title {
	background-image: url(../images/shear/pagename-bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	/*font-weight: bold;
	color: #C36;*/
	padding: 30px 0 0 30px;
	margin-bottom:10px;
	line-height: 59px;
	height: 59px;
}

#main_content .title {
	background-image: url(../images/shear/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #4A1225;
	padding-left: 40px;
	padding-top: 7px;
	font-size: 18px;
	padding-bottom: 15px;
}

#main_content .midashi {
	background-image: url(../images/shear/midashi_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: #4A1225;
	padding-left: 40px;
	padding-top: 5px;
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4F171E;
	margin-bottom:15px;
}
#main_content p {
	margin-bottom: 1em;
}


/* -----------------------------------------------
ワンカラム
----------------------------------------------- */
#one_content {
	width: 920px;
	background-image: url(../images/history/one_content_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 10px 0 60px 0;
	padding-bottom: 60px;
}
.one_content_inner {
	background-image: url(../images/history/one_content_top.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	padding:25px 30px 40px 40px;
	margin: 0px;
}
#one_content h2.one_content_title {
	background-image: url(../images/history/pagename-bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: #C36;
	padding-left: 60px;
	padding-top: 15px;
	font-size: 16px;
	padding-bottom: 20px;
	line-height: 59px;
	height: 65px;
	margin-left: 40px;
}

#one_content .title {
	background-image: url(../images/shear/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #4A1225;
	padding-left: 40px;
	padding-top: 10px;
	font-size: 18px;
	padding-bottom: 10px;
}

#one_content .midashi {
	background-image: url(../images/shear/midashi_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	color: #4A1225;
	padding-left: 40px;
	padding-top: 5px;
	font-size: 14px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4F171E;
}
#one_content p {
	margin-bottom: 1em;
}


/* -----------------------------------------------
top
----------------------------------------------- */
/*  挨拶 */
#main .box_aisatu {
	background-image: url(../images/index/aisatu_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 630px;
	margin-top: 10px;
	padding-top: 20px;
}
#main .box_aisatu h2 {
	margin: 0px;
	padding-top:15px;
	padding-left: 18px;
	margin-bottom:18px;
}
#main .box_aisatu .aisatu_text {
	padding-left: 20px;
	font-size: 14px;
	line-height:1.8;
	float: left;
	width: 420px;
	margin-bottom:40px;
}
.hr { border-bottom:1px solid #C5BA88; margin:8px 0;}
#main .box_aisatu p img {
	padding-top: 20px;
	padding-right: 0px;
}

/*   お知らせ */
#main .box_info {
	clear: both;
	padding-top: 15px;
	margin-bottom: 20px;
}

#info{
	border:1px solid #EFD1D7;
	margin-top: 5px 0 0 0;
	padding: 0;
}

/*   バナー */
#banner_ayumi {
	background-image: url(../images/index/banner_ayumi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 224px;
	width: 308px;
	margin-right: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#banner_ayumi h3,#banner_gallery h3 {
	padding-left: 10px;
	padding-top:13px;
	line-height: 100%;
}
#banner_gallery {
	background-image: url(../images/index/banner_gallery.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 224px;
	width: 308px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#banner_ayumi p,#banner_gallery p {
	padding-left: 15px;
	padding-top: 110px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 140%;
}
.btn_linkR {
	text-align: right;
	display: block;
}
/* table */
#main_content .tb_main {
	border-top: 1px #90aebd dashed;
	margin-left: 40px;
}
#main_content .tb_main th {
	padding: 8px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #90aebd;
}
#main_content .tb_main td {
	padding: 8px;
	border-bottom: 1px #90aebd dashed;
}



/*----------------------------------------------------
	#side
----------------------------------------------------*/
#side {
	width: 264px;
	float: right;
	margin-top: 12px;
	position: relative;
}

#side_btn  {
	/*background-image: url(../images/shear/side_bosyu.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 340px;*/
	text-align: center;
}
.side_btn  {margin-bottom: 10px;text-align: center;}
/*#side_btn h4.bosyu_title {
	margin: 0;
	padding-top: 46px;
}
#side_btn .bosyu_btn {
	padding-top: 65px;
	padding-left: 60px;
}
#side_btn .bosyu_btn a {
	background-image: url(../images/shear/bosyu_btn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 146px;
}
#side_btn .bosyu_btn a:hover {
	background-image: url(../images/shear/bosyu_btn_on.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 146px;
}
*/


/*  下層部 */
body#content #side {
	width: 213px;
	float: left;
	position: relative;
	padding-top: 10px;
}
/*#side_btn_s {
	background-image: url(../images/shear/bosyu_s.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 270px;
	text-align: center;
	padding: 0px;
}
#side_btn_s .bosyu_btn {
	padding-top: 133px;
	padding-left: 35px;
}
#side_btn_s .bosyu_btn a {
	background-image: url(../images/shear/bosyu_btn.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 33px;
	width: 146px;
}
#side_btn_s .bosyu_btn a:hover {
	background-image: url(../images/shear/bosyu_btn_on.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 146px;
}*/
#side_nav {
	background-image: url(../images/shear/side_nav_bg.jpg);
	background-repeat: repeat-y;
	background-position: left center;
}
#side_nav ul {
	margin-left: 25px;
	margin-top: 5px;
	margin-right: 25px;
}
#side_nav ul li {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size:14px;
}
#side_nav ul li a {
	background-image: url(../images/access/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}


/*login */
#login {
	background-image: url(../images/shear/login.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
}
#login .login_btn {
	padding-top: 30px;
	padding-left: 50px;
}
#login .login_btn a {
	background-image: url(../images/shear/btn_login.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 28px;
	width: 171px;
}
#login .login_btn a:hover {
	background-image: url(../images/shear/btn_login_on.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 171px;
}



/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer_wrap {
	width: 100%;
	clear: both;
	background-image: url(../images/shear/footer_bg.gif);
	background-repeat: repeat-x;
	background-color: #4a423b;
}

#footer_wrap #footer {
	width: 920px;
	padding: 0;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	color:#2D261F;
}


/* #address 
-----------------------------------------------*/
#footer_wrap #footer #address {
	margin: 0;
	padding-top: 45px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	clear:both;
}

#footer_wrap #footer #address p {
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 160%;
}
#footer_wrap #footer #address a {
	color: #4a423b;
	text-decoration: none;
}

/* #tnav 
-----------------------------------------------*/
#footer_wrap #footer #tnav {
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
}
#footer_wrap #footer #tnav  {
	margin: 0 60px 0 0;
	font-size: 12px;
}
#footer_wrap #footer #tnav li  {
	float: left;
	margin: 0 0 0 0;
}
#footer_wrap #footer #tnav li a  {
	color:#2D261F;
	text-decoration: none;
}
#footer_wrap #footer #tnav li a:hover  {
	color:#2D261F;
	text-decoration: underline;
}

/* #copyright 
-----------------------------------------------*/
#footer #copyright {
	text-align: right;
	font-size: 11px;
	letter-spacing: 1.1px;
	color: #FFF;
}



/*----------------------------------------------------
	table BASIC
----------------------------------------------------*/
table.tbl_basic {
	border: none;
}

table.tbl_basic th,
table.tbl_basic td {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #BDB8AE;
	border-bottom-color: #BDB8AE;
}

table.tbl_basic th {
	padding:0 10px;
	text-align:left;
}

table.tbl_basic td {
	padding:10px;
	text-align:left;
}



/* -----------------------------------------------
history
----------------------------------------------- */
#profile {
	font-size: 12px;
	background-image: url(../images/history/profile_bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#profile .profile_inner {
	background-image: url(../images/history/profile_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 50px;
}
#profile .profile_inner h3  {
	text-align: center;
}
.tb_history {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #90aebd;
}

.tb_history th {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #90aebd;
	font-size: 11px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #90aebd;
}
#tablefix1 tbody tr th {
	text-align: center;
	font-size: 11px;
}
.tablefix tbody tr th {
	text-align: center;
	font-size: 11px;
}
.tb_history td {
	font-size: 11px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #90aebd;
	border-left-color: #90aebd;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
}

.tb_history thead th {
	background-color: #008080;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	height: 35px;
}

.tablefix {
	width: 850px;
	border-collapse: collapse;
	border-spacing: 0;
}

.tb_kyosyuujyo {
	margin-left: 80px;
	width: 400px;
}
.tb_kyosyuujyo td {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #90aebd;
	padding-right: 20px;
}
.list {
	background-image: url(../images/guide/icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-top: 4px;
}

ul.histry_list {
	margin-top: 10px;
	margin-left: 80px;
	width: 400px;
}
ul.histry_list li {
	background-image: url(../images/guide/icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 4px;
	padding-left: 15px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #90aebd;
	padding-top: 4px;
}



/* -----------------------------------------------
guide
----------------------------------------------- */
.guide_area {
	background-image: url(../images/guide/main_content_bg.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	margin: 0px;
	padding-top: 200px;
	padding-right: 320px;
	padding-left: 10px;
}

.tb_price {
	width: 580px;
	border:#90aebd solid 1px; border-top:#90aebd solid 1px !important;
}
.tb_price td {
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #90aebd;
}
.tb_price th.classname {
	background-color: #F6EDFF;
	text-align: left;
	color: #C03;
	padding-left: 15px;
}


ul.guide_list {
	margin-top: 10px;
	margin-left: 40px;
}
.guide_list li {
	background-image: url(../images/guide/icon.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-bottom: 4px;
	padding-left: 12px;
}
.text_lesson {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #00a3af;
	width: 110px;
	margin: 0 12px 8px 0;
	text-align: center;
	padding: 5px;
}

.tb_ticket {
	width: 550px;
	border-top: 1px #90aebd dashed;
	margin-left: 40px;
}
.tb_ticket td {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #90aebd;
	padding: 8px 8px 8px 20px;
	border-bottom: 1px #90aebd dashed;
}
.tb_ticket th {
	background-color: #F6EDFF;
	text-align: left;
	color: #C03;
	padding: 8px 8px 8px 15px;
	width: 150px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #90aebd;
}
.kimari_block {
	margin-left: 50px;
	border: 1px solid #C03;
	margin-top: 10px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin-bottom: 10px;
}
.kimari_block_tit {
	font-size: 13px;
	font-weight: bold;
	color: #C00;
	display: block;
}


/* -----------------------------------------------
.sitemap
----------------------------------------------- */
.sitemap {
	margin-left: 30px;
	margin-right: 30px;
}
.sitemap li {
	color: #FFF;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 4px;
	list-style-type: circle;
	list-style-position: outside;
}
.sitemap li a {
	color: #FFF;
	text-decoration: none;
}
.sitemap li a:hover {
	color: #090;
}




/*======================================

	hack -  - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack -  - for IE6

=======================================*/
* html {}


/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
	</div>

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>

*/
.slideshow-images {
	height: 300px; width: 882px;
}	

.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-next { 
	opacity: 0;
}

/*2015.02追加*/
#side_menu_box { background:#ffc7d2; width:248px; margin:auto; padding:6px 0; margin-bottom:6px; }
#side_menu_box ul.side_link { width:236px; margin:0 0 0 6px; }
#side_menu_box ul.side_link li { height:75px; margin:0 !important;padding:0 !important;}
#side_menu_box ul.side_link li#side_logo { height:181px !important;}

#side_btn_s { padding-top:12px; }

.box_instructor { clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #897231;}
.box_instructor  h2 { height:33px; margin-bottom:15px; }
.box_instructor .pic { float:left; width:150px;}
.instructor_text { float:right; width:450px; font-size:13px;}

/*form*/
.dl-form{
	margin: 30px 0;
}
.dl-form dd{
    border-bottom: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}
input[type="text"],
input[type="email"],
textarea{
    max-width: 100%;
    font-size: 1rem;
    transition: all 0.5s;
    margin: 6px 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
  outline: none;
}
textarea {
  height: 10rem;
  }