@charset "UTF-8";
/* reset */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,em,address{ padding: 0; margin: 0;}
body{color:#333333; text-align:center; font-size: 12px; line-height: 120%; font-style: normal; font-family:"ＭＳ Ｐゴシック"; 
background-image: url(/blog_images/14infini/base.jpg);
background-repeat:repeat-x;
background-position: center top;
}

/* common class */
.clear, #clear{ clear: both; }
.clear br, .clear hr,#clear hr{ display: none; }
a img{ border: none; }
a { color: #333333; }

/* main */
#wrapper{position: relative; width:955px;
 min-height: 100%; height: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;
background-image: url(/blog_images/14infini/bk.jpg);
background-repeat:repeat-x;
background-position: center top;
}

#head{position: relative; top:0; left:0; width:955px; height:84px; text-align: left; background-image: url(/blog_images/14infini/header.jpg); background-repeat:no-repeat; background-position: center top; }

/* menu */
#menu{ position: absolute; top: 30px; left: 0px; width: 955px; height: 1px; text-align:center; z-index:0;}
#menu ul{ position: relative; top: 0px; width: 955px; height: 42px; font-size: 12px; line-height: 0; background-image: url(/blog_images/14infini/menu.jpg); list-style: none;}
#menu li a{ float: left; display: block; height: 42px; overflow: hidden; text-indent: -9999px; text-decoration: none; background-image: url(/blog_images/14infini/menu.jpg); }
#menu li#c1 a{width: 144px;background-position: 0 0;}
#menu li#c2 a{width: 135px;background-position: -144px 0;}
#menu li#c3 a{width: 135px;background-position: -279px 0;}
#menu li#c4 a{width: 135px;background-position: -414px 0;}
#menu li#c5 a{width: 135px;background-position: -549px 0;}
#menu li#c6 a{width: 135px;background-position: -684px 0;}
#menu li#c7 a{width: 136px;background-position: -819px 0;}
#menu li#c1 a:hover{background-position: 0 -42px;}
#menu li#c2 a:hover{background-position: -144px -42px;}
#menu li#c3 a:hover{background-position: -279px -42px;}
#menu li#c4 a:hover{background-position: -414px -42px;}
#menu li#c5 a:hover{background-position: -549px -42px;}
#menu li#c6 a:hover{background-position: -684px -42px;}
#menu li#c7 a:hover{background-position: -819px -42px;}


/* copy */
div#copy{
position:relative;
top:0px;
left:0px;
width:955px;
height:447px;
}

/* MainVisual */

div#jquery-cycle{
position:relative;
top:0px;
left:0px;
z-index:0;
}
/*
div#jquery-cycle img{
position:absolute;
top:0; 
left:0px;
}
*/
div.smallvisual{
width:343px;
height:259px;
position:absolute;
top:120px;
left:600px;
z-index:1;
}

/* until MainVisual */


/* content */
#content{padding: 0px 0 0; width: 955px;}

/* entry *//* 2009 layout-tw */
#entry{position:relative; top:60px; display: inline; float: left; width: 650px; margin: 0 18px 20px 0px;}/*margin top right bottom left*/
#entry p{ color: #653644; font-size: 75%; line-height: 145%; }
#entry_close hr{ display: none; }


/*Twitter*/
.twitter{
width:200px;
position:relative;
top:-10px;
left:820px;
}

