@charset "utf-8";
/*-----------------------------------------------------
  All Web Designed by ayame
  Copyright(C)2008 HEAVENLY BLUE all rights reserved.
-----------------------------------------------------*/

/*
 P navi [
----------------------------------------------------------- */
#pnav_wrap {   
    width: 776px;
    height: 30px;
    border-bottom: 1px #ccc solid;
}
#pnav {   
    margin-left: 250px;
    text-align: left;
}
#pnav li {   
    display:inline;   
    line-height:250%;   
    list-style-type:none;
    font-size: 80%;
    color: #666;
}   
#pnav li.link {   
    padding-right:10px;   
    background:url(../../images/li/pnav.gif) no-repeat right center;   
}
#pnav li.now a {   
    padding-left: 5px;
    padding-right:10px;
    color: #666;
	font-weight: 700;
	text-decoration: none;
}
/*
 MV [
----------------------------------------------------------- */
h2.index {
	width: 780px;
	height: 133px;
	text-align: right;
	background: url(../images/mv.jpg) no-repeat center top;
}
/*
 In Link [
----------------------------------------------------------- */
#inlink_wrap {   
    width: 776px;
    height: 54px;
    border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
#inlink {   
    margin-left: 250px;
    text-align: left;
}
#inlink li {   
    display:inline;   
    line-height:450%;   
    list-style-type:none;
    padding-left:15px;   
    background:url(../../images/li/triangle_b02.gif) no-repeat left center;
}
#inlink li a {
	color: #03f;
	text-decoration: none;
}
#inlink li a:link {
	color: #03f;
	text-decoration: none;
}
#inlink li a:visited {
	color: #609;
	text-decoration: none;
}
#inlink li a:hover {
	color: #f30;
	text-decoration: none;
}
#inlink li a:active {
	color: #f30;
	text-decoration: none;
}
#inlink li.inlink02 {   
    margin-left: 30px;
}
/*
 Drama Wrap [
----------------------------------------------------------- */
#drama_wrap {
	width: 515px;
	margin-right: 15px;
}
#old_drama_wrap {
	width: 515px;
	margin-right: 15px;
	margin-top: 80px;
}
/*
 Heading [
----------------------------------------------------------- */
h3.drama {
	width: 515px;
	margin-right: 15px;
	padding-bottom: 10px;
	border-bottom: 2px #9dc6f3 solid;
}
h3.old_drama {
	width: 515px;
	margin-right: 15px;
	padding-bottom: 10px;
	border-bottom: 2px #9dc6f3 solid;
}
/*
 Drama Contents [
----------------------------------------------------------- */
.drama_contents {
    width: 495px;
    margin: 20px 15px 0 20px;
}
.old_drama_contents {
    width: 495px;
    margin: 20px 15px 0 20px;
}
/*
 Drama Title [
----------------------------------------------------------- */
div.drama_title {
	margin-top: 30px;
}
h4.drama_title {
	height: 25px;
	border-left: 5px #f06 solid;
	padding-left: 15px;
	font-weight: 700;
	line-height: 200%;
	font-size: 100%;
}
div.drama_title01 {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px #ccc solid;
}
h4.drama_title01 {
	height: 25px;
	border-left: 5px #f06 solid;
	padding-left: 15px;
	font-weight: 700;
	line-height: 200%;
	font-size: 100%;
}
/*
 Drama Box [
----------------------------------------------------------- */
.drama_box01 {
    width: 483px;
    height: 100%;
    border: 1px #ccc solid;
    background-color: #f5f5f5;
    padding: 5px;
    margin-top: 10px;
}
.drama_box01:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.drama_left {
	width: 330px;
	height: 100%;
	float: left;
}
.drama_left img {
	width: 326px;
	height: 96px;
	border: 2px #9cf solid;
}
.drama_right {
	width: 148px;
	height: 100%;
	float: right;
}
p.date {
	line-height: 100%;
	margin: 0;
	height: 25px;
	font-size: 110%;
	font-weight: 700;
	color: #f06;
	font-style: oblique;
}
.drama_right .audition img {
	width: 146px;
	height: 33px;
	border: 1px #f93 solid;
}
.drama_right .order {
	width: 148px;
	height: 35px;
	margin-top: 5px;
}
.drama_right .order img {
	width: 146px;
	height: 33px;
	border: 1px #6c9 solid;
}
/*
 Drama Text [
----------------------------------------------------------- */
.drama_text_wrap {
    width: 483px;
    height: 100%;
    margin-top: 20px;
    background:url(../../images/common/bg_drama_text.gif) repeat-y left top;
    padding-top: 10px;
}
.drama_text_wrap:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.drama_text_l {
	width: 320px;
	height: 100%;
	float: left;
	margin-right: 10px;
}
h5.drama_copy {
	color: #f60;
	font-size: 110%;
	font-weight: 700;
	line-height: 150%;
	margin-bottom: 20px;
}
.drama_text_r {
	width: 138px;
	height: 100%;
	float: right;
	margin-left: 10px;
}
.drama_r01 h6 {
	color: #009;
	font-weight: 700;
	font-size: 80%;
}
.drama_r01 p {
	margin-top: 5px;
	font-size: 80%;
}
.drama_r02 h6 {
	color: #009;
	font-weight: 700;
	margin-top: 20px;
	font-size: 80%;
}
.drama_r02 p {
	margin-top: 5px;
	font-size: 80%;
}
ul.drama_r03 li{
	padding-left: 15px;
    background: url(../../images/li/triangle_b01.gif) no-repeat 0 0.7em;
    margin-top: 20px;
}
/*
 Old Drama Th [
----------------------------------------------------------- */
#example {
    width: 495px;
    margin-top: 20px;
}

.th01, .th02, .th03 {
    width: 165px;
    float: left;
    text-align: center;
}
.th01 p, .th02 p, .th03 p {
    margin-top: 10px;
}

.th01 a img, .th02 a img, .th03 a img {
	border: 2px #6cf solid;
	margin: 0;
	max-width: 100%;
}
.th01 a:visited img, .th21 a:visited img, .th03 a:visited img {
	border: 2px #6cf solid;
	margin: 0;
	max-width: 100%;
}
.th01 a:hover img, .th02 a:hover img, .th03 a:hover img {
	border: 2px #f63 solid;
	margin: 0;
	max-width: 100%;
}