@import url(/css/menu.css);

html{
overflow-y:scroll;
}

body{
	margin:0px;
	padding:0px;
	background:url(/img/footer_bg.gif) no-repeat center bottom;
}
p{
line-height:1.7em;
font-size:14px;
}
#container{
width:960px;
margin:0 auto;
margin-bottom:150px;
}
#header{
height:110px;
position:relative;
}
#mainHeader{
width:100%;
height:511px;
background-color:#000000;
}
#mainVisual{
width:100%;
height:440px;
}
#mainTitle{
width:100%;
height:71px;
background:url(../img/main_title.gif) no-repeat center;
}
#headerIndex{
height:20px;
position:relative;
}

#subVisual{
width:960px;
height:200px;
}
#subVisualBio{
width:960px;
height:400px;
}
#mainContents{
margin-top:0px;
}
#contents{
width:760px;
float:left;
}
#contentsIndex{
width:720px;
float:left;
margin-top:10px;
}
#sideMenu{
margin-top:20px;
margin-left:20px;
width:180px;
float:right;
}
#sideMenu p{
	font-size:12px;
}
#sideMenuIndex{
margin-left:20px;
width:220px;
float:right;
margin-top:10px;
}

#logo{
margin:0px;
padding:0px;
position:absolute;
top:40px;
display:block;
width:200px;
height:50px;
}
#menu{
position:absolute;
right:0px;
width:527px;
height:60px;
}

#menuIndex{
position:absolute;
right:0px;
width:527px;
height:20px;
}
.mainMenu{
position:absolute;
top:-38px;
}
.mainMenuIndex{
margin-left:10px;
}


#menu li{
position:absolute;
}

.sCnt{
width:232px;
float:left;
background:url(/img/top_sCnt_bg.gif) repeat-y;
margin-left:10px;
font-size:12px;
}
.sCnt p, .mCnt p{
padding:0px 10px 0px 10px;
line-height:1.4em;

}

.c520_l{
	width:520px;
	float:left;
}
.c500_l{
	width:500px;
	float:left;
}

.c440_l{
	width:440px;
	float:left;
}

.c380_l{
	width:380px;
	float:left;
}

.c360_l{
	width:360px;
	float:left;
}
.c320_l{
	width:320px;
	float:left;
}
.c300_l{
	width:300px;
	float:left;
}

.c280_l{
	width:280px;
	float:left;
}
.c240_l{
	width:240px;
	float:left;
}

.c160_l{
	width:160px;
	float:left;
}
.c180_l{
	width:180px;
	float:left;
}
.c580_l{
	width:580px;
	float:left;
}

.mCnt{
width:464px;
float:left;
background:url(/img/top_mCnt_bg.gif) repeat-y;
font-size:12px;
}
.mCntEnd{
vertical-align:bottom;
width:464px;
height:13px;
background:url(/img/top_mCnt_bg_e.gif) no-repeat;
background-position:bottom;
}
.sCntEnd{
vertical-align:bottom;
width:232px;
height:13px;
background:url(/img/top_sCnt_bg_e.gif) no-repeat;
background-position:bottom;
}
.lCnt{
width:760px;
clear:both;
}
.lCntIndex{
width:720px;
clear:both;
}


/* ################################## */
/* base */
/* ################################## */
h1,h2,h3,h4,h5,ul,li{
margin:0px;
padding:0px;
}
h1,h2,h3{
	font-size:16px;
	color:#262626;
	margin-bottom:20px;
}
h1{
	color:#000000;
}
h2{
margin-top:20px;
}
h2,h3{
	height:24px;
	border-bottom:1px dotted #999999;
}
.storytitle{
	background:url(/img/h3_bg.gif) no-repeat;
	height:24px;
	padding-left:12px;
	padding-top:3px;
}
.storycontent img{
	display:block;
}

a img { border:0; }

a:link {
text-decoration:none;
}
a:hover {
color:#0066FF;
text-decoration:underline;
}

/*
a:link {
color:#0066FF;
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
color:#0066FF;
text-decoration:underline;
}
*/
/*a:active {
color:#666;
}*/
.clear{
clear:both;
}

