@charset "Shift_JIS";
/* CSS Document */


/* Main Container */

body{
	margin: 0;
	}

#container{
	width: 980px;
	margin: auto;
	padding: 0 10px;
	font-family: Arial,sans-serif;
	font-size: 90%;
	}

/*
#container: after{
	content: "";
	display: block;
	clear: left;
	}
*/

.clearfloat {
	clear: both;
	margin: 0;
	height: 0;
	visibility: hidden;
	}

#main-area{
	clear: both;
	margin: 0;
	width: 980px;
	height: auto;
	}


/* Pankuzu */

#pan{
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 10px;
	font-size: 80%;
	}


/* Top Note */

#topnote{
	margin: 0;
	background-color: #F0F8FF;
	color:#000;
	}

#topnote p{
	margin: 0;
	padding:10px 20px;
	}


/* Left Menu */

#leftmenu{
	margin: 10px 20px 10px 0;
	width: 200px;
	float: left;
	}

#leftmenu img{
	margin:0 0 10px 0;
	width: 200px;
	border: 0;
	}

#leftmenu p{
	margin: 0;
	}

#leftmenu h2{
	margin: 0;
	padding: 0 10px;
	background-image: url(../img/leftmenu_bg01.jpg);
	font-size: 105%;
	font-weight: bold;
	color: #000;
	line-height: 40px;
	vertical-align: middle;
}

#leftmenu ul{
	margin: 0;
	padding: 0;
	width: 200px;
	}

#leftmenu li{
	margin: 0;
	padding: 14px 5px 16px 25px;
	background-image: url(../img/leftmenu_bg02.jpg);
	background-repeat: no-repeat;
	background-position: top;
	list-style: none;
	border-bottom: #CCC solid 1px;
	font-size: 90%;
	}


/* Main Contents */

#main{
	width: 760px;
	float: right;
	margin: 10px 0;
	height: auto;
	min-height: 100%;
	}
		  
#main h2{
	margin: 0;
	padding: 0 20px;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	background-image: url(../img/main_bg01.png);
	letter-spacing:0px;
	line-height: 36px;
	vertical-align: middle;
	}

#main h3{
	clear: both;
	margin: 15px 0 5px 0;
	padding:8px 10px 8px 30px;
	background-image: url(../img/main_bg02.jpg);
	background-repeat: repeat-y;
	background-position: left;
	color: #000080;
	font-size: 110%;
	font-weight:bold;
	border:1px solid #CCC;
	}

#main h4{
	margin: 10px 0 5px 0;
	padding: 0;
	color: #000080;
	font-size: 105%;
	font-weight: bold;
	}

#main img{
	margin: 0
	vertical-align: middle;
	border: 0;
	}

#main img.left{
	float: left;
	margin: 5px 10px 5px 0;
	border: 0;
	}

#main img.right{
	float: right;
	margin: 5px 0 5px 10px;
	border: 0;
	}


#main p{
	margin: 0;
	padding: 5px 0;
	color: #000;
	}

#main p.toptext{
	margin: 0;
	padding: 5px 10px;
	background-color: #F0F8FF;
	color:#000;
	}


#main p.right{
	float: right;
	margin: 0;
	padding: 5px 0;
	color: #000;
	}

#main ul{
	margin: 2px 0;
	padding: 8px 10px;
	list-style: none inside disc;
	}

#main li{
	margin: 2px 0;
	}

#main table{
	margin: 5px 0;
	border: none;
	width: 100%;
	}

#main table tr.grey{
	background-color: #EFEFEF;
	}

#main table th{
	padding: 10px;
	border-bottom: 1px #999999 dotted;
	font-weight: bold;
	vertical-align: top;
	}

#main table th.date{
	padding: 10px;
	width: 100px;
	border-bottom: 1px #999999 dotted;
	font-weight: bold;
	vertical-align: top;
	}

#main table td{
	padding: 10px;
	border-bottom:1px #999999 dotted;
	vertical-align:top;
}

#main div.frame{
	margin: 20px 0;
	padding: 20px;
	border: 3px solid #DAA520;
	background-color: #FFFACD;
	}


#main div.right{
	float: right;
	margin: 0 0 0 10px;
	}

#main div.title{
	margin: 10px;
	font-size: 105%;
	font-weight: bold;
	text-align: center;
	}

#main div.indent{
	margin:0 0 0 40px;
	}

ul.yellow{
	background-color:#FFC;
	}

.main-item{
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: #CCC solid 1px;
	}

span.more{
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background-image: url("../img/main_triangle.gif");
	background-repeat: no-repeat;
	}

/* Single Content */

#main-single{
	width: 980px;
	float: right;
	margin: 10px 0;
	height: auto;
	min-height: 100%;
	}
		  
#main-single h2{
	margin: 0;
	padding: 0 20px;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	background-image: url(../img/main_bg03.png);
	letter-spacing:0px;
	line-height: 36px;
	vertical-align: middle;
	}

#main-single h3{
	clear: both;
	margin: 15px 0 5px 0;
	padding:8px 10px 8px 30px;
	background-image: url(../img/main_bg02.jpg);
	background-repeat: repeat-y;
	background-position: left;
	color: #000080;
	font-size: 105%;
	font-weight:bold;
	border:1px solid #CCC;
	}

#main-single h4{
	margin: 10px 0 5px 0;
	padding: 0;
	color: #000080;
	font-size: 105%;
	font-weight: bold;
	}

#main-single img{
	margin: 0
	vertical-align: middle;
	border: 0;
	}

#main-single img.left{
	float: left;
	margin: 5px 10px 5px 0;
	border: 0;
	}

#main-single img.right{
	float: right;
	margin: 5px 0 5px 10px;
	border: 0;
	}

#main-single p{
	margin: 0;
	padding: 5px 0;
	color: #000;
	}

#main-single p.right{
	float: right;
	margin: 0;
	padding: 5px 0;
	color: #000;
	}

#main-single ul{
	margin: 2px 0;
	padding: 8px 10px;
	list-style: none inside disc;
	}

#main-single li{
	margin: 2px 0;
	}

#main-single div.indent{
	margin: 0 0 0 20px;
	}

/* Foot Area */
			  
#foot-area{
	clear: both;
	width: 980px;
	margin: 0;
	}

#footnote{
	margin: 0;
	padding: 10px 0;
	background-color: #F0F8FF;
	text-align: center;
	color: #000080;
	font-size: 90%;
	}

#foot-to-top{
	margin: 0;
	padding: 0 20px;
	width: 100px;
	float: right;
	text-align: right;
	}

#footcopy{
	margin:0;
	height:36px;
	background-image:url(../img/foot_bar.jpg);
	background-repeat:repeat-x;
	}

.foot-left{
	float: left;
	padding-left: 40px;
	}

.foot-right{
	float: right;
	padding-right: 40px;
	width: auto;
	}