/* CSS Document */


/* 一括初期化
------------------------------------------------- */
/*マージン及びパディング*/
body,div,dl,dt,dd,ul,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}

/*テーブル*/
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/*イメージボーダー*/
img{
	border: 0;
	margin:0;
	padding:0;
}

/*ヘッディング*/
h1,h2,h3,h4{

}

/*パラグラフ*/
p{
	margin: 0;
	padding: 0 0 1em 0;
}


/* ボディ設定
------------------------------------------------- */
body{
	font-size: 95%;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	color:;
	background-color: #FFFFFF;
	}

a:link { color:  } 
a:visited { color: #004da0 }
a:hover { color: #0062A7;
	text-decoration: underline; } 

/* 回り込み解除
------------------------------------------------- */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clearfix + *{
    clear: both;
}
#header{
margin:0px;
padding:0px;
font-size:90%;
}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.img10{
margin:10px;
}
.imgh1{
margin:5px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: inline !important; width:400px;padding:0;margin:3px;text-align:center;}
.pc2 { display: block !important; width:200px;}
.pc3 { display:inline   !important; width:80px;}
.pc4 { display:inline   !important; width:75px;}
.sp5 { display: block !important; padding:0;margin:3px; margin-right:30px;text-align:right;}
.pc5 { display: none !important; width:200px;padding:0;margin:3px;text-align:right;}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: inline !important; width:80%;padding:0; padding-top:3px;margin:3px;text-align:center;}
.pc2 { display: block !important; width:80%;}
.pc3 { display: inline !important; width:15%;}
.pc4 { display: inline !important; width:13%;}
.sp5 { display: none !important; width:200px;padding:0;margin:3px;text-align: right;}
.pc5 { display: block !important; width:90%;padding:0;margin:3px;text-align:center;}
}

.story{
margin-top:0;
padding-top:10px;
padding-left:12px;
padding-right:12px;
padding-bottom:8px;
}
.story2{
margin-top:0;
padding-top:10px;
padding-left:12px;
padding-right:12px;
padding-bottom:8px;
text-align:left;
line-height:2em;
}
.green{
margin-top:0;
padding-top:10px;
padding-left:12px;
padding-right:12px;
padding-bottom:8px;
background-color: #99CC99;
}
.green2{
margin-top:0;
padding-top:10px;
padding-left:12px;
padding-right:12px;
padding-bottom:8px;
background-color: #D5FFD5;
text-align:left;
}
.yellow{
margin-top:0;
padding-top:10px;
padding-left:12px;
padding-right:12px;
padding-bottom:8px;
background-color: #FFFFDD;
}
.orange{
color:#FF6600;
}

.page1{
background-color: #FFFFFF;
margin:0;
padding:8px;
font-size:100%;
}

.m10{
margin:10px;
text-align:center;
}
.tb1{
margin:auto;
}
.tb1 td{
margin:3px;
padding:5px;
text-align:left;
}

.tb2{
margin:auto;
}
.tb2 td{
margin:2px;
padding:3px;
text-align:left;
border:#3399CC 1px solid;
}
.tb3{
margin:auto;
}
.tb3 td{
margin:5px;
padding:10px;
text-align:left;
border: #FFFFFF 1px solid;
}

.red{
color: #FF0000;
font-weight:bold;
}

.news{
margin:10px;
padding:5px;
line-height:1.5em;
}
h1{
margin:0;
padding:0;
}

h2{
border-left:6px #006666 solid;
border-bottom:1px #006666 solid;
margin-top:10px;
padding:5px;
padding-left:7px;
margin-left:4px;
line-height:1em;
color:#006666;
font-size:larger;
}

h3{
margin-top:10px;
margin-bottom:10px;
margin:auto;
padding-top:10px;
padding-bottom:5px;
text-align:center;
font-size:large;
background-color:#99CCCC;
}

h4{
margin-top:5px;
padding-left:8px;
}
.big1{
font-size:large;
font-weight:bold;
color:#0033CC;
}
.bottom-menu{
width:100%;
border:#CCCCCC 1px solid;
border-bottom:none;
padding:8px 0px;
margin:0px;
background-color:#FFFFFF;
font-size: medium;
text-decoration: none; 
}
.bottom-menu a {
text-decoration: none;
}
.bottom-menu a:hover {
color: #FF6633;
text-decoration: none;
}
.bottom-menu2 a {
text-decoration: none;
}
.bottom-menu2 a:hover {
color: #FF6633;
text-decoration: none;
}
.bottom-menu-b a {
text-decoration: none;
}
.bottom-menu-b a:hover {
color: #FF6633;
text-decoration: none;
}

.bottom-menu2{
width:100%;
border:#CCCCCC 1px solid;
border-bottom:none;
padding:8px 0px;
margin:0px;
background-color:#FFFFFF;
font-size:medium;
}
.bottom-menu-b{
width:100%;
border:#CCCCCC 1px solid;
padding:8px 0px;
margin:0px;
background-color:#FFFFFF;
font-size:medium;
}


#footer{
clear:both;
margin:0px;
padding:10px;
background-color: #CCCCCC;
font-size: medium;
text-align: left;
}
#copyright{
background-color: #000000;
color:#FFFFFF;
text-align:center;
line-height:2em;
padding:5px 0px;
}


.underline{
border-bottom: #006666 1px dotted;
padding:5px;
margin:5px;
}


p.indent1{
padding-left:1em;
text-indent:-1em;
}