@charset "UTF-8";

/* ディレクトリ以下でのみ利用するスタイル設定をここに記述
----------------------------------------------------------------*/
#TOP #contInner{
	width:100%;
	background:url(../images/header/bg_body_t_top.gif) repeat-x left top;
}
#TOP #headBg{
	width:100%;
	background:url(../images/header/bg_header_top_131015.jpg) no-repeat center top;
}
#contBg{
	background:transparent none;
}
#TOP #header p#logo{
	position:relative;
	top:0;
	left:0;
	padding:48px 0 0 0;
}
#TOP #header p#logo .haribotekit{
	width:530px;
	height:114px;
}
#TOP #header p#logo .haribotekit .panel{
	background:url(../images/header/logo.gif) no-repeat;
	width:530px;
	height:114px;
}


#TOP #header p#lead{
	padding:236px 0 15px 0;
}
#TOP #header p#lead .haribotekit{
	width:318px;
	height:46px;
}
#TOP #header p#lead .haribotekit .panel{
	background:url(../images/header/lead.gif) no-repeat;
	width:530px;
	height:68px;
}


#TOP #header p#shien{
	padding:10px 0 0;
	position: relative;
}
#TOP #header p#shien .haribotekit{
	position: absolute;
	right: -90px;
	bottom: 230px;
	width:168px;
	height:199px;
}
#TOP #header p#shien .haribotekit .panel{
	background:url(../images/btn_sanriku.png) no-repeat;
	width:168px;
	height:199px;
}
#TOP #header p#shien a:hover .panel{
	background-position:0 -199px;
}

#TOP #header .social{
	position: absolute;
	top:10px;
	right:0;
}

#TOP #header .social li{
  display: inline-block;
  _display: inline;
}

#TOP #header .social li.fbBtn{
  width: 100px;
}
#TOP #header .social li.lineBtn{
  display:none;
}

/* content */
#TOP #content .pad{
	padding:0 35px;
	_padding:0 !important;
	_width:880px !important;
	_margin-left:70px !important;
}



/* 更新情報 */
#content #NEW{
	text-align:left;
	position:relative;
	padding-top:28px;
	_width:880px !important;
}
#content #NEW .rss{
	position: absolute;
	top:0;
	right:0;
}
#content #NEW .rss .haribotekit,
#content #NEW .rss .haribotekit .panel{
	width:25px;
	height:24px;
}
#content #NEW .rss .haribotekit .panel{
	background:url(/withU/images/icn_rss.png) no-repeat;
	_background:url(/withU/images/icn_rss.gif) no-repeat;
}
#content #NEW h2{
	position:absolute;
	top:28px;
	left:0px;
}
#content #NEW h2 .haribotekit,
#content #NEW h2 .haribotekit .panel{
	width:98px;
	height:83px;
}
#content #NEW h2 .haribotekit .panel{
	background:url(/withU/images/txt_new.png) no-repeat;
	_background:url(/withU/images/txt_new.gif) no-repeat;
}
#content #NEW table{
	margin:0;
	margin-left:87px;
}
#content #NEW table td{
	color:#cbffb8;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}
#content #NEW table td.flg{
	width:93px;
	text-align:center;
	padding:1px 0;
}
#content #NEW table th{
	font-weight:normal;
	padding:1px 0;
	text-align:left;
	vertical-align:top;
}


/* videos */
#content .cont_moviebanner{
	margin:8px auto 0px auto;
}


/* メニューボタン */
#TOP #MENU{
	width:100%;
	padding-top:20px;
	_width:880px !important;
}
#TOP #MENU ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#TOP #MENU ul{
	margin-left:-12px;
	overflow:hidden;
	/zoom:1;
	/width:962px;
}
#TOP #MENU ul li{
	float:left;
	margin-left:12px;
	/zoom:1;
}
#TOP #MENU ul li.fund .haribotekit,
#TOP #MENU ul li.fund .haribotekit .panel{
	width:300px;
	height:57px;
}
#TOP #MENU ul li.fund .haribotekit .panel{
	background:url(../images/navi_fund.png) no-repeat;
	_background:url(../images/navi_fund.gif) no-repeat;
}
#TOP #MENU ul li.about .haribotekit,
#TOP #MENU ul li.about .haribotekit .panel{
	width:255px;
	height:57px;
}
#TOP #MENU ul li.about .haribotekit .panel{
	background:url(../images/navi_about.png) no-repeat;
	_background:url(../images/navi_about.gif) no-repeat;
}
#TOP #MENU ul li.report .haribotekit,
#TOP #MENU ul li.report .haribotekit .panel{
	width:174px;
	height:57px;
}
#TOP #MENU ul li.report .haribotekit .panel{
	background:url(../images/navi_report.png) no-repeat;
	_background:url(../images/navi_report.gif) no-repeat;
}
#TOP #MENU ul li.partner .haribotekit,
#TOP #MENU ul li.partner .haribotekit .panel{
	width:114px;
	height:57px;
}
#TOP #MENU ul li.partner .haribotekit .panel{
	background:url(../images/navi_partner.png) no-repeat;
	_background:url(../images/navi_partner.gif) no-repeat;
}
#TOP #MENU ul li.about a:hover .panel,
#TOP #MENU ul li.report a:hover .panel,
#TOP #MENU ul li.partner a:hover .panel,
#TOP #MENU ul li.fund a:hover .panel{
	background-position:0 -57px;
}



