/* CSS Document */
/* ---- 初期設定 --------------------------------------- */
body{
	color:#000000;/*通常のテキストカラー*/
	}
a{
	color:#0099FF;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:node;
	}
*{ 	
	margin:0; 
	padding:0;
	}
img{ 
	border:0;
	}

table,div{
	margin:auto;
	}

/* ---- フォントサイズ調整 --------------------------------- */

body {
    	font-size: 13px; /* モダンブラウザ */
    	*font-size: small; /* IE 7 */
   	*font: x-small; /* IE 6以下 */
	text-align:center;
	}
p,th,td,li{
	font-size:12px;
	*font-size:90%;
	*font:80%;
	}

body{
	}
/*----- Link Color --------------------------------- */
a {
	text-decoration:none;
}
a:link {
	color:rgb(34%,29%,100%);
}
a:visited {
	color:rgb(58%,65%,73%);
}
a:hover {
	text-decoration:underline;
	color:rgb(73%,28%,6%);
}
a:active {
	color:rgb(73%,28%,6%);
}
/* ---- 基本レイアウト ------------------------------------- */
#bg{
	width:820px;
	background:url(image/parts/bg_con.gif) repeat-y;
	text-align:center;

	}
#container{
	width:800px;
	margin:auto;
	text-align:left;
	}

#head{
	clear:left;
	width:800px;
	padding:0;
	border-bottom:solid #333333 1px;
	}

/* ---- ヘッドメニュー ------------------------------------- */
#head_menu{
	height:32px;
	zoom:100%;
	}
#head_menu:after{
    	content: "";
    	clear: both;
    	height: 0;
    	display: block;
    	visibility: hidden;
	}
#head_menu ul *{
	list-style-type:none;
	display:block;
	}	
#head_menu ul li{
	width:100px;
	height:32px;
	position:relative;
	line-height:32px;
	text-align:center;
	float:left;
	}
#head_menu ul li a{
	color:#000000;
	text-decoration:none;
	background:url(image/parts/a01.gif) no-repeat;
	}
#head_menu ul li a:hover{
	color:#000000;
	background:url(image/parts/a01_on.gif) no-repeat;
	}

/* ---- 本体 ------------------------------------- */
#pagebody{
	margin:3px 0;
	clear:left;
	zoom:100%;
	}
#pagebody:after{
	content: "";
    	clear: both;
    	height: 0;
    	display: block;
    	visibility: hidden;
	}
#foot{
	clear:left;
	background:url(image/parts/bg_foot.gif) no-repeat;
	width:820px;
	height:50px;
	}
#copy{
	margin:14px;
	font-size:11px;
	text-align:center;
	color:#333333;
	padding:2px;
	}

/* ---- 左 ------------------------------------- */
#side{
	float:left;
	width:168px;
	}	
#side_menu{
	}
#side_menu ul{
	list-style-type:none;
	margin:0;
	}
#side_menu ul li{
	border:1px solid #999999;
	margin:2px 5px 2px 5px;
	}
#side_menu ul li a{
	width:100%;
	height:25px;
	line-height:25px;
	font-size:14px;
	background-color:#CCFFFF;
	color:#336666;
	display:block;
	text-indent:5px;
	text-decoration:none;
	}
#side_menu ul li a:hover{
	background-color:#99CC99;
	text-decoration:none;
	}
#side h2 {
	border:1px solid #999999;
	background-color:#B0E0E6;
	margin:2px 5px 2px 5px;
	padding: 5px 8px;
	font-weight:bold;
	font-size: 100%;
	letter-spacing:.2em;
    	text-align: center;
	}


/* ---- 右 ------------------------------------- */
#main{
	float:left;
	margin:0;
	padding:0 5px;
	width:620px;
	}

#main h1 {
	clear:both;
	width:100%;
    	text-align: center;
	font-size:130%;
	margin:3px 0;
	padding:0 10px 2px 10px;
	color: #336699;
	}

#main h2 {
	clear:both;
	width:100%;
	height:25px;
	line-height:25px;
	font-size:14px;
	margin:3px 0;
	padding:0 10px 2px 10px;
	background-color: #B0C4DE;
	}
#main h3{ font-size:110%;
	line-height:1.0em;
	vertical-align:top;
	margin:10px 0 5px 0;
	padding-left:2px;
	color:#003333;
	border:solid #003333;
	border-width:0 0 0 5px;
	}

#main .section {
	margin:3px;
	padding-right:10px;
	padding-bottom:5px;
	font-size:100%;
}
#main .section p {
	margin-left: 10px;
	font-size: 100%;
}
#main a {
	text-decoration:none;
}
img.R {
	float:right;
	margin:0 0 5px 10px;
}
img.photo{
	margin:3px;
    	padding:10px 15px;
    	background-color:#ffffff;
    	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    	border-width:1px;
   	border-style:solid;
}
dl {
	clear:both;
	margin: 5px 0 5px 10px;
	padding: 5px 5px 10px 5px;
}
dt {
	text-decoration: underline;
	font-size: 90%;
}
dd {
	margin-left:10px;
	margin-bottom:10px;
	padding: 5px;
	font-size: 85%;
	color:#2F4F4F;
}
p.ph{
	font-size: 14px;
	margin-left: 10px;
	padding: 5px 5px 10px 5px;
}
p.R{
    	text-align: right;
	font-size: 12px;
	margin-right: 10px;
}
p.cl{
    	text-align: center;
	clear:both;
}

#main ul.tv{
	font-size:100%;
	margin-left:10px;
	padding: 5px 5px 10px 5px;
}
#main ul.tv li{
	list-style:none;
}
ul.listA, ul.listB {
    list-style: none;
    margin: 0px;
    margin-left: 15px;
    padding: 2px;
}
 
ul.listA li {
    margin: 0px;
    padding: 0px 0px 0px 12px;
    background: url(image/parts/listmark2.gif) no-repeat 3px 0.4em;
    list-style: none;
}
ul.listB li {
    margin: 0px;
    padding: 0px 0px 0px 12px;
    background: url(image/parts/listmark3.gif) no-repeat 3px 0.4em;
    list-style: none;
}

/* ---- table ------------------------------------- */
table.ColorTable {
	margin: 8px;
	font-size: 100%;
	spacing: 2px;
	padding: 2px;
	border: 0;
}
table.borderTable {
	border-collapse:separate;
	border-spacing:2px;
	border:1px none black;
}
table.borderTable td,td.head,table.ListTable td.head {
	border-top:0;
	border-left:0;
	border-right:2px solid rgb(64%,64%,64%);
	border-bottom:2px solid rgb(64%,64%,64%);
	padding-left:2px;
}
table.ListTable {
	border-collapse:collapse;
	margin: 8px;
}
table.ListTable td {
	border-bottom:1px dotted rgb(64%,64%,64%);

}
table.ListTable2 {
	border-collapse:collapse;
	font-size: 11px;
	margin: 8px;
}
table.ListTable2 td {
	border-bottom:1px dotted rgb(64%,64%,64%);
}
table.ListTable3 {
	border-collapse:collapse;
	font-size: 11px;
	margin: 8px;
}
td, th {
	padding: 3px 10px;
	font-size: 90%;
} 
/* ---- submenu ------------------------------------ */
.submenu{
	margin:4px 15px;
	text-align:center;
}

@media print{

#container{
	width:820px;
	}
}