@charset "utf-8";

@import url("default.css");
@import url("assets.css");


/* ------ General Settings ------ */
html { *overflow-x: hidden;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";    -webkit-text-size-adjust: 100%;}

body{
background:#ffd400 url("../img/bg_color.jpg") repeat-x;
background-attachment: inherit;
	color:#414141;
	margin:0 auto;
font-size:.8em;
line-height:1.5em;
}

#wrapper {width:640px; margin:0 auto;}

#wrapper a {
	text-decoration: none ;
 vertical-align: baseline;
	-webkit-transition: all 0.2s 0s ease;
 -moz-transition: all 0.2s 0s ease;
 transition: all 0.2s 0s ease;
 color:#f04e23;
 text-decoration: underline;
}
#wrapper a:hover{ opacity:0.8; -moz-opacity:0.8; -webkit-opacity:0.8;}

a img {border-style:none;}

#main{width:640px; height:900px;margin:0 auto;background-image:url("../img/bg.jpg"); background-repeat:no-repeat; position:absolute; top:0;}

/* ---------- menu ---------- */

#menu{width:580px;margin:190px auto 0 auto;}

ul {
  margin:0;
  padding:0;
  list-style:none;
}

ul {
  margin-right:-4px; /* ここでネガティブマージンを指定 */
  /* width:496px; 追記:IE6,7を無視するならいらない */
  overflow:hidden;
}
li {
  float:left;
  margin:0 4px 0 0;
  width:142px;
  height:100px;
}

/* ------------------- */

/* ---------- 劇場menu ---------- */

.menu_teater{width:556px;margin:0px auto 10px auto;}

.menu_teater ul {
  margin:0;
  padding:0;
  list-style:none;
}

.menu_teater ul {
  margin-right:-4px; /* ここでネガティブマージンを指定 */
  /* width:496px; 追記:IE6,7を無視するならいらない */
  overflow:hidden;
}
.menu_teater li {
  float:left;
  margin:0 4px 0 0;
  width:76px;
  height:76px;
}

