@charset "UTF-8";

body {
	font:"ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #CCC;
	background-color: #000;
	background-image: url(../img/common/bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

p{
	margin: 0;
	padding: 0;
}

.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

body a:focus {
	color:#930;
	text-decoration:underline;
}

ul {
	list-style-type:none;
}

/*
------------------------------------------------------ */
h1 {
	margin: 0 auto;
	padding: 3px 0;
	width: 480px;
	text-align: center;
	color: #FFF;
	background-color: #000;
	font-weight: normal;
}

h1 a {
	color:#FFF;
}

header {
	margin: 0;
	padding: 0;
	clear: both;
}

header#toppage {
	margin: 0;
	padding: 137px 0 0 0;
	width: 480px;
}

header#toppage ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

header#toppage li {
	margin: 0;
	padding: 0;
	float: left;
}

header#toppage li.start {
	margin: 0;
	padding: 0 0 0 7px;
}

header#toppage li.other {
	margin: 0;
	padding: 80px 0 0 0;
}

#container {
	margin: 0px auto;
	padding: 0;
	width: 480px;
	background-image: url(../img/common/main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#container3 {
	margin: 0px auto;
	padding: 0;
	width: 480px;
	background-image:url(../img/common/main_a.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


#content {
	margin: 0 auto;
	padding: 0;
	width: 460px;
}

#description {
	margin: 10px 0 0 0;
	padding: 15px;
	width: 428px;
	border: 1px solid #575940;
}

#description .image {
	margin: 0;
	padding: 0 15px 0 0;
	float: left;
}

#description .read {
	margin: 0;
	padding: 0;
	overflow: auto;
}

#description .bt {
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
}

#screenshot {
	margin: 15px 0 0 0;
	padding: 0;
	width: 460px;
}

#screenshot_waku {
	margin: 0;
	padding: 15px 0;
	width: 460px;
}

#screenshot #arrow_left {
	margin: 0;
	padding: 0;
	float: left;
}

#screenshot #arrow_right {
	margin: 0;
	padding: 0;
}

#screenshot #sn {
	margin: 0;
	padding: 0;
	width: 420px;
	float: left;
}

#screenshot #sn p {
	margin: 0 10px;
	padding: 0;
	float: left;
}

.downroad {
	margin: 15px 0 0 0;
	padding: 0;
}

#news {
	margin: 15px 0 0 0;
	padding: 0;
	width: 460px;
}

h2 {
	margin: 0;
	padding: 0 0 15px 0;
	clear: both;
}

#news ul {
	margin: 0;
	padding: 10px;
	list-style: none;
	line-height: 150%;
}

#news ul li {
	margin: 0;
	padding: 0;
}

#news ul li a {
	color: #CCC;
}

.date {
	margin: 0;
	padding: 0 15px 0 0;
	color: #CC0000;
	float: left;
}

.report {
	margin: 0;
	padding: 0;
	overflow: auto;
}

.list_link {
	text-align: right;
	margin: 0;
	background-image: url(../img/common/underline.png);
	background-repeat: no-repeat;
	background-position: top;
}


/* フッター
------------------------------------------------------ */
#footer {
	margin: 20px 0 0 0;
	padding: 0;
	width: 460px;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#pagetop {
	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
	background-image: url(../img/common/footer_line.png);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
}

#copyright {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	clear: both;
}

/* 下層ページ
------------------------------------------------------ */
header#toppage2 {
	margin: 0;
	padding: 132px 0 0 0;
	width: 480px;
}

header#toppage2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:center;
	word-spacing:-0.4em;
}

header#toppage2 li {
	margin: 0;
	padding: 0;
	float: left;
}

header#toppage2 li.start {
	margin: 0;
	padding: 0 14px 0 23px;
}

header#toppage2 li.other {
	margin: 0;
	padding: 46px 0 0 0;
}

#container2 {
	margin: 0px auto;
	padding: 0;
	width: 480px;
	background-image: url(../img/common/main2_a.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#search {
	margin: 15px 0 0 0;
	padding: 0;
	width: 460px;
}

#textfield{
	margin: 0;
	xpadding: 10px 5px;
	height:38px;
	width: 315px;
}

.accordion_head {
	margin: 15px 0 0 0;
	background-color: #333329;
	border:1px solid #ADB180;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.accordion_head span {
	width: 444px;
	margin: 0;
	padding: 10px;
	display:block;
	background-image: url(../img/common/bt_open.png);
	background-repeat: no-repeat;
	background-position: 96% center;
}

.waku {
	margin: 15px auto;
	padding: 0;
	width: 440px;
	clear: both;
}

.waku .question {
	margin: 5px 0 0 0;
	padding: 0 0 5px 35px;
	width: 405px;
	background-image: url(../img/common/q.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #C00;
}

.waku .answer {
	margin: 5px 0 0 0;
	padding: 0 0 5px 35px;
	width: 405px;
	background-image: url(../img/common/a.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.waku .line {
	margin: 10px 0;
	padding: 0;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #575940;
}

/* その他共通
------------------------------------------------------ */
.margin_5px {
	margin: 5px 0 0 0;
	clear: both;
}
.margin_10px {
	margin: 10px 0 0 0;
	clear: both;
}

.margin_15px {
	margin: 15px 0 0 0;
	clear: both;
}

.margin_20px {
	margin: 20px 0 0 0;
	clear: both;
}

.txt_bold {
	font-weight: bold;
}

.txt_red {
	color: #CC0000;
}

/* =========
トップ追加CSS
========= */
ul#topSsList {
	text-align:center;
	word-spacing:-0.4em;
}

ul#topSsList li {
	display:inline-block;
	word-spacing:normal;
	margin:0 6px 12px 6px;
}

.alignC {
	text-align:center;
}

.small {
}

body {
	font-size:14px;
}
/* android raito1.5 */
@media screen and (-webkit-device-pixel-ratio:1.5) {
body {
	font-size:140%;
}
h1,
.small,
#copyright {
	font-size:65%;
}
}
/* iphone raito2 */
@media screen and (-webkit-device-pixel-ratio:2) {
body {
	font-size:140%;
}
h1,
.small,
#copyright {
	font-size:65%;
}
}