@charset "UTF-8";
/*
 * layout_pc.css
 *
 *  version --- 1.0
 *  updated --- 
 */

 /*-----------------------------------------------------
	clearfix　
-----------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-----------------------------------------------------
  textとばし
-----------------------------------------------------*/
.indent{
  text-indent: 100%;
  white-space:nowrap;
  overflow: hidden;
  height: 0;
}

/* ティザーベース
---------------------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	text-align: center;
	background: url(../img/bg_all.gif) repeat; /*全体背景*/
}
@media print {
	html,  html body {
	*zoom: 0.65;
	}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
	text-align: center;
}
/* !header
---------------------------------------------------------- */
header {
	margin: 0 auto;
	width: 1022px;
	text-align: left;
}

#title{
	width: 433px;
	margin: 0 auto;
}

/* !contents
---------------------------------------------------------- */
#contents {
	background: url(../img/bg_red.gif) repeat;
}

#main {
	float: left;
	width: 698px;
}
#sub {
	float: right;
	width: 310px;
	margin-top: 7px;
}
#sub > div {
	background: #fff;
}
/* !footer
---------------------------------------------------------- */
#footer {
}

/* !Section
---------------------------------------------------------- */
.section { /* Basic Section */
}
.sectionHeader01 {
	
	position: relative;
}
.sectionHeader01 .img01 {
	border-bottom:1px solid #333;
	background-color:#fff;
	display: table-cell;
	width: 700px;
	height: 234px;
	vertical-align: middle;
	text-align: center;
}
.sectionHeader01 .titleBox01 {
	padding:7px 16px 8px 18px;
	border-top:1px solid #fff;
	background-color:#333;
	color:#fff;
	overflow: hidden;
	zoom: 1;
}
.sectionHeader01 .titleBox01 .title01 {
	border-bottom: 1px dotted #666;
	width: 661px;
	padding: 4px 0 3px;
	font-size:186%;
	font-weight:bold;
	line-height:1.3;
}
.sectionHeader01 .titleBox01 .txt01 {
	float: left;
	padding-left:15px;
	margin-top:7px;
	line-height:1.2;
	background:url(../img/bg_border01.png) no-repeat 4px center;
}
.sectionHeader01 .titleBox01 .sns01 {
	float: right;
	padding-top: 19px;
}
.sectionContents01 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 698px;
	margin: 0 auto;
	padding: 35px 32px 0 29px;
	background:url(../../img/bg_box.gif) repeat-y #fff; /*ボックス背景*/

	
}
.sectionContents01 > section {
	/*margin-bottom: 35px;*/
}
.sectionContents01 .inner01 {
	padding-left: 9px;
	overflow: hidden;
	zoom: 1;
}
.castList01 {
	overflow: hidden;
	margin-left: 21px;
}
.castList01 ul {
	margin: -8px 0 0 -12px;
}
.castList01 li {
	float: left;
	border-top: 1px solid #f3f1db;
	border-left: 1px solid #f3f1db;
	width: 290px;
	height: 125px;
	padding: 7px 11px 0px;
	display: table;
}
.castList01 li .box01 {
	display:table-cell;
	vertical-align:middle;
	padding-left:130px;
}
.castList01 li .img01 {
	position:absolute;
}
.castList01 li img {
	padding:3px;
	background-color:#f6f6f6;
	border:1px solid #dedede;
}
.castList01 li .txt01 {
	font-size:115%;
}
.castList01 li .txt02 {
	font-size:85%;
	color:#e26f0d;
}
.sectionContent02 {
	display: none;
}
.imgBorder01 {
	padding:3px;
	background-color:#f6f6f6;
	border:1px solid #dedede;
}
.detailLink01 {
	display: inline;
	text-decoration: none;
	font-size:  85%;
}
.detailLink01 span {
	border-bottom: 1px solid #6474d9;
}
.detailLink01:hover span {
	border:none;
}
/*---------------------ここまでティザーベース-------------------------*/



/*-----------------------------------------------------
	赤髪の白雪姫
-----------------------------------------------------*/

#photo{
	width: 709px;
	height: 969px;
	background: url(../img/main.png) 0 0 no-repeat;
	position: relative;
}

#oaC{
	width: 644px;
	margin: 0 auto 0;
	padding-top: 24px;
}

#official{
	position: absolute;
	left: 70%;
	bottom: 3%;
}

.line{
	height: 3px;
	background: #d0b554;
	position: relative;
	top: 24px;
}

.line2{
	height: 3px;
	background: #d0b554;
	position: relative;
	bottom: 24px;
}

.boxAll{
	width: 687px;
	margin: 4% 0 0;
	position: relative;
}

#first{
	margin-top: 11%;
}

#last{
	padding-bottom: 10%;
}

.boxTop{
	width: 687px;
	height: 30px;
	background: url(../img/box_top.png) 0 0 no-repeat;
}

.box{
	width: 687px;
	background: url(../img/box_middle.png) 0 0 repeat-y;
	padding: 1% 0 6%;
	
}

.boxBottom{
	width: 687px;
	height: 30px;
	background: url(../img/box_bottom.png) 0 0 no-repeat;
}

#center{
	width: 1022px;
	margin: 0 auto;
}

#intro img{
	position: relative;
	margin-top: -90px;
}

#introTx{
	width: 583px;
	margin: 0 auto;
}

#introTx img{
	position: relative;
	left: 2%;
}

#org{
	margin-top: 4px;
}

.listAll{
	width: 644px;
	margin: 0 auto 0;
}

.listLeft{
	width: 280px;
	padding: 0 20px;
	float: left;
}

.musicOp{
	width: 204px;
}

.musicEd{
	width: 176px;
}

#solid1{
	background: url(../img/boxline.gif) right bottom no-repeat;
}

#solid2{
	background: url(../img/boxline_s.gif) right bottom no-repeat;
}

#solid3{
	background: url(../img/boxline_l.gif) right bottom no-repeat;
}

.listLeft li{
	margin: 6.5% auto 0;
}

.listRight{
	width: 280px;
	padding: 0 20px;
	float: left;
}

.listRight li{
	margin: 6.5% auto 0;
}

#back{
	width: 113px;
	position: relative;
	margin: -160px auto 0;
	padding-bottom: 3%;
	position: relative;
	left: 250px;
}

#bnrWrap{
	background: url(../img/bg_all.gif) 0 0 repeat;
}

#bnrArea{
	width: 100%;
	padding: 20px 0 44px;
	background: url(../img/bg_bottom.png) 0 bottom repeat-x;
	position: relative;
	z-index: 20;
}

#bnrArea ul{
	width: 680px;
	margin: 0 auto;
	position: relative;
	right: 158px;
}

#bnrArea li{
	width: 200px;
	margin: 0 10px;
	float: left;
}


/* !footer
---------------------------------------------------------- */

footer {
	margin-top: 0;
	padding: 14px 0 7px 0;
	background: #d0b554;
	color: #fff;
	font-size: 140%;
}

footer p{
	position: relative;
	right: 170px;
}
/* !SNS
---------------------------------------------------------- */
	
#sns {
	position: relative;
	top: 0px;
	right: 0px;
	float: right;
}

/*#sns ul li {
	display: inline;
}

#sns_google{
	position: relative;
	right: 20px;
}

*/