*{
	margin: 0;
	padding: 0;
	font-family: 'Meiryo', 'Verdana', sans-serif;
}

body
{
	text-align: center;
	background: url("../image/index/background.png");
}

ul, ol
{
	margin: auto -4em 1em 0;
	padding: 0;
	position: relative;
	left: -4em;
	overflow: hidden;
}

li
{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

ul ul, ul ol,
ol ol, ol ul
{
	margin-left: 1em;
	padding-left: 0;
}

ul li, ol li
{
	margin-left: 5em;
}

div
{
	text-align: left;
}

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

#header
{
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	background: url("../image/index/div-common-back.png") repeat-x;
	background-position: left bottom;
}

#header .header-inner
{
	width: 984px;
	margin: 0 auto;
}

#header h1
{
	width: 984px;
	height: 418px;
	margin: 0 auto;
	margin-bottom: 40px;
	background: url("../image/index/header.png") no-repeat;
	text-indent: -9999em;
}

#header p
{
	width: 904px;
	margin-left: 40px;
	margin-right: 40px;
	font-size: 80%;
	color: #666;
	line-height: 3em;
	text-align: center;
}

#header p a:link,
#header p a:visited
{
	color: #c40019;
}

#header p a:hover,
#header p a:active
{
	color: #f00;
}

/* ****************************** */
/* インフォメーション */
/* ****************************** */

#information
{
	background: url("../image/index/div-common-back.png") repeat-x;
	background-position: left bottom;
	overflow: hidden;
	margin-bottom: 40px;
}

#information *
{
	line-height: 50px;
	color: #666;
}

#information .infomation-inner
{
	width: 984px;
	margin: 0 auto;
	overflow: hidden;
}

#information * a:link,
#information * a:visited
{
	color: #c40019;
}

#information * a:hover,
#information * a:active
{
	color: #f00;
}

#information * a.logo:link,
#information * a.logo:visited
{
	display: block;
	text-indent: -9999em;
	background: url("../image/index/logo-kokusai.png") no-repeat;
	width: 184px;
	height: 34px;
	margin-top: 15px;
	overflow: hidden;
}

#information * a.logo:hover,
#information * a.logo:active
{
	background-position: left bottom;
}

#information .infomation-inner dl.information-left
{
	width: 442px;
	margin-left: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
	float: left;
	display: inline;
}

#information .infomation-inner dl.information-right
{
	width: 442px;
	margin-right: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
	float: right;
	display: inline;
}

#information .infomation-inner dl.information-left dt,
#information .infomation-inner dl.information-right dt
{
	clear: left;
	float: left;
	width: 162px;
	font-size: 65%;
}

#information .infomation-inner dl.information-left dt span,
#information .infomation-inner dl.information-right dt span
{
	font-family: 'Century',serif;
	font-weight: 900;
	display: block;
	float: left;
	width: 70px;
}

#information .infomation-inner dl.information-left dd,
#information .infomation-inner dl.information-right dd
{
	width: 280px;
	float: left;
}

#information .infomation-inner dl.information-left dd p,
#information .infomation-inner dl.information-right dd p
{
	font-size: 80%;
}

#information .infomation-inner dl.information-left dd dl.time,
#information .infomation-inner dl.information-right dd dl.price
{
	width: 280px;
}

#information .infomation-inner dl.information-left dd dl.time *,
#information .infomation-inner dl.information-right dd dl.price *
{
	line-height: 20px;
}

#information .infomation-inner dl.information-left dd dl.time dt
{
	clear: left;
	float: left;
	width: 100px;
	font-size: 65%;
}

#information .infomation-inner dl.information-right dd dl.price dt
{
	clear: left;
	float: left;
	width: 50px;
	font-size: 65%;
}

#information .infomation-inner dl.information-left dd dl.time dt span,
#information .infomation-inner dl.information-right dd dl.price dt span
{
	width: 50px;
}

#information .infomation-inner dl.information-left dd dl.time dd
{
	float: left;
	width: 180px;
}

#information .infomation-inner dl.information-right dd dl.price dd
{
	float: left;
	width: 230px;
}

/* ****************************** */
/* ゲストDJ */
/* ****************************** */

#guest
{
	background: url("../image/index/div-common-back.png") repeat-x;
	background-position: left bottom;
	overflow: hidden;
	margin-bottom: 40px;
}

#guest .guest-inner
{
	width: 984px;
	margin: 40px auto;
	overflow: hidden;
}

#guest .guest-inner .catch
{
	width: 85px;
	margin-left: 40px;
	float: left;
	display: inline;
}

#guest .guest-inner .catch h2
{
	font-size: 80%;
	font-family: 'Century',serif;
	color: #666;
	line-height: 40px;
}

#guest .guest-inner .dj-name
{
	width: 412px;
	float: left;
}

#guest .guest-inner .dj-name h3
{
	font-size: 100%;
	font-family: 'Century',serif;
	color: #666;
	line-height: 40px;
}

#guest .guest-inner .photo
{
	width: 300px;
	float: right;
	margin-right: 40px;
	display: inline;
}

#guest .guest-inner .caption
{
	width: 550px;
	margin-left: 40px;
	margin-top: 20px;
	float: left;
	display: inline;
}

#guest .guest-inner .caption p.text
{
	font-size: 80%;
	line-height: 2em;
	color: #666;
}

#guest .guest-inner .caption p.link
{
	font-size: 80%;
	margin-top: 20px;
	text-align: right;
}

#guest .guest-inner .caption p.link a:link,
#guest .guest-inner .caption p.link a:visited
{
	color: #c40019;
}

#guest .guest-inner .caption p.link a:hover,
#guest .guest-inner .caption p.link a:active
{
	color: #f00;
}

/* ****************************** */
/* C.R.E.A.M '08 */
/* ****************************** */

#archive
{
	background: url("../image/index/div-common-back.png") repeat-x;
	background-position: left bottom;
	overflow: hidden;
	margin-bottom: 40px;
}

#archive .archive-inner
{
	width: 984px;
	margin: 40px auto;
	overflow: hidden;
}

#archive .archive-inner h2
{
	font-size: 80%;
	font-family: 'Century',serif;
	color: #666;
	line-height: 40px;
	margin-left: 40px;
	margin-bottom: 40px;
}

#archive .archive-inner .photo-gallery
{
	width: 432px;
	float: left;
	margin-left: 40px;
	display: inline;
}

#archive .archive-inner .photo-gallery ul,
#archive .archive-inner .photo-gallery ul li
{
	margin: 0;
	padding: 0;
	position: static;
	left: 0;
}

#archive .archive-inner .photo-gallery ul
{
	width: 440px;
	margin-left: -8px
}

#archive .archive-inner .photo-gallery ul li
{
	float: left;
	display: inline;
	margin-left: 8px;
	width: 102px;
	height: 68px;
	margin-bottom: 8px;
	background: #eee;
}

#archive .archive-inner .photo-gallery ul li a
{
	display: block;
	width: 102px;
	height: 68px;
}


#archive .archive-inner .photo-gallery ul li a img
{
	border: 0;
	display: block;
}

#archive .archive-inner .movie
{
	width: 432px;
	float: right;
	margin-right: 40px;
	display: inline;
}

/* ****************************** */
/* TV-SPOT */
/* ****************************** */

#spot
{
	background: url("../image/index/div-common-back.png") repeat-x;
	background-position: left bottom;
	overflow: hidden;
	margin-bottom: 40px;
}

#spot .spot-inner
{
	width: 984px;
	margin: 40px auto;
	overflow: hidden;
}

#spot .spot-inner .movie
{
	width: 432px;
	float: right;
	margin-right: 40px;
	display: inline;
}

#spot .spot-inner .text
{
	width: 432px;
	float: left;
	margin-left: 40px;
	display: inline;
}

#spot .spot-inner .text h2
{
	font-size: 80%;
	font-family: 'Century',serif;
	color: #666;
	line-height: 40px;
	margin-top: 130px;
}

#spot .spot-inner .text p
{
	font-size: 80%;
	font-family: 'Century',serif;
	color: #666;
	line-height: 40px;
}

/* ****************************** */
/* バナー群 */
/* ****************************** */

#banner
{
	width: 904px;
	margin: 0 auto;
}

#banner dl
{
	width: 904px;
	overflow: hidden;
}

#banner dl dt
{
	clear: left;
	float: left;
	width: 154px;
	font-size: 80%;
	font-family: 'Century',serif;
	font-weight: 900;
	color: #666;
	margin-bottom: 40px;
}

#banner dl dd
{
	float: left;
	width: 750px;
	margin-bottom: 40px;
}

#banner dl dd a.kokusai21
{
	background: url("../image/index/logo-kokusai.png") no-repeat;
	width: 184px;
	height: 34px;
}

#banner dl dd a.comfy
{
	background: url("../image/index/logo-comfy.png") no-repeat;
	width: 68px;
	height: 24px;
	margin-top: 3px;
}

#banner dl dd a.komachi
{
	background: url("../image/index/logo-komachi.png") no-repeat;
	width: 99px;
	height: 19px;
	margin-top: 5px;
}

#banner dl dd a.nbs
{
	background: url("../image/index/logo-nbs.png") no-repeat;
	width: 47px;
	height: 25px;
	margin-top: 2px;
}

#banner dl dd a.kp
{
	background: url("../image/index/logo-kp.png") no-repeat;
	width: 48px;
	height: 30px;
}

#banner dl dd ul li.amiamie
{
	background: url("../image/index/logo-amiamie.png") no-repeat;
	width: 101px;
	height: 24px;
	margin-top: 8px;
	text-indent: -9999em;
}

#banner dl dd a.sora
{
	background: url("../image/index/logo-sora.png") no-repeat;
	width: 64px;
	height: 39px;
}

#banner dl dd a.tonelico
{
	background: url("../image/index/logo-tonelico.png") no-repeat;
	width: 101px;
	height: 26px;
	margin-top: 6px;
}

#banner dl dd a.flare
{
	background: url("../image/index/logo-flare.png") no-repeat;
	width: 75px;
	height: 38px;
}

#banner dl dd a.bless
{
	background: url("../image/index/logo-bless.png") no-repeat;
	width: 73px;
	height: 41px;
}

#banner dl dd a.nubow
{
	background: url("../image/index/logo-nubow.png") no-repeat;
	width: 80px;
	height: 23px;
	margin-top: 9px;
}

#banner dl dd a.sanko
{
	background: url("../image/index/logo-sanko.png") no-repeat;
	width: 147px;
	height: 17px;
	margin-top: 12px;
}

#banner dl dd a.freecloud
{
	background: url("../image/index/logo-freecloud.png") no-repeat;
	width: 143px;
	height: 27px;
	margin-top: 12px;
}

#banner dl dd a.popuri
{
	background: url("../image/index/logo-popuri.png") no-repeat;
	width: 100px;
	height: 50px;
}

#banner dl dd a.mariko
{
	background: url("../image/index/logo-mariko.png") no-repeat;
	width: 160px;
	height: 55px;
}

#banner dl dd a.bess
{
	background: url("../image/index/logo-bess.png") no-repeat;
	width: 55px;
	height: 55px;
}

#banner dl dd a.namsan
{
	background: url("../image/index/logo-namsan.png") no-repeat;
	width: 180px;
	height: 40px;
}

#banner dl dd a.keelsbar
{
	background: url("../image/index/logo-keelsbar.png") no-repeat;
	width: 180px;
	height: 36px;
}

#banner dl dd a:link,
#banner dl dd a:visited
{
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	background-position: left top;
}

#banner dl dd a:hover,
#banner dl dd a:active
{
	background-position: left bottom;
}

#banner dl dd ul,
#banner dl dd ul li
{
	margin: 0;
	padding: 0;
	position: static;
	left: 0;
}

#banner dl dd ul
{
	width: 750px;
}

#banner dl dd ul li
{
	height: 55px;
	display: inline;
	float: left;
	margin-right: 15px;
}

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

#footer
{
	width: 984px;
	margin: 0 auto;
}

#footer address
{
	font-size: 80%;
	text-align: center;
	font-style: normal;
}