@charset "utf-8";

html {
	overflow-y: scroll;
}

body {
	font-family:Helvetica Neue,Helvetica,Arial,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background:#eeeedd url(../img/share/bg_paper_s.gif) ;
}

.morelink, .strong, .luck, .copyright,.footHead,
.pageMainArea h3,
.pageMainArea h4
{font-family: 'Luckiest Guy', 'ヒラギノ角ゴ Pro W6','HiraKakuPro-W6', cursive; letter-spacing:1px; font-weight:normal;text-transform :uppercase;}


::selection {
background:#f09;
color:#000000;
}

input, textarea {
	font-family:Helvetica Neue,Helvetica,Arial,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}


/* リンク
----------------------------------------------------*/
a {
	color:#333333;
	text-decoration:none;
	outline:0px;
}

a:link {
}

a:visited {
}

a:hover {
	color: #999999;
	text-decoration:underline;
}

a:active {
}

/* CSS3
----------------------------------------------------*/
#selectors {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/css/PIE.htc);
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
.contents:after, .clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.imgR { float: right; margin: 0 0 10px 10px; }
.imgL { float: left; margin: 0 10px 10px 0; }
.tC,.btn { text-align: center; }
.tR, .sign { text-align: right; }


/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#allcover {
	margin: 0px;
	padding: 0px;
	text-align:center;
	position:relative;
	background:transparent url(../img/share/bg_header_2sub.gif) repeat-x 50% 0;
}
body.home #allcover {
	background:transparent url(../img/share/bg_header_2.gif) repeat-x 50% 0;
}
.page {
	padding: 0px;
	margin: 0px;
	text-align:center;
	width: 100%;
	position:relative;
	z-index:10;
}
#globalHeader , .contents , #globalFooter {
	padding: 0px;
	font-size: 100%;
	text-align:left;
}
/*----------------------------------------------------
	#contents（メインとサイド）
----------------------------------------------------*/
.contents {
	/zoom: 1;
}

/*----------------------------------------------------
	#globalHeader
----------------------------------------------------*/
.pageHeader{
	position:relative;
	height:145px; overflow:hidden;
}
#globalHeader {
	margin-bottom: 0px;
}
#globalHeader hgroup {
width:168px; height:153px; 
float: left;
}

#globalHeader nav {
}

#globalHeader nav ul {
	/zoom: 1;
	margin-top: 15px;
}

#globalHeader nav ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#globalHeader nav ul li {
	float: left;
}
#globalHeader nav ul li.blank {
	width:65px; height:94px;
	background:url(../img/share/header_menu_borders.gif) no-repeat 50% 50% ;
}
#globalHeader nav ul li.list {
	width:94px; height:94px;
	background:url(../img/share/header_menu_other.gif) no-repeat 50% 50% ;
}
#globalHeader nav ul li.list ul li{
	margin-left:10px;
	_margin-left:5px;
	_margin-top:1px;
}

