@charset "UTF-8";


/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本タグ ------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

body {
	background: #222222;
	text-align: center;
	color: #999999;
}

img,table {
	border: none;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

li img,
dt img {
	vertical-align: bottom;
}

address,em,cite {
	font-style: normal;
}


/* 基本テキストリンク ------------------------------ */

a:link {
	color: #cccccc;
	text-decoration: underline;
}
a:visited {
	color: #cccccc;
	text-decoration: underline;
}
a:hover {
	color: #f231cb;
	text-decoration: underline;
}
a:active {
	color: #f231cb;
	text-decoration: underline;
}


/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: .1em;}
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 レイアウト枠
--------------------------------------------------------------------------------------- */

#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.5;
}

#content {
	position: relative;
	width: 1000px;
	margin-top: 15px;
	z-index: 2;
}

#alpha {
	float: left;
	width: 600px;
}

#beta {
	float: right;
	width: 360px;
}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

#header {
	position: relative;
	width: auto;
	z-index: 10;
}

#header .logo {
	padding: 27px 11px 12px;
}

#header .bnr {
	position: absolute;
	top: 27px;
	right: 0;
	height: 78px;
	border: 1px solid #333333;
}

#header .gnav {
	padding-left: 3px;
	background: url(../img/gnav_over2.gif) no-repeat;
	line-height: 1.2;
}

#header .gnav li {
	float: left;
}

#header .gnav li img {
	vertical-align: top;
}

#header .gnav li.select img,
#header .gnav li a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}


/* dropdown ----------------------------------------------------------------- */

/* common */
.dropdown dt {cursor:pointer;}
.dropdown dd {
	position:absolute;
	display:none;
	overflow:hidden;
	opacity:0;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
}

.dropdown li {
	display:inline;
	clear:both;	
}

.dropdown a,
.dropdown a:hover,
.dropdown a:active {
	display:block;
	text-decoration:none;
}

.dropdown dt span {
	display: block;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	width: 0px;
	height: 0px;
}

/* globalmenu */
/* (livehouse) */
.dropdown dt#glive-ddheader {
	width:152px;
	height:50px;
	background:url(../img/gnav01.gif)
}

.dropdown dd#glive-ddheader {
	width:155px;
}

.dropdown #glive-ddcontent li {
	border-bottom:1px solid #ccc;
	width:128px;
	font-size:12px;
}

/* (management) */
.dropdown dt#gmngm-ddheader {
	width:113px;
	height:50px;
	background:url(../img/gnav05.gif)
}

.dropdown dd#gmngm-ddheader {
	width:105px;
}

.dropdown #gmngm-ddcontent li {
	border-bottom:1px solid #ccc;
	width:103px;
	font-size:11px;
}

/* (label) */
.dropdown dt#glabel-ddheader {
	width:94px;
	height:50px;
	background:url(../img/gnav06.gif)
}

.dropdown dd#glabel-ddheader {
	width:190px;
}

.dropdown #glabel-ddcontent li {
	border-bottom:1px solid #ccc;
	width:188px;
	font-size:11px;
}

/* (common) */
.dropdown dd#glive-ddcontent,
.dropdown dd#gmngm-ddcontent,
.dropdown dd#glabel-ddcontent {
	margin:0px 0 0 10px;
}

.dropdown #glive-ddcontent a,
.dropdown #gmngm-ddcontent a,
.dropdown #glabel-ddcontent a {
	padding:4px 7px;
	background:#333333;
	color:#999999;
}

.dropdown #glive-ddcontent a:hover,
.dropdown #gmngm-ddcontent a:hover,
.dropdown #glabel-ddcontent a:hover {
	background:#222222;
	color:#eeeeee;
}


/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */

#footer {
	margin-top: 40px;
	padding: 20px 0 15px;
	background: #F231CB;
	color:#eeeeee;
}

#footer a:link,
#footer a:visited {
	color:#eeeeee;
}
#footer a:hover,
#footer a:active {
	color: #ffff00;
}

#footer-inner {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	font-size: 93%;
	line-height: 1.7em;
}

#footer #main {
	float: left;
	margin-right: 50px;
}
#footer #main #cr {
	display: block;
}

#footer #main p {
	margin-top: 4px;
}

#footer #main p.link {
	margin: 0 0 0;
}

#footer #mobile {
	float: left;
	width: 220px;
	margin-right: 50px;
	padding-top: 3px;
}

#footer #mobile dt {
	margin-bottom: 10px;
}

#footer #mobile dd {
	margin-top: 4px;
}

#footer .twitter {
	float:left;
	width: 357px;
}


#footer #icons {
float:left;
margin-top: 15px;
}

#footer #icons ul {
clear:left;
margin:0;
padding-top:10px;
list-style:none;
}
#footer #icons ul li {
float:left;
display:block;
text-indent:-9999em;
margin:0;
}
#footer #icons ul li a {
display:block;
text-decoration:none;
overflow:hidden;
}

.icon1 {padding:2px 0 0 0;}
.icon2 {padding:0px 0 0 10px;}
.icon3 {padding:3px 0 0 10px;}
.icon4 {padding:0px 0 0 10px;}
.icon5 {padding:0px 0 0 10px;}
.icon6 {padding:3px 0 0 0;}
.icon7 {padding:0px 0 0 10px;}
.icon8 {padding:3px 0 0 10px;}
.icon9 {padding:0px 0px 0 0;}
.icon10 {padding:0px 0px 0 10px;}
.icon11 {padding:0px 0px 0 10px;}
.icon12 {padding:3px 0px 0 10px;}
.icon13 {padding:4px 0px 0 10px;}

.icon1 a {
width:35px;
height:21px;
background:url("../img/footer/f_icon1.gif") top left no-repeat;
}
.icon2 a {
width:52px;
height:24px;
background:url("../img/footer/f_icon2.gif") top left no-repeat;
}
.icon3 a {
width:52px;
height:17px;
background:url("../img/footer/f_icon3.gif") top left no-repeat;
}
.icon4 a {
width:60px;
height:20px;
background:url("../img/footer/f_icon4.gif") top left no-repeat;
}
.icon5 a {
width:46px;
height:23px;
background:url("../img/footer/f_icon5.gif") top left no-repeat;
}
.icon6 a {
width:58px;
height:17px;
background:url("../img/footer/f_icon6.gif") top left no-repeat;
}
.icon7 a {
width:50px;
height:23px;
background:url("../img/footer/f_icon7.gif") top left no-repeat;
}
.icon8 a {
width:67px;
height:18px;
background:url("../img/footer/f_icon8.gif") top left no-repeat;
}
.icon9 a {
width:34px;
height:25px;
background:url("../img/footer/f_icon9.gif") top left no-repeat;
}
.icon10 a {
width:54px;
height:23px;
background:url("../img/footer/f_icon10.gif") top left no-repeat;
}
.icon11 a {
width:41px;
height:23px;
background:url("../img/footer/f_icon11.gif") top left no-repeat;
}
.icon12 a {
width:46px;
height:15px;
background:url("../img/footer/f_icon12.gif") top left no-repeat;
}
.icon13 a {
width:58px;
height:12px;
background:url("../img/footer/f_icon13.gif") top left no-repeat;
}
.footer #icons-bottom {clear:both;}