@charset "utf-8";

* {
	margin: 0 ;
	
}

html {
	overflow-y: scroll;
	text-align: center ;
}

html,body {
	height: 100%;
}

p        {
	margin-top:10px ;
	margin-bottom:20px
}

	.p-L {text-align: left ; margin-left:10px}
	.p-C {text-align: center ; }
	.p-R {text-align: right ; margin-right:10px}

body {
	color: #a9a9a9;
	font-size: 100%;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background: #040404 url('base_apn.gif');
}

img {border:none; }

	.g-100t { margin:auto ; width:100% ; vertical-align : top; }
	.g-M    { display:inline-block;vertical-align: middle}
	.g-C    { margin-left: auto; margin-right: auto;}	


h1    { color: #4169e1 ; font-size : 130%; font-family : "Lucida Sans Unicode", HG丸ｺﾞｼｯｸM-PRO, Osaka, Arial ; line-height : 1.4em; }
h2    { color: #4169e1 ; font-size : 115%; font-family : "Lucida Sans Unicode", HG丸ｺﾞｼｯｸM-PRO, Osaka, Arial ; line-height : 1.8em; }
h3    { color: #4169e1 ; font-size : 105%; line-height : 1.5em; line-height : 1.5em; }
h4,h5,h6 {	font-size: 100%; }

.t2   { font-size: 115%; }
.t2bc { color: #4169e1; font-size: 115%; font-family: "Lucida Sans Unicode" ; }
.t2r  { color: #da191c; font-size: 115%; }
.t3   { padding: 10pt ;text-indent: 1em; }
.t3bc { color: #4169e1; font-family: "Lucida Sans Unicode" ; }
.t3r  { color: #da191c; }
.t3y  { color: #ffff00; }
.t4   { font-size: 85%; }

rt    { color:#da191c; font-size: 75%; ruby-align: left }



td.w50 { width: 50%; vertical-align: middle; }

a,a:link,a:visited {
	color:#111131;
	text-decoration: none;
}

A:link    { color: #d3d3d3; text-decoration: none }
A:hover   { color: #ffff00; text-decoration: underline }
A:visited { color: #d3d3d3; text-decoration: none }
A:active  { color: #d3d3d3; text-decoration: none }
}

A IMG       { filter: alpha(opacity=60) }
A:hover IMG { filter: alpha(opacity=100) }

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}



table {
	width: 100% ;
	border-collapse: separate ;
	border-spacing: 0 ;
	font-size: 85%;
	margin-right : auto;
	margin-left : auto;
}

tr.tvat { vertical-align: top; }
tr.tvam { vertical-align: middle; }
tr.tvab { vertical-align: bottom; }


hr {
	height: 1px;
	border: none;
	margin: 10px 0px ;
	border-top: 1px #000066 solid;
}
hr.dot {
    border:none;
    height:2px;
    color: #333335;
    margin: 10px 0px ;
    border-top: 1px #000066 dotted;
}

iframe { border:none; }



/*------------------------------------------------------------------*/

/*--layout----------------------------------------------------------*/

/* 0 to 758px */

body {
	-webkit-text-size-adjust: 100%;

}

header {
	overflow: hidden;
	margin: 10px 0px ;
}

	header h1 {
		padding: 10px 10px 0 10px;
	}

	header h2 {
		padding: 0 10px 10px 10px;
	}


#contents #main {
	overflow: hidden;
	margin: 0 10px ;
}

	#contents #main article {
		overflow: hidden;
		padding: 10px;
	}
	
#contents #main500 {
	float: center;
	width: 500px;
	overflow: hidden;
	margin: 5px auto;
}
	
footer {
	overflow: hidden;
	margin: 10px 0px ;
}

	footer #copyright {
		padding: 10px;
	}

/* ** */

@media only screen and (min-width: 769px) {

header {
	overflow: hidden;
	width: 760px;
	margin: 0 auto;
}
	header h1 {

		padding: 10px 10px 0 10px;
	}

	header h2 {

		padding: 0 10px 10px 10px;
	}

#contents {
	overflow: hidden;
	width: 760px;
	margin: 0 auto;
}


#contents #main {
	float: left;
	width: 760px;
	overflow: hidden;

}

#contents #main500 {
	float: center;
	width: 500px;
	overflow: hidden;
	margin: 5px auto;
}

footer {
	width: 760px;
	overflow: hidden;
	border-top: medium solid #006600;
	border-top-width: 2px;
	margin: 0 auto;
}