@charset "utf-8";

/**** Clearfix ****/
.inner:after{content:""; display:table;clear:both;}
.inner{zoom:1;}

body {
background:none;
}

#content {
width:100%;
padding:20px;
}

#content a{
text-decoration:underline;
color:#800000;
}

/* 見出し
------------------------------------------------------------*/
h2#main_header2{
text-align:left;
margin:0 0 20px;
border-left:3px solid #000080;
border-bottom:3px solid #000080;
padding:5px 2px 0px 5px;
font-size:25px;
font-size:2.5rem;
color:#660000;
font-weight:normal;
background:none;
}

h2#main_header2 span{
font-weight:bold;
}

.inner {
width:100%;
}

.notice {
padding:8px 10px;
color:#000066;
background:#f5f5f5;
border-radius:8px;
margin:10px 5px;
line-height:1.2;
}

/* 各種テーブル
------------------------------------------------------------*/
table{
float:left;
border:2px solid #99cc99;
width:48%;
margin:0 1% 20px;
line-height:1.2;
}
table th{
padding:5px 8px;
background-color:#f5f5dc;
font-weight:bold;
text-align:center;
vertical-align:middle;
border:1px solid #99cc99;
border-bottom:2px solid #99cc99;
}
table tr td{
padding:5px 8px;
text-align:center;
vertical-align:middle;
width:48%;
border:1px solid #99cc99;
}
table tr td{
background-color:#FFF;
}
table tr.odd td{
background-color:#F6F4EA;
}
table tr.dotted td{
border-bottom:2px dotted #99cc99;
}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	table{
	float:none;
	width:98%;
	margin:0 1% 20px;
	}
}

/* 幅480px以下から
------------------------------------------------------------*/
@media only screen and (max-width:480px){

	#content {
	padding:10px 5px;
	}
}