.teater_t1 { font-size:20px; color:#4c4c4c; padding: 0; line-height:120%; font-weight:bold; margin-bottom:10px;}

table {width: 520px;border:1px solid #00abea; border-collapse: collapse; color: #4c4c4c; margin-bottom:0px; font-size:13px;}
tr {border-bottom:1px solid #00abea;color: #704200;}
th {padding: 0px;text-align: center;vertical-align: top;background-color: #00abea;border-right: 1px solid #00abea;}
td {padding: 5px;background-color: #fff; border-left: 1px solid #00abea; color: #4c4c4c; text-align:center; font-weight: bold;}
td.bgGR {padding: 5px;background-color: #fff; border-top: 1px solid #00abea; font-size:13px; color: #4c4c4c; text-align:center; font-weight: bold;}

.font_blo{ color:#704200; font-size:16px; line-height:10px;}
.font_red{ color:#c63800; font-size:10px;}
.font_sma{ font-size:10px; line-height:10px;}


/* ------------------- */

#main_v {width:591px; height:633px;margin:0 auto 10px auto; padding:0;background-image:url("../img/main_v.png"); background-repeat:no-repeat;}

/* 角丸 */
.border_radius {
width:600px;
padding-top:20px;
padding-bottom:20px;
margin:0 auto;
    position:relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
background-image:url("../img/bg_stripe.gif");}

.title{
text-align:center;
margin:0 auto;
}

.txt_con{
width:480px;
padding-top:20px;
padding-left:70px;
	letter-spacing: -1px;
}
.con1{
width:560px;
height:81px;
margin:10px 20px 10px 20px;
background-image:url("../img/s1.png");
background-repeat:no-repeat;
}

.con2{
width:560px;
height:81px;
margin:10px 20px 10px 20px;
background-image:url("../img/s2.png");
background-repeat:no-repeat;
}

.con3{
width:560px;
height:107px;
margin:10px 20px 0 20px;
background-image:url("../img/s3.png");
background-repeat:no-repeat;
}

.con4{
width:560px;
height:106px;
margin:0px 20px;
background-image:url("../img/s4.png");
background-repeat:no-repeat;
}

.con5{
width:560px;
height:106px;
margin:0px 20px;
background-image:url("../img/s5.png");
background-repeat:no-repeat;
}

.con6{
width:560px;
height:68px;
margin:0px 20px 20px 20px;
background-image:url("../img/s6.png");
background-repeat:no-repeat;
}

.btn{
text-align:center;
margin:0px auto;
padding:0;
}

.btn2{
text-align:center;
margin:0px auto 20px auto;
padding:0;
position:relative;
}

/* -- tweet -- */
.tweet{
width:600px;
height:auto;
margin:10px auto;
    position:relative;
background-image:url("../img/twitter_bg.png");
background-repeat:no-repeat;
}
.tweet .box {padding:100px 20px 20px 20px;width:560px;height:100%;}
.tweet .loginBtn { margin:10px 0;}
.tweet iframe {width: 100% !important;}
.var-chromeless .timeline-header { display:none !important;}
.var-chromeless .tweet { padding: 12px 2px 10px 68px !important; }

.border_radius2 {
width:514px;
padding:20px;
margin:0 auto;
    position:relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
border: 3px solid #f04e23;
background-color:#FFFFFF;}

.title2{
text-align:center;
margin:30px auto 0px auto;
}

.border_radius3 {
width:560px;
margin:0px auto;
padding-bottom:10px;
    position:relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
background-color:#b9e5fb;}

.text_lmk{
	padding:30px 0 10px 0;
	text-align:center;
	}

.text_lmk_area{
width:300px;
margin:0px auto 0 140px;
}
.text_lmk_left{
float:left;
}
.text_lmk_right{
float:right;
}

.pic_lmk{
margin:20px auto;
	}

.text_copy11{
font-size:.6em;}

/* -- footer -- */
#footer { width: auto; margin: 0px; position: relative; }
#copyright { text-align: center; font-size:.8em; color:#897200; padding: 20px 0 0 0; line-height:150%;}
#page-top { position: relative; display: block; width:100%; height:100px; text-align:center; padding:10px 0 10px 0;}
#page-top a { width: 94px; height:94px; display: block; background: url("../img/btn_top.png") no-repeat 0 0; filter: alpha(opacity=100); -moz-opacity:1; opacity:1; margin:0px auto;}
#page-top a:hover { filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}


.bg_stripe {
width:600px;
padding-top:0px;
padding-bottom:20px;
margin:20px auto 0 auto;
    position:relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
background-image:url("../img/bg_stripe.gif");}

.title3{
text-align:center;
margin:0px auto 0px auto;
padding-top:20px;
}

.bg_stripe2 {
width:600px;
padding-top:0px;
padding-bottom:20px;
margin:20px auto 0 auto;
    position:relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
background-image:url("../img/bg_stripe.gif");}

.video{
text-align:center;
margin:0px auto;
}


/*	List  */

.bg_list {
width:514px;
padding:20px;
margin:10px auto;
    position:relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
border: 3px solid #00abea;
background-color:#FFFFFF;
text-align: center;
color:#4c4c4c;
}

.title4{
text-align:center;
margin:10px auto;
padding:0px;
}

.list_t1 { font-size:25px; color:#4c4c4c; padding: 0; line-height:120%; font-weight:bold;}
.list_t2 { font-size:20px; color:#4c4c4c; padding: 0; line-height:120%; font-weight:bold;}
.list_t3 { font-size:25px; color:#fff; padding:0; line-height:120%; font-weight:bold;}
.bg_list3 {width:474px;padding:15px;margin:10px auto; position:relative;background-color:#00abea;text-align: center;color:#4c4c4c;}
.list_pic { margin-top:20px;}
.list_t4 { font-size:10px; color:#4c4c4c; padding:0; line-height:150%;}

.btn_list{
text-align:center;
margin:10px auto;
padding:0;
position:relative;
}






/*-----------------------------------------------------	*/
/*	for - 320px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 320px) {

#wrapper { width: 320px;}
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 24px;
}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {

body { background:#0e1013;}
#underBanner { width: auto; padding:10px 15px;}

}


/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 480px) {

}


/*-----------------------------------------------------	*/
/*	for - 640px					*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) {

body { background:#ffd400 url("../img/bg_color.jpg") repeat-x 50% 0px;  font-size:1.3em; }
#wrapper {width: 640px;}
}