@charset "UTF-8";

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

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	text-align: center;
	color: #ffffff;
	background-color: #1d1d1d;
	font-size: 12px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Arial,sans-serif;
	line-height: 1.5em;
	word-wrap: break-word;
}

th, td {
	word-break: break-all;
	text-align: left;
}

img {
	border: none;
	vertical-align: bottom;
}

/* link */
a:link {
	color: #1b7bb7;
	text-decoration: none;
}
a:active {
	color: #1b7bb7;
	text-decoration: none;
}
a:visited {
	color: #1b7bb7;
	text-decoration: none;
}
a:hover {
	color: #1b7bb7;
	text-decoration: underline;
}

#container {
	width: 100%;
}

/*
--------------------------------
	naviarea
--------------------------------
*/

#naviarea {
	background-color: #0d0d0d;
}
#naviarea-box {
	width: 950px;
	margin: 0 auto;
}
#naviarea ul {
	float: right;
	list-style-type: none;
}
#naviarea ul li {
	float: left;
	font-size: 12px;
	line-height: 1.4em;
	margin: 7px 0 5px 10px;
	padding: 0 0 0 28px;
	background: url(/image/normal/common/arrow.gif) center left no-repeat;
}
#naviarea  a:link {
	color: #c5c5c5;
}
#naviarea  a:active {
	color: #c5c5c5;
}
#naviarea  a:visited {
	color: #c5c5c5;
}
#naviarea  a:hover {
	color: #ffffff;
}

/*
--------------------------------
	headerbar
--------------------------------
*/

#headerbar {
	width: 100%;
	border-top: 1px solid #2c2c2c;
	background-color: #0d0d0d;
	background: linear-gradient(#202020,#0f0f0f);
	background: -moz-linear-gradient(top,#202020,#0f0f0f);
	background: -webkit-gradient(linear,center top,center bottom,from(#202020),to(#0f0f0f));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020',endColorstr='#0f0f0f');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020',endColorstr='#0f0f0f')";
	text-shadow: 2px 2px 2px #000;
	text-align: left;
}
#headerbar-logo {
	float: left;
}
#headerbar h1 {
	padding: 9px 20px 10px 20px;
	font-size: 15px;
	line-height: 1.1em;
}
#headerbar h1 a {
	color: #ffffff;
}
#headerbar-menu {
	float: right;
}
#headerbar-menu ul {
	list-style-type: none;
}
#headerbar-menu ul {
	float: right;
	list-style-type: none;
}
#headerbar-menu ul li {
	float: left;
	font-size: 12px;
	line-height: 1.4em;
	margin: 7px 10px 5px 0;
	padding: 0 0 0 28px;
	background: url(/image/normal/common/arrow.gif) center left no-repeat;
}
#headerbar-menu a:link {
	color: #c5c5c5;
}
#headerbar-menu a:active {
	color: #c5c5c5;
}
#headerbar-menu a:visited {
	color: #c5c5c5;
}
#headerbar-menu a:hover {
	color: #ffffff;
}

/*
--------------------------------
	headerarea
--------------------------------
*/

#headerarea {
	background: url(/image/normal/common/headerarea.gif) top left repeat-x;
}
#headerarea-box {
	text-align: left;
	width: 950px;
	height: 82px;
	margin: 0 auto;
}
#headerarea h1 {
	float: left;
}

/*
--------------------------------
	menuarea
--------------------------------
*/