.pageBillboard{
	background:transparent url(../img/index/bg_illust__.gif) repeat-x 50% 100%;
	position:relative; top:-35px;
	z-index:5;
	height:585px;
}
.pageBillboard .main {
	position:relative; top:0px;
}
.pageBillboard .main .partySlider{
	position:absolute; top:80px; left:5px;
	width:417px;  height:381px;
	background:url(../img/index/billboard_party_frame.png);
	overflow:hidden;
}
.pageBillboard .main .partySlider .imgCover{
	position:absolute; top: 14px;left: 39px;
	width: 286px; height: 278px;
	overflow:hidden;
	background:transparent url(../img/index/bg_imgcover.gif) no-repeat 50% 50%;
}
.pageBillboard .main .partySlider .date{
	position: absolute; top: 315px; left: 6px;
	width: 85px; height: 38px;
	text-align: center;
	font-size: 25px; line-height: 20px;
	color: #202223;
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.pageBillboard .main .partySlider .title{
position: absolute;
top: 311px;
left: 105px;
width: 322px;
height: 40px;
text-align: left;
font-size: 18px;
line-height: 20px
overflow:hidden;;
color: #3D3F40;
top: 311px;
}

.pageMainArea{
	position:relative; top:-10px;
	z-index:5;
	margin-bottom:40px;
}

.pageMainArea div.container_12 div.grid_3,
.pageMainArea div.container_12 div.grid_6,
.pageMainArea div.container_12 div.grid_9{
background:#fff;
text-align:center;
margin-bottom:10px;
padding: 10px 0px 10px;
}
.pageMainArea div div.grid_3,
.pageMainArea div div.grid_6,
.pageMainArea div div.grid_9,
.pageMainArea div.container_12 div div.grid_3,
.pageMainArea div.container_12 div div.grid_6,
.pageMainArea div.container_12 div div.grid_9{
background:#fff;
text-align:center;
margin-bottom:10px;
padding: 0px 0px 10px;
}
.pageMainArea div div.grid_6{
margin-bottom:30px;
}
body.access .pageMainArea div div.grid_6{
margin-bottom:0px;
}
.pageMainArea div div.grid_9 div.grid_6{
text-align:left;
line-height:1.7em;
padding: 0px 0px;
}

.pageMainArea h3 {
	font-size:19px;
	display:block;
	background: no-repeat 50% 0;
	height:35px;
	line-height:40px;
	padding-bottom:6px;
	overflow:hidden;
	letter-spacing:0px;
}

.pageMainArea h3 {
	font-size:19px;
	display:block;
	background: no-repeat 50% 0;
	line-height:40px;
	padding-bottom:6px;
	overflow:hidden;
	letter-spacing:0px;
}

.pageMainArea .news h3 {
	height:53px;
}
 .news a:link .morelink{
}
.pageMainArea .review h3 {
	height:43px;
}

.pageMainArea h4 {
	font-size:20px;
	display:block;
	line-height:19px;
	letter-spacing:0px;
	margin-top:0.25em;
	text-align:right;
}
.pageMainArea div div.news{
	background:url(../img/share/grid_3_frame_1.gif) no-repeat 50% 100%;
}
.pageMainArea div div.review{
	background:url(../img/share/grid_3_frame_3.gif) no-repeat 50% 100%;
}
.pageMainArea div div.access{
	background:url(../img/share/grid_3_frame_2.gif) no-repeat 50% 100%;
}	
.pageMainArea div div.news h3 {	background-image:url(../img/share/grid_3_frame_1.gif) ;}
.pageMainArea div div.review h3 {	background-image:url(../img/share/grid_3_frame_3.gif) ;}
.pageMainArea div div.mainColumn h3 {	background-image:url(../img/share/h4_3.gif) ;}
.pageMainArea div div.access h3 {	background-image:url(../img/share/grid_3_frame_2.gif) ;}
.pageMainArea div div.calender h3 {	background-image:url(../img/share/h4_2.gif) ;}
.pageMainArea div div.about h3 {	background-image:url(../img/share/h4_3s.gif) ;}
.pageMainArea div div.contact h3 {	background-image:url(../img/share/h4_3s.gif) ;}
.pageMainArea div div.pickup h3 {	background-image:url(../img/share/h4_3.gif) ;}

.pageMainArea div div.about  span{display:block; margin:10px 0px;}


.anycontent{
margin: 0px 15px 0px 20px;
display: block;
overflow: hidden;
clear: both;
text-align: left;
}
.pageMainArea div div.calender .anycontent{
margin: 0px 5px 0px 10px;
}
.anycontent .caption{
font-weight:normal;
font-size:12px;
margin:2px 5px 0px;
line-height:1.6em;
}

.newscontent-cover{width:195px; overflow:hidden; position:relative;margin: 0px 12px 50px 13px;}
.news .anycontent{margin-left:0px;  width:199px;}
.review h3{
	font-size:17px;
	background-position: 50% 0px;
	line-height: 35px;
}
.review .anycontent{
margin: 0px 10px 23px ;
}
.review .anycontent img.hr{
margin: 5px 0 10px;
}
.access .anycontent {
margin: 0px 15px 25px 20px;
}
body.access .anycontent {
margin: 0px 15px 0px 20px;
}
.access .anycontent .caption{
font-weight:bold;
font-size:12px;
margin:2px 5px 0px;
line-height:1.6em;
}
body.access .contact .anycontent .caption{
font-weight:normal;
font-size:13px;
margin:2px 5px 15px;
line-height:1.6em;
}
.pickup .anycontent {
margin: 0px 0px 25px 0px;
}
.pickup .anycontent h4 {
font-size:38px; 
text-align:center;
line-height:36px;
font-size:18px;
font-family: Helvetica Neue,Helvetica,Arial,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-weight: bold;
}
.pickup .anycontent h4 span{
font-size:22px; 
}
.pickup .anycontent h4.title {
font-size:46px; 
line-height:44px;
padding-bottom:15px;
}
.pickup .anycontent h5 {
display:table-cell; vertical-align:middle;
text-align:center;
font-family: Helvetica Neue,Helvetica,Arial,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-weight: bold;
letter-spacing: 0;
text-transform: none;
font-size:18px; line-height:1.1em; 
height:85px;
width:225px;
}
#feed a{
display:inline;
clear:both;
}
#feed a:hover{
text-decoration:none;
}
#feed a span.luck,
#feed span span.luck{
font-size: 25px;
line-height: 30px;
display:block;
text-align:left;
padding-left:10px;
text-transform :uppercase;
text-transform: none;
font-family:Helvetica Neue,Helvetica,Arial,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-weight:bold;
letter-spacing: 0;
}
.title_subcopy{
font-size: 18px;
line-height: 23px;
}
.imgframe{
background:url(../img/share/imgframe.gif) no-repeat 50% 50%;
background:transparent none;
width:300px; 
height:300px;
height:auto;
float:left;
clear:both;
margin:10px 20px 10px 10px;
overflow:hidden;
text-align:center;
}
.imgframe img{
background:#ebebd9 url(../img/share/load.gif) no-repeat 50% 50%;
width:280px;
width:300px;
margin:0px 0px 0px 0px;
}
.imgframe .imgframe-inner{
width:300px; 
margin:17px 0px 0px 18px;
/margin:17px 0px 0px 5px;
margin:0px;
overflow:hidden;background:#202223;
background:transparent;
}
.mainColumn .anycontent #feed  {
text-size:110%;
line-height:1.7em;
}
#newscontent ul{
    display:block;
    margin-top:-12px;
}
#newscontent ul li{
    font-size:11px;
    line-height:1.4em;
    display:block;
    border-top: 1px solid #e3dddd;
    margin-top: 7px;
    margin-bottom:4px;
    padding-top: 7px;
}
#newscontent ul li a{
    font-weight: bold; 
}
#newscontent ul li div.time{
    font-weight: bold; 
}
.pageMainArea div .morelink{
	font-size:110%;
	display;block;
	margin-bottom:20px;
}

