@charset "utf-8";

* {
	margin: 0 ;
}

html {
	overflow-y: scroll;
}

html,body {
	height: 100%;
}

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

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


	.mh30   {margin-top: 30px; margin-bottom: 30px; }
	.g-R	{float:right; }
	.g-Rm10 {float:right; margin-left:10px; }
	.g-Rm1010 {float:right; margin-left:10px; margin-right:10px; }
	.g-C	{width: 100%; margin-left: auto; margin-right: auto; }
	.g-L	{float:left; }
	.g-Lm10 {float:left; margin-right:10px; }
	.g-Lm1010 {float:left; margin-left:10px; margin-right:10px; }

	
	.g-750 { margin:0; width:98.684%; min-width: 300px; }
	.g-725 { margin:0; width:95.394%; min-width: 300px; }
	.g-700 { margin:0; width:92.105%; min-width: 300px; }
	.g-650 { margin:0; width:85.526%; min-width: 300px; }
	.g-600 { margin:0; width:78.947%; min-width: 300px; }
	.g-575 { margin:0; width:75.657%; min-width: 300px; }
	.g-550 { margin:0; width:72.368%; min-width: 300px; }
	.g-530 { margin:0; width:69.736%; min-width: 300px; }
	.g-525 { margin:0; width:69.078%; min-width: 300px; }
	.g-510 { margin:0; width:67.105%; min-width: 285px; }
	.g-500 { margin:0; width:65.789%; min-width: 300px; }
	.g-475 { margin:0; width:62.500%; min-width: 300px; }
	.g-450 { margin:0; width:59.210%; min-width: 300px; }
	.g-440 { margin:0; width:57.894%; min-width: 300px; }
	.g-425 { margin:0; width:55.921%; min-width: 300px; }
	.g-400 { margin:0; width:52.631%; min-width: 300px; }
	.g-375 { margin:0; width:49.342%; min-width: 300px; }
	.g-360 { margin:0; width:47.368%; min-width: 285px; }
	.g-350 { margin:0; width:46.052%; min-width: 300px; }
	.g-325 { margin:0; width:42.763%; min-width: 300px; }
	.g-315 { margin:0; width:41.447%; min-width: 300px; }
	.g-300 { margin:0; width:39.473%; min-width: 300px; }
			
	.g-280td { margin:0; width:100%; min-width: 150px; }

	.g-270 { margin:0; width:35.526%; min-width: 145px; }
	.g-240 { margin:0; width:31.578%; min-width: 145px; }
	.g-200 { margin:0; width:26.315%; min-width: 145px; }
	.g-192 { margin:0; width:25.263%; min-width: 145px; }
	.g-185 { margin:0; width:24.342%; min-width: 145px; }
	.g-180 { margin:0; width:23.684%; min-width: 145px; }
	.g-160 { margin:0; width:21.052%; min-width: 145px; }
	.g-150 { margin:0; width:19.736%; min-width: 145px; }
	.g-140 { margin:0; width:18.420%; min-width: 140px; }
	.g-120 { margin:0; width:15.789%; min-width: 120px; }
	.g-105 { margin:0; width:13.815%; min-width: 105px; }

	.g-m300 { min-width: 300px; }
	.g-m285 { min-width: 285px; }
	.g-m250 { min-width: 250px; }
	.g-m200 { min-width: 200px; }
	.g-m185 { min-width: 185px; }
	.g-m175 { min-width: 175px; }
	.g-m150 { min-width: 150px; }
	.g-m140 { min-width: 140px; }
	.g-m130 { min-width: 130px; }
	.g-m120 { min-width: 120px; }
	.g-m90  { min-width:  90px; }
	.g-m80  { min-width:  80px; }
	.g-m70  { min-width:  70px; }
	.g-m60  { min-width:  60px; }
	
	.g-w150 { width: 150px; }
	.g-32m65 { width:32%; min-width: 65px; }
	.g-16m65 { width:16%; min-width: 65px; }

	.g-100t { margin:auto ; width:100% ; vertical-align : top; }
	
	.g-R   { float:right ; margin:auto ; }
	.g-C   { margin-left: auto; margin-right: auto; }
	.g-L   { float:left ; margin:auto ; }


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