#menuarea {
	border-bottom: 10px solid #0a0a0a;
}
#gmenu {
	background: url(/image/normal/common/gmenu.gif) top left repeat-x;
}
#gmenu ul {
	width: 950px;
	height: 45px;
	margin: 0 auto;
	overflow: hidden;
	list-style-type: none;
}
#gmenu ul li {
	float: left;
	height: 45px;
	text-indent: -9999px;
}
#gmenu ul li a {
	display: block;
	height: 45px;
}
#gmenu-top a {
	width: 102px;
	background: url(/image/normal/common/gmenu-top.gif) top left no-repeat;
}
#gmenu-pickup a {
	width: 103px;
	background: url(/image/normal/common/gmenu-pickup.gif) top left no-repeat;
}
#gmenu-search a {
	width: 128px;
	background: url(/image/normal/common/gmenu-search.gif) top left no-repeat;
}
#gmenu-now a {
	width: 92px;
	background: url(/image/normal/common/gmenu-now.gif) top left no-repeat;
}
#gmenu-playlist a {
	width: 104px;
	background: url(/image/normal/common/gmenu-playlist.gif) top left no-repeat;
}
#gmenu-ranking a {
	width: 91px;
	background: url(/image/normal/common/gmenu-ranking.gif) top left no-repeat;
}
#gmenu-audition a {
	width: 160px;
	background: url(/image/normal/common/gmenu-audition.gif) top left no-repeat;
}
#gmenu-spot a {
	width: 91px;
	background: url(/image/normal/common/gmenu-spot.gif) top left no-repeat;
}
#gmenu-membo a {
	width: 104px;
	background: url(/image/normal/common/gmenu-membo.gif) top left no-repeat;
}
#gmenu-project a {
	width: 104px;
	background: url(/image/normal/common/gmenu-project.gif) top left no-repeat;
}
#gmenu ul li a:hover {
	background-position: 0 -45px;
}
.top-page #gmenu-top a {
	background-position: 0 -45px;
}
.pickup-page #gmenu-pickup a {
	background-position: 0 -45px;
}
.search-page #gmenu-search a {
	background-position: 0 -45px;
}
.now-page #gmenu-now a {
	background-position: 0 -45px;
}
.playlist-page #gmenu-playlist a {
	background-position: 0 -45px;
}
.ranking-page #gmenu-ranking a {
	background-position: 0 -45px;
}
.project-page #gmenu-project a {
	background-position: 0 -45px;
}
.search-audition-page #gmenu-audition a {
	background-position: 0 -45px;
}
.search-spot-page #gmenu-spot a {
	background-position: 0 -45px;
}
.membo-page #gmenu-membo a {
	background-position: 0 -45px;
}
#smenu {
	background-color: #272727;
}
#smenu ul {
	width: 950px;
	margin: 0 auto;
	list-style-type: none;
}
#smenu ul li {
	float: left;
	background: url(/image/normal/common/arrow.gif) center left no-repeat;
	margin: 10px 20px 9px 0px;
	padding: 0 0 0 27px;
	font-size: 12px;
	line-height: 1.1em;
}
#smenu a:link {
	color: #c5c5c5;
}
#smenu a:active {
	color: #c5c5c5;
}
#smenu a:visited {
	color: #c5c5c5;
}
#smenu a:hover {
	color: #ffffff;
}

/*
--------------------------------
	mainarea
--------------------------------
*/

