@charset "utf-8";

* { margin : 0 ; padding : 0 ; }


/*----------------------------------------------------
	Reset
----------------------------------------------------*/

html 					{overflow-y: scroll;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td 
							{margin: 0;padding: 0; zoom: 1;}
address,caption,cite,code,dfn,em,strong,th,var 
							{font-style: normal;}
table					{border-collapse: collapse; border-spacing: 0; border:0;}
th,td,tr			{font-weight:normal;border:0;}
caption,th		{text-align: left;}
q:before,
q:after				{content: '';}
object,embed	{vertical-align: top;}
hr,legend			{display: none;}
h1,h2,h3,h4,h5,h6 	
							{font-size: 100%;}
img,abbr,acronym,
fieldset			{border: 0;}
li 						{list-style-type: none;}
label					{cursor:pointer;}
img						{vertical-align:top;}
p							{text-align: justify;text-justify: distribute; }
em						{font-style:normal;font-weight:bold;}
a							{text-decoration: none; color:#3867b0;}
a:hover				{text-decoration: underline;}
a:hover img.alpha			
							{opacity:0.7;filter: alpha(opacity=70);backgroud-color: #FFFFFF;}
							
.alpha_now			
							{opacity:0.5;filter: alpha(opacity=50);backgroud-color: #FFFFFF;}






/*----------------------------------------------------
	clearfix
----------------------------------------------------*/

div:after 				{content: "."; display: block; visibility: hidden; height: 0.1px;
											font-size: 0.1em;line-height: 0; clear: both;}
div 							{zoom: 100%;}
.clearfix:after		{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix 				{min-height: 1px;display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix	{height: 1%;}
.clearfix 				{display: block;}
/* End hide from IE-mac */
/* clearfix end */
.cl								{	display: inline-block;}
.cl:after 				{	content: "";	display: block;	clear: both;}



/*----------------------------------------------------
	スタイルの指定
----------------------------------------------------*/

html { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				font-size:0.9em; letter-spacing:0.1em; background-color:#6b89a0; color:#1b1b1b; padding:2em; }

a.x { position: fixed; right:1em; top:1em; background-color:#406681; color:#fff; font-size:0.8em; padding:1em; display:block; cursor:pointer;}
a.x span { font-weight:bold; padding-right:0.5em;}
a.x:hover { text-decoration:none; color:#f5f5f5; background-color:#5f8097;}

#wrap { width:920px; margin:0 auto; }
#header { padding:3em 3em 2em 3em;}
#header h1 { font-family: "Times New Roman", Times, serif; font-size:3.5em; font-weight:normal; color:#fff; margin-bottom:0em; text-align:center; }
#date p {text-align:right;}
#content{ padding:3em 5em 5em 5em; background-color:#fff;}
#content h2 {font-size:1.5em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:center;letter-spacing:0.2em;color:#2c516b;}
#content h2.s {font-size:1.2em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:center;letter-spacing:0.2em;color:#2c516b;}
#read { padding:1em 2em;}
#read_4em { padding:2em 5.5em; margin:0 auto;}
#content p { padding-bottom:1em;}
#footer p { text-align:center; font-size:0.8em;  color:#fff;  font-family:Arial, Helvetica, sans-serif; padding-top:3em; }
.white { font-size:22px; color:#ffffff; }
.font16 { font-size:16px;}
.center { text-align:center; margin:auto; }
.md {display:block;}
.sp {display: none;}

@media screen and (max-width:  1024px) {
#wrap { width:95%; margin:0 auto; }
#header h1 { font-family: "Times New Roman", Times, serif; font-size:3.0em; font-weight:normal; color:#fff; margin-bottom:0em; text-align:center; }
#content{ padding:2em 3.5em 3.5em 3.5em; background-color:#fff;}
#content h2 {font-size:1.5em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:center;letter-spacing:0.2em;color:#2c516b;}
#content h2.s {font-size:1.8em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:left;letter-spacing:0.2em;color:#2c516b;}
.md {display:none;}
.sp {display:block;}
}

@media screen and (max-width:  979px) {
#wrap { width:85%; margin:0 auto; }
#header h1 { font-family: "Times New Roman", Times, serif; font-size:3.0em; font-weight:normal; color:#fff; margin-bottom:0em; text-align:center; }
#content{ padding:2em 3.5em 3.5em 3.5em; background-color:#fff;}
#content h2 {font-size:1.5em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:center;letter-spacing:0.2em;color:#2c516b;}
#content h2.s {font-size:1.8em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:left;letter-spacing:0.2em;color:#2c516b;}
}

@media screen and (max-width: 767px) {
#wrap { width:85%; margin:0 auto; }
#content{ padding:2em 3em 3em 3em; background-color:#fff;}
#content h2 {font-size:1.5em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:center;letter-spacing:0.2em;color:#2c516b;}
#content h2.s {font-size:1.8em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:left;letter-spacing:0.2em;color:#2c516b;}
#read { padding:0.5em 1em;}
#read_4em { padding:0.5em 1.5em; margin:0 auto;}
}

@media screen and (max-width: 479px) {
#wrap { width:90%; margin:0 auto; }
#header h1 { font-family: "Times New Roman", Times, serif; font-size:2.0em; font-weight:normal; color:#fff; margin-bottom:0em; text-align:center; }
#content{ padding:2em 3em 3em 3em; background-color:#fff;}
#content h2 {font-size:1.5em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:center;letter-spacing:0.2em;color:#2c516b;}
#content h2.s {font-size:1.8em; margin-bottom:1em; padding:1em; border-bottom:1px solid #dbe3e7;border-top:1px solid #dbe3e7; text-align:left;letter-spacing:0.2em;color:#2c516b;}
#read { padding:0.5em 1em;}
#read_4em { padding:0.5em 1.0em; margin:0 auto;}
}