﻿@charset "UTF-8";
body{
	background-color:#336; 
	color:#fff; 
	margin:0px; 
	padding:0px; 
	}
a{text-decoration:underline;}

a:link{
	color:#cff;
	}
a:visited{
	color:#fcf;
	}
a:active{
	color:#c9f;
	}
a:hover{
	background-color:#ffffd1;
	color:#4169e1;
	}

h1{
	background: -moz-linear-gradient(top, #003, #66f);
	background: -webkit-gradient(linear, left top, left bottom, from(#003), to(#66f));
	background: -o-linear-gradient(linear, #003, #66f);
	background-color:#003;
	
	color:#cf9;
	margin:10px auto 10px auto;
	padding-left:10px;
	padding-top:16px;
	padding-bottom:16px;
	font-size:200%;
	font-weight:bold;
	text-align:center;
	text-shadow:#0f6 2px 2px 2px ;
	font-family : "Times New Roman", Times, serif ;
	}

#nav_m{
	border:1px solid #006400;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	background-color: #4682b4;
	background: -moz-linear-gradient(top, #00b48a, #4682b4);
	background: -webkit-gradient(linear, left top, left bottom, from(#00b48a), to(#4682b4));
	background: -o-linear-gradient(top, #00b48a, #4682b4);
	width:290px;
	margin:2px auto 10px auto;
	}
#nav_m a{
	display:block;
	width:290px;
	font-weight:bold;
	padding:10px 5px;
	color:#fff;
	text-shadow:black 1px 1px 1px ;
	font-size:140%;
	text-align:center;
	text-decoration:none;
	}

h2{
	background: -moz-linear-gradient(top, #003, #66f);
	background: -webkit-gradient(linear, left top, left bottom, from(#003), to(#66f));
	background: -o-linear-gradient(linear, #003, #66f);
	background-color:#003;
	color:white;
	text-align:center;
	font-size:120%;
	font-weight:400;
	border-style:solid;
	border-width:thin;
	border-color:#003;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-radius:8px 8px 0 0;
	padding:2px;
	margin-bottom:1px;
	}

h3{border-style:solid none none solid; border-color:green; border-width:1px 0 0 4px; padding-left:10px; font-size:100%; }

em{
	color:#fcf;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
	}

.outline_margin{
	margin:0 5px;
	}

.main{
	width:62%;
	float:right; 
	line-height:140%;
	}
.side { width:35%; float:left; }

/*Twitter表示*/
#twitter{
	overflow: auto;
	font-size:90%;
	color:#cc9;
	list-style-type:none;
}

#twitter ul{
	list-style-type:none;
}

#twitter li{
	padding: 4px;
	margin: 1px 0 2px 0;
	white-space: nowrap;
	border: 1px solid #e5e5e5;
	white-space: normal;
	line-height:1.6;
}

#twitter li span.name{
	font-size: 90%;
	color: #3f91b1;
}

#twitter li span.time{
	font-style: normal;
	color: #fcc;
	font-size: 90%;
}

/*先頭部注意書き*/
.caution{
	border:green thin solid;
	padding-right:0.2%;
	padding-left:0.2%;
	font-size:90%;
	padding-bottom:0.6%;
	margin:0;
	line-height:160%;
	text-indent:-1em;
	padding-top:0.6%;
	color:#fff;
	}

small{font-size:80%;}
p{margin:0.1em 1% 0.1em 4%;}
ul{line-height:140%; margin:0; }
/*最近の更新*/
#recent_article{
	padding: 6px 15px 10px 15px;
	margin: 1px 0 2px 0;
	border: 1px solid #2e8b57;
	white-space: normal;
	color:#fff;
	font-size:95%;
	list-style-position : inside;
	text-indent:-2em;
	line-height:140%;
	}
.article_history{
	margin-left:30px;
	}
.article_day{
	color:#ccf;
	}
.article_caution{
	color:#ccc;
	text-indent:0;
	}

.maintext{
	margin-left:5px;
	font-size:90%; 
	line-height:130%; 
	color:#fff;
	text-indent:1em;
	}

.copy{
	text-align:right;
	}
div.fb{
	text-align:center;
	border-bottom:0;
	background-color: #4682b4;
	background: -moz-linear-gradient(top, #336, #4682b4);
	background: -webkit-gradient(linear, left top, left bottom, from(#336), to(#4682b4));
	background: -o-linear-gradient(top, #336, #4682b4);
	background: -ms-linear-gradient(top, #336, #4682b4);
	}

