@charset "UTF-8";
@import url("base.css");
@import url("text.css");

#wrap {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/main_bg.jpg) repeat-x;
	position: relative;
}

/* ヘッダー
	---------------------------------------------*/
#header {
	padding: 15px 0px 0px 25px;
	width: 925px;
	float: left;
	height: 50px;
	background-color: #FFFFFF;
	background-image: url(../img/head_bg_image.gif);
}
#header .notice {
	float: right;
	width: 152px;
	padding: 20px 20px 0px 0px;
}
#header .notice li {
	display: inline;
	float: left;
}



/* フッター
	---------------------------------------------*/
#footer {
	clear: both;
	width: 925px;
	background: url(../img/foot_bg.gif) repeat-x;
	height: 47px;
	margin: 0px;
	padding: 15px 0px 0px 25px;
	font-size: 1px;
}
#footer h3 {
	width: 308px;
	height: 30px;
	overflow: hidden;
	display: block;
	background: url(../img/foot_sig.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#footer #ftMenu {
	float: right;
	margin-right: 20px;
}


/* ナビゲーション（トップページ）
	---------------------------------------------*/
#navi {
	height: 53px;
	width: 950px;
	float: left;
	background: #CCCCCC;
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
}
#navi ul {
		margin: 0;
		padding: 0;
}
#navi li {
	margin: 0;
	display:block;
	float: left;
}
#navi ul li a {
	text-indent: -9999px;
	height: 53px;
	display: block;
}
#navi li a#navi01{
	background-image: url(../../img/nv01.jpg);
	width: 155px;
}
#navi li a#navi02{
	background-image: url(../../img/nv02.jpg);
	width: 135px;
}
#navi li a#navi03 {
	background-image: url(../../img/nv03.jpg);
	width: 135px;
}
#navi li a#navi04{
	background-image: url(../../img/nv04.jpg);
	width: 142px;
}
#navi li a#navi05 {
	background-image: url(../../img/nv05.jpg);
	width: 130px;
}
#navi li a#navi06 {
	background-image: url(../../img/nv06.jpg);
	width: 130px;
}
#navi li a#navi07{
	background-image: url(../../img/nv07.jpg);
	width: 123px;
}
#navi ul li a:hover {
	background-position: 0px -53px;
}
#navi ul li a.current {
	background-position: 0px -53px;
}

/* サブメニュー（トップページ）
	---------------------------------------------*/
#navi div {
	position:absolute;
	top:181px;
	width:155px;
	height:149px;
	z-index:100;
}
#navi div ul li {
	line-height: 0;
	display: block;
	float: none;
}
#navi div ul li a {
	text-indent: -9999px;
	height: 32px;
	width: 155px;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	zoom: 1;
	/*overflow: hidden;*/
}
#navi #child {
	left:0;
	top:148px;
}
#navi #child02 {
	left:155px;
}
#navi #child04 {
	left:425px;
}
#navi #child07 {
	left:795px;
	top:148px;
}
#navi div#child07 ul li {
	float: right;
	line-height: 0;
	display: block;
}
#navi ul li.parent div{
		display: none;
}
#navi ul li.parentOn div{
		display: block;
}

#navi li a#sub01{
	background-image: url(../../img/sub01.gif);
}
#navi li a#sub02{
	background-image: url(../../img/sub02.gif);
}
#navi	li a#sub03{
	background-image: url(../../img/sub03.gif);
}
#navi li a#sub04{
	background-image: url(../../img/sub04.gif);
}

#navi li a#sub05{
	background-image: url(../../img/sub05.gif);
}

#navi li ul li a#sub01:hover {
	background-position: 0px -32px;
}
#navi li ul li a#sub02:hover {
	background-position: 0px -32px;
}
#navi li ul li a#sub03:hover {
	background-position: 0px -32px;
}
#navi  li  ul  li  a#sub04:hover {
	background-position: 0px -32px;
}
#navi  li  ul  li  a#sub05:hover {
	background-position: 0px -32px;
}
#navi li ul li a#navi01{
	height: 53px;
	background-image: url(../../img/nv01_.jpg);
}
#navi li ul li a#navi02 {
	height: 53px;
	background-image: url(../../img/nv02_.jpg);
}
#navi li ul li a#navi04 {
	height: 53px;
	background-image: url(../../img/nv04_.jpg);
}
#navi li ul li a#navi07 {
	height: 53px;
	background-image: url(../../img/nv07_.jpg);
}

/* コンテンツ（トップページ）
	---------------------------------------------*/
#mainphoto {
	background: #FFFFFF;
	float: left;
	height: 243px;
	width: 950px;
}
p.bar {
	background: url(../../img/bar.gif) no-repeat;
	height: 10px;
	width: 100%;
	margin: 10px 0px;
	clear: both;
	float: left;
}
#topContent {
	padding: 20px 25px 20px;
	float: left;
	background: #FFFFFF;
	width: 900px;
	display: inline;
}
#topContent #left-block {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#topContent #right-block {
	float: right;
	width: 280px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
