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

/*
 Share Style [
----------------------------------------------------------- */
* {
	margin:	0;
	padding: 0;
}
html {
	height:100%;
}
body {
	height:100%;
	font-family: Verdana,MS UI Gothic,sans-serif;
	font-size: 80%;
}
h1 {
	width: 780px;
	font-size: 70%;
	font-weight: 700;
	color: #999;
	text-align: right;
	margin: 0 auto;
	padding: 0;
}
h2,h3,h4,h5,h6 {
	font-size: 85%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
p,li,dt,dl {
	line-height: 160%;
}
p {
	margin: 0 0 1em 0;
}
li {
	list-style-type: none;
}
img {
	border: 0;
	vertical-align:bottom;
}
hr {
	display: none;
}
.clear {
	clear: both;
}

.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

.bold01 {
	font-weight: 700;
}
.bold02 {
	font-weight: 700;
	text-decoration: underline;
}
.red01 {
	color: #c30;
	font-weight: 700;
}
.red02 {
	color: #c30;
}
.blue01 {
	color: #00f;
	font-weight: 700;
}
.blue02 {
	color: #00f;
	font-weight: 700;
	font-size: 120%;
}
.pink01 {
	font-weight: 700;
	color: #f06;
}
.green01 {
	font-weight: 700;
	color: #060;
}

.gray01 {
	color: #666;
	font-size: 0.8em;
	line-height: 1em;
}

.line01 {
	text-decoration: underline;
}

/*
 Link Color [
----------------------------------------------------------- */
a {
	color: #03f;
	text-decoration: underline;
}
a:link {
	color: #03f;
	text-decoration: underline;
}
a:visited {
	color: #609;
	text-decoration: underline;
}
a:hover {
	color: #f30;
	text-decoration: none;
}
a:active {
	color: #f30;
	text-decoration: none;
}
/*
 Wrapper [
----------------------------------------------------------- */
#wrapper {
	width: 100%;
	background:	#eee url(../images/common/bg_body.gif) repeat scroll center top;
	position: relative;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	text-align: center;
}
body > #wrapper {
  height: auto;
}
/*
 Wrappe02r [
----------------------------------------------------------- */
#wrapper02 {
	padding-bottom: 85px;
	width: 810px;
	background:	url(../images/common/bg_main.png) repeat-y scroll center top;
	margin: 0 auto;
	text-align: center;
}
* html #wrapper02 {
	behavior: expression(IEPNGFIX.fix(this));
}
/*
 Container [
----------------------------------------------------------- */
#container {
	height: 100%;
	width: 780px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: -31px;
}
/*
 Header [
----------------------------------------------------------- */
#header01 {
	height: 15px;
	background:	#ddd repeat-x scroll center top;
	border-bottom: 2px #bbb solid;
}
#header02 {
	height: 30px;
	background:	url(../images/common/bg_header.gif) repeat-x scroll center top;
	border-bottom: 1px #73bee5 solid;
}
/*
 PR02 [
----------------------------------------------------------- */
.pr02 {
	width: 776px;
	height: 20px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}
