@charset "utf-8";
/* =reset
----------------------------------*/
body,div,dl,dt,dd,
h1,h2,h3,h4,h5,h6,pre,form,
fieldset,legend,input,textarea,
blockquote,table,caption,
tbody,tfoot,thead,th,td,option{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,
abbr,acronym{
border:0;
}
address,caption,cite,
code,dfn,th,var,
optgroup,em,b,i{
font-style:normal;
font-weight:normal;
}

caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
a,ins,del{
text-decoration: none;
}
img{
vertical-align: bottom;
}
object,embed,th,td{
vertical-align: top;
}
input, textarea, select {
font-size: 1em;
}


.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.floatLeftMargin{
	float: left;
	margin-right: 10px;
}
.floatRightMargin{
	float: right;
	margin-left: 10px;
}
.clear { clear: both; }


.txtCenter{ text-align: center; }
.txtRight{ text-align: right; }
.txtLeft{ text-align: left; }

ul:after,
div:after,
.clrfix:after {
	content: " "; 
	display: block; 
	height: 0; 
	clear: both;
	height: 0.1px; 
	font-size: 0.1em; 
	visibility: hidden;
	line-height: 0;
}

.clrfix {
	display: inline-block;
	display: block;
	min-height:1%;
	font-weight: normal;
	text-align: right;
	}

.small{
	font-size:70%;
	font-weight:normal;
}
	
/*layout*/

body{
	background:#fff;
	font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
	line-height:1.3em;
	font-size:95%;
	color:#333333;
	font-size:13px;
}

a,
a:link,
a:visited {
	text-decoration:underline;
	color:#0085B2;
}
a:hover,
a:active {
	text-decoration:none;
	color:#6CF;
}

a img{
	border:none;
}
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}



#header {
	width:850px;
	background:#fff;
	text-align:left;
	border-bottom:4px solid #F78148;	
}
#header-top{
	background: #B0CBCE url(../img/bg-header1.gif) repeat-x;
	height: 25px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
#header-top h1{	font-size:10px; padding-left:10px; padding-top:3px;}
#header-top p{margin:0; padding:3px 10px 0px 10px;}
#header-mid{margin:0px 0px 5px 0px; padding:0px 10px 0px 10px;}
#header h2 {
	font-size: 16px;
	font-weight: bold;
	color: #369;
	margin-top: 20px;
	text-decoration: none;
}
#header h2 a{text-decoration: none;}

#container {
	width: 830px;
	margin-top: 10px;
	padding:10px;
	background:#fff;
	line-height:1.5em;
}
h3 {
	font-weight: bold;
	color: #F60;
	font-size: 18px;
	margin-bottom: 15px;
}
.comment {
	border: 1px solid #6CF;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}


/* footer */
#footer{
	margin-top:20px;
	border-top:1px #ddd solid;
}
#footer p{
	font-size:85%;
}
#f-logo{float:right; margin-top:20px;}

.copy{font-size:10px; text-align:center; color:#777;}
.anchor {
	font-size: 15px;
	font-weight: bold;
}
.comment ul {
	margin-left: 0px;
	padding-left: 20px;
	list-style-image: url(../img/arrow40-020.gif);
	list-style-position: outside;
	line-height: 2.5em;
	font-size:15px;
}
.comment ul a,
.comment ul a:link,
.comment ul a:visited{
	text-decoration: underline;
	color: #000000;

}
.comment ul a:hover,
.comment ul a:active {
	text-decoration:underline;
	color:#6CF;
}