.mail{ width:915px; background-color:#000; font-size:16px; line-height:1.5; color:#fff; padding:20px;}
.mail a{ color:#fff;}
.mail a:hover{ color:#c00;}

/* source */
.source{
position:relative;
top:0px;
width:100%;
text-align:left;
}

.source h2{
background: url(/blog_images/14get2yum/t.jpg) no-repeat;
margin: 0px 0 0px 0;
width:664px;
height: 61px;
font-weight:normal;
color: #333333;
font-size: 14px;
text-indent: 50px;
text-align: left;
padding-top:17px;　/*タイトル並びに文章全体を上に移動*/
margin-top:10px;
padding-bottom:10px;
}

.source h3{
position:relative;
display:block;
left:20px;
color: #ffffff;
font-size: 1.2em;
line-height: 1.5em;
border-left: 6px solid #9a2a56;
/*border-bottom: 1px solid #9a2a56;*/
text-indent: 5px;
text-align: left;
margin-top:20px\9;
margin-bottom:10px;
}

.source h3 a{
color: #ac2e60; text-decoration: none;
}
.source h3 a:hover{
color: #ac2e60; text-decoration: underline;
}
.source .text{
margin:10px;
font-size:14px;
line-height:1.5em;
color: #6a1436;
text-align:left;
padding-bottom:50px;
}

.detailtext{
width:955px;
font-size:1em;
line-height:1.5em;
padding-bottom:20px;
}



/*topversion*/
.charap{width:900px; position:relative; left:20px; top:10px; font-size:1em; line-height:1.4em;}
.charap a{ text-decoration:none;}
.charap a:hover{ color:#c00;}

.gallery { width: 273px; /*margin: 0 auto; 　全体をセンタリングしています。*/ margin-left:5px; float:left; padding-bottom:10px;}
.gallery img { border: 0; /*サムネイル画像としたときリンク外枠が入らないようにします。*/ width: 273px; height: 135px; padding:10px 0 10px 0;}
.name{width: 273px;}


.photo{float:left; margin:5px; width:255px;}
.exp{float:right; width:350px; margin-top:30px; display:inline-block;}


/*impression*/
.imp01{float:left; width:48%; margin-left:10px;}
.imp02{float:right; width:48%; margin-left:10px;}
.imp_enl{font-size:1.3em; line-height:1.3em; margin-top:5px ;padding-bottom:10px; text-align:center;}


.spe{
font-size:1.3em;
line-height:1.6em;
}

/*CENTER Update*/
.detailtext dl{margin-top:10px;}
.detailtext dt{color: #a0bb37; font-size:1em; line-height:1.2em; text-indent: 15px; text-align: left; background-image: url(/blog_images/summer2009/ya.gif); background-repeat: no-repeat; padding-bottom:5px;}
.detailtext dd{margin:2px 0 10px; color: #653644; font-size:1em; line-height:1.2em; border-bottom: 1px solid #cccccc; padding-bottom:10px; text-align: left; }
.detailtext dd a{ color: #653644; text-decoration: none; }
.detailtext dd a:hover{ color: #333333; text-decoration: underline; }
.detailtext .banner{margin: 15px 0 10px 0;}




.eventname dl{margin-top:10px;}
.eventname dt{margin-left:10px; color: #a0bb37; font-size:1em; line-height:1.2em; text-indent: 15px; text-align: left; background-image: url(/blog_images/summer2009/ya.gif); background-repeat: no-repeat; padding-bottom:5px;}
.eventname dd{margin:10px; color: #653644; font-size:1em; line-height:1.2em; border-bottom: 1px solid #cccccc; padding-bottom:5px; text-align: left; }
.eventname dd a{ color: #653644; text-decoration: none; }
.eventname dd a:hover{ color: #333333; text-decoration: underline; }
.eventname .banner{margin: 15px 0 10px 0;}




/* source blog_article_list */
.source2{
width:900px;
position:relative;
top:0px;
left:20px;
text-align:left;
}

* html .source2,*:first-child+html .source2{
width: 900px;
position:relative;
display:block;
top:0px;
left:20px;
text-align:left;
}

.source2 h2{
background: url(/blog_images/14infini/title.jpg) no-repeat;
margin: 0px 0 0px 0;
width:922px;
height: 47px;
font-weight:normal;
color: #333333;
font-size: 1.2em;
font-weight:bold;
text-indent: 65px; /*文字を右へ*/
text-align: left;
padding-top:15px;　/*タイトル並びに文章全体を上に移動*/
padding-bottom:10px;
}
.source2 h3{
position:relative;
display:block;
left:5px;
color: #ffffff;
font-size: 1.2em;
border-left: 6px solid #9a2a56;
/*border-bottom: 1px solid #9a2a56;*/
text-indent: 5px;
text-align: left;
margin-top:20px\9;
margin-bottom:10px;
}
.source2 h3 a{
color: #ac2e60; text-decoration: none;
}
.source2 h3 a:hover{
color: #ac2e60; text-decoration: underline;
}
.source2 .text2{
width:850px;
margin:2px;
font-size:1.1em;
line-height:1.8em;
color: #000000;
text-align:left;
padding-bottom:20px;
}
/* source blog_article_list ここまで */

.detailtext_update{
width:900px;
margin-left:5px;
font-size:1em;
line-height:1.5em;
padding-bottom:20px;
text-align:left;
}
. detailtext_update dl{width:900px; margin-left:20px;}
. detailtext_update dt{margin-left:10px; color: #a0bb37; font-size:1em; line-height:1.6em; text-indent: 15px; text-align: left; background-image: url(/blog_images/summer2009/ya.gif); background-repeat: no-repeat; padding-bottom:5px;}
. detailtext_update dd{margin:10px; color: #653644; font-size:1em; line-height:1.6em; border-bottom: 1px solid #cccccc; padding-bottom:5px; text-align: left; }
. detailtext_update dd a{ color: #653644; text-decoration: none; }
. detailtext_update dd a:hover{ color: #333333; text-decoration: underline; }
. detailtext_update .banner{margin: 15px 0 10px 0;}



.dating{float:left; width:350px;}
.access{float:right; width:350px;}

/*公演日時表記*/
.date{
position:relative;
left:0px;
font-size:1.2em;
line-height:1.5em;
margin:10px;
}
.cap{
position:relative;
left:0px;
font-size:1em;
line-height:1.5em;
margin:10px;
}


.clear{clear:both;}



/* new */
#new{
float:right;
width: 250px;
position:relative;
top:0px;
left:0px;
font-size:1em;
line-height:1.4em;
}

* html #new,*:first-child+html #new{
float:right;
width: 250px;
position:relative;
top:0px;
left:-10px;
font-size:1em;
line-height:1.4em;
}



/*new blog_article_list*/
#new2{
width: 250px;
position:relative;
float: right;
top: 30px;
left:0px;
font-size:1em;
line-height:1.2em;
}

* html #new2,*:first-child+html .#new2{
width: 250px;
position:relative;
float: right;
top:30px;
left:0px;
font-size:1em;
line-height:1.2em;
}


#new h3{ background: url(/blog_images/14sngcel10/what.jpg) no-repeat;
margin: 0px 0 10px 0; /*バナー上下空き制御*/
width: 205px;
height: 58px;
color:#541c32;
font-weight: normal;
font-size: 13px;
text-indent: 20px;
text-align: left;
padding-top: 15px;}

/*new blog_article_list*/
#new2 h3{ background: url(/blog_images/14sngcel10/what.jpg) no-repeat;
 width: 205px; height: 58px; color:#541c32; font-weight: normal; font-size: 13px;
 text-indent: 20px; text-align: left; padding-top: 15px;}

.tweet{width:200px;}

#new dl{margin-top:10px;}
#new2 dl{margin-top:0px;}

#new dt{margin-left:10px; color: #a0bb37; font-size: 12px; line-height: 130%; text-indent: 15px; text-align: left; background-image: url(/blog_images/summer2009/ya.gif); background-repeat: no-repeat; padding-bottom:5px;}
#new2 dt{margin-left:10px; color: #a0bb37; font-size: 12px; line-height: 130%; text-indent: 15px; text-align: left; background-image: url(/blog_images/summer2009/ya.gif); background-repeat: no-repeat; padding-bottom:5px;}

#new dd{margin-left:10px; color: #653644; font-size: 12px; line-height: 110%; margin-bottom: 10px; border-bottom: 1px solid #cccccc; padding-bottom:5px; text-align: left; }
#new2 dd{margin-left:10px; color: #653644; font-size: 12px; line-height: 110%; margin-bottom: 10px; border-bottom: 1px solid #cccccc; padding-bottom:5px; text-align: left; }

#new dd a{ color: #653644; text-decoration: none; }
#new dd a:hover{ color: #333333; text-decoration: underline; }
#new .banner{margin: 15px 0 10px 0;}
#new2 dd a{ color: #653644; text-decoration: none; }
#new2 dd a:hover{ color: #333333; text-decoration: underline; }
#new2 .banner{margin: 15px 0 10px 0;}


div.smart{
margin-top:10px;
}

div.eventname{width:190px; font-size:1.2em; line-height:1.3em; color:#8a601a; margin:5px; text-align:left;}
div.eventdetail{width:190px; font-size:1em; line-height:1.3em; margin:5px; text-align:left;}

/*TOP TICKET*/
.ticket{
width:197px;
margin-top:0px;
}

*:first-child+html .ticket{
width:197px;
margin-left:0px;
margin-top:0px;
padding-bottom:10px;
}

.ticket img{margin-bottom:10px;}


/*BANNER*/
.banner{
text-align:left;
margin-top:5px;
font-size:1em;
line-height:1.2em;
}

.banner img{margin-bottom:10px;}




/* foot */
#foot{
position: relative; top:50px; left:0px; width:955px; height:118px;
}



#page-top {
	position: fixed;
	bottom: 100px;
	right: 20px;
	font-size: 77%;
z-index:999;
}


#page-top a {
	width: 89px;
	padding: 10px;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
}





/*cast category*/
.gallery2 { width: 300px; /*margin: 0 auto; 　全体をセンタリングしています。*/ margin-left:10px; float:left; padding-bottom:10px;}
.gallery2 img { border: 0; /*サムネイル画像としたときリンク外枠が入らないようにします。*/ width: 300px; height: 190px; padding:10px 5px 10px 5px;}

/*Goods*/
div.imagebox {
background-color: #f7f4f1;
width: 113px;
float: left;
text-align: center;
margin: 0.5em 3px 1em 3px;
}
p.image, p.caption {
text-align: center;
margin: 5px;
}
p.caption {
font-size: 80%;
color: #653644;
}
p.clear {
clear: both;
}

#gallery{margin:10px;}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul a:hover { color: #fff; }


#gallery2{margin:10px;}
#gallery2 ul { list-style: none; }
#gallery2 ul li { display: inline; }
#gallery2 ul a:hover { color: #fff; }

#gallery3{margin:10px;}
#gallery3 ul { list-style: none; }
#gallery3 ul li { display: inline; }
#gallery3 ul a:hover { color: #fff; }

#gallery4{margin:0px;}
#gallery4 ul { list-style: none; }
#gallery4 ul li { display: inline; }
#gallery4 ul a:hover { color: #333333; }

/*SetList*/

hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dotted; /* 線種 */
   border-color: gray; /* 線色 */
   height: 1px; /* 高さ */
margin-top:5px;
margin-left:5px;
}


.greet{
width:680px;
font-size:14px;
line-height:1.5em;
margin-left:10px;
text-align:left;
}

td {vertical-align:top;}

/*article Entrance charge*/
.enter{
font-size:1.5em;
line-height:1.5em;
padding-bottom:10px;
}

/*TOP event detail explain*/
.eventdetail{
width:650px;
font-size:1em;
line-height:1.5em;
margin-left:20px;
}
.eventcap{
font-size:0.8em;
line-height:1.3em;
margin-left:10px;
}



/*TOP access explain*/
.accesscap{
width:300px;
font-size:0.8em;
line-height:1.2em;
margin-left:20px;
}


/* Article Parts Layouts Design */

.dtitle{
font-size:1.3em;
line-height:1.5em;
color:#ff4d24;/*Orange*/
}
.dmaintitle{
font-size:1.3em;
line-height:1.5em;
margin:5px;
}
.dmain{
font-size:1em;
line-height:1.5em;
}
.dcaption{
font-size:0.8em;
line-height:1.2em;
}


/*this time cast layouts*/
.cast{
width:700px;
margin:0 auto;
}

.cast img{
margin:5px;
}

.cast .photo{
float:left;
width:161px;
}

.cast .exp{
float:right;
width:520px;
margin-top:10px;
}

.cast .name{
font-size:1.5em;
margin:5px;
}

span.cap{
font-size:0.8em;
}

/*Cast Area*/
/* --- リストエリア --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 5px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 220px; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 200px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 90%;
}

/* --- 写真エリア --- */
ul.thumbnail dt {
/* height: 102px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 2px; /* 写真エリアの下マージン */
}
/*
ul.thumbnail dt img {
border: 1px #808080 solid; /* 写真の境界線 */
}
*/

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 3em; /* キャプションエリアの高さ */
line-height: 120%;
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/*STAGE Intro*/

.stage_title{margin-top:10px; padding-bottom:10px; font-size:1.4em;}
.stage_exp{font-size:1em; line-height:1.2em;}

.stage{width:600px; margin-top:10px; padding-bottom:10px;}
.stage .stage_cast{width:600px; margin-left:10px; margin-top:10px;}
.stage .stage_cast img{margin-right:1px; margin-top:1px;}
span.stagemain{font-size:1.2em; line-height:1.5em;}
span.stagesub{font-size:1em; line-height:1.2em;}



/*mp3 fot article copy*/
span.mp{
font-size:1.2em;
line-height:1.5em;
padding-bottom:20px;
}


/*setlist*/
.settitle{font-size:1.2em; font-weight:bold; color:#7c89e6;}
.setlist{font-size:1em; line-height:1.5em;}