.pr02 p {
	width: 515px;
	text-align: left;
	font-size: 80%;
	color: #666;
	margin: 0 15px 0 250px;
}
/*
 PICK UP [
----------------------------------------------------------- */
#pickup_wrap {
	width: 776px;
	height: 65px;
	background:	url(../images/index/bg_pickup.gif) repeat-x scroll center top;
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px #ccc solid;
}
#pickup {
	width: 515px;
	text-align: left;
	font-size: 80%;
	color: #666;
	margin: 0 15px 0 250px;
	padding-top: 5px;
}
* html #pickup {   
	margin-bottom: -6px;   
}
#h_pickup {
	width: 82px;
	height: 55px;
	background:	url(../images/index/h_pickup.gif) no-repeat scroll center center;
	display:block;
	text-decoration: none;
	text-indent:-9877em;
	overflow:hidden;
}
.pickup_fade {
	width: 410px;
	margin-left: 105px;
	margin-top: -55px;
}
.pickup_fade:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.pickup01 {
	width: 200px;
	float: left;
}
.pickup02 {
	width: 200px;
	float: left;
	padding-left: 10px;
}
.pickup03 {
	width: 250px;
	float: left;
}
.pickup04 {
	width: 150px;
	float: left;
	padding-left: 10px;
}
/*
 Contents [
----------------------------------------------------------- */
#contents {
	text-align: left;
	position: relative;
	top: 50px;
	left: 250px;
}
/*
 LOGO [
----------------------------------------------------------- */
#logo {
	position: absolute;
	top: -17px;
	left: 15px;
}
/*
 Header Link [
----------------------------------------------------------- */
#hnav_wrap {
	position: absolute;
	top: 0;
	left: 485px;
}
#hnav {
  list-style: none;
  float: right;
}
#hnav li {
  float: left;
}
#hnav li a, #hnav li a .btn {
  width: 80px;
  height: 40px;
  padding-right: 5px;
  display:block;
  text-decoration: none;
  text-indent:-9877em;
  overflow:hidden;
}
* html #hnav li a, #hnav li a .btn {   
	padding-right: 0;
	margin-right: 5px;   
}
#hnav li.contact a, #hnav li.contact a .btn {
  width: 95px;
  height: 40px;
  padding-right: 15px;
  display:block;
  text-decoration: none;
  text-indent:-9877em;
  overflow:hidden;
}
* html #hnav li.contact a, #hnav li.contact a .btn {   
	padding-right: 0;
	margin-right: 15px;   
}
#hnav li.blog a {
  background: url(../images/hnav/blog_on.png) no-repeat left top;
  display: block;
  position: relative;
}
#hnav li.blog .btn {
  background: url(../images/hnav/blog_off.png) no-repeat left top;
}
#hnav li.bbs a {
  background: url(../images/hnav/bbs_on.png) no-repeat left top;
  display: block;
  position: relative;
}
#hnav li.bbs .btn {
  background:url(../images/hnav/bbs_off.png) no-repeat left top;
}
#hnav li.contact a {
  background: url(../images/hnav/contact_on.png) no-repeat left top;
  display: block;
  position: relative;
}
#hnav li.contact .btn {
  background: url(../images/hnav/contact_off.png) no-repeat left top;
}
#hnav a.active {
  cursor: default;
}
* html #hnav li.blog a {
	behavior: expression(IEPNGFIX.fix(this));
}
* html #hnav li.bbs a {
	behavior: expression(IEPNGFIX.fix(this));
}
* html #hnav li.contact a {
	behavior: expression(IEPNGFIX.fix(this));
}
* html #hnav li.blog .btn {
	behavior: expression(IEPNGFIX.fix(this));
}
* html #hnav li.bbs .btn {
	behavior: expression(IEPNGFIX.fix(this));
}
* html #hnav li.contact .btn {
	behavior: expression(IEPNGFIX.fix(this));
}
/*
 Ground Navi [
----------------------------------------------------------- */
#bg_gnav {
	width: 206px;
	position: absolute;
	top: 158px;
	left: 15px;
}
#bg_gnav01 {
	width: 206px;
	height: 100%;
	background: url(../images/common/bg_gnav01.png) no-repeat center top;
}
* html #bg_gnav01 {
	behavior: expression(IEPNGFIX.fix(this));
}
ul#gnav {
	padding: 3px 3px 0 3px;
}
ul#gnav li a {
	margin-top: 2px;
	display:block;
	text-decoration: none;
	text-indent:-9877em;
	overflow:hidden;
}
ul#gnav li.gnav_index a {
	margin-top: 0;
	width: 200px;
	height: 35px;
	background: url(../images/gnav/index_off.gif) no-repeat center top;
}
ul#gnav li.gnav_index a:hover {
	background: url(../images/gnav/index_on.gif) no-repeat center top;
}
ul#gnav li.gnav_drama a {
	margin-top: 5px;
	width: 200px;
	height: 50px;
	background: url(../images/gnav/drama_off.gif) no-repeat center top;
}
ul#gnav li.gnav_drama a:hover {
	background: url(../images/gnav/drama_on.gif) no-repeat center top;
}
ul#gnav li.gnav_radio a {
	width: 200px;
	height: 50px;
	background: url(../images/gnav/radio_off.gif) no-repeat center top;
}
ul#gnav li.gnav_radio a:hover {
	background: url(../images/gnav/radio_on.gif) no-repeat center top;
}
ul#gnav li.gnav_offer a {
	width: 200px;
	height: 50px;
	background: url(../images/gnav/offer_off.gif) no-repeat center top;
}
ul#gnav li.gnav_offer a:hover {
	background: url(../images/gnav/offer_on.gif) no-repeat center top;
}
ul#gnav li.gnav_works a {
	margin-top: 5px;
	width: 200px;
	height: 35px;
	background: url(../images/gnav/works_off.gif) no-repeat center top;
}
ul#gnav li.gnav_works a:hover {
	background: url(../images/gnav/works_on.gif) no-repeat center top;
}
ul#gnav li.gnav_profile a {
	width: 200px;
	height: 35px;
	background: url(../images/gnav/profile_off.gif) no-repeat center top;
}
ul#gnav li.gnav_profile a:hover {
	background: url(../images/gnav/profile_on.gif) no-repeat center top;
}
ul#gnav li.gnav_contact a {
	width: 200px;
	height: 35px;
	background: url(../images/gnav/contact_off.gif) no-repeat center top;
}
ul#gnav li.gnav_contact a:hover {
	background: url(../images/gnav/contact_on.gif) no-repeat center top;
}
ul#gnav li.gnav_guide a {
	margin-top: 20px;
	width: 200px;
	text-align: center;
	background: url(../images/gnav/guide_off.gif) no-repeat center top;
}
ul#gnav li.gnav_guide a:hover {
	background: url(../images/gnav/guide_on.gif) no-repeat center top;
}

