/* CSS Document */

/** {
    margin: 0;
    padding: 0;
}*/

body {
    margin: 0;
    padding: 0;
	text-align: center;
	font-size: 90%;
	height: 100%;
}

html {
	height: 100%;
    margin: 0;
    padding: 0;
}

#page {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(page-bk.gif); 
	min-height: 100%;
	height: auto;
	_height: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}

html > #page {
	height: auto;
}

img {
	border: none;
    margin: 0;
    padding: 0;
}

a {
	color: #3399FF;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

a:hover {
	color: #3399FF;
	text-decoration: underline;
}

/* main contents part */

#content {
	margin: 0;
	width: 580px;
	padding: 8px 0 10px 0;
	float: right;
	text-align: justify;
	text-justify : inter-ideograph;
	line-break:strict;
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
	margin-top: 4px;
	margin-bottom: 12px;
}

#content .h1txt {
	border-bottom:#303066 2px solid;
}

#content h2 {
	padding: 0 0 2px 0;
	border-bottom:#303066 2px solid;
	font-size: 150%;
}

#content h3 {
	background-image: url(banner_bk.gif);
	background-position: center left;
	background-repeat: repeat;
	padding: 0.2em 8px 0.2em 16px;
	border-top: 2px solid #303066;
	border-bottom: 2px solid #303066;
	font-size: 140%;
	font-weight: bold;
	color: #000000;
}

#content h4 {
	padding: 3px 5px;
	border-left: #303066 15px solid;
	border-bottom:#303066 2px solid;
	font-size: 120%;
	font-weight: bold;
}

#content h5 {
	padding: 1px 0px 1px 5px;
	border-left:#603030 10px solid;
	font-size: 110%;
	font-weight: bold;
}

#content h6 {
	font-size: 100%;
	font-weight: bold;
	margin-left:10px;
	margin-right: 10px;
	margin-bottom: 0.2em;
}

#content p {
	margin:0 10px 0.5em 10px;
	line-height:1.4;
}

#content blockquote {
	line-height:1.4;
	margin:auto 2em;
}

#content ul, #content ol{
	list-style: outside;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#content dl{
	margin-left: 1em;
	margin-bottom: 1em;
}

#content dt{
	margin-top: 0.5em;
	font-weight: bold;
	border-left: 0.25em solid #768EC6;
	padding-left: 0.3em;
	vertical-align: middle;
}

#content dd{
	margin-left: 0.55em;
	margin-top: 0.2em;
}

#content dd p {
	line-height: 1.4;
	margin: 0.25em 0.2em 0.4em 0px;
}

#content li{
	line-height: 1.4;
}

#content ol{
	list-style: decimal;
}

#content ul ul li, #content ol ol li, #content ul ol li, #content ol ul li {
	margin-left: -1.5em;
}

#content table {
	margin: 0.5em 10px 1em 10px;
	border-collapse: collapse;
}

#content caption {
	margin: 0.5em 0;
	font-weight: bold;
	padding-bottom: 3px;
}

#content th, #content thead td{
	margin: 0;
	background-color: #2F5376;
	color: #FFFFFF;
	padding : 2px 4px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
	font-weight: bold;
}

#content tfoot td, #content tfoot th{
	margin: 0;
	background-color: #B0C4DE;
	color: #FFFFFF;
	padding : 2px 4px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
	font-weight: bold;
}

#content td {
	margin: 0;
	padding : 4px;
	border: 1px solid #999999;
}

#content .boxleft, #content .boxright, #content .tocmenu {
	overflow: visible;
	padding: 4px;
	margin: 0.5em 8px 4px 10px;
	float: left;
	font-size: 83%;
	line-height: 1.2;
	color: #333333;
	width: auto;
}

#content .boxright {
	margin: 0 10px 4px 8px;
	float: right;
}

#content .boxright img, #content .boxleft img {
	margin: 2px 0px;
}

#content .photoleft{
	float: left;
	margin: 0 8px 4px 10px;
	line-height: 1.2;
	font-size: 90%;
}

#content .photoright{
	float: right;
	margin: 0 10px 4px 8px;
	line-height: 1.2;
	font-size: 90%;
}

#content .photocenter{
	text-align:center;
	float: none;
	margin: 4px auto 16px auto;
	line-height: 1.2;
	font-size: 90%;
}

#content .photoleft img, #content .photoright img, #content .photocenter img{
	margin: 4px 0;
	border: 1px solid #CCCCCC;
}

