@charset "UTF-8";



@font-face {
font-family: 'anzu';
font-style: normal;
font-weight: 400;
src: url(http://shibu-gal.com/font/APJapanesefontT.ttf);
}

@font-face {
font-family: 'marufo';
font-style: normal;
font-weight: bold;
src: url(http://shibu-gal.com/font/A-OTF-MaruFoPro-Medium.otf);
}












body{
	width:100%;
}
a{
	/*text-decoration:none;*/
	color: #6D6D6D;
	font-weight:bold;
-moz-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
}
a:hover{
	opacity:0.6;
}

/****************************************

          wrapper -all contents

*****************************************/
#wrapper{
	width:1010px;
	margin:0 auto;
	padding: 0 50px;
	padding-top:60px;
	color:#3f3e3e;
	background-image:url(../img/common/bg.png);
	background-repeat:repeat-y;
	background-position:center;
	position:relative;
}
#wrapper div{
	float:left;
}
.ttl{
	margin-bottom:6px;
}
.ttl_blog{
	margin: 40px 0 20px 0;
}
.top-copy{
	width:500px;
	height:auto;
	position:absolute;
	right:60px;
	bottom:32px;
	z-index:9999;
}
/****************************************

          header

*****************************************/
#header{
	width:100%;
	height:220px;
	background-image: url(../img/common/header_bg.jpg);
	background-size: cover;
	background-position:center center;
}
#header .obi{
	padding: 10px;
	background-color: rgba(255,255,255,0.2);
}
#header .obi p{
	width:1010px;
	margin:0 auto;
	color:#ffffff;
	font-size:12px;
}
.header_contents{
	width:1010px;
	height:184px;
	margin:0 auto;
	position:relative;
}
.header_contents .logo{
	position:absolute;
	left:0;
	bottom:10px;
}
.header_contents .info{
	position:absolute;
	right:0;
	bottom:10px;
}
/****************************************

          navi

*****************************************/
.navi{
	width:100%;
	height:59px;
	background-image:url(../img/common/navi_bg.png);
	background-repeat:repeat-x;
	background-position:center bottom;
}
.navi ul{
	width:1010px;
	height:59px;
	margin:0 auto;
}
.navi ul li{
	width:143px;
	height:59px;
	position:relative;
	float:left;
	overflow:hidden;
	background-repeat:repeat-x;
	border-left:1px solid #f5b3bd;
}
.navi ul li.last{
	border-right:1px solid #f5b3bd;
}
.navi ul li img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.navi ul li a:hover{
	opacity:100;
}
	
/****************************************

          contents_right

*****************************************/
.contents_right{
	width:267px;
}
/****************************************

          contents_right

*****************************************/
.contents_right{
	width:267px;
}
.contents_right img.right_bn{
	margin-bottom:20px;
}
.link_wrapper{
	width: 267px;
	background-image:url(../img/common/bg_check.png);
	margin-bottom:20px;
}
.link_wrapper ul {
	width:247px;
	margin: 20px 10px;
	background-color:#ffffff;
	text-align:center;
}
.link_wrapper ul li{
	padding: 0 19.5px;
}
.link_wrapper ul li img{
	padding:19.5px 0;
	border-bottom: 1px dotted #ed94a7;
}
.link_wrapper ul li img.last{
	border-bottom:none;
}
.radius {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	behavior: url(border-radius.htc); /* IE */
}
.tw-box{
	width:247px;
	background-color:#f1c2cc;
	text-align: left;
	padding: 20px 10px;
	margin-bottom:20px;
}
/****************************************

          contents_left

*****************************************/
.contents_left{
	width:653px;
	margin-right:40px;
	margin-left:25px;
}
.news_wrapper{
	width:569px;
	height:215px;
	background-image:url(../img/common/bg_check.png);
	padding: 42px;
}

div.flexcroll {
    width:527px;
	height:175px;
	padding:20px;
    position:relative;
	background-color:#ffffff;
}
div.flexcroll p{
	margin-bottom:10px;
	line-height:1.6;
}
div.flexcroll p span{
	color:#e2798e;
	font-size:16px;
	font-family:'marufo';
}
div.flexcroll p.day{
	font-weight: bold;
	float:left;
}
div.flexcroll p.news{
padding-left:80px;
}
 
/* 本体 */
.scrollgeneric {
    line-height:1px;
    font-size:1px;
    position:absolute;
    top:0;
    left:0;
}