.gotoTop{
clear:both;
text-align:right;
font-size:12px;
width:100%;
/*border-top:1px dotted #CCCCCC;*/
padding:3px 0px;
margin:20px 0px;
}




/* ################################## */
/* top */
/* ################################## */


.top_news{
background:url(/img/top_news_title.gif) no-repeat;
text-indent:-5432px;
height:30px;
}
.top_blog{
background:url(/img/top_blog_title.gif) no-repeat;
text-indent:-5432px;
height:30px;
}
.top_banner{
position:relative;
background:url(/img/top_banner.gif) no-repeat;
height:78px;
margin-bottom:15px;
}
.top_banner p{
margin:0px;
padding:0px 10px 0px 0px;
position:absolute;
left:194px;
top:14px;
line-height:145%;
font-size:12px;
color:#FFFFFF;
}


.ul01{
list-style:none;
}
.ul01 li{
clear:both;
margin:0px 10px 0px 10px;
padding:8px 0px;
border-bottom:1px dotted #CCCCCC;
font-size:14px;
}
/*
.ul01{
list-style:none;
}
.ul01 li{
clear:both;
margin:0px 10px 0px 10px;
padding:8px 0px;
border-bottom:1px dotted #CCCCCC;
font-size:14px;
}
*/
.newsTopicsDate{
font-size:12px;
color:#999999;
/*font-weight:bold;*/
padding-left:3px;
height:20px;
vertical-align:middle;
}

.blogTopics{
list-style:none;
}
.blogTopics li{
clear:both;
margin:0px 10px 0px 10px;
padding:8px 0px;
border-bottom:1px dotted #CCCCCC;
font-size:12px;
}


/* ################################## */
/* side */
/* ################################## */
.volunteerStaff{
clear:both;
margin-top:10px;
}

.side_blog, .side_info{
	margin-top:15px;
	text-indent:-5432px;
	height:31px;
}

.side_blog{
	background:url(/img/side_blog_top.gif) no-repeat;
}
.side_info{
	background:url(/img/side_info_top.gif) no-repeat;
}

.sideBlogCnt, .sideInfoCnt{
	width:232px;
	background:url(/img/top_sCnt_bg.gif) repeat-y;
	margin:15px 0px;
	font-size:12px;
}
.sideBlogCnt p, .sideInfoCnt p{
	padding:10px 0px 10px 0px;
	line-height:1.4em;
}
.sideBlogCnt li, .sideInfoCnt li{
	font-size:12px;
}
.sideInfoCntEnd, .sideBlogCntEnd{
	display:block;
	vertical-align:bottom;
	width:232px;
	height:24px;
	background:url(/img/side_blog_bottom.gif) no-repeat;
	background-position:bottom;
}

/* ################################## */
/* footer */
/* ################################## */
#footer{
	clear:both;
	margin-top:10px;
	font-size:12px;
	text-align:center;
}
.footer_idx{
	margin-top:5px;
	padding-top:10px;
	border-top:1px dotted #999999;
}

.panlist_footer{
 font-size:12px;
 clear:both;
 border-bottom:1px dotted #999999;
 border-top:1px dotted #999999;
 padding:10px 0 10px 0;
}
/* ################################## */
/* menu */
/* ################################## */
.mainMenu{
clear:both;
}

.mainMenu li{
margin-top:80px;
	list-style-type:none;
	height:27px;
	float:left;
}
.mainMenu a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
.mainMenu a:focus{
/*\*/
	overflow: hidden;
/**/
}
.mainMenu li a:hover{
	background:none !important;
}




.mainMenuIndex li{
margin-top:3px;
	list-style-type:none;
	height:22px;
}
.mainMenuIndex a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
.mainMenuIndex a:focus{
/*\*/
	overflow: hidden;
/**/
}
.mainMenuIndex li a:hover{
	background:none !important;
}




.globalMenu{
position:absolute;
top:45px;
right:0px;

clear:both;
font-size:12px;
color:#FD6419;
}
.globalMenu li{
	list-style-type:none;
	float:left;
padding-right:12px;
}
.globalMenu a{
color:#FD6419;
text-decoration:none;
}
.globalMenu a:hover{
color:#FD6419;
text-decoration:underline;
}