#aboutlink {
	width: 206px;
	margin-top: 25px;
}
.aboutlink01 {
	width: 186px;
	border-top: 1px #ccc solid;
	padding-top: 15px;
	margin: 0 10px;
}
.aboutlink02 {
	width: 186px;
	margin: 0 10px;
}
#aboutlink img {
	width: 200px;
	margin: 0 3px 5px 3px;
	text-align: center;
}
.aboutlink01 p, .aboutlink02 p {
	text-align: left;
	color: #666;
	font-size: 80%;
}
/*
 Footer Navi [
----------------------------------------------------------- */
#wrap_footer {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}

#wrap_fnav01 {
	height: 35px;
	margin: 0 auto;
	text-align: left;
	width: 810px;
	background:	url(../images/common/bg_main.png) repeat-y scroll center top;
}
* html #wrap_fnav01 {
	behavior: expression(IEPNGFIX.fix(this));
}

#pagetop {
	width: 110px;
	float: left;
	padding-left: 78px;
}
#fnav {
	width: 500px;
	float: right;
	padding-right: 30px;
	text-align:right;  
}
#fnav li {
	display:inline;
	list-style-type:none;
	margin-right:10px;
	padding-left:25px;
	border-left:1px solid #999;
    background: url(../images/li/triangle_b01.gif) no-repeat 10px 0.3em; 
}
#fnav li a {
	color: #03f;
	text-decoration: none;
}
#fnav li a:link {
	color: #03f;
	text-decoration: none;
}
#fnav li a:visited {
	color: #609;
	text-decoration: none;
}
#fnav li a:hover {
	color: #f30;
	text-decoration: none;
}
#fnav li a:active {
	color: #f30;
	text-decoration: none;
}

