@charset "utf-8";

* {
	margin: 0 ;
}

html {
	overflow-y: scroll;
}

html,body {
	height: 100%;
	text-align: center ;
}

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


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

img {border:none; }

	.g-380 { margin:0; width:50%; min-width: 300px; }
	.g-360 { margin:0; width:47.368%; min-width: 285px; }
	.g-315 { margin:0; width:41.447%; min-width: 250px; }
	.g-300 { margin:0; width:39.473%; min-width: 235px; }
	.g-m200  { min-width: 200px; }
	.g-25m65 { width: 24%; min-width: 65px; }

	.g-C   { margin-left: auto; margin-right: auto; }


table {
	border-collapse: collapse;
	border-spacing: 0;
	width :100%;
	height:100%;
	margin-right : auto;
	margin-left : auto;
}

table.min300 { min-width: 300px; }

	.top { vertical-align: top; }
	.mid { vertical-align: middle; }
	.btm { vertical-align: bottom; }

	.w20 { width: 20%; }
	.w30 { width: 30%; }
	.w40 { width: 40%; }
	.w50 { width: 50%; }
	.w60 { width: 60%; }
	.w70 { width: 70%; }

	.padding-3L { padding-left:3em;}
	.padding-3R { padding-right:3em;}


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

.t-r  { color: #da191c; }
.t-b  { color: #000077; }

.t0bc { color: #4169e1; font-weight: 600; font-size: 200%; font-family: "HG正楷書体-PRO" }
.t0bk { color: #4169e1; font-size: 150%; font-family: "ＦＡ 隷書Ｍ", "ＭＳ ゴシック" }
.t1bc { color: #000077; font-weight: 800; font-size: 140%; font-family: "Lucida Sans Unicode", HG丸ｺﾞｼｯｸM-PRO, Osaka, Arial }
.t2   { color: #333335; font-weight: 300; font-size: 120%; }
.t2bc { color: #000077; font-weight: 300; font-size: 120%; font-family: HG丸ｺﾞｼｯｸM-PRO, Osaka }
.t2r  { color: #da191c; font-weight: 300; font-size: 120%; }
.t3r  { color: #da191c; font-weight: 300; }
.t4   { color: #333335; font-weight: 300; font-size: 85%;  }
.t4r  { color: #da191c; font-size: 85%;  }
.t4b  { color: #4169e1; font-size: 75%; font-family:  "Lucida Sans Unicode" }

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

ul ol   { margin-left: 5px; }

ul.news { margin: 0 0 0 10px; color: #333335; font-weight: 300; font-size: 85%;  }


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

a:hover,a:active {
	color: #da191c;
}

a:img       { border: solid 2px #f5f5f5; filter: alpha(opacity=90) }
a:hover img { border: ridge 2px #000066; filter: alpha(opacity=100) }

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

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

iframe { border:none; }


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

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

/* 0 to 768px */

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;
	}

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


/* ** */

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

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

	header h2 {
		width: 760px;
		margin: 0 auto;
		padding: 0 10px 10px 10px;
	}


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