.languageMenu {
position:absolute;
top:4px;
right:0px;
}
.languageMenu li{
float:left;
font-size:12px;
padding-right:12px;
}


/* ################################## */
/* sub */
/* ################################## */

.panlist{
	padding:5px 0 5px 0;
	width:760px;
	font-size:12px;
/*	border-bottom:1px solid #CCCCCC;*/
}
.sub_contents p{
	padding:0px;
	margin:10px 0px 30px 0px;
	font-size:13px;
	line-height:190%;
}

.sideul{
  font-size:13px;
  margin:13px 0px 23px 10px;
}

.sideul li{
  padding-bottom:7px;
  list-style:none;
  padding-left:12px;
  background:url(/img/common_ul.gif) no-repeat;
  background-position:0px 1px;
}


.default_ul{
  font-size:13px;
  margin:13px 0px 13px 10px;
}

.default_ul li{
  padding-bottom:7px;
  list-style:none;
  padding-left:12px;
  background:url(/img/common_ul.gif) no-repeat;
  background-position:0px 1px;
}


.sub_contents h2,.sub_contents h3{
background:url(/img/h_marker.gif) no-repeat;
padding-left:10px;
}


.img_right{
margin:0px 0px 20px 20px;
}

.img_left{
margin:0px 20px 20px 0px;
}

/* ################################## */
/* artists */
/* ################################## */
.artistLineup{
	float:left;
	margin:0 3px 12px 0;
}
/* ################################## */
/* schedule */
/* ################################## */

/* left dotted frame */
.dotFrame{
width:315px;
border:1px dotted #CCCCCC;
padding:10px 10px 10px 12px;
font-size:12px;
line-height:185%;
}


.table01{
margin:15px 0px 20px 0px;
font-size:12px;
border:1px solid #CCCCCC;

border-collapse: collapse;	border-spacing: 0;
}
.table01 td{
border:1px solid #CCCCCC;
line-height:175%;
padding:5px;
}

.od{
background:#EFEFEF;
}

/* ################################## */
/* margin */
/* ################################## */
.ml_10{
	margin-left:10px;
}
.ml_20{
	margin-left:20px;
}
.mb_20{
	margin-bottom:20px;
}
.m_10{
	margin-bottom:10px;
	margin-top:10px;
}
.m_20{
	margin-bottom:20px;
	margin-top:20px;
}
.mt_30{
	margin-top:30px;
}
.mt_20{
	margin-top:20px;
}
.mt_10{
	margin-top:10px;
}

/* ################################## */
/* image */
/* ################################## */
.img_b20{
	margin-bottom:20px;
}
.img_b10{
	margin-bottom:10px;
}
.img_10{
	margin:10px 0 10px 0;
}
.img_20{
	margin:20px 0 20px 0;
}


/* ################################## */
/* biography */
/* ################################## */
.bio_person{
	float:left;
	width:180px;
	margin-right:13px;
}
.bio_person_last{
	float:left;
	width:180px;
}



/* ################################## */
/* discography */
/* ################################## */
.disc_img{
	border:1px solid #666666;
	margin-bottom:40px;
}
.disc_img_n{
	border:1px solid #666666;
}
.disc_info{
padding:10px;
border:1px dotted #999999;
}



.mailMagazineBox{
	width:220px;
	height:200px;
	background:url(../img/mailmagazine_bg.gif) no-repeat;
	margin-bottom:20px;
}
.mailMagazineBoxText{
	font-size:12px;
	padding:50px 15px 10px 10px;
	line-height:155%;
}

.newsBoxIndex{
	margin-top:10px;
/*	background:url(../img/mark_news.gif) no-repeat;*/
/*	background:url(/img/world_s.gif) no-repeat;
	background-position:bottom right;*/
	margin-bottom:20px;
}
.newsUl{
	/*margin-left:76px;*/
	padding-left:0px;
	list-style:none;
	font-size:14px;
/*	border-left:1px solid #333333;*/
}
.newsUl li{
	margin-bottom:5px;
}

.mobile_qr{
width:220px;
height:60px;
background:url(../img/hinokiya-mobile.gif) no-repeat;
margin-bottom:20px;
}

.stxt{
font-size:12px;
color:#006699;
margin-bottom:20px;
}

