ｆ/* CSS Document */

html {height:100%; min-width:320px;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


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

* {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
    border:none;
}

html {

}

body {
	margin: 0;
	padding: 0;
	background-color:#04101a;
    -webkit-text-size-adjust: 100%;
	-ms-interpolation-mode: bicubic;
	background-image:url(../images/common/body_back.jpg);
	background-repeat:repeat-x;
}


h2{
	font-size:18px;
	padding-bottom:1%;
	color:#6fa2ed;
	font-weight:bold;
}

a{
	outline:none;
	text-decoration:none;
}




/*box*/

#wapper{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
	border-left:solid 2px #34517c;
	border-right:solid 2px #34517c;
	background-image:url(../images/common/back_color.jpg);
	background-repeat:no-repeat;
	background-size:contain;
}







/*box_contents*/

.top_bnr{
	width:100%;
	position:relative;
}

.top_bnr img{
	width:100%;
}

.top_s_link{
	position:absolute;
	right:2%;
	top:4%;
	display:block;
	width:20%;
}

.top_s_link img{
	width:100%;
}


.top_name{
	width:100%;
	background-color:#0e1f30;
	border-top:solid 2px #34517c;
	border-bottom:solid 2px #34517c;
	text-align:center;
	padding:1% 0;
	font-weight:bold;
	text-shadow: 0px 0px 10px #36F;
}

.top_name_box{
	width:80%;
	margin:0 auto;

}

.top_name_box h1{
	font-size:23px;
}

.top_name_box h2{
	font-size:20px;
	color:#FFF;
}


.top_txt{
	width:100%;
	margin:2% auto 5%;
}

.top_txt p{
	font-size:16px;
	text-shadow: 0px 0px 10px #36F;
	line-height:1.7em;
}

.info_box{
	width:80%;
	margin:2% auto 0;
}

.info{
	width:100%;
	border:#34517C 2px solid;
	margin:1% auto 6%;
	text-align:center;
}


.spec{
	width:100%;
	margin:4% auto;
	font-size:16px;	
}

.machine{
	width:100%;
	margin:4% auto;
}

.mini_spec{
	width:94%;
	margin:2% auto;
}


/*info table*/
.info table{
	width:80%;
	margin:2% auto;
	text-align:left;
}

.info tr{
}

.info th{
	padding:1% 0% 0.5% 1.5%;
	width:25%;
	border-bottom: dotted 1px #34517C;
}

.info td{
	padding:1% 0 0.5%;
	padding-left:3%;
	border-bottom: dotted 1px #34517C;
	line-height:1.5em;
}

.info .link{
	padding:2% 0;
	text-align:center;
	background:#0E1F30;
}

.info .link img{
	width:45%;
	max-width:320px;
	margin:0 1%;
	
}

.inst_link{
	margin:3% auto 4%;
	width:80%;
	
}

.inst_link img{
	max-width:280px;
	margin:0 1%;
}

/*spec*/

.spec_list table{
	width:100%;
	border-collapse: collapse;
}

.spec_list th{
	border:1px solid #34517C;
	text-align:center;
	padding:2% 4%;
	margin:0;
	background:#0E1F30;
	width:30%;
}

.spec_list td{
	border:1px solid #34517C;
	padding:2%;
}

.mini_spec ul{
	list-style-type:none;
	margin:0 auto;
}

.mini_spec li{
	margin-left:1em;
	text-indent:-1em;
	font-size:10px;
	padding:3px 0;
	color:#CCC;
}


.footer{
	background-color:#0E1F30;
	text-align:center;
	padding:4% 5% 7%;
	font-size:11px;
}

.footer img{
	margin:0% 2% 0;
}


.video{
	width:100%;
	text-align:center;
	padding:2% 0 2%;
}

.video img{
	width:50%;
	max-width:320px;
	margin:0% 0 0;
}

/*infomation*/

.infomation{
	text-align:center;
	padding:4% 0 2%;
	margin-bottom:2%;
	border-top:#34517C solid 2px;
	border-bottom:#34517C solid 2px;
}

.infomation img{
	width:100%;
	max-width:320px;
}


.infomation p{
	font-size:12px;
	padding:0.5em 0;
}


/*sns*/

.sns_link{
	width:100%;
	max-width:375px;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:10px 0;
}

.sns_link img{
	width:15%;
	max-width:45px;
	margin:1.5%;
	text-align:center;
}