#mainarea {
	background: url(/image/normal/common/mainarea.gif) bottom left repeat-x;
	padding-bottom: 20px;
}
.mainarea-box {
	width: 950px;
	margin: 0 auto 20px auto;
	text-align: left;
	border: 1px solid #000000;
	background-color: #3b3b3b;
}
.mainarea-title {
	border-top: 1px solid #2c2c2c;
	background-color: #0d0d0d;
	background: linear-gradient(#202020,#0f0f0f);
	background: -moz-linear-gradient(top,#202020,#0f0f0f);
	background: -webkit-gradient(linear,center top,center bottom,from(#202020),to(#0f0f0f));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020',endColorstr='#0f0f0f');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020',endColorstr='#0f0f0f')";
	text-shadow: 2px 2px 2px #000;
}
.mainarea-title h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1em;
	padding: 25px 20px 23px 20px;
}
.mainarea-menu {
	background-color: #272727;
	border-bottom: 1px solid #1d1d1d;
	padding: 0px 10px;
}
.mainarea-menu ul {
	margin-bottom: -1px;
	list-style-type: none;
}
.mainarea-menu li {
	float: left;
	text-align: center;
	margin: 5px 0 0 5px;
	font-size: 12px;
	line-height: 1.1em;
	background-color: #3b3b3b;
	border-top: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	border-bottom: 1px solid #1d1d1d;
}
.mainarea-menu a {
	display: block;
	padding: 10px 12px 8px 12px;
	color: #999999;
}
.mainarea-menu a:link {
	color: #999999;
}
.mainarea-menu a:active {
	color: #999999;
}
.mainarea-menu a:visited {
	color: #999999;
}
.mainarea-menu a:hover {
	color: #ffffff;
}
.mainarea-single {
	padding: 10px 10px 0 10px;
}
.mainarea-left {
	float: left;
	width: 250px;
	padding: 10px 0 0 0;
}
.mainarea-right {
	float: right;
	width: 700px;
	padding: 10px 0 0 0;
}

/*
--------------------------------
	promoarea
--------------------------------
*/

#promoarea {
	border-top: 1px solid #272727;
	border-bottom: 1px solid #0d0d0d;
	padding: 20px 0;
	text-align: center;
}
#promoarea-box {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
#pa-feature {
	float: left;
	width: 220px;
}
#pa-feature h3 {
	font-size: 11px;
	text-align: center;
	margin: 0 0 10px 0;
}
.pa-feature-artist {
	text-align: center;
	width: 220px;
	height: 120px;
	overflow: hidden;
}
.pa-feature-artist img {
	border: 1px solid #000000;
}
.pa-feature-artist h4 {
	margin: 5px 10px 0 10px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.1em;
	text-align: center;
}
.pa-feature-artist h4 a:link {
	color: #777777;
}
.pa-feature-artist h4 a:active {
	color: #777777;
}
.pa-feature-artist h4 a:visited {
	color: #777777;
}
.pa-feature-artist h4 a:hover {
	color: #ffffff;
}
#pa-pickup {
	float: right;
	width: 730px;
}
#pa-pickup h3 {
	font-size: 11px;
	text-align: center;
	margin: 0 0 10px 0;
}
#pa-pickup-prev {
	float: left;
	width: 40px;
	text-align: center;
	font-size: 25px;
	line-height: 1.1em;
	font-weight: bold;
	font-family: Arial;
	padding: 35px 0;
	cursor: pointer;
}
#pa-pickup-next {
	float: left;
	width: 40px;
	text-align: center;
	font-size: 25px;
	line-height: 1.1em;
	font-weight: bold;
	font-family: Arial;
	padding: 35px 0;
	cursor: pointer;
}
#pa-pickup-screen {
	float: left;
	position: relative;
	width: 650px;
	height: 120px;
	overflow: hidden;
}
#pa-pickup-artists {
	position: absolute;
	width: 1300px; /* 130px X ピックアップ数 */
}
.pa-pickup-artist {
	float: left;
	width: 130px;
	text-align: center;
}
.pa-pickup-artist img {
	border: 1px solid #000000;
}
.pa-pickup-artist h4 {
	margin: 5px 10px 0 10px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.1em;
	text-align: center;
}
.pa-pickup-artist h4 a:link {
	color: #777777;
}
.pa-pickup-artist h4 a:active {
	color: #777777;
}
.pa-pickup-artist h4 a:visited {
	color: #777777;
}
.pa-pickup-artist h4 a:hover {
	color: #ffffff;
}

/*
--------------------------------
	footerarea
--------------------------------
*/

