/* ============目次==============

	最終更新日:2006/09/29

	１：各要素のリセット
	２：基本レイアウト
	３：リンク
	４：ヘッダ
	５：メニュー
	６：ページボディ
	７：left
	８：right
	９：footer
	１０：biography

================================= */

/*===============================
	■１：各要素のリセット
================================= */
html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}
body {
 	margin: 0;
 	/* setting border: 0 hoses ie5 win window inner well border */
 	padding: 0;
 	font-family: "Osaka", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
 	font-size: 12px;
 	min-width: 748px;
 	color: #333333;
}

form, input { margin: 0; padding: 0; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
   margin: 0;
}
h2{font-size:16px;}
#pagebody {
	position: relative;
	width: 100%;
}
#pagebody-inner {
	position: static;
	width: 100%;
}

.invisible {
	display: none;
}

/*===============================
	■２：基本レイアウト
================================= */

body {
	text-align: center;
} /* center on ie */

#cb {
	width:1271px;
	margin-right:auto;
	margin-left:auto;
}

#cbleft {
	float:left;
	width:245px;
	height:730px;
}

#cbright {
	background-image:url(images/portrait_02.jpg);
	background-repeat:no-repeat;
	background-position:left 0;
	height:920px;
}

#cbmiddle {
	float:left;
	width:748px;
	height:100%;
}


#container
{
 	width: 748px;
	background: url(images/con_bg.gif) repeat-y;
	height:100%;
}

#container-inner
{
 	margin: 0 auto; /* center on everything else */
 	width:740px;/*firefoxでサイドバーが出ない問題を解消*/
 	text-align: left;

}

#banner { position: relative; }

#alpha
{
   display: inline; /* ie win bugfix */
   position: relative;
   float: left;
   min-height: 1px;
}

#beta {
	float: right;
}

#alpha-inner, #beta-inner
{
   position: static;
}

/*===============================
	■３：リンク
================================= */

a {
	color: #006699;
	text-decoration: none;
}

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

/*===============================
	■４：ヘッダー
================================= */

#header {
	width: 740px; /* necessary for ie win */
	height: 63px;
	background-image: url(images/logo.gif);
}

#header-bnr {
	float:left;
	margin: 0;
	padding: 0;
}

#header-bnr a {
	display: block;
	width:740px;
	height:63px;
}

/*===============================
	■５：メニュー
================================= */

#menu {
	background: url(images/menu_bg.gif) repeat-x;
	width: 740px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height:25px;
}

#menu ul {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	height: 25px;
}

#menu ul li { 
	float: left;
}

/*===============================
	■６：ページボディ
================================= */

#pagebody {
	float:left;
	height:100%;
	margin-top: 10px;
}

/*===============================
	■７：left
================================= */

#alpha {
	margin: 0px;
	padding: 0px;
	width: 544px;
	height: 100%;
	background: #ffffff;
}

#alpha-inner {
	padding: 0px 12px 10px 12px;
	border-right: 1px solid #CDC5AE;
}
#alpha-inner .title{margin-top:5px; margin-bottom:10px;}
#main {
	width:520px;
	height:150px;
	padding: 0px 0px 10px 0px;
	margin:0;
}

#main-jpg {
	float:left;
}

#staff-wait {
	padding: 0px 0px 8px 0px;
	margin:0;
}

#action {
	float:right;
}

#stage {
	float:right;
}

#shop {
	clear:both;
	width:520px;
	padding: 20px 0px 20px 0px;
	vertical-align:top;
}

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

#shop ul li {
	padding: 8px 0px 0px 0px;
	margin: 0px;
}

#shop ul li h3 {
	font-size:12px;
	color:#CB3030;
	margin-bottom: 20px;
}

#shop ul li p {
	font-size:12px;
	color:#333333;
	padding-left:14px;
	margin-bottom: 20px;
}

#comment {
	margin: 0px;
	font-weight: bold;
}

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

#comment ul li {
	padding: 8px 0px 0px 0px;
	margin: 0px;
}

#comment ul li h3 {
	font-size:12px;
	color:#CB3030;
}

#comment ul li p {
	font-size:12px;
	color:#333333;
	padding-left:14px;
}

#news {
	clear:both;
	width:520px;
	background: url(images/news.gif) no-repeat left top;
	padding: 20px 0px 20px 0px;
	vertical-align:top;
}

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

#news ul li {
	padding: 8px 0px 0px 0px;
	margin: 0px;
}

#news ul li h3 {
	font-size:12px;
	color:#CB3030;
}

#news ul li p {
	font-size:12px;
	color:#333333;
	padding-left:14px;
}

/*===============================
	■９：right
================================= */

#beta {
	margin: 0;
	width: 195px;
	height: 100%;
}

#beta-inner {
	padding: 0px 10px 10px 15px;
	margin: 0;
}

#next {
	width:170px;
	background: url(images/schedule.gif) no-repeat left top;
	padding: 25px 0px 25px 0px;
	vertical-align:top;
}