h3.mylive {
	background: url(../../img/t02_title.gif) no-repeat;
	text-indent: -9999px;
	height: 14px;
	width: 174px;
}
h3.new {
	background: url(../../img/t03_title.gif);
	text-indent: -9999px;
	height: 29px;
	width: 600px;
}
h3.topic {
	background: url(../../img/t04_title.gif);
	text-indent: -9999px;
	height: 25px;
	width: 280px;
}

/* quick----------------------------------*/
#quick {
	width: 600px;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#quick .quickTitle {
	float: left;
	width: 109px;
}
#quick .quickTable {
	float: right;
	background: url(../../img/t01_bg2.jpg) no-repeat;
	width: 481px;
	padding: 12px 0px 0px 10px;
	height: 58px;
}
.quickTable  .selectSize1 {
	width: 340px;
}
.quickTable  .selectSize12 {
	width: 100px;
}
.quickTable  .selectSize13 {
	width: 116px;
}

#quick a:hover img{
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}


/* mylive----------------------------------*/
#mylive {
	width: 600px;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
}
#mylive .liveinfo {
	background: url(../../img/t02_bg.jpg) no-repeat;
	height: 126px;
	width: 465px;
	padding: 43px 0px 0px 140px;
}
#mylive table {
	width: 450px;
	height: 100px;
}
#mylive td {
	color: #CC0000;
	font-size: 12px;
}
#mylive .membership {
	background: url(../../img/t02_bg2.jpg) no-repeat;
	height: 146px;
	width: 465px;
	padding: 23px 0px 0px 140px;
	margin: 5px 0px 0px;
}


/* whatsnew----------------------------------*/
#whatsnew {
	width: 600px;
	margin: 10px 0px 0px;
	overflow: hidden;
	padding: 0px;
	display: inline;
	float: left;
}
#whatsnew ul {
	padding: 15px 10px 15px 25px;
	float: left;
	width: 565px;
}
#whatsnew li {
	padding: 2px 0;
	list-style: disc;
}

/* topics----------------------------------*/
#topics {
	background: url(../../img/t04_bg.gif) no-repeat;
	height: 210px;
	width: 280px;
}
#topics img { margin: 5px 4px 5px 6px; }

/* banner----------------------------------*/
#banner {
	width: 280px;
	margin: 15px 0px 0px;
}
#banner li { margin: 0px 0px 10px; }

/* recruit----------------------------------*/
#recruit { 
  width: 280px; 
  margin-top:15px;
}

#recruit li {
	margin-bottom: 10px;
	border-bottom: 1px dotted #999999;
	padding-bottom: 10px;
}


#recruit .socialmenu img{
	margin:0 15px 0 0;
}
/* banner2----------------------------------*/
#banner2 {
	width: 280px;
	height: 40px;
}
#banner2 li {
	display: block;
	line-height: 0;
	float: left;
	margin: 0px 5px 0px 0px;
	height: 38px;
	width: 95px;
	padding: 0px;
}
#banner2 li#tama {
	display: block;
	line-height: 0;
	float: left;
	margin: 0px;
	height: 38px;
	width: 80px;
	padding: 0px;
}
#banner2 li a{
	width: 100%;
	line-height: normal;
	zoom: 1;
}





/* ナビゲーション（コンテンツページ）
	---------------------------------------------*/
#navi2 {
	height: 43px;
	width: 950px;
	float: left;
	background: #CCCCCC;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#navi2 ul {
		margin: 0;
		padding: 0;
}
#navi2 li {
	margin: 0;
	display:block;
	float: left;
}
#navi2 ul li a {
	text-indent: -9999px;
	height: 43px;
	display: block;	/*overflow: hidden;*/
}
#navi2 li a#navi01{
	background-image: url(../img/nav01.jpg);
	width: 155px;
}
#navi2 li a#navi02{
	background-image: url(../img/nav02.jpg);
	width: 135px;
}
#navi2 li a#navi03 {
	background-image: url(../img/nav03.jpg);
	width: 135px;
}
#navi2 li a#navi04{
	background-image: url(../img/nav04.jpg);
	width: 142px;
}
#navi2 li a#navi05 {
	background-image: url(../img/nav05.jpg);
	width: 130px;
}
#navi2 li a#navi06 {
	background-image: url(../img/nav06.jpg);
	width: 130px;
}
#navi2 li a#navi07{
	background-image: url(../img/nav07.jpg);
	width: 123px;
}
#navi2 ul li a:hover {
	background-position: 0px -43px;
}
#navi2 ul li a.current {
	background-position: 0px -43px;
}