#footerarea {
	border-top: 1px solid #272727;
	padding: 20px 0;
	text-align: center;
}
.footerarea-box {
	width: 950px;
	margin: 0 auto;
}
#fa-articles {
	float: left;
	width: 349px;
	text-align: left;
}
#fa-articles h3 {
	margin: 0 25px 10px 0;
	font-size: 11px;
	text-align: center;
}
#fa-articles ul {
	margin: 0 25px 0 0;
	list-style-type: none;
	border-top: 1px solid #0d0d0d;
	border-bottom: 1px solid #272727;
}
#fa-articles li {
	border-top: 1px solid #272727;
	border-bottom: 1px solid #0d0d0d;
	background: url(/image/normal/common/arrow.gif) center left no-repeat;
	padding: 7px 10px 6px 32px;
}
#fa-articles a {
	color: #ffffff;
}
#fa-articles p {
	margin: 10px 25px 0 0;
	text-align: right;
	font-size: 11px;
	line-height: 1.1em;
	color: #777777;
}
#fa-articles p a:link {
	color: #777777;
}
#fa-articles p a:active {
	color: #777777;
}
#fa-articles p a:visited {
	color: #777777;
}
#fa-articles p a:hover {
	color: #ffffff;
}
#fa-articles p.na {
	padding: 30px 0 30px 0;
	text-align: center;
}
#fa-ranking {
	float: left;
	width: 349px;
	text-align: left;
}
#fa-ranking h3 {
	margin: 0 25px 10px 0;
	font-size: 11px;
	text-align: center;
}
#fa-ranking ul {
	margin: 0 25px 0 0;
	list-style-type: none;
	border-top: 1px solid #0d0d0d;
	border-bottom: 1px solid #272727;
}
#fa-ranking li {
	border-top: 1px solid #272727;
	border-bottom: 1px solid #0d0d0d;
	padding: 7px 10px 6px 10px;
}
#fa-ranking span {
	font-weight: bold;
	margin: 0 10px 0 0;
}
#fa-ranking a {
	color: #ffffff;
}
#fa-ranking p {
	margin: 10px 25px 0 0;
	text-align: right;
	font-size: 11px;
	line-height: 1.1em;
	color: #777777;
}
#fa-ranking p a:link {
	color: #777777;
}
#fa-ranking p a:active {
	color: #777777;
}
#fa-ranking p a:visited {
	color: #777777;
}
#fa-ranking p a:hover {
	color: #ffffff;
}
#fa-ranking p.na {
	padding: 50px 0;
	text-align: center;
}
#fa-menu {
	padding: 25px 0 10px 0;
}
#fa-menu h3 {
	font-size: 11px;
	text-align: left;
	border-bottom: 1px solid #0d0d0d;
	margin: 0 10px 0 0;
	padding: 0 0 3px 5px;
}
#fa-menu ul {
	border-top: 1px solid #272727;
	margin: 0 10px 0 0;
	padding: 5px 0 0 5px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	list-style-position: inside;
}
#fa-menu a:link {
	color: #777777;
}
#fa-menu a:active {
	color: #777777;
}
#fa-menu a:visited {
	color: #777777;
}
#fa-menu a:hover {
	color: #ffffff;
}
#fa-menu-about {
	float: left;
	width: 190px;
}
#fa-menu-artist {
	float: left;
	width: 190px;
}
#fa-menu-listener {
	float: left;
	width: 190px;
}
#fa-menu-other {
	float: left;
	width: 190px;
}
#fa-menu-support {
	float: left;
	width: 190px;
}
#fa-to {
	text-align: center;
	padding: 30px 0;
}
#fa-to span {
	border: 1px solid #0d0d0d;
	padding: 15px;
	background-color: #3b3b3b;
	font-size: 15px;
	line-height: 1.1em;
}

/*
--------------------------------
	creditarea
--------------------------------
*/

#creditarea {
	border-top: 1px solid #272727;
	background-color: #000000;
	font-size: 11px;
	line-height: 1.1em;
	padding: 10px;
	text-align: center;
}

/*
--------------------------------
	全ページ共通クラス設定
--------------------------------
*/

/* clearifx */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* pager */
.pager:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.pager {
	min-height: 1px;
}
* html .pager {
	height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.pager ul {
	list-style-type: none;
}
.pager li {
	float: left;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.1em;
	border-right: 1px solid #272727;
	background-color: #1d1d1d;
}
.pager li.pager-focus {
	font-weight: bold;
}

/* errors */
.errors {
	padding: 10px;
	background-color: #a60000;
}
.errors ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
}
.errors li {
	color: #ffffff;
	font-weight: bold;
}