#content .mgnbtm16 {
	margin-bottom: 16px;
}

/*  */


#content .photocaption {font-size:12px; padding-top:5px; line-height:110%; color: #666666; font-weight:bold;}
#content .photocaptionW {font-size:12px; padding-top:5px; line-height:110%; color: #000000; font-weight:bold;}
#content .photocaptionG {font-size:12px; padding-top:5px; line-height:110%; color: #cccccc; font-weight:bold;}

#content .clifeTitle {padding: 0px 0px 3px 0px; border-bottom:#303066 2px solid; margin-bottom:15px;}
#content .clifeSubTitle {padding: 1px 0px 1px 5px; border-left:#663030 10px solid; font-weight: bold;}

#content .sdfTableTitle {padding: 5px 5px 3px 5px; border-left:#303066 15px solid; border-bottom:#303066 2px solid; font-size:larger; font-weight: bold;}
#content .sdfTableMain {padding: 10px 5px 15px 15px; line-height: 140%; text-align:justify; line-break:strict;}
#content .sdfTableMain p {margin:0.5em 0px;}
#content .sdfTableSubTitle {padding: 1px 0px 1px 5px; border-left:#663030 10px solid; font-weight: bold;}
#content .sdfCalTableGUN  { color: black; font-size: smaller; background-color: #b0c4de; text-align: center; padding: 4px; vertical-align: middle }
#content .sdfCalTableGunH { color: black; font-size: smaller; background-color: #b0e0e6; text-align: left; padding: 4px; vertical-align: middle }
#content .sdfCalTableClass { color: black; font-size: smaller; line-height: 140%; background-color: #f5fffa; text-align: left; padding: 3px; vertical-align: top }
#content .sdfCalTableKubun { font-size: smaller; line-height: 140%; background-color: #e0ffff; white-space: nowrap; padding: 3px }
#content .imgfloatL {padding:5px 10px 5px 10px; float:left; font-size:10px;}
#content .imgfloatR {padding:5px 10px 5px 10px; float:right; font-size:10px;}

#content .staffLctg {width:98%;color:#ffffff; text-align:left; font-weight:bold; padding:5px; background-color:#303066;clear: both;}
#content .staffLTitle {width:98%;color:#336699; text-align:left; font-size:larger; font-weight:bold; padding:5px; background-color:#EEEEEE; border-top:#303066 2px solid;border-bottom:#303066 2px solid;margin-top:20px;clear: both;}
#content .staffLnameImg {margin:5px 0px; border:#000000 1px solid ;}
#content .staffPart {
	width: 100%;
	margin: 8px 0 12px 0;
	overflow: auto;
	padding-bottom: 2px;
}
#content .staffdetail {
	margin: 3px 2px;
	text-align: left;
	white-space: normal;
	width: 99%;
}

#content .staffdetail th{
	white-space: nowrap;
	width: 10%;
}

#content .photocell{
	border: none;
	vertical-align: top;
	padding: 0 6px 0 0;
	width: 128px;
}
#content .staffContentTitle {
	margin: 0;
	background-color: #2F5376;
	color: #FFFFFF;
	padding : 2px 0.4em;
	vertical-align: middle;
	text-align: left;
	border: 1px solid #999999;
	border-bottom: none;
	font-weight: bold;
	width: 97%;
}
#content .staffContent {
	line-height: 1.4;
	padding: 0.2em 0.4em;
	margin-bottom: 6px;
	width: 97%;
	border: 1px solid #999999;
	overflow:auto;
}
#content .staffContent img{
	border-color: #333333;
}
#content .staffContent .photoleft, #content .staffContent .photoright, #content .staffContent .photocenter{
	font-size:70%;
	text-align: center;
	line-height: 1.1;
	margin: 0;
}
#content .staffContent .photoleft{margin-right: 1em;}
#content .staffContent .photoright{margin-left: 1em;}
#content .staffContent .photocenter{margin: 0.25em 1em;}
#content .col3 {
	white-space: normal;
	line-height: 1.2;
	text-align: justify;
	text-justify : inter-ideograph;
	line-break:strict;
}
#content .col3 img{
	vertical-align: middle;
}
#content .staffmail{
	margin-left: 1em;
}
/* header part */

#header {
	padding: 0;
	margin: 0;
	border: none;
	background-repeat: repeat;
	background-image: url(hbarbkg.gif);
}