#wrap_fnav02 {
	width: 100%;
	background: #777;
	border-top: 2px #999 solid;
}
#wrap_fnav03 {
	width: 780px;
	height: 100%;
	margin: 0 auto;
	padding-top: 18px;
	padding-bottom: 20px;
	text-align: left;
	color: #fff;
}

#wrap_sitemap {
	width: 221px;
	float: left;
	padding-left: 15px;
}
ul.sitemap01 li {
	padding-left: 15px;
    background: url(../images/li/triangle_w02.gif) no-repeat 0 0.7em; 
}
ul.sitemap01 li a {
	color: #fff;
	text-decoration: none;
}
ul.sitemap01 li a:link {
	color: #fff;
	text-decoration: none;
}
ul.sitemap01 li a:visited {
	color: #fff;
	text-decoration: none;
}
ul.sitemap01 li a:hover {
	color: #fc9;
	text-decoration: underline;
}
ul.sitemap01 li a:active {
	color: #fc9;
	text-decoration: underline;
}

#fcopy {
	width: 515px;
	float: right;
	padding-right: 15px;
	text-align: right;
	font-size: 85%;
}
#fcopy p a {
	color: #6cf;
	text-decoration: underline;
}
#fcopy p a:link {
	color: #6cf;
	text-decoration: underline;
}
#fcopy p a:visited {
	color: #fcf;
	text-decoration: underline;
}
#fcopy p a:hover {
	color: #fc9;
	text-decoration: underline;
}
#fcopy p a:active {
	color: #fc9;
	text-decoration: underline;
}
/*
 Sitemap [
----------------------------------------------------------- */
.sitemap_wrap01 {
	width:750px;
	margin: 20px 0 0 0;
	margin-top: 20px;
}
.sitemap {
    width: 720px;
    margin: 10px 15px 0 15px;
    line-height: 160%;
}
.sitemap:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.sitemap_l {
	width: 120px;
	float: left;
	padding: 2px 0 2px 30px;
}
.sitemap_r {
	width: 539px;
	float: right;
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px #999 dotted;
}   
.sitemap #index {
    background: url(../images/sitemap/icon_index.gif) no-repeat 0 0em;
    height: 20px;
}
.sitemap #drama {
    background: url(../images/sitemap/icon_drama.gif) no-repeat 0 0.1em;
    height: 20px;
}
.sitemap #radio {
    background: url(../images/sitemap/icon_radio.gif) no-repeat 0 0em;
    height: 20px;
}
.sitemap #offer {
    background: url(../images/sitemap/icon_offer.gif) no-repeat 0 0.1em;
    height: 20px;
}
.sitemap #works {
    background: url(../images/sitemap/icon_works.gif) no-repeat 0 0em;
    height: 20px;
}
.sitemap #profile {
    background: url(../images/sitemap/icon_profile.gif) no-repeat 0 0.1em;
    height: 20px;
}
.sitemap #contact {
    background: url(../images/sitemap/icon_contact.gif) no-repeat 0 0.2em;
    height: 20px;
}
.sitemap #guide_s {
    background: url(../images/sitemap/icon_guide.gif) no-repeat 0 0em;
    height: 20px;
}
.sitemap .other {
    background: url(../images/sitemap/icon_other.gif) no-repeat 0 0.3em;
    height: 15px;
    width: 120px;
	float: left;
	padding: 2px 0 2px 30px;
}

.sitemap a {
	color: #6cf;
	text-decoration: underline;
}
.sitemap a:link {
	color: #6cf;
	text-decoration: underline;
}
.sitemap a:visited {
	color: #fcf;
	text-decoration: underline;
}
.sitemap a:hover {
	color: #fc9;
	text-decoration: underline;
}
.sitemap a:active {
	color: #fc9;
	text-decoration: underline;
}