hr.wide1{
border: 0px;
outline: 0px;
height: 0px;
padding-top: 30px;
background:  url(../img/share/hr_3.gif) 50% 50% no-repeat;
width: 100%;
}
hr.wide2{
border: 0px;
outline: 0px;
height: 0px;
padding-top: 30px;
background:  url(../img/share/hr_2.gif) 50% 50% no-repeat;
width: 100%;
}
/*----------------------------------------------------
	#globalFooter
----------------------------------------------------*/


.pageFooter{
	z-index:5;
	color:#ebead9;
	background:transparent url(../img/share/bg_footer.gif) repeat-x 50% 0%;
	height:150px;
}
.pageCopyright{
	z-index:5;
	color:#9C9A89;
	background:transparent url(../img/share/footer_icon.gif) repeat-x 50% 100%;
}

#globalFooter {
	clear: both;
}

#globalFooter ul {
	list-style: none;
	margin-top:18px;
	text-align:center;
}

#globalFooter ul li {
	display: block;
}
#globalFooter ul li a,
#globalFooter ul li a:link,
#globalFooter ul li a:visited{
	display: block;
	color:#cbcab9;
	margin-bottom:4px;
	/margin-bottom:1px;
	font-size:88%;
}
#globalFooter ul:hover li a{
	color:#ebead9;
}
#globalFooter ul li a:hover{
	color:#ebead9;
}
#globalFooter ul li.footHead {
	display: block;
	font-size:125%;
	margin-bottom:6px;
	_margin-bottom:0px;
	background:transparent url(../img/share/footer_icon.png) 50% 0  no-repeat;
	padding-top:18px;
	/padding-top:0px;
	}
#globalFooter ul li.footHead a:hover{
	text-decoration:none;
}

.calender table{margin-bottom:10px;}
img.t8bale{ margin:0px 0px 0px 2px;}
.pageMainArea div div.calender table td {text-align:center; color:#D1D1C1;border:2px solid #000000; width:26px; height:25px; line-height:25px; font-weight:bold;}



div.copyright {
	text-align: center;
	height:44px;
	overflow:hidden;
	line-height:50px;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0.5px; 
	background:transparent url(../img/share/bg_footer.gif) repeat-x 50% 100%;
}

body.sub .pageBillboard{
	background:transparent url(../img/share/bg_sub_billboard_2f.gif) repeat 50% 100%;
	position:relative; top:0px;
	z-index:5;
	height:185px;
}
body.info .pageBillboard{
	background:transparent url(../img/share/bg_sub_billboard_3f.gif) repeat 50% 100%;
}
body.access .pageBillboard{
	background:transparent url(../img/share/bg_sub_billboard_4f.gif) repeat 50% 100%;
}

body.sub .pageMainArea{
	position:relative; top:20px;
}



.roundboxBtn,
.roundboxBtn:link,
.roundboxBtn:visited{
	color:#ffffff;
	background:#202223;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:inline !important; padding:2px 10px;
	font-size:11px; font-weight:bold;
	width:140px; height:13px;  line-height:13px; 
	text-align:center; margin-right:5px;
}
.roundboxBtnMini{padding:2px 5px;font-size:10px;  height:12px;  line-height:12px; width:auto;background:#202223;}
#slides {
position: relative;height: 381px;width: 417px; display:block; oveflow:hidden;
}
#slides_container{
position: relative;height: 381px;width: 3417px; display:block; clear:both;}
#slides_container a.slideItemA ,#slides_container .slidesItems{
position: relative;height: 381px;width: 417px; display:block; float:left;}
#slides_container .slidesItems{display:block; clear:both;}
.8bale{}
#slides_container a.slideItemA:hover{text-decoration:none;}
.pageBillboard .main .partySlider:hover {}



