@charset "UTF-8";

/*========= リセット =========*/
table{
	border-collapse:collapse;
	border-spacing:0;
}

img {
	margin:0px;
	padding:0px;
	border: 0px;
	border-style: none;
	vertical-align:bottom;
}

ul{list-style:none;}

a {text-decoration: none;}

/*========= 基本 =========*/
ul:after,dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#container:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clrfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

input[type="radio"] {
	margin: 0px 5px 0px 0px;
}

input[type="text"] {
	margin: 0px 5px 0px 2px;
}

input .ime_d {
	ime-mode: disabled;
}

select {
	margin: 0px 5px 0px 3px;
}


body {
	margin: 0px;
	padding: 0px;
	font-family: "sans-serif";
	font-size: 12px;
	color: #333333;
	letter-spacing: 1px;
}



/***** 要素 *****/
h1 {
	margin: 25px 0px 25px 25px;
	padding: 0px;
	font-size:100%;
	color: #999999;
}

h2 {
	margin: 15px 0px 40px 25px;
	padding: 0px;
	font-size:150%;
}

h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 20px;
	font-size:150%;
	font-weight:normal;
	border-bottom:1px solid #cccccc;
}


p{
	margin: 0px 0px 0px 10px;
}

b{
	margin: 0px 0px 5px 0px;
	color: #006699;
	font-size:120%;
	display: block;
}


.article{
	margin: 0px 0px 80px 0px;
}

.section{
	margin: 0px 0px 30px 25px;
	line-height:180%;
}

.aside{
	margin: 0px 0px 30px 10px;
	padding: 0px 0px 0px 12px;
	border-left:2px dashed #e5207f;
	line-height:180%;
}

.caption{
	margin: 0px 0px 60px 30px;
	line-height:250%;
	font-size:105%;
}

.attention{
	color: #dd0000;
}

.q{
	display: block;
	color: #009966;
	font-weight: bold;
}


/*========= コンテンツ =========*/
#container {
	margin: 0 auto;
	text-align: left;
	width: 900px;
}

#main {
	text-align: left;
	width: 750px;
	float: right;
}

#sub {
	text-align: left;
	width: 150px;
	float: left;
}


/***** サブ *****/
#sub a#hina{
	margin: 5px 0px 0px 0px;
	width:110px;
	height:110px;
	display: block;
}

#sub a#hina:hover {
	background: url(../img/logo_on.png) no-repeat 0 0;
}

#sub ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#sub ul li {
	margin: 5px 0px;
}

#sub ul li a {
	padding: 10px 0px 10px 15px;
	color: #333333;
	font-weight: bold;
	font-size:110%;
	display: block;
}

#sub ul li a:hover {
	background: url(../img/listmarker.gif) no-repeat left center;
}





/***** フッタ *****/
#footer {
	padding-top: 5px;
	clear: both;
	border-top:1px solid #cccccc;
}

#footer ul{
	margin: 0px;
	padding: 0px;
	width:400px;
	float: left;
}


#footer li{
	padding: 5px 10px 5px 0px;
	float: left;
	text-align: center;
}

#footer a {
	color: #999999;
}

#footer a:hover {
	color: #3399cc;
}

#footer #copyright {
	padding-top: 5px;
	width:280px;
	float:right;
	text-align: right;
	color: #999999;
}


/***** メイン *****/
#main a {
	color: #0033cc;
	text-decoration:underline;
}

#main a:visited {color:#3366cc;}

#main a:hover {color: #00aa66;}


#main table th {
	vertical-align: top;
	text-align:left;
	width:130px;
}

#main table td {
	padding: 0px 0px 10px 0px;
}

#main ul {
	margin: 10px 0px 30px 10px;
	padding: 0px;
}

#main li.ya {
	margin: 5px 0px 5px 10px;
	font-size:110%;
}

#main a.button,#main input.button {
	margin: 0px 0px 0px 25px;
	padding:12px 20px;
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(55%, #dfdfdf), color-stop(50%, #ededed) );
	background:-moz-linear-gradient( center top, #ededed 55%, #dfdfdf 50% );
	background:-ms-linear-gradient( top, #ededed 55%, #dfdfdf 50% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#e0e0e0;
	color:#666666;
	font-size:130%;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

#main a.button:hover,#main input.button:hover {
	border-color:#99ccee;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(55%, #ccdff0), color-stop(50%, #ddedf6) );
	background:-moz-linear-gradient( center top, #ddedf6 55%, #ccdff0 50% );
	background:-ms-linear-gradient( top, #ddedf6 55%, #ccdff0 50% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddedf6', endColorstr='#ccdff0');
	background-color:#dde0f9;
}