@charset "UTF-8";

* html body {
	overflow: hidden;
}
body {
	padding: 0;
	background: url(../img/common/bg.gif) top center;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
a {
	overflow: hidden;
	outline: none;
}
a:link {
	color: #1e47cb;
	text-decoration: none;
}
a:visited {
	color: #1e47cb;
	text-decoration: none;
}
a:active {
	color: #a61f37;
	text-decoration: underline;
}
a:hover {
	color: #a61f37;
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.large {
	font-size: 16px;
}
.small {
	font-size: 12px;
	font-weight: normal;
}
.fltL {
	float: left;
}
.fltR {
	float: right;
}
img {
	border: 0;
}
.f10 {	font-size: 10px;}
.f11 {	font-size: 11px;}
.f12 {	font-size: 12px;}
.f13 {	font-size: 13px;}
.f14 {	font-size: 14px;}
.f15 {	font-size: 15px;}
.f16 {	font-size: 16px;}
.f18 {	font-size: 18px;}
.f20 {	font-size: 20px;}

/****************************************
	Temp
*****************************************/

#container {
	display: block;
	width: 996px;
	margin: 0 auto 50px;
	background: #fff;
	border-left: 2px solid #00b8ee;
	border-right: 2px solid #00b8ee;
	border-bottom: 2px solid #00b8ee;
}

#header {
	display: block;
	position: relative;
	width: 996px;
	height: 85px;
	border-bottom: 2px solid #00b8ee;
}
#header h1 {
	display: block;
	position: absolute;
	top: 22px;
	left: 37px;
}
#gnavi {
	display: block;
	position: absolute;
	top: 16px;
	left: 318px;
	width: 670px;
}
#gnavi ul li {
	float: left;
	list-style: none;
	text-decoration: none;
	font-size: 1px;
	margin-right: 10px;
}
#snavi {
	clear: both;
	display: block;
	padding: 12px 0 10px 70px;
	border-bottom: 2px solid #00b8ee;
}
#snavi ul li {
	float: left;
	list-style: none;
	text-decoration: none;
	font-size: 1px;
	margin-right: 22px;
}

/****************************************
	MAIN 
*****************************************/

#wrapper {
	clear: both;
	display: block;
	width: 996px;
	margin: 0 auto;
	padding: 0;
}

#main {
	display: block;
	width: 920px;
	min-height: 600px;  
	height: auto !important;  
	height: 600px;
	margin: 0 auto;
	padding: 25px 0 30px;
	font-size: 13px;
}

#main h2 {
	margin: 0 0 20px 0;
}

#main h3 {
	line-height: 1;
	margin-bottom: 15px;
}

.section {
	display: block;
	clear: both;
	position: relative;
}
.section p {
	line-height: 1.8;
	margin-bottom: 1em;
}
.box {
	display: block;
	width: 440px;
}
.t_center {
	text-align: center;
}
.t_right {
	text-align: right;
}
.stamp {
	background: url(../img/common/bg_stamp.png) no-repeat top right;
}
hr {
	clear: both;
	margin: 0 0 20px;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #8b7676;
	height: 1px;
}

/*==========INDEX==========*/
body.index {
	background-image: none;
	background-color:#fff;
}

#wrapperIndex {
	display: block;
	width: 100%;
	height: 1280px;
	margin: 0;
	background: url(../img/index/main.jpg) no-repeat top center;
}

#wrapperInner {
	display: block;
	width: 1000px;
	margin: 0 auto;
}

#mainIndex {
	display: block;
	position: relative;
	width: 1000px;
	height: 717px;
}
#mainIndex h1 {
	position: absolute;
	top: 490px;
	left: 140px;
}
#mainIndex h2 {
	position: absolute;
	top: 25px;
	right: 10px;
}
#mainIndex .btnUeda {
	position: absolute;
	top: 110px;
	left: 0;
}

#mainIndex .btnMs {
	position: absolute;
	top: 230px;
	left: 10px;
}

#mainIndex .btnCom {
	position: absolute;
	top: 350px;
	left: 10px;
}

#mainIndex .btnDisc {
	position: absolute;
	top: 350px;
	right: 10px;
}


#indexMenu {
	display: block;
	width: 760px;
	margin: 0 auto 30px;
}

#indexMenu ul li {
	float: left;
	list-style: none;
	text-decoration: none;
	font-size: 1px;
	margin: 0 3px;
}

#indexFoot {
	display: block;
	width: 840px;
	margin: 0 auto 30px;
}

