﻿@charset "utf-8";
body {
	background-color:#000000;		/*ページ全体の背景色*/
/*	font-size:100%;*/		/* フォントサイズを100%にする */
	font-family: "ＭＳ ゴシック",sans-serif;	/* フォントの種類をゴシック系にする */
	line-height:1.5;	/* 行の高さを1.5倍にする */
	color:#EEE;		/* 文字色を濃い目のグレーにする */
	width:100%; /*ページ全体の幅は100%と指定する*/	
	/* max-width:1080px; */ /*ページ全体の幅は100%と指定する*/	
	text-align:center; /*ページ全体を中央揃えにする*/
	-webkit-text-size-adjust: 100%;
	margin:0px; 
}

main {
/*	min-width:350px;
	max-width:1024px; */
	min-width:95%;
	max-width:95%;
	align-content:center;
	margin:0 auto;
	margin-bottom:200px;
}

div{
	width:90%;
	text-align:center;
	align-content:center;
	margin:0 auto;
}

p {
	align-content:center;
	text-align:left;
	padding:10px;
	float:none;
	margin:0 auto;
}

/* コンテンツヘッダー */
h2 {
	text-align:left;
	font-size:1.5em;
/*	border-top-style: solid; border-color: red;*/
	border-bottom-style: solid; border-color: #FFFFFF;
	margin-top:50px;
}
h3 {
	text-align:left;
	font-size:1.0em;
	margin-top:50px;
}
h4 {
	text-align:left;
	font-size:1.0em;
	border-bottom-style: solid; border-color: #FFFFFF;
	margin-top:50px;
}
/* コンテンツ */
p.c {
	padding-left:20px;
	margin-top:0px;
}

footer {
	text-align:center;
	margin:0 auto;
}
footer p {
	text-align:center;
}
/*------------------------------------------------------
 Base (Mobile First)
------------------------------------------------------*/

/* モバイルをベースとしたすべてに共通するスタイル */

img {width:100%;margin:0px;}
img.styletop {max-width: 480px;}
img.style1 {max-width: 400px;}
img.style2 {max-width: 400px;}
img.style2-1 {max-width: 200px;}
img.style3 {width:80%;max-width: 400px;} /*footerロゴ*/

table {borderColor:#000000; cellSpacing:0;cellPadding:0;border:0;width:100%; }
/*
p.border1 {border-top-style: none; border-color: red;max-width: 100%;}
p.border2 {border-top-style: hidden; border-color: red;}
p.border3 {border-top-style: solid; border-color: red; max-width: 100%;}

p.border4 {border-top-style: double; border-color: red;max-width: 100%;}
p.border5 {border-top-style: groove; border-color: red;max-width: 100%;}
p.border6 {border-top-style: ridge; border-color: red;max-width: 100%;}
p.border7 {border-top-style: inset; border-color: red;max-width: 100%;}
p.border8 {border-top-style: outset; border-color: red;max-width: 100%;}
p.border9 {border-top-style: dashed; border-color: red;max-width: 100%;}
p.border10 {border-top-style: dotted; border-color: red;max-width: 100%;}
*/
p.border3-1 {border-top-style: solid; border-color: #ffffff; max-width: 100%;}
/*------------------------------------------------------
 Tablet ~
------------------------------------------------------*/
@media screen and (min-width:768px) {

	/* タブレット端末から効くスタイル */

	img {}
	/*img.styletop {max-width: 760px;}*/
	img.styletop {max-width: 100%;}
}


/*------------------------------------------------------
 PC
------------------------------------------------------*/
@media screen and (min-width:920px) {

	/* PCから効くスタイル */

	img.styletop {max-width: 1020px;}
	img.style1 {max-width: 200px;}
	img.style2 {max-width: 600px;}
}



