@charset "utf-8";

html {
}

body {
	font: 90%/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
    overflow-x: hidden;
    position: relative;
}

section, article, aside, footer, header, nav, hgroup {
	display:block;
}

/* ~~ エレメント / タグセレクター
-------------------------------------------------------------------------*/

ul, ol, dl {
	padding: 0;
	margin: 0;
}

h1 {
	padding: 0;
	margin: 0;
}

p {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a:hover img {
	filter: Alpha(opacity=80);
	opacity: 0.8;
}

a:link {
	color:#333;
	text-decoration: underline;
}

a:visited {
	color: #333;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

span.fourteen {
	font-size: 14px;
}

span.big {
	font-size: 22px;
	color: #505a82;
	font-weight: bold;
}

hr {
	width: 100%;
	height: 48px;
	margin: 5px auto 0 auto;
	background: url(../images/hr.jpg) repeat-x;
}


/* form
-------------------------------------------------------------------------*/
#main_form{
	text-align:left;
	vertical-align:top;
}
#main_form form{
	margin:0;
	display:inline;
}
#main_form table{
	border-collapse:separate;
	border-spacing:1px;
	margin:0;
	padding:0;
}
#main_form td,th{
	text-align:left;
	vertical-align:top;
}
#main_form th{
	font-size:12px;
	font-weight:bold;
}
#main_form select{
	font-weight:normal;
}

.form{
	padding:5px;
}
.form th{
	background:#ccddf8;
	border:solid 1px #ccddf8;
	padding:5px;
}
.form td{
	background:#fff;	
	border:solid 1px #ccddf8;
	padding:5px;
}
.configuration{
	width:460px
	padding:5px;
}
.configuration th{
	background:#ddd;
	border:solid 1px #ddd;
	padding:5px;
}
.configuration td{
	background:#fff;	
	border:solid 1px #ddd;
	padding:5px;
}
span.gray {
	color: #888888;
	font-size: 12px;
}

p.white {
	color: #fff;
}

p.red {
	color: red;
}

/* index 
-------------------------------------------------------------------------*/

#top-text {
	width: 100%;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../images/top-text-bg.jpg) repeat-x;
}

#top-text p {
	color: #fff;
	margin: 0;
	padding-top: 8px;
}

article.file {
	position: relative;
	width: 1001px;
	height: 205px;
	margin: 0 auto;
	padding: 20px 0;
}

div.file-text-1 {
	position: absolute;
	width: 200px;
	color: #fff;
	font-size: 20px;
	top: 135px;
	left: 32px;
}

div.file-text-2 {
	position: absolute;
	width: 200px;
	color: #fff;
	font-size: 13px;
	top: 190px;
	left: 175px;
}

div.file-text-3 {
	position: absolute;
	width: 320px;
	color: #fff;
	font-size: 13px;
	top: 110px;
	left: 228px;
}

/* 戦国クリアファイル */

section.left {
	position: relative;
	float: left;
	width: 488px;
	height: 483px;
	padding-bottom: 20px;
}

section.right {
	position: relative;
	float: right;
	width: 488px;
	height: 483px;
	padding-bottom: 20px;
}

div.file-text2-1 {
	position: absolute;
	width: 200px;
	color: #fff;
	font-size: 20px;
	top: 66px;
	right: 36px;
}

div.file-text2-2 {
	position: absolute;
	width: 230px;
	color: #fff;
	font-size: 13px;
	top: 130px;
	right: 20px;
}

div.buy {
	position: absolute;
	top: 242px;
	right: 20px;
}

div.file-text2-3 {
	position: absolute;
	width: 410px;
	bottom: 65px;
	left: 40px;
	color: #fff;
	font-size: 13px;
}

div.file-text2-4 {
	position: absolute;
	width: 410px;
	bottom: 100px;
	left: 40px;
	color: #fff;
	font-size: 13px;
}

div.file-text2-5 {
	position: absolute;
	width: 410px;
	bottom: 130px;
	left: 40px;
	color: #fff;
	font-size: 13px;
}

/* led */

article.led {
	position: relative;
	width: 1001px;
	margin: 0 auto;
	padding: 25px 0;
}

div.led-text1 {
	position: absolute;
	width: 570px;
	top: 140px;
	left: 235px;
	color: #fff;
	font-size: 15px;
}

div.led-text2 {
	position: absolute;
	top: 215px;
	left: 55px;
}

div.led-text3 {
	position: absolute;
	top: 325px;
	left: 160px;
}

div.led-text4 {
	position: absolute;
	top: 625px;
	left: 210px;
	font-size: 15px;
	color: #fff;
}

div.led-text5 {
	position: absolute;
	top: 625px;
	left: 470px;
	font-size: 15px;
	color: #fff;
}

div.led-text6 {
	position: absolute;
	top: 570px;
	left: 670px;
	font-size: 15px;
	color: #fff;
}

div.led-text7 {
	position: absolute;
	top: 600px;
	left: 670px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

article.led h2 {
	position: absolute;
	top: 665px;
	left: 430px;
	font-size: 24px;
	color: #fff;
}

table.led {
	position: absolute;
	width: 475px;
	bottom: 300px;
	left: 263px;
	color: #fff;
	font-size: 25px;
	text-align: center;
}

table.led td {
	background: url(../images/table-bg.jpg) repeat-x;
	height: 49px;
}

table.led td.a {
	width: 290px;
}

table.led-two {
	position: relative;
	width: 1001px;
	margin: 0 auto;
	padding-bottom: 40px;
	text-align: center;
}

table.led-two td.hr {
	padding: 10px 0;
}


/* wrapper
-------------------------------------------------------------------------*/

#wrapper:after,#wrapper-site:after,#wrapper-cam:after {
	content : "";
	display : block;
	visibility: hidden;
	height : 0;
	clear : both;  
}

/* pagetop */

p#pagetop {
	text-align: right;
	margin-top: 0;
	padding-right: 0;
	padding-left: 0;
}

/* pankuzu
-------------------------------------------------------------------------*/

nav.pankuzu {
	background: #fff;
	height: 20px;
	padding-top: 20px;
}

nav.pankuzu a {
	text-decoration: none;
}

p.list {
	padding-left: 0;
}

/* asct
-------------------------------------------------------------------------*/

article.asct {
	position: relative;
	width: 1001px;
	margin: 0 auto;
	padding: 20px 0;
}

table.asct {
	position: relative;
	width: 1001px;
	margin: 20px auto 100px auto;
	color: #ccc;
	font-size: 14px;
	border-collapse: collapse;
}

table.asct td {
	border-bottom: 1px dotted #ccc;
	padding: 0;
	margin: 0;
}

table.asct td.a {
	width: 225px;
}

table.asct p {
	margin: 20px 10px;
}

/* footer
-------------------------------------------------------------------------*/

#footer-nav {
	padding-top: 25px;
}

#footer-nav li {
	display: inline;
	margin: 0 5px;
}

#footer-nav a {
	color: #fff;
	text-decoration: none;
}

#footer-nav a:hover {
	color: #fff;
	text-decoration: underline;
}

div.footer-text {
	padding-top: 30px;
}

.fltrt {
	float: right;
	margin-left: 8px;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}