#info {
	display: block;
	float: left;
	width: 540px;
}

#twitter {
	display: block;
	float: right;
	width: 280px;
}

#news {
	display: block;
	position: absolute;
	top: 420px;
	left: 140px;
	width: 720px;
	margin: 0 auto 30px;
	padding: 10px ;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	text-shadow: 0 0 3px rgba(0,0,0,1),
               0 0 7px rgba(0,0,0,1),
							 0 0 15px rgba(0,0,0,1);
}

#news a {
	color: #fff;
}

#news .small {
	font-size: 14px;
	font-weight: bold;
}

/*---Banner_Button---*/

#banner {
	font-size: 12px;
	color: #fff;
	text-align: center;
}

#banner img {
	vertical-align: middle;
}

/*---SNS---*/

#snsShare {
	display: block;
	width: 240px;
	margin: 0 auto;
	padding: 0 0 0 20px;
}

#snsShare ul li {
	float: left;
}

.fb-like {
	width: 120px!important;
	text-align: left;
}
.twitter-share-button {
	margin: 5px 0 0!important;
	width: 120px!important;
}
/*==========INTRODUCTION==========*/

.boxIntro {
	display: block;
	width: 700px;
	margin: 0 auto 40px;
}

/*==========CAST==========*/

.castPic {
	display: block;
	width: 300px;
}

.actorProf {
	display: block;
	width: 590px;
	padding: 0;
	margin: 0;
}

#castMenu {
	width: 936px;
}

#castMenu ul li {
	float: left;
	margin: 0 16px 16px 0;
	list-style: none;
	text-decoration: none;
	font-size: 1px;
}

/*--Sub--*/

.castSub {
	display: block;
	clear: both;
	width: 700px;
	padding: 20px;
	background: #fff;
}

.castPicSub {
	display: block;
	float: left;
	width: 250px;
	padding: 0;
	margin: 0;
}

.actorProfSub {
	display: block;
	float: right;
	width: 420px;
	padding: 0;
	margin: 0;
}

.actorProfSub h3 {
	font-size: 16px;
	margin-bottom: 10px;
}

.actorProfSub p {
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 0;
}

p.castQ {
	padding: 5px 0;
	color: #00b8ee;
	font-weight: bold;
	border-bottom: 1px solid #00b8ee;
}


/*==========SCHOOL==========*/

.authorPic {
	float: left;
	width: 330px;
}
.authorTxt {
	float: right;
	width: 560px;
	margin-bottom: 20px;
}
.authorBook {
	float: right;
	width: 560px;
}
.school {
	line-height: 1.8;
	padding: 40px 30px 20px;
	background: url(../img/school_bg01.gif) #dff2fc top no-repeat;
}

/*==========P-NOTE==========*/
.wrapP {
	display: block;
	width: 820px;
	margin: 0 auto;
}

.boxP {
	display: block;
	width: 395px;
}

/*==========CREDIT==========*/
.credit {
	min-height: 720px;  
	height: auto !important;  
	height: 720px;
	background: url(../img/credit_bg01.jpg) bottom no-repeat;
}


/*==========MUSIC==========*/
.music {
	display: block;
	line-height: 1.8;
	padding: 40px 30px 20px;
	background: url(../img/school_bg01.gif) #dff2fc top no-repeat;
}

.johnny {
	display: block;
	padding: 30px;
	border: 2px dotted #00b8ee;
}

/*==========COMMENT==========*/

.comment {
	width: 430px;
}
.comment p.author {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #004da1;
}
.comment p {
	font-size: 13px;
	margin: 0 0 40px;
	line-height: 1.8;
}

/*==========THEATER==========*/

#areaMenu {
	display: block;
	font-size: 14px;
	color: #857966;
	text-align: center;
	margin: 0 auto 20px;
}
h5 {
	font-size: 18px;
	margin: 0 auto 15px;
}
table {
	border-collapse: collapse;
	width: 920px;
	margin: 0 auto;
	font-size: 13px;
}
th {
	padding: 5px;
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #999;
	background: #aad6e3;
	text-align: center;
}
td {
	padding: 5px;
	margin: 0px;
	border: 1px solid #999;
}

/*==========CLOUD==========*/

.blue {
	color: #004da1;
}

.cloud {
	background: url(../img/cloud_bg01.gif) no-repeat top left;
	padding: 0 0 0 430px;
}

.cloudName {
	width: 230px;
	float: left;
}