/* サブメニュー（コンテンツページ）
	---------------------------------------------*/
#navi2 div {
	position:absolute;
	top:85px;
	width:155px;
	height:139px;
	z-index:100;
}
#navi2 div ul li {
	line-height: 0;
	display: block;
}
#navi2 div ul li a {
	text-indent: -9999px;
	height: 32px;
	width: 155px;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	zoom: 1;
	/*overflow: hidden;*/
}
#navi2 #child {
	left:0px;
	top:53px;
}
#navi2 #child02 {
	left:155px;
}
#navi2 #child04 {
	left:425px;
}
#navi2 #child07 {
	left:795px;
	top:53px;
}
#navi2 div#child07 ul li {
	float: right;
	line-height: 0;
	display: block;
}
#navi2 ul li.parent div{
		display: none;
}
#navi2 ul li.parentOn div{
		display: block;
}
#navi2 li a#sub01{
	background-image: url(../../img/sub01.gif);
}
#navi2 li a#sub02{
	background-image: url(../../img/sub02.gif);
}
#navi2	li a#sub03{
	background-image: url(../../img/sub03.gif);
}
#navi2	li  a#sub04{
	background-image: url(../../img/sub04.gif);
}
#navi2	li  a#sub05{
	background-image: url(../../img/sub05.gif);
}


#navi2 li ul li a#sub01:hover {
	background-position: 0px -32px;
}
#navi2 li ul li a#sub02:hover {
	background-position: 0px -32px;
}
#navi2 li ul li a#sub03:hover {
	background-position: 0px -32px;
}
#navi2 li ul li a#sub04:hover {
	background-position: 0px -32px;
}
#navi2 li ul li a#sub05:hover {
	background-position: 0px -32px;
}


#navi2 li ul li a#navi01{
	height: 43px;
	background-image: url(../img/nav01_.jpg);
}
#navi2 li ul li a#navi02 {
	height: 43px;
	background-image: url(../img/nav02_.jpg);
}
#navi2 li ul li a#navi04 {
	height: 43px;
	background-image: url(../img/nav04_.jpg);
}
#navi2 li ul li a#navi07 {
	height: 43px;
	background-image: url(../img/nav07_.jpg);
}

/* コンテンツページ（共通）
	---------------------------------------------*/
#Content {
	padding: 0px 25px 20px;
	float: left;
	background: #FFFFFF;
	width: 900px;
	display: inline;
}
#Content #side-block {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 0px;
	display: inline;
	background: url(../img/side_bg.gif) no-repeat 0px 24px;
}
#side-block h2 {
	color: #FFFFFF;
	background: url(../img/side_title_bg.gif) no-repeat;
	height: 24px;
	line-height:24px;
	width: 200px;
	font-size: 12px;
	padding-left: 10px;
}

#side-block ul {
	width: 180px;
	padding: 10px 0px 0px 15px;
}
#side-block li {
	padding: 5px;
	background: url(../img/side_libg.gif) repeat-x;
	height: 15px;
}

#Content #main-block {
	float: right;
	width: 666px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#main-block h1 {
	background: url(../img/title_bg.gif) no-repeat;
	color: #FFFFFF;
	height: 32px;
	line-height:32px;
	width: 654px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 12px;
}
#main-block h2 {
	font-size: 14px;
	color: #FF2A00;
	margin: 10px;
}

#headphoto {
	background: #FFFFFF;
	float: left;
	height: 148px;
	width: 950px;
}
#pan {
	width: 925px;
	float: left;
	background: url(../img/pan_bg.jpg) repeat-x;
	height: 34px;
	padding: 10px 0px 0px 25px;
}

/** price **/
table#price {
margin: 0 0 25px 10px;
border-collapse: collapse;
}
#price caption {
padding: 0 0 15px;
}
#price td,
#price th {
padding: 5px 7px;
border: 1px solid #BBBBBB;
}
#price th {
text-align: left;
font-weight: normal;
}

.mainContents	thead tr {
	background-color: #FFFFFF;
}
.mainContents table { width: 600px;}
.mainContents tbody tr { background: #F6F6F9;}
.mainContents tbody tr.bgch { background: #FCFCFF;}


div.mainContents { margin: 0 0 30px; }

ul.annotation {
	margin: 10px 0;
	padding: 0 0 0 2em;
	list-style-type: none;
	font-size: 1em;
}
ul.annotation li {
	padding: 1px 0 1px 10;
	text-indent: -1em;
}
#pageTop {
	text-align: right;
	width: 666px;
}
.style2 {font-size: 0.9em}
.style3 {
	font-size: 0.9em;
	color: #FF0000;
}


/* 間隔（共通）
	---------------------------------------------*/
.mb10{
	margin-bottom:10px;
}