@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
=================================================================== */

/*----------------------------------------------------
  基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	text-align:center;
 	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
}

#page_area {
	width: 640px;
	background: #FFFFFF;
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#header_area {
	width:1024px;
	background: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#navi_area {
 width:1024px;
 background: #FFFFFF;
 margin-left:auto;
 margin-right:auto;
} 

#side_area {
 width:204px;
 background: #FFFFFF;
 float:left;
 padding: 10px 5px 10px 5px;
}

#main_area {
	width:800px;
	background: #FFFFFF;
	float:right;
	padding: 5px 5px 5px 5px;
}

#footer_area {
	clear: both;
	text-align: center;
    height:auto !important;
    height:150px;
	background-color:#FF9900;
	font-size: 85%;
	color: #333333;
}


/* -----------------------------------------------------------
  文字装飾
----------------------------------------------------------- */
h1 {
	text-align: center;
	font-size:14px;
}

h2{
width: auto;
padding: 0.5em 0;
background: #bef;
border: 1px solid #8cd;
color: #38a;
font-size: 1.5em;
font-weight: bold;
text-align: center;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
-webkit-box-shadow: inset 0 1.0em 3px #eff, 0 0 0.2em #8cd;
-moz-box-shadow: inset 0 1.0em 3px #eff, 0 0 0.2em #8cd;
box-shadow: inset 0 1.0em 3px #eff, 0 0 0.2em #8cd;
text-shadow: 0px 1px #fff;
}

h3 {
	color: #ff0000;
	font-size: 150%;
	font-wight: bold;
}


.fnt1 {
	border-left:20px solid #ffd82f;
	border-right:20px solid #ffd82f;
	padding:8px 10px 8px 10px;
	background-color:#ffffcc;
	font-size: 14px;
	}

.fnt2 {
	border-style: solid none;
	border-color: rgb(51, 153, 204);
	text-color: rgb(204, 204, 204);
	border-width: 3px medium 1px;
	padding: 5px 10px;
	margin-bottom: 1em;
	background-color: transparent;
	font-size: 14px;
}

.fnt3 {
	border-style: solid none;
	border-color: rgb(51, 153, 204) ;
	border-width: 3px medium 1px; 
	padding: 5px 10px; margin-bottom: 1em; 
	background-color: rgb(238, 238, 238); 
	font-size: 14px;
}

.fnt4 {
	margin:2px;
	padding:2px;
	font-size:14px;
}

.fnt5 {
	text-align: center;
	font-size:18px;
}

.fnt6 {
		font-size: 75%;
		padding: 5px 5px 5px 5px;
}

.red {
	color: #ff0000;
	font-size: 180%;
	font-wight: bold;
}

smida { /*　シンプルな見出し */
border-bottom:1px solid #999999;
border-left:6px solid #ff6600;
line-height:200%;
padding-left:8px;
}

tenmida { /*　点線を使った見出し */
color:#0099cc;
border-bottom:1px dotted #cccccc;
padding:0px 0px 5px 5px;
}

hasen { /*　破線を使った見出し */
border-top:2px dashed #ff6666;
border-bottom:2px dashed #ff6666;
color:#ff0000;
padding:5px 0 5px 0;
}

.button{
width: auto;
padding: 0.5em 0;
background: #bef;
border: 1px solid #8cd;
color: #38a;
font-size: 1.5em;
font-weight: bold;
text-align: center;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
border-radius: 0.2em;
-webkit-box-shadow: inset 0 1.0em 3px #eff, 0 0 0.2em #8cd;
-moz-box-shadow: inset 0 1.0em 3px #eff, 0 0 0.2em #8cd;
box-shadow: inset 0 1.0em 3px #eff, 0 0 0.2em #8cd;
text-shadow: 0px 1px #fff;
}

.shikaku{
border: 2.5px solid #CC3300;
padding: 10px 10px 10px 10px;
font-size:16px;
background: #FFFF33;
}

dt { /*　破線を使った見出し */
border-top:2px dashed #ff6666;
border-bottom:2px dashed #ff6666;
color:#ff0000;
padding:3px 0 3px 0;
font-wight: bold;
}

dd {
	text-align: left;
	font-size:14px;
}