#header #headertop {
	width: 750px;
	padding: 0px;
	background-color: #003366;
	vertical-align: middle;
	text-align:left;
}

#header #headerlogo {
    padding-left: 30px;
}

#header #headersearch {
    padding-top: 4px;
	padding-right: 15px;
	text-align:right;
	font-size: 10px;
}

#header #headersearch form {
	display: inline;
	padding: 0;
	margin: 0 0 0 4px;
	font-size: 10px;
}

#header #headersearch #ajaxSearch_submit{
	background-color: #6699CC;
	color: #FFFFFF;
	font-size: 9px;
}

#header #headersearch #ajaxSearch_input{
	margin-right: 4px;
	width: 110px;
}

#header #headermenu {
	vertical-align: bottom;
	padding-right: 15px;
	padding-bottom: 5px;
	text-align:right;
	font-size: 10px;
}

#header #headerbar {
	background-position: top;
	background-image: url("hbar.gif");
}

/* footer part */

#footer {
	width: 580px;
	height: auto;
	font-size: 12px;
	padding: 5px 0;
	margin-left: 170px;
	border-top:	solid 1px #000000;
	line-height: 120%;
}

/* menu part */

#sidebar {
	margin: 0;
	width: 155px;
	font-size: 12px;
	padding-top: 8px;
	background-image: url("lmenubkg.jpg"); 
	background-repeat: no-repeat;
	background-color: #C7D7F0;
	float: left;
}

#sidebar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: bottom;
	display:block;
}

#sidebar #mainMenu {
	font-size: 6px;
	line-height: 1;
	margin-bottom: 28px;
}

#sidebar a {
	text-decoration: none;
}

#mainMenu {
	margin: 10px 0 60px 0;
}

#mainMenu li {
	list-style-type: none;
	list-style-position: outside;
}	

#mainMenu .mainMenuLV1 {
	width: 100%;
	height: 27px;
	padding-top: 2px;
	text-align: left;
	vertical-align: top;
	clear: both;
}

#mainMenu .active {
	height: auto;
}

#mainMenu .mainmanuOFF, #mainMenu .mainmanuON{
	width: 100%;
	height: 27px;
	display: block;
	background-image: url(/assets/templates/sd/menubar02.gif);
	background-repeat: no-repeat;
	background-position: top;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
}

#mainMenu .mainmanuON{
	background-image: url(/assets/templates/sd/menubar02.gif);
}

#mainMenu .mainmanuOFF:hover {
	background-image: url(/assets/templates/sd/menubar02.gif);
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#mainMenu img {
	margin: 5px 0 0 16px;
}

#mainMenu .mainMenuLV1 ul{
	margin-bottom: 8px;
	margin-right: 4px;
	font-size: 12px;
	overflow: auto;
}

#mainMenu .mainMenuLV2 {
	line-height: 1.2;
	vertical-align: top;
	padding: 2px 0 2px 5px;
	margin: 0px 10px 0px 16px;
	border-left: 1px solid #003366;
	border-bottom: 1px solid #003366;
	font-size: 10px;
}

#mainMenu .mainMenuLV2 a {
	width: 100px;
	height: auto;
	margin-left: 1px;
	margin-top: 3px;
	vertical-align: top;
	color: #666666;	
}

#mainMenu .mainMenuLV2 a:hover {
	text-decoration: underline;
	color:#2354D0;
}

/* tocmenuWide */

#content .tocmenuWide {
	clear: both;
	text-align: center;
	margin: 0 auto;
	margin-top:	20px;
	padding-top:5px;
	font-size: 90%;
	border-top: 1px solid #CCCCCC;
}

#content .tocmenuWide a {
	white-space: nowrap;
}

#content .tocmenuWide ul, #content .tocmenuWide li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	display: inline;
}

/* ditto news template */
#content .news_inside,#content .news_event,#content .news_award,#content .news_important,#content .news_veryimportant {
	font-size:65%;
	color:#FFFFFF;
	background-color:#006600;
	border: 1px solid #00CC00;
	margin-right: 0.5em;
	padding: 1px 2px;
	line-height: 2;
	vertical-align: middle;
}

#content .news_event{background-color: #000066;border: 1px solid #0099FF;}
#content .news_award{background-color:#CC6600;border: 1px solid #FF9900;}
#content .news_veryimportant{background-color: #990000;border: 1px solid #FF0000;margin-right:0;font-size:70%}
#content .news_important{background-color: #FFCCFF;color:#FF0000;border: 1px solid #FF0000;margin-right:0;font-size:70%}