/* banner */
.banners{
	background:#58ac1a;
	padding:15px 0;
	text-align:center;
	margin-top:-10px;
}
.banners li{
	display:inline-block;
	/display:inline;
	padding:0 5px;
}
.banners .movie a{
	display:block;
	width:719px; height:0; padding-top:91px; margin:0 auto 20px; overflow:hidden;
	background:url(/withU/images/btn_movie.png);
}
.banners .movie a:hover{
	background:url(/withU/images/btn_movie.png) bottom;
}

.banners .showPc {
	display:inline-block;
	margin:15px 7px 30px;
}

.banners .showPc a {
	display:block;
	width:233px; height:0; padding-top:140px; margin:0; overflow:hidden;
}
.banners .showPc a.santetsu {
	background:url(/withU/images/btn_santetsu.png);
}
.banners .showPc a.omamori {
	background:url(/withU/images/btn_omamori.png);
}
.banners .showPc a.train {
	background:url(/withU/images/btn_train.png);
}
.tanabata {
	position: absolute; top:40px; right:30px;
	width:165px; height:0; padding-top:193px; margin:0; overflow:hidden;
	background:url(/withU/images/btn_tanabata.png);
}
.tanabata:hover {
	background-position:bottom;
}
.stamp {
	position: absolute; top:40px; right:30px;
	width:165px; height:0; padding-top:193px; margin:0; overflow:hidden;
	background:url(/withU/images/btn_stamp.png);
}
.stamp:hover {
	background-position:bottom;
}


.banners .showPc a:hover {
	background-position:bottom;
}


/* Modal Style
/*--------------------------------------------------------------*/
div#modalBase{
position:absolute;
top: 0;
left: 0;
width: 100%;
display:none;
z-index:900;
background:#FFF;
filter:alpha(opacity=80) !important;
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}
div#modalCont{
position:absolute;
top: 0;
left: 0;
width: 760px;
display:none;
z-index:1000;
}
div#modalCont div#include{
width: 760px;
height: 800px;
}
div#modalCont p#closeBtn{
margin: 0 auto 20px;
text-align: center;
}

/*
* gallery
--------------------------------------------------------------*/
div#gallery_01{
width: 760px;
height: 800px;
padding-top: 20px;
background: url(/withU/gallery/images/gallery_bg.png) no-repeat 0 0;
}
div#gallery_01 div.header{
height: 190px;
}
div#gallery_01 h1{
/*
width: 618px;
height: 32px;
*/
margin-bottom: 15px;
/*
text-indent: -9999px;
overflow: hidden;
font-size: 100%;
*/
}
/*
div#gallery_01 h1 .panel{
background: url(/withU/gallery/images/gallery_ttl.png) no-repeat 0 0;
}
*/
div#gallery_01 h2{
margin-bottom: 15px;
}
div#gallery_01 h2 .panel{
background: url(/withU/gallery/images/gallery_sttl.png) no-repeat 0 0;
}
div#gallery_01 p.ttlCap{
width: 574px;
height: 60px;
margin-bottom: 40px;
}
div#gallery_01 p.ttlCap .panel{
background: url(/withU/gallery/images/gallery_txt.png) no-repeat 0 0;
}

div#gallery_01 div.sliderWrap{
position: relative;
float: left;
width: 564px;
height: 396px;
margin: 0 0 25px 98px;
padding: 5px 0 0;
overflow: hidden;
}
div#gallery_01 ul.slider{
width: 21440px; /* 580px */
height: 412px;
position: relative;
margin: 0 0 12px;
padding: 0;
}
div#gallery_01 ul.slider li{
float: left;
margin: 0 10px 0 0;
padding: 0;
display: inline;
}
/* carrousel */
div#gallery_01 div.carrousel{
clear: both;
margin-left: 43px;
text-align: left;
}
div#gallery_01 div.carrousel p.prevBlk{
float: left;
margin-right: 10px;
padding-top: 30px;
display: inline;
}
div#gallery_01 div.carrousel p.nextBlk{
float: left;
padding-top: 30px;
display: inline;
}

div#gallery_01 div.carrousel p.prevBlk a.disable img,
div#gallery_01 div.carrousel p.nextBlk a.disable img,
div#gallery_01 div.carrousel p.prevBlk a.disable:hover img,
div#gallery_01 div.carrousel p.nextBlk a.disable:hover img{
cursor: default;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
div#gallery_01 div.carrousel p.prevBlk a:hover img,
div#gallery_01 div.carrousel p.nextBlk a:hover img{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
div#gallery_01 div.carrousel div.thum{
position: relative;
float: left;
width: 580px;
height: 96px;
margin: 0 10px 0 0;
overflow: hidden;
display: inline;
}
div#gallery_01 div.carrousel div.thum ul{
position: absolute;
top: 0;
width: 3000px;
}
div#gallery_01 div.carrousel div.thum li{
float: left;
width: 148px;
height: 91px;
padding: 5px 0 0 0;
background: url(/withU/gallery/images/gallery_bg_thum.png) no-repeat 0 0;
display: inline;
}
div#gallery_01 div.carrousel div.thum li a{
margin-left: 6px;
}

div#gallery_01 div.carrousel div.thum li a:hover img,
div#gallery_01 div.carrousel div.thum li.curr a img{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
div#gallery_01 div.carrousel div.thum li.curr a img{
cursor: default;
}