@charset "utf-8";
/* リセットスタイル */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	color: #656565;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica;
	line-height: 1;
	letter-spacing: 0;
}
img {
	vertical-align: bottom;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}

/******************
     cleafix
******************/
div:after, ul:after, li:after, dl:after {
	content: "";
	display: block;
	clear: both;
}

/******************/
body {
	overflow-x: hidden;
	min-height: 421px;
	margin: 0;
	background: #000000 url(../images/bg.png);
	-webkit-text-size-adjust: none;
	color: #000000;
	font-size: 80%;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

/*リンク*/
a{
	padding-right: 32px;
	background-image: url(../images/listArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #ffffff;
	-webkit-tap-highlight-color: #ffffff;
}
a:active {
	background-image: none, url(../images/listArrow.png) !important;
	background-color: #ffffff !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	color: #000000 !important;
}
/*ボタン*/
p.btn {
	color: #FFFFFF;
	text-align: center;
	white-space: nowrap;
}
p.btn a {
	display: block;
	height: 32px;
	padding: 0px;
	line-height: 32px;
	white-space: nowrap;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	color: #FFFFFF;
	font-size: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
p.btn a:active {
	background-color: transparent !important;
	color: #000000;
}
p.leftBtn a {
	border-width: 0px 14px 0px 18px;
	-webkit-border-image: url(../images/arrow_left.png) 0 14 0 18;
}
p.leftBtn a:active {
	-webkit-border-image: url(../images/arrow_left_o.png) 0 14 0 18;
}
p.rightBtn a {
	border-width: 0px 18px 0px 14px;
	-webkit-border-image: url(../images/arrow_right.png) 0 18 0 14;
}
p.rightBtn a:active {
	-webkit-border-image: url(../images/arrow_right_o.png) 0 18 0 14;
}
p.backBtn a {
	border-width: 0px 12px 0px 12px;
	-webkit-border-image: url(../images/backBtn.png) 0 11 0 11;
}
p.backBtn a:active {
	-webkit-border-image: url(../images/backBtn_o.png) 0 11 0 11;
}

/******************
     レイアウト
******************/
div#container {
	position: relative;
	min-width: 320px;
	max-width: 480px;
    min-height: 372px;
	background: url(../images/container_s.png) center top no-repeat;
	font-weight: bold;
}
/*toolbar*/
div.toolbar {
	position: relative;
	height: 49px;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #333333;
}
/*logo*/
#logo {
	position: absolute;
	top: 12px;
	left: 50%;
	width: 86px;
	height: 27px;
	margin-left: -40px;
	text-indent: -9999px;
}
h1#logo {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 143px;
	height: 47px;
	margin-left: -61px;
	text-indent: -9999px;
}
div.toolbar p.btn {
	max-width: 35%;
}
div.toolbar p.rightBtn,
div.toolbar p.backBtn {
	position: absolute;
	top: 10px;
	right: 8px;
	left: auto;
}
div.toolbar p.leftBtn {
	position: absolute;
	top: 10px;
	left: 8px;
	right: auto;
}
div.toolbar + h1, h2 {
	padding: 5px 10px;
	background: #000000;
	border-bottom: 1px solid #333333;
	color: #cccccc;
}
.toolbar a:active {
	background-image: none !important;
}

/******************
     list
******************/
ul.list li {
	border-bottom: 1px solid #282828;
	font-size: 120%;
	line-height: 1.2;
}
ul.list li p.image {
	float: left;
	width: 84px;
	margin-right: -84px;
}
ul.list li p.txt {
	margin-left: 84px;
	line-height: 1.2;
}
ul.list li p.txt a {
	display: block;
	height: 55px;
	padding: 6px 32px 3px 10px;
	background-image: url(../images/bg_list.png), url(../images/listArrow.png);
	background-position: left top, right center;
	background-repeat: repeat-x, no-repeat;
}
ul.list.date li a {
	display: block;
	padding: 10px 32px 10px 10px;
	background-image: url(../images/bg_list.png), url(../images/listArrow.png);
	background-position: left top, right center;
	background-repeat: repeat-x, no-repeat;
}
ul.list li p.txt span {
	display: block;
}
ul.list li p.txt span.ttl {
	height: 2.5em;
	margin-bottom: 2px;
	overflow: hidden;
	line-height: 1.2;/*text-overflow: ellipsis;*/
		}
ul.list li p.txt a span.date {
	color: #666666;
	font-size: 80%;
}
ul.list li.group {
	padding: 5px 10px;
	background: #000000;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	color: #cccccc;
}

/******************
     index
******************/
body.index div#container {
    min-height: auto;
	background-image: url(../images/container.png);
}
body.index div.toolbar {
	height: 130px;
}
body#index ul.list {
	margin-bottom: 12px;
}
body.index ul.list + p.btn {
	margin: 12px auto 30px auto;
}
body.index ul.list + p.btn a {
	display: inline-block;
}

/* contents */
div.contents {
	margin: 0px 9px 0px 9px;
}
div.contents h3 {
	margin-bottom: 10px;
	padding-left: 8px;
	color: #666666;
	font-size: 130%;
	font-weight: bold;
}
div.contents ul {
	-webkit-border-radius: 6px;
	border: 1px solid #282828;
	background-color: #181818;
}
div.contents ul li {
	border-top: 1px solid #282828;
	font-size: 130%;
}
div.contents ul li:first-child {
	border-top: 0px;
	-webkit-border-radius: 6px;
}
div.contents ul li a {
	display: block;
	height: 37px;
	line-height: 37px;
}
div.contents ul li span {
	display: block;
	padding-left: 49px;
	background-position: left top;
	background-repeat: no-repeat;
}
div.contents ul li.contents01 span {
	background-image: url(../images/contents01.gif);
}
div.contents ul li.contents02 span {
	background-image: url(../images/contents02.gif);
}
div.contents ul li.contents03 span {
	background-image: url(../images/contents03.gif);
}
div.contents ul li.contents04 span {
	background-image: url(../images/contents04.gif);
}
div.contents ul li.contents05 span {
	background-image: url(../images/contents05.gif);
}
div.contents ul li.contents06 span {
	background-image: url(../images/contents06.gif);
}
div.contents ul li.contents07 span {
	background-image: url(../images/contents07.gif);
}
div.contents ul li.contents08 span {
	background-image: url(../images/contents08.gif);
}
div.contents ul li.contents09 span {
	background-image: url(../images/contents09.gif);
}

/******************
     detail
******************/
div.detail {
	padding: 10px;
	-webkit-box-sizing: border-box;
}
div.detail * {
	color: #ffffff;
}
div.detail > h1 {
	margin-bottom: 30px;
	line-height: 1.2;
	font-size: 140%;
}
div.detail div.data * {
	line-height: 1.4;
	font-size: 120%;
	font-weight: normal;
}
div.detail div.data a,
div.detail div.data a:active {
	padding: 0px;
	background-image: none !important;
	color: #e48d41;
	text-decoration: none;
	font-size: 100%;
}
div.error{
	margin: 85px auto 0px auto;
	text-align: center;
}
div.error p {
	margin-bottom: 2em;
	color: #ffffff;
}
div.error p a,
div.error p a:active{
	padding: 0px;
	background-image: none !important;
	color: #e48d41;
	text-decoration: none;
	font-size: 100%;
}

/******************
     footer
******************/
p.footer {
	text-align: center;
	margin: 20px 0px;
	font-weight: normal;
}