table.p1 { border: solid 1px #111111; border-collapse: collapse; text-align: center; }
table.black {	background-color: #000000; }
table.t3 { font-size: 100%; }
table.t5 { font-size: 75%; }
table.min300 { min-width: 300px; }

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

	.w20 { width: 20%; }
	.w25 { width: 25%; }
	.w30 { width: 30%; }
	.w33 { width: 33.3%; }
	.w40 { width: 40%; }
	.w50 { width: 50%; }
	.w60 { width: 60%; }
	.w80 { width: 80%; }
	.w90 { width: 90%; }
	.w100 { width: 100%; }

	.p1  { border: solid 1px #111111; text-align: left }
	.p1t { vertical-align: top; text-align: left; margin: 5px}
	.p1b { vertical-align: bottom ; text-align: left; margin: 5px}
	.p1c { border: solid 1px #111111; text-align: center }
	.p1ct{ vertical-align: top; text-align: center }
td.b5p1  { padding : 5px ; border : solid 1px #111111; }
td.b5p1c { padding : 5px ; border : solid 1px #111111; text-align: center }

	.indent-1 { padding-left:1em;text-indent:-1em; }
	.indent-3 { padding-left:3em;text-indent:-3em; }
	.indent-5 { padding-left:5em;text-indent:-5em; }
	.indent-7 { padding-left:7em;text-indent:-7em; }
	.indent-8 { padding-left:8em;text-indent:-8em; }

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; }
h3b   { color: #111113 ; font-size : 105%; line-height : 1.2em; font-weight : 600}
h3    { color: #111113 ; font-size : 105%; line-height : 1.2em; }
h4,h5,h6 {	font-size: 100%; }

.t-r  { color: #da191c; }
.t-g  { color: #3cb371; }
.t-b  { color: #4169e1; }

.t0bc { color: #000077; font-weight: 600; font-size: 150%; font-family: "HG丸ｺﾞｼｯｸM-PRO" }
.t0bk { color: #4169e1; font-size: 150%; font-family: "ＦＡ 隷書Ｍ", "ＭＳ ゴシック" }
.t1bc { color: #000055; font-weight: 800; font-size: 140%; font-family: "Lucida Sans Unicode", HG丸ｺﾞｼｯｸM-PRO, Osaka, Arial }
.t2b  { color: #000077; font-weight: 600; font-size: 120%; font-family: HG丸ｺﾞｼｯｸM-PRO, Osaka }
.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%; font-family: Arial }
.t3b  { color: #000077; font-weight: 300; }
.t3r  { color: #da191c; font-weight: 300; }
.t4   { color: #333335; font-weight: 300; font-size: 85%;  }
.t4r  { color: #da191c; font-weight: 300; font-size: 85%; font-family: Arial }
.t4b  { color: #000077; font-weight: 300; font-size: 85%; font-family: Arial }
.t5   { color: #333335; font-weight: 300; font-size: 75%;  }

rt    { color:#000077; font-size: 70%;}

ul { list-style-type: square; /* 1階層目 */ }
ul ul { list-style-type: disc; /* 2階層目 */ }
ul ul ul { list-style-type: circle; /* 3階層目以降 */ }

ul ol  { margin: 10px 0 10px 1.5em ; padding: 0 ;}

ul.m21	{ margin-left: 21px; list-style-type: circle;}
ul.m42	{ margin-left: 42px; list-style-type: square;}
ul.m40	{ margin-left: 40px; list-style-type: circle;}
ul.m60	{ margin-left: 60px; list-style-type: square;}

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

p 		{ margin: 5px 10px ;}
p.mt05	{ margin: 5px 0  5px 15px ;}
p.m25	{ margin-left: 25px;}
p.m30	{ margin: 10px 30px; }
p.m40	{ margin-left: 40px;}
p.m60	{ margin-left: 60px;}
p.plin-1 { padding-left:1em; text-indent:-1em; }
p.plin-12{ padding-left:1em; text-indent:-2em; }
p.pl-2   { padding-left:2em; margin-bottom: 0.5em;}
p.plin-2 { padding-left:2em; text-indent:-2em; margin-bottom: 0.5em;}
p.plin-3 { padding-left:3em;text-indent:-1em; margin: 3px ;}
p.plin-4 { padding-left:4em;text-indent:-4em; margin: 3px ;}
p.plin-4t{ padding-top:4em;text-indent:-3em; margin: 3px ;}
p.plin-5 { padding-left:5em;text-indent:-1em; margin: 3px ;}
p.plin-7 { padding-left:7em;text-indent:-7em; margin: 3px ;}

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;
    margin: 10px 0px ;
    border-top: 1px #000077 dotted;
}
hr.dash {
    border:none;
    margin: 10px 0px ;
	border-top: 2px #000077 dashed;	
}
hr.double {
	border-bottom: none;
	margin: 10px 0px ;
	border-top: 3px #000077 double;
}

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

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

/* 0 to 768px */

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

}

header {
	overflow: hidden;
	border-bottom: medium solid #000077;
	border-bottom-width: 2px;
	margin: 10px 0px ;
}

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

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

#contents nav {
	overflow: hidden;
	margin-left: auto;
	background: #dddddd;
}

	#contents nav ul {
		padding: 5px;
		list-style: none;
		overflow: hidden;
}

	#contents nav ul li {
		float: left;
		margin-right: 10px;
	}

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

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

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


footer {
	overflow: hidden;
	border-top: medium solid #000077;
	border-top-width: 2px;
	margin: 10px 0px ;
}

	footer #copyright {
		padding: 10px;
	}

/* ** */

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

header {
	overflow: hidden;
	border-bottom: medium solid #000077;
	border-bottom-width: 2px;
	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;
	}

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


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

}

	#contents #main article {
		overflow: hidden;
		padding: 10px;
	}
	

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


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

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


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