body.schedule ul#feed div.clearfix,
body.schedule ul#feed div.clearfix div.imgframe,
body.schedule ul#feed div.clearfix p{
_zoom: 1;
overflow: hidden;
}
body.schedule ul#feed div.clearfix p{
margin-top:9px;
margin-left: 10px;
margin-left: 0px;
}



table.calendar td{
color:#d1d1c1;
}
table.calendar td.nextorprevmonth{
background-color:#e1e1d1;
color:#f1f1e1;
}
table.calendar td.tdsun{
background-color:#e0a7a8;
background-color:#fff;
}
table.calendar td.tdsat{
background-color:#b3d3e3;
background-color:#fff;
}
table.calendar td.tdholi{
background-color:#e0d2a7;
background-color:#fff;
}
table.calendar td.tdsun a,
table.calendar td.tdsat a{
color:#000;
}


#followingBox{z-index:400;}
#pagetop{z-index:300;}

#load{position:absolute; top:450px; left:50%;}

div.adbaloon{
display:block;
width:125px;
position:absolute; top:30px; right:7px;
text-align:center;
-webkit-transition: top 0.5s ease-in-out;
}
div.adbaloon:hover{
}
div.adbaloon strong{
display:block;
width:125px; 
height:45px;
line-height:15px;
font-size: 15px;
padding:40px 0px ;
color:#eeeede;
background: url(../img/share/adbaloon.gif) 50% 0% no-repeat;
}
div.adbaloon p{
display:block;
font-size: 11px;
padding:20px 0px 40px ;
width:125px;
font-weight:bold;
background: url(../img/share/adbaloon.gif) 50% 100% no-repeat;
}
div.adbaloon p a{
display:block;
margin:0px 17px 0px ;
}

body.sp .pageMainArea h4 {
text-align:center;
font-size:250%;
line-height:1em;
}


#pickupUnit1 .imgboxbefore,
#pickupUnit2 .imgboxbefore{
width: 230px !important;
}
#pickupUnit0 .imgboxbefore{
width: 460px !important;
}

.scheText{
	font-family:Helvetica Neue,Helvetica,Arial,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	width: 327px; float:right; margin-bottom:5px;
}
.scheText .desicription{
	font-family:Helvetica Neue,Helvetica,Arial,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:smaller;display:none;
} 

span.desicription{
font-size: smaller; display: inline;    display: block; margin:10px 0px 0px;
}
a.hideDesicription,
a.showDesicription,
#feed a.hideDesicription,
#feed a.showDesicription{
	color:#ffffff;
	background:#202223;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:block; padding:2px 0px; margin:10px 0px;
	font-size:11px; font-weight:bold;
	width:75px; height:13px;  line-height:13px; 
	text-align:center;
}



.grid_pickup{
text-align:center; width:460px; height:380px;
clear:both;
margin: 0 0 20px;
text-align: left;
position: relative;
overflow:hidden;
}
.grid_pickup2{
 height:305px;
}
.grid_pickup-inner{
 display: inline-block;
 overflow: hidden;
 position:absolute;
}
.grid_pickup-inne:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.pickupUnitGroup1{
text-align:center; width:230px;
float:left;
}
.pickupUnitGroup2{
text-align:center; width:153px;
float:left;
}
.pickupUnitGroup2 .imgboxbefore{
height: 153px !important;
}

.grid_pickup2 #carousel_prev,
.grid_pickup2 #carousel_next {
	top: 0;
	width: 20px;
	height: 100px;
	background: #000;
	cursor: pointer;
	position: absolute;
}
.grid_pickup2 #carousel_prev {
	left: 0px;
	background:transparent url(http://www.aoyama-hachi.net/img/share/grid_3_frame_2.gif) no-repeat top left;
}
.grid_pickup2 #carousel_next {
	right: 0px;
	background:transparent url(http://www.aoyama-hachi.net/img/share/grid_3_frame_2.gif) no-repeat top left;
}

.pickup .anycontent h5 {
 *font-size:14px;
 *height:52px;
}
.pickup #pickupcontent2 h5 {
 *width:152px;
}

.nav-single{clear:both;}
.nav-single .nav-previous,
.nav-single .nav-next{
display:block;
float:left;
margin:0px 15px;
}
.nav-single .nav-next{
float:right;
}