#content .newsarea {
	margin-bottom: 20px;
/*	border-bottom: dotted 1px #cccccc;*/
	padding-bottom: 10px;
	text-align: left;
}

#content .topicsbar {
	margin: 16px 0 4px 0;
}

#content .ditto_item, #content .ditto_item_top, #content .ditto_item_attention {
	width: 96%;
	height: auto;
	margin-left: 20px;
	margin-bottom: 0.4em;
	overflow: auto;
	line-height: 1.1;
	vertical-align: top;
}

#content .ditto_item_top {
	font-size: 83%;
}

#content .ditto_item img {
	vertical-align: baseline;
}

#content .ditto_item_attention {
	margin-left: 0;
}

#content .topicsdate {
	float: left;
	text-align: left;
	min-width:13%;
	width:13%;
	max-width:16%;
	padding:0;
	padding-right: 1%;
}

#content .ditto_item_top .topicsdate {
	float: none;
}

#content .topicstitleImportant, #content .topicstitle {
	padding:0;
	float: left;
	width:85%;
}

html:\66irst-child #content .topicstitle, html:\66irst-child #content .topicstitleImportant {
	width: 80%;
}

#content .topicstitleImportant a {
	font-weight: bold;
}

#content .newshead {
	margin: 15px 10px 10px 10px;
	font-size: 9px;
}

#content .newstopics {
	margin: 8px 16px 16px 16px;
}

#content .topicsMain {
	clear: both;
	width:auto;
	margin-bottom:0.2em;
	text-align: left;
	font-size: 85%;
}

#content .newsPosted, #content .newsEdited {
	margin: 0 auto 10px auto;
	width: auto;
	padding: 2px 5px;
	color: #666666;
	font-size: 90%;
	font-weight: bold;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#content .newsEdited{
	margin: 10px auto;
	text-align: right;
}

#content .importantMark {
	color: #4A597B;
}

#content #ditto_wrapper {
	margin: 6px auto 0 auto;
	width: 95%;
	text-align: center;
}

#content #ditto_wrapper a{
	padding: 0 0.25em;
}

#content #ditto_wrapper .ditto_currentpage {
	font-size: 130%;
	font-weight: bold;
	padding: 0 0.25em;
	color: #000000;
}

#content #ditto_wrapper .ditto_off {
	 color: #CCCCCC;
}

#content .oldnews {
	margin: 6px auto 6px auto;
	width: 90%;
	text-align: right;
	font-size: 83%;
}

/* others */

#tokyoLink {
	text-align: center;
	margin-bottom: 30px;
}

#tokyoLink img{
	margin-bottom: 15px;
	
}

#otherLink{
	text-align: center;
}

#otherLink img{
	margin-bottom: 10px;
	
}

.hide {
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: block;
}

.clear {
    clear: both;
}


/* AjaxSearch */

#ajaxSearch_output {
	border: 1px solid #444;
	padding: 10px;
	background: #fff;
	display: block;
	height: auto;
	vertical-align: top;
}
.ajaxSearch_paging {

}
.AS_ajax_result {
	color: #444;
	margin-bottom: 3px;
}
.AS_ajax_resultLink {
	text-decoration: underline;
}
.AS_ajax_resultDescription{
	color: #555;
}
.AS_ajax_more {
	color: #555;
}

.ajaxSearch_highlight {
	font-weight: bold;
	font-size: inherit;
	background-color: #FFFF00;
	color: #000000;
}


#ajaxSearch_resultListContainer{
	text-indent: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.ajaxSearch_pagination {
	font-size: medium;
	margin: 0 0 0.75em 0;
	line-height: 1.1em;
	font-weight: 600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0DFE3;
	color: #336666;
	padding-top: 0.5em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0px;
	text-indent: 0em;
}

.ajaxSearch_result {
	margin: 10px 10px;
}

.ajaxSearch_paging {
	margin-left: 10px;
}

.ajaxSearch_resultLink{
	font-size: medium;
	font-weight: bold;
}

.ajaxSearch_resultDescription {
	color: #336666;
}

.ajaxSearch_extract{
	line-height: 1.5em;
	margin-top: 0.25em;
	margin-bottom: 1.5em;
	font-size: small;
}