/* 縦スクロール範囲 */
.vscrollerbase {
    width:14px;
    background-color:#e89aaa;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	behavior: url(border-radius.htc); /* IE */
}
/* 縦スクロールバー */
.vscrollerbar {
    width:12px;
	margin:1px;
    background-color:#ffffff;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	behavior: url(border-radius.htc); /* IE */
}
/* 横スクロール */
.hscrollerbase,
.hscrollerbar {
	display:non,
}
 ul.blog{
	 width:653px;
}
 ul.blog li{
	 width:148px;
	 height:87px;
	 margin-right:15px;
	 margin-bottom:30px;
	 text-align:center;
	 border:2px dotted #e88b9f;
	 position:relative;
	 float:left;
	 -moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	behavior: url(border-radius.htc); /* IE */
}
 ul.blog li.nomargine{
	 margin-right:0;
 }
.blog-num{
	width:75px;
	height:24px;
	background-image:url(../img/top/cast_num.png);
	background-repeat:no-repeat;
	position:absolute;
	text-align:center;
	font-family:'anzu';
	 font-size:16px;
	 color:#ffffff;
	 font-weight:bold;
	 padding-top:3px;
	top:-12px;
	left:0;
	right:0;
	margin:auto;
}
ul.blog li p.name{
	 font-family:'anzu';
	 font-size:24px;
	 color:#f289a0;
	 font-weight: 900;
	 margin-top:18px;
	 text-shadow: 2px 2px 0 #ffffff, 3px 3px 5px #B6B6B6;
	 letter-spacing:-4px;
 }
 ul.blog li p.name2{
	 font-family:'anzu';
	 font-size:20px;
	 color:#f289a0;
	 font-weight: 900;
	 margin-top:10px;
	 text-shadow: 2px 2px 0 #ffffff, 3px 3px 5px #B6B6B6;
	 letter-spacing:-4px;
 }
 ul.blog li p.name span{
	 font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:12px;
	vertical-align:middle;
	letter-spacing:6px;
	margin-left:6px;
}
ul.blog li p.name2 span{
	 font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:12px;
	vertical-align:super;
	letter-spacing:6px;
	margin-left:6px;
}
  ul.blog li p.btn_blog{
	  width:60px;
	  text-align:right;
	 font-family:'anzu';
	 font-size:18px;
	 color:#7e5b51;
	 position:absolute;
	 bottom:15px;
	 left:36px;
	 margin:auto;
 }
   ul.blog li p.btn_blog2{
	  width:60px;
	  text-align:right;
	 font-family:'anzu';
	 font-size:18px;
	 color:#7e5b51;
	 position:absolute;
	 bottom:15px;
	 left:0;
	 margin:auto;
 }
   ul.blog li p.btn_tw{
	  width:80px;
	  text-align:right;
	 font-family:'anzu';
	 font-size:18px;
	 color:#7e5b51;
	 position:absolute;
	 bottom:15px;
	 right:12px;
	 margin:auto;
	 letter-spacing:-1px;
 }
   ul.blog li p.btn_tw2{
	  width:80px;
	  text-align:right;
	 font-family:'anzu';
	 font-size:18px;
	 color:#7e5b51;
	 position:absolute;
	 bottom:15px;
	 right:42px;
	 margin:auto;
	 letter-spacing:-1px;
 }
 
 /****************************************

          page_all

*****************************************/
p.pankuzu{
	font-size:10px;
	color:#676767;
	margin: -40px 0 22px 25px;
}
p.pankuzu a{
	color:#676767;
}
.page_ttl{
	width:100%;
	border-bottom:1px solid #bebebe;
	margin-bottom:20px;
}
.page_ttl2{
	width:100%;
	border-bottom:1px solid #bebebe;
	margin-bottom:20px;
	position:relative;
}
.page_ttl img,
.page_ttl2 img{
	width:auto;
	height:42px;
	margin-bottom:12px;
}
.page_ttl2 img.change{
	position:absolute;
	width:auto;
	height:28px;
	bottom:6px;
	right:0;
}
.page_contents{
	width:100%;
	letter-spacing:0.8px;
	line-height:1.8;
	margin-bottom:60px;
}
.page_contents_system{
	width:100%;
	letter-spacing:0.8px;
	line-height:2;
	margin-bottom:60px;
	position:relative;
}
.page_contents_system img{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
}
.page_contents p.att{
	font-size:12px;
	line-height:1.3;
	color:#3f3e3e;
	padding-bottom:40px;
}
.page_contents span,
.page_contents_system span{
	color:#e2798e;
	font-size:18px;
	font-family:'marufo';
}
.page_contents h1{
	margin-top:20px;
}
h1{
	font-family:marufo;
	font-size:18px;
	position: relative;
	padding: 0 .5em .5em 1.7em;
}
h1::after {
	position: absolute;
	top: .6em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #4f8a87;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
}
.system_att{
	margin-top:40px;
}
.page_contents table{
	width:100%;
	text-align:center;
	border:1px solid #bebebe;
	margin: 20px 0 14px 0;
}
.page_contents table td{
	text-align:center;
	vertical-align:middle;
	border:1px solid #bebebe;
	padding:14px;
	line-height:1.2;
}
.page_contents table .midashi{
	background-color:#f4f8e7;
	color:#4f8a87;
	font-weight:bold;
	position:relative;
}
.page_contents table .midashi img{
	position:absolute;
	left:18px;
	top:-5px;
}
 /****************************************

          page qa.html

*****************************************/
p.question{
	min-height:35px;
	background-image:url(../img/qa/icon_q.gif);
	background-repeat:no-repeat;
	background-position: left top;
	font-family:marufo;
	line-height:1.4;
	color:#4f8a87;
	font-size:18px;
	padding-left:45px;
	margin-bottom:8px;
}
p.answer{
	margin-left:45px;
	margin-bottom:35px;
}
span.a_midashi{
	color:#313131;
}
 /****************************************

          page access.html

*****************************************/
#map_canvas {
  width: 760px;
  height: 320px;
}
.page_ttl_sub{
	width:auto;
	height:24px;
	margin-top:40px;
}
.fon_16{
	font-size:16px;
	margin-top:4px;
}
ul.access_navi{
	width:653px;
	line-height:1.2;
	margin-top:20px;
}
ul.access_navi li{
	width:167px;
	height:230px;
	border: 2px solid #efb1be;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari and Chrome */
	border-radius: 6px;
	behavior: url(border-radius.htc); /* IE */
	padding: 15px;
	position:relative;
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}
ul.access_navi li.last{
	margin-right:0;
}
ul.access_navi li img{
	margin:-15px 0 10px -15px;
}
ul.access_navi li img.num{
	position:absolute;
	top:0px;
	left:0px;
}
ul.access_navi li img.arrive{
	position:absolute;
	top:-16px;
	left:0;
	right:0;
	margin:auto;
}
ul.access_navi li b{
	color:#cc2f2f;
}
 /****************************************

          staff

*****************************************/
ul.staff-btn{
	width:100%;
	height:48px;
	margin-bottom:40px;
}
ul.staff-btn li{
	width:205px;
	height:48px;
	float:left;
	margin-right:19px;
}
ul.staff-btn li.on{
	opacity:0.5;
}
ul.staff-btn li.last{
	margin-right:0;
}
p.staff-star{
	margin-top:3px;
}
p.staff-star img{
	margin-right:8px;
}
p.staff-att{
	margin-left: 30px;
}
div.staff-ask{
	background-image:url(../img/staff/ask_bg.gif);
	background-repeat:no-repeat;
	width:587px;
	height:170px;
	text-align:center;
	padding:25px;
	margin-top:20px;
}
div.staff-ask img{
	width:auto;
	height:26px;
	margin-bottom:13px;
}
div.staff-ask ul{
	width:500px;
	text-align:left;
	margin:0 auto;
}
div.staff-ask ul li{
	width:530px;
}
div.staff-ask ul li p{
	position: relative;
	padding: 0 .5em .5em 1.7em;
}
div.staff-ask ul li p::after {
	position: absolute;
	top: .6em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #e2798e;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
}
div.staff-work p{
	position: relative;
	padding: 0 .5em .5em 1.7em;
}
div.staff-work p::after {
	position: absolute;
	top: .6em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #4f8a87;
	-webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
}

div.staff-work table tr td{
	text-align:left;
	padding-left:40px;
	line-height:1.4;
}
div.staff-work table tr td.midashi{
	text-align:center;
	padding-left:0;
}
 /****************************************

          page howto.html

*****************************************/
ul.howto-about{
	width:653px;
	overflow:hidden;
}
ul.howto-about li.no{
	width:100%;
	font-family: anzu;
	font-size:28px;
	color:#4f8a87;
	margin-bottom:10px;
}
ul.howto-about li.detail{
	width:589px;
	padding-left:54px;
	margin-left:10px;
	margin-bottom:20px;
	border-left:1px solid #4f8a87;
	overflow:hidden;
}
ul.howto-about li.detail img{
	float:left;
	margin-right:20px;
}
ul.howto-about li.detail p{
letter-spacing:0.8px;
  line-height:1.4;
}
/****************************************

          copy

*****************************************/
#page_top{
	width:80px;
	height:auto;
	position:absolute;
	right:80px;
	bottom:20px;
}
.copylight{
	width:100%;
	background-color:#f4d0d7;
	text-align:center;
	color:#ea6783;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing:1.2px;
	padding:8px 0;
}