.request_ul{
color:#FF6600;
font-size:14px;
margin:13px 0px 13px 10px;
font-weight:bold;
}

.request_ul li{
  padding-bottom:7px;
  list-style:none;
  padding-left:12px;
  background:url(/img/common_ul.gif) no-repeat;
  background-position:0px 1px;
}

.archive_navi{
	text-align:center;
}

.h3_blue{
	background:url(/img/h3_blue_bg.gif) no-repeat;
	height:24px;
	color:#666666;
	padding-left:12px;
	padding-top:3px;
	border::none;
}


.top_live{
	clear:both;
	background:url(../img/h3_live.gif) no-repeat;
	height:20px;
	text-indent:-9999px;
	margin-top:10px;
	border:none;
}
.top_news{
	background:url(../img/h3_news.gif) no-repeat;
	height:20px;
	text-indent:-9999px;
	border:none;
}
.top_diary{
display:block;
width:219px;
height:88px;
position:absolute;
top:0px;
	float:left;
	text-indent:-9999px;
/*	height:0px;*/
	border:none;
}
.top_diary a{
display:block;
width:219px;
height:88px;
}

.diary_shimada{
	background:url(../img/shimada.gif) no-repeat;
}
.diary_watanabe{
	background:url(../img/watanabe.gif) no-repeat;
}
.diary_amemiya{
	background:url(../img/amemiya.gif) no-repeat;
}
.diary_date{
	width:64px;
	height:13px;
	font-size:10px;
	background:#A3C93D;
	color:#FFF;
	text-align:center;
	padding-top:2px;
}
.diary_div{
	display:block;
	padding-left:46px;
	margin-bottom:4px;
	padding-bottom:4px;
	width:168px;
	border-bottom:1px dotted #CCCCCC;
}
.diary_title{
	font-size:13px;
	padding-top:3px;
}
.diary_body{
	font-size:12px;
	padding-top:2px;
	color:#555;
}
.diaryUl{
	list-style:none;
}


/****************************************************/
/* news */
/****************************************************/
.news_date{
	width:64px;
	height:13px;
	font-size:10px;
	background:#70B7B7;
	color:#FFF;
	text-align:center;
	padding-top:2px;
}
.news_div{
clear:both;
	margin-bottom:10px;
	padding-bottom:4px;
	border-bottom:1px dotted #CCCCCC;
}
.news_title{
	font-size:13px;
	padding-top:3px;
	font-weight:bold;
}
.news_body{
	font-size:12px;
	padding-top:2px;
	color:#555;
}
.newsUl{
	list-style:none;
}
.news_img{
float:left;
width:60px;
}
.news_right{
margin-left:15px;
width:440px;
float:left;
}

/****************************************************/
/* live */
/****************************************************/
.live_date{
	width:64px;
	height:13px;
	font-size:10px;
	background:#F21119;
	color:#FFF;
	text-align:center;
	padding-top:2px;
}
.live_div{
clear:both;
	margin-bottom:10px;
	padding-bottom:4px;
	border-bottom:1px dotted #CCCCCC;
}
.live_title{
	font-size:13px;
	padding-top:3px;
	font-weight:bold;
}
.live_body{
	font-size:12px;
	padding-top:2px;
	color:#555;
}
.liveUl{
	list-style:none;
}
.live_img{
float:left;
width:60px;
}
.live_right{
margin-left:15px;
width:440px;
float:left;
}


.img60{
	width:60px;
	border:1px solid #CCCCCC;
}
.nonehr{
	border:none;
}

hr{
border:none;
border-bottom:1px dotted #666;
}

.ph_mr{
margin-left:10px;
margin-bottom:10px;
}
.ph_ml{
margin-right:10px;
margin-bottom:10px;
}
.sub_p{
	font-size:12px;
	color:#FF9900;
}
.sub_b{
	font-size:12px;
	font-weight:bold;
}
.cap_b{
color:#0099CC;

}
.cap_o{
color:#FF3300;
}

.story_left{
	width:420px;
}
.story_right{
	width:420px;
	float:right;
}
.storycontent img{
clear:both;
}

.category-1 h3{
background:#DDEEDD;
padding:7px 0 0 8px;
}
.category-1 div{
	line-height:140%;
}