/*video card*/

.video_list{
	margin:0;
	padding:0;
}

.video_list table{
	width:100%;
	border-collapse: collapse;
}

.video_list th{
	border:1px solid #34517C;
	text-align:center;
	padding:2% 4%;
	margin:0;
	background:#0E1F30;
	width:30%;
	text-align:center;
}

.video_list td{
	border:1px solid #34517C;
	padding:5px 10px;
}


/*----------------------------------------
	install
----------------------------------------*/

.install_wrap{
	margin:9% 0;
}

.install_wrap .top_name{
	width:100%;
	background-color:#091A2E;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	text-align:center;
	padding:1% 0;
	font-weight:bold;
	text-shadow: 0px 0px 10px #36F;
}

.install_wrap h2{
	padding-bottom:0;
}


.install_top{
	background-color:#051220;
	width:100%;
}

.install_txt{
	width:80%;
	margin:0 auto;
	padding:0 0 2%;
}

.install_txt p{
	font-size:17px;
	≈
	line-height:1.7em;
}

.install_txt ul{
	list-style-type:none;
	margin:2% auto 0;
	padding:2% 4%;
	background:#091A2E;
}

.install_txt li{
	margin-left:1em;
	text-indent:-1em;
	font-size:12px;
	padding:1px 0;
	color:#CCC;
}


.install_box{
	width:100%;
	margin:1% auto 6%;
	text-align:center;
}

.install_box p a{
	color:#ffc948;
	text-shadow:none;
}

.install_box p{
	margin:3% 5%;
	text-shadow: 0px 0px 10px #36F;
	font-size:16px;
}

.install_list{
	width:100%;
	background-color:#091A2E;
	text-align:left;
	border:solid 1px #34517c;
}


.install_mini{
	width:92%;
	background:#051220;
	padding:3% 4%;
}

.install_mini ul{
	list-style-type:none;
	margin:0 auto 0;
	text-align:left;
	
}

.install_mini li{
	margin:0.6% 0;
	margin-left:1em;
	text-indent:-1em;
	padding:0.6% 0;
	font-size:12px;
	color: #ffc948;
}


.install_list ol{
	padding:3% 5%;
	width:90%;	
}

.install_list li{
	margin-left:1em;
	padding:3% 0;
}

.install_box a{
	color:#5883C0;
	text-decoration:underline;
}

.inst_ss{
	border-radius:3px;
	background:#04101A;
	color:#CCC;
	padding:5px;
	border:solid 1px #CCC;
	display:inline-block;
	margin:0.2em 0;
}



.mokuji{

		text-align:center;
}

.mokuji h2{
}

.mokuji a{
	color:#ffffff;
	text-decoration:underline;
	text-shadow: 0px 0px 10px #36F;
}

.mokuji ul{
	list-style-type:none;
	padding:2% 10% 4%;;
}

.mokuji li{
	font-size:18px;
	margin:0.4%;
	margin-left:0.5em;
}


/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 1001px) {

#wapper{
	border-left:none;
	border-right:none;
}

}


@media screen and (max-width: 641px) {

.top_s_link{
	display:none;
}


.top_name_box{
	width:94%;
}

.info_box{
	width:90%;
	margin:2% auto 0;
}

.top_name_box h1{
	font-size:20px;
}

.info table{
	width:90%;
}

.info .link img{
	width:95%;
	max-width:320px;
	margin:2% 1%;
	
}

.inst_link{
	margin:3% auto 4%;
	width:85%;
	text-align:center;
	
}

.inst_link img{
	max-width:280px;
	margin:0 1%;
}

.top_txt{
	margin:2% auto 8%;
}

.top_txt p{
	font-size:15px;
	text-shadow: 0px 0px 10px #36F;
	line-height:1.7em;
}


.spec_list th{
	border:1px solid #34517C;
	text-align:center;
	padding:2% 1.5%;
	width:35%;
}

.video img{
	width:80%;
	max-width:320px;
	margin:2% 0 0;
}

.footer img{
	margin:4% 6% 0;
}





/*----------------------------------------
	install
----------------------------------------*/

.install_wrap{
	padding:4% 0;
}


}



/*----------------------------------------
	common
----------------------------------------*/

.top_jump{
	text-align:right;
	margin-top:1.5%;
	font-size:11px;
	color:#5783BA;xxxxx
	box-shadow:none;
}