/* btn */
.btn-submit {
	background-color: #cccccc;
	background: linear-gradient(#eeeeee,#aaaaaa);
	background: -moz-linear-gradient(top,#eeeeee,#aaaaaa);
	background: -webkit-gradient(linear,center top,center bottom,from(#eeeeee),to(#aaaaaa));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee',endColorstr='#aaaaaa');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee',endColorstr='#aaaaaa')";
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #111111;
	padding: 2px 10px;
	font-weight: bold;
	margin: 0 10px;
}
.btn-rewrite {
	background-color: #cccccc;
	background: linear-gradient(#eeeeee,#aaaaaa);
	background: -moz-linear-gradient(top,#eeeeee,#aaaaaa);
	background: -webkit-gradient(linear,center top,center bottom,from(#eeeeee),to(#aaaaaa));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee',endColorstr='#aaaaaa');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee',endColorstr='#aaaaaa')";
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #111111;
	padding: 2px 10px;
	font-weight: bold;
	margin: 0 10px;
}
.btn-cancel {
	background-color: #cccccc;
	background: linear-gradient(#eeeeee,#aaaaaa);
	background: -moz-linear-gradient(top,#eeeeee,#aaaaaa);
	background: -webkit-gradient(linear,center top,center bottom,from(#eeeeee),to(#aaaaaa));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee',endColorstr='#aaaaaa');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee',endColorstr='#aaaaaa')";
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	color: #111111;
	padding: 2px 10px;
	font-weight: bold;
	margin: 0 10px;
}

/* grid */
.grid {
	float: left;
	width: 320px;
	text-align: center;
}
.grid a:link {
	color: #c5c5c5;
}
.grid a:active {
	color: #c5c5c5;
}
.grid a:visited {
	color: #c5c5c5;
}
.grid a:hover {
	color: #ffffff;
}
.grid-box {
	text-align: left;
	border: 1px solid #000000;
	background-color: #272727;
	margin-bottom: 10px;
	margin: 0 5px 10px 5px;
}
.grid-title {
	text-align: left;
	background-color: #0d0d0d;
	background: linear-gradient(#202020,#0f0f0f);
	background: -moz-linear-gradient(top,#202020,#0f0f0f);
	background: -webkit-gradient(linear,center top,center bottom,from(#202020),to(#0f0f0f));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020',endColorstr='#0f0f0f');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020',endColorstr='#0f0f0f')";
	border-top: 1px solid #2c2c2c;
	border-bottom: 1px solid #0d0d0d;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1em;
	padding: 8px 10px 6px 10px;
	text-shadow: 1px 1px 2px #000;
}
.grid-box ul {
	list-style-type: none;
}
.grid-box ul li {
	border-bottom: 1px solid #1d1d1d;
	font-size: 12px;
	line-height: 1.5em;
	padding: 6px 10px 5px 10px;
	color: #777777;
}
.grid-box .more {
	text-align: right;
	font-size: 11px;
	line-height: 1.1em;
	padding: 12px 7px 11px 10px;
	color: #c5c5c5;
}
.grid-box .more a {
	background-color: #0d0d0d;
	background: linear-gradient(#202020,#0f0f0f);
	background: -moz-linear-gradient(top,#202020,#0f0f0f);
	background: -webkit-gradient(linear,center top,center bottom,from(#202020),to(#0f0f0f));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020',endColorstr='#0f0f0f');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020',endColorstr='#0f0f0f')";
	border: 1px solid #0d0d0d;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #ffffff;
	padding: 5px 10px 3px 10px;
}

/*
--------------------------------
	各boxの設定
--------------------------------
*/

/* 基本のbox */
.box {
	border: 1px solid #1d1d1d;
	background-color: #272727;
}
.box-title {
	background-color: #1d1d1d;
	background: linear-gradient(#272727,#1d1d1d);
	background: -moz-linear-gradient(top,#272727,#1d1d1d);
	background: -webkit-gradient(linear,center top,center bottom,from(#272727),to(#1d1d1d));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#272727',endColorstr='#1d1d1d');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#272727',endColorstr='#1d1d1d')";
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #0d0d0d;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1em;
	padding: 8px 10px 6px 10px;
}
.box-title .toggle-close {
	cursor: pointer;
	background: url(/image/normal/common/box-title-toggle-close.gif) center right no-repeat;
}
.box-title .toggle-open {
	cursor: pointer;
	background: url(/image/normal/common/box-title-toggle-open.gif) center right no-repeat;
}

/* p表示用のbox */
.pbox {
	border-top: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	background-color: #272727;
}
.pbox p {
	padding: 10px;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #1d1d1d;
}

/* list表示用のbox */
.listbox {
	border-top: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	background-color: #272727;
}
.listbox ul {
	list-style-type: none;
}
.listbox ul li {
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #1d1d1d;
	font-size: 12px;
	line-height: 1.1em;
}
.listbox ul li.focus {
	background: #525252 url(/image/normal/common/listbox-li-focus.gif) center right no-repeat;
	font-weight: bold;
}
.listbox ul li a {
	display: block;
	background: url(/image/normal/common/arrow.gif) center left no-repeat;
	padding: 10px 10px 9px 30px;
}
.listbox ul li a:link {
	color: #cccccc;
	text-decoration: none;
}
.listbox ul li a:active {
	color: #cccccc;
	text-decoration: none;
}
.listbox ul li a:visited {
	color: #cccccc;
	text-decoration: none;
}
.listbox ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #525252;
}
.listbox ul li a span {
	color: #777;
}
.listbox ul li.more {
	text-align: right;
	font-size: 11px;
	line-height: 1.1em;
}
.listbox ul li.more a {
	background: none;
}
.listbox ul li.more a:link {
	color: #777777;
}
.listbox ul li.more a:visited {
	color: #777777;
}
.listbox ul li.more a:active {
	color: #777777;
}
.listbox ul li.more a:hover {
	color: #ffffff;
}
.listbox .pager {
	margin: 0;
	padding: 10px;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #1d1d1d;
}
.listbox .pager ul {
	margin: 0;
	padding: 0;
}
.listbox .pager li {
	margin: 0;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.1em;
	border-top: none;
	border-left: none;
	border-bottom: none;
	border-right: 1px solid #272727;
	background-color: #1d1d1d;
}
.listbox .pager li a {
	background: none;
	padding: 0;
}
.listbox .pager li a:link {
	color: #1b7bb7;
	text-decoration: none;
}
.listbox .pager li a:active {
	color: #1b7bb7;
	text-decoration: none;
}
.listbox .pager li a:visited {
	color: #1b7bb7;
	text-decoration: none;
}
.listbox .pager li a:hover {
	background: none;
	color: #1b7bb7;
	text-decoration: underline;
}

/* table表示用のボックス */
.tablebox {
	border: 1px solid #1d1d1d;
	background-color: #272727;
	padding-bottom: 10px;
}
.tablebox-description {
	margin: 10px 10px 0 10px;
	padding: 10px;
	background-color: #1d1d1d;
	border: 1px solid #272727;
}
.tablebox-inner {
	margin: 0 10px 0 10px;
}
.tablebox-inner .no-entry{
	padding: 100px 50px;
	text-align: center;
	color: #777777;
}
.tablebox table {
	width: 100%;
	margin: 10px 0 0 0;
	background-color: #1d1d1d;
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #272727;
}
.tablebox table th {
	background-color: #0d0d0d;
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 10px;
}
.tablebox table td {
	background-color: #1d1d1d;
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 10px;
}
.tablebox .keyvalue th {
	width: 25%;
}
.tablebox .keyvalue td {
	width: 75%;
}
.tablebox .chart-action ul {
	margin: 0 0 0 20px;
}
.tablebox .chart-action li.na {
	color: #777777;
}
.tablebox .pager {
	margin: 10px 10px 0 10px;
}

/* form表示用のボックス */
.formbox {
	border: 1px solid #1d1d1d;
	background-color: #272727;
	padding-bottom: 10px;
}
.formbox .errors {
	margin: 10px 10px 0 10px;
}
.formbox-description {
	margin: 10px 10px 0 10px;
	padding: 10px;
	background-color: #1d1d1d;
	border: 1px solid #272727;
}
.formbox-inner {
	margin: 0 10px 0 10px;
}
.formbox table {
	margin: 10px 0 0 0;
	width: 100%;
	background-color: #1d1d1d;
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #272727;
}
.formbox table th {
	background-color: #0d0d0d;
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 10px;
}
.formbox table td {
	background-color: #1d1d1d;
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 10px;
}
.formbox table .notes {
	margin: 8px 0 0 0;
	font-size: 11px;
	line-height: 1.3em;
}
.formbox .checklist {
	padding: 5px 0 0 0;
	list-style-type: none;
}
.formbox .checklist li {
	float: left;
	margin-bottom: 5px;
}
.formbox .checklist li input {
	vertical-align: middle;
}
.formbox .required {
	color: #a60000;
}
.formbox .keyvalue th {
	width: 25%;
	text-align: left;
}
.formbox .keyvalue td {
	width: 75%;
	text-align: left;
}
.formbox-submit {
	text-align: center;
	background-color: #1d1d1d;
	border: 1px solid #272727;
	margin: 10px 0 0 0;
	padding: 10px;
}

/* PR用のボックス */
.prbox .prbox-header {
	padding: 0 0 5px 0;
	text-align: center;
	font-size: 11px;
	line-height: 1.1em;
	border-bottom: 1px solid #1d1d1d;
}
.prbox p.banner-text {
	padding: 10px 5px;
	text-align: left;
	border-top: 1px solid #525252;
	border-bottom: 1px solid #1d1d1d;
}
.prbox p.banner-text img {
	float: left;
	margin: 0 10px 0 0;
}
.prbox p.banner-image {
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #525252;
	border-bottom: 1px solid #1d1d1d;
}
.prbox .prbox-footer {
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 11px;
	line-height: 1.1em;
	border-top: 1px solid #525252;
}

/*
--------------------------------
	バナー設定
--------------------------------
*/

#banner-header {
	float: right;
}
#banner-header p {
	padding: 10px 0 0 0;
}
#banner-header p img {
	border: 1px solid #000000;
}
#banner-header ul {
	padding: 14px 0 0 0;
	width: 660px;
	list-style-type: none;
}
#banner-header ul li {
	float: left;
	width: 330px;
	text-align: center;
}
#banner-header ul li img {
	border: 1px solid #000000;
}

#banner-main-top {
	padding: 15px 0;
	text-align: center;
	position: relative;
	width: 100%;
	overflow: hidden;
}
#banner-main-top ul {
	position: relative;
	left: 50%;
	float: left;
	list-style-type: none;
}
#banner-main-top li {
	position: relative;
	right: 50%;
	display: inline;
	padding: 0 10px 0 0;
	font-size: 12px;
	line-height: 1.1em;
}
#banner-main-top li img {
	vertical-align: top;
	margin: 3px 5px 0 0;
}
#banner-main-top a {
	color: #ffffff;
}

#banner-topic {
	width: 950px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#banner-topic-prev {
	float: left;
	width: 70px;
	text-align: center;
	font-size: 50px;
	line-height: 1.1em;
	font-weight: bold;
	font-family: Arial;
	padding: 100px 0;
	cursor: pointer;
}
#banner-topic-next {
	float: left;
	width: 70px;
	text-align: center;
	font-size: 50px;
	line-height: 1.1em;
	font-weight: bold;
	font-family: Arial;
	padding: 100px 0;
	cursor: pointer;
}
#banner-topic-screen {
	float: left;
	position: relative;
	width: 810px;
	height: 270px;
	overflow: hidden;
}
#banner-topic-items {
	position: absolute;
	width: 810px;
}
#banner-topic-items li {
	float: left;
	list-style-type: none;
	text-align: center;
	width: 270px;
	height: 270px;
}
#banner-topic-items li img {
	border: 1px solid #000000;
}

#banner-footer {
	float: left;
	width: 252px;
}
#banner-footer img {
	border: 1px solid #000000;
}