#next ul {
	list-style: none;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

#next ul li {
	padding: 4px 0px 0px 0px;
	margin: 0px;
}

#next ul li h3 {
	font-size:12px;
	color:#CB3030;
	margin:0;
	padding:0;
}
#next ul li.contents {
	font-size:12px;
	color:#CB3030;
	background-image: url(images/yazi.gif);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
	font-weight: bold;
	background-position: 0px 3px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.p-date {
	font-size:12px;
	margin:0px;
	padding: 0px 0px 0px 5px;
	vertical-align:middle;
}

#next p {
	font-size: 12px;
	margin:0;
	padding:0;
}

.date {
	background: url(images/bg02.gif) no-repeat left top;
	vertical-align:middle;
}



/*===============================
	■９：footer
================================= */
	
#footer {
	width:740px;
	padding: 0px;
	clear: both;
	height: 50px;
	text-align:center;
}

#footer-inner {
	width:720px;
	padding-top: 10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/*===============================
	■１０：biography
================================= */

#beta-banner {
	margin: 0;
	padding:0 0 10px 0;
	vertical-align:top;
}

#bio {
	clear:both;
	width:520px;
	background: url(images/biography.gif) no-repeat left top;
	padding: 20px 0px 20px 0px;
	vertical-align:top;
}

#bio p {
	text-align:left;
	padding:15px 10px 10px 0px;
	font-size:12px;
	color:#333333;
	padding-left:14px;
	line-height:16px;
}

#bio .bio-jpg {
	padding:15px 10px 10px 0px;
	float:left;
}

#keireki {
	clear:both;
	width:520px;
	padding: 25px 0px 25px 0px;
	vertical-align:top;
	background: url(images/keireki.png) no-repeat right top;
}

#keireki p {
	text-align:left;
	padding:15px 10px 10px 0px;
	font-size:12px;
	color:#333333;
	padding-left:14px;
	line-height:16px;
}

#cbright-bio {
	background-image:url(images/portrait_bio.jpg);
	background-repeat:no-repeat;
	background-position:left 0;
	height:1000px;
}

/*===============================
	■１１：tenpaku
================================= */

#tenpaku {
	clear:both;
	width:520px;
	background: url(images/tenpaku.gif) no-repeat left top;
	padding: 20px 0px 20px 0px;
	vertical-align:top;
}

.tenpaku-jpg-01 {
	padding-top: 15px;
	float:left;
}

.tenpaku-jpg-02 {
	padding-top: 15px;
	float:right;
}

.tenpaku-jpg-03 {
	padding-top: 15px;
	float:left;
}

.tenpaku-jpg-04 {
	padding-top: 15px;
	float:right;
}

.tenpaku-text {
	clear:both;
	font-size:12px;
	padding-top:10px;
	margin:0px;
}

#staff {
	clear:both;
	width:520px;
	background: url(images/staff.gif) no-repeat left top;
	padding: 25px 0px 25px 0px;
	vertical-align:top;
}

.staff-text {
	font-size:12px;
	padding:0px 0 5px 10px;
	margin:0px;
}

.staff-text-02 {
	font-size:12px;
	padding:5px;
	margin:0px;
}

#staff-02 {
	clear:both;
	padding-top:15px;
}

#cbright-ten {
	background-image:url(images/portrait_ten.jpg);
	background-repeat:no-repeat;
	background-position:left 0;
	height:1285px;
}

/*===============================
	■１２：offer
================================= */

#offer {
	clear:both;
	width:520px;
	background: url(images/offer.gif) no-repeat left top;
	padding: 25px 0px 25px 0px;
	vertical-align:top;
}

.offer {
	font-size:14px;
	margin:0px;
	padding-top:5px;
}

#cbright-off {
	background-image:url(images/portrait_off.jpg);
	background-repeat:no-repeat;
	background-position:left 0;
	height:1000px;
}

#offer-stage {
	background:url(images/stage_yori.jpg) no-repeat left top;
	width: 520px;
	height: 355px;
	padding-top:10px;
	margin-top: 10px;
}
/*===============================
	■ビデオ
================================= */

#video {
	clear:both;
	width:520px;
	background: url(images/video.gif) no-repeat left top;
	vertical-align:top;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#video h3{
	font-size:14px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #990000;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
/*===============================
	■トップページのトップニュース
================================= */
#hotnews{
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#hotnews h2{
	font-size:18px;
	color:#CB3030;
	background-image: url(images/yazi.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 4px 5px;
	font-weight: bold;
	margin-top: 20px;
}
#hotnews h3{
	font-size:12px;
	color:#CB3030;
	padding-left: 40px;
	background-position: 4px;
	font-weight: bold;
	margin-bottom: 20px;
}
#hotnews p{margin-bottom:20px;}

/*===============================
	■トップページのコメント
================================= */

#comment h2{
	font-size:14px;
	color:#CB3030;
	background-image: url(images/yazi.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 4px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}
#comment p{margin-bottom:20px;}