/* ------------------------------------------------------------
     2007/03/01 Helena Totsuka. Writing.						
     ITAKO-City Of the second class Cascading Style Seat.		
     注意事項：第二階層以下の場合のみ使用。						
【更新履歴】													
	2007.4.15 IE7のリスト形式のスタイルが変る部分を訂正			
		訂正方法 *:first-child+html .side-menu-content ol ol{	
		と言う感じで、セレクタを付ける事で回避可能。			
		既存のスターハックは、その後に付与で統一。				
------------------------------------------------------------ */

@media screen{

body{
	margin:0px;
	padding:0px;
	text-align:center;
	background: url(images/top-background01.gif);
}


#head {
	clear: both;
	height: 144px;
	width: 800px;
	margin:0px auto;
	background-color: #3333FF;
}

#content-soto {
	width:800px;
	margin:0px auto;
	background:#FFF;
	text-align:left;
}
#content-main{
	float:right;
	width:616px;
}
#sub-menu{
	float:left;
	width:174px;
	margin-left:2px;
	border:#638ECE solid 1px;
	background-image: url(images/backg_leftnavi.jpg);

}
#footer{
	/* clear: both; */
	margin:auto;
	height:180px;
	width:800px;
	background: url(images/top-footer-bg.gif) no-repeat;
}
.hidden{  /* 非表示にしたい場合につかう */
	/*display:none;*/
	position: absolute;
	margin:0px;
	padding:0px;
	text-indent:-5000px;
}

/* ----------------------------------
    Head division
----------------------------------- */
.head-head{
	height:80px;
	/* position:relative; */
	background: url(images/top-header-01.jpg) no-repeat;
}

/*  トップページナビゲーションメインメニュー辺り
---------------------------------------------------------------------*/
.mainnavi-toppage a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:112px;
	height:30px;
	background: url(images/top-header-menu-01.gif) 0px 0px no-repeat;
}
.mainnavi-toppage a:hover{
	background: url(images/top-header-menu-01.gif) 0px 30px ;
}
.mainnavi-gaiyou a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:90px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -112px 0px ;
}
.mainnavi-gaiyou a:hover{
	background: url(images/top-header-menu-01.gif) -112px 30px ;
}
.mainnavi-gyousei a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:90px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -202px 0px ;
}
.mainnavi-gyousei a:hover{
	background: url(images/top-header-menu-01.gif) -202px 30px ;
}
.mainnavi-kurasiinfo a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:120px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -292px 0px ;
}
.mainnavi-kurasiinfo a:hover{
	background: url(images/top-header-menu-01.gif) -292px 30px ;
}
.mainnavi-kankouguaclass a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:100px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -412px 0px ;
}
.mainnavi-kankouguaclass a:hover{
	background: url(images/top-header-menu-01.gif) -412px 30px ;
}
.mainnavi-sisetu a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:85px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -512px 0px ;
}
.mainnavi-sisetu a:hover{
	background: url(images/top-header-menu-01.gif) -512px 30px ;
}
.mainnavi-kakukainfo a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:95px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -597px 0px ;
}
.mainnavi-kakukainfo a:hover{
	background: url(images/top-header-menu-01.gif) -597px 30px ;
}
.mainnavi-sitemap a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:108px;
	height:30px;
	background: url(images/top-header-menu-01.gif) -692px 0px ;
}
.mainnavi-sitemap a:hover{
	background: url(images/top-header-menu-01.gif) -692px 30px ;
}
.mainnavi:after {
	/*content: ".";*/
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*  HEAD FUNCTION  */ 
.head-func-tukaikata a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:129px;
	height:34px;
	background: url(images/top-header-func.gif) 0px 0px ;
}
.head-func-tukaikata a:hover{
	background: url(images/top-header-func.gif) 0px -34px ;
}
.head-func-search{
	float:left;
	text-indent:-5000px;
	display:block;
	width:85px;
	height:34px;
	background: url(images/top-header-func.gif) -129px 0px ;
}
.head-func-search2{
	float:left;
	display:block;
	width:193px;
	height:34px;
	background: url(images/top-header-func.gif) -214px 0px ;
}
.g-search-text{
	float:left;
	width:140px;
	margin:5px 1px 0px 0px;
}
.g-search-button{
	float:left;
	padding:0px 1px;
	text-align:center;
	width:35px;
	margin:5px 1px 0px 0px;
}
.head-func-search3 a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:78px;
	height:34px;
	background: url(images/top-header-func.gif) -407px 0px ;
}
.head-func-search3 a:hover{
	background: url(images/top-header-func.gif) -407px -34px ;
}
.head-func-sizemenu a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:129px;
	height:34px;
	background: url(images/top-header-func.gif) -485px 0px ;
}
.head-func-sizemenu a:hover{
	background: url(images/top-header-func.gif) -485px -34px ;
}
.head-func-large a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:64px;
	height:34px;
	background: url(images/top-header-func.gif) -614px 0px ;
}
.head-func-large a:hover{
	background: url(images/top-header-func.gif) -614px -34px ;
}

.head-func-standard a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:60px;
	height:34px;
	background: url(images/top-header-func.gif) -678px 0px ;
}
.head-func-standard a:hover{
	background: url(images/top-header-func.gif) -678px -34px ;
}

.head-func-small a{
	float:left;
	text-indent:-5000px;
	display:block;
	width:62px;
	height:34px;
	background: url(images/top-header-func.gif) -738px 0px ;
}
.head-func-small a:hover{
	background: url(images/top-header-func.gif) -738px -34px ;
}

/* -------------------------------------------------------------
      Footer フッター部飾り付け
-------------------------------------------------------------- */
.top-footer-add{
	font-size:90%;
	float:left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 600px;
	padding-left: 110px;
	color: #333333;
}

.top-footer-jinkou{
	float:right;
	margin-top:30px;
	width: 265px;
	font-size:80%;
	margin-bottom: 16px;
}

.top-footer-jinkou table {
	border-top: 1px solid #884596;
	border-left: 1px solid #884596;
}

.top-footer-jinkou table th {
	border-right: 1px solid #884596;
	border-bottom: 1px solid #884596;
	background-color: #884596;
	color: #FFFFFF;
}

.top-footer-jinkou table td {
	border-right: 1px solid #884596;
	border-bottom: 1px solid #884596;
	background-color: #F7E3FD;
}

.top-footer-menu{
	font-size:90%;
	clear:both;
	width:780px;
	margin:0px;
	padding:0px;
}

.top-footer-menu ul{
	/*border:1px solid #000;*/
	margin:0px;
	padding:0px;
	text-align:center;
	clear: both;
}

.top-footer-menu ul li{
	padding-left:15px;
	background: url(images/top-footer-icon.gif) no-repeat;
	display:inline;

}

/* -------------------------------------------------------------
      side-bar
-------------------------------------------------------------- */
.side-menu-head h2{
/* awano */
	color:#FFF;
	margin:0px;
	padding:5px 2px 3px 4px;
	font-size:100%;
	background-image: url(images/backg_leftnavi_h2.jpg);
}
.side-menu-content{
	margin:0px;
	padding:0px;
	
}
.side-menu-content h3{
	color: #3939B7;
	margin:1px;
	padding:6px 2px 4px 20px;
	font-size:90%;
	font-weight:700;
	background-image: url(images/backg_leftnavi_h3.gif);
	border-top: 1px dashed #94A0AD;
	border-bottom: 1px dashed #94A0AD;
}
.side-menu-content h4{
	color: #3939B7;
	margin:1px;
	padding:6px 2px 4px 20px;
	font-size:90%;
	font-weight:700;
	background-image: url(images/backg_leftnavi_h3_004.jpg);
	border-top: 1px dashed #94A0AD;
	border-bottom: 1px dashed #94A0AD;
}
.side-menu-content h5{
	color: #3939B7;
	margin:1px;
	padding:6px 2px 4px 20px;
	font-size:90%;
	font-weight:700;
	background-image: url(images/backg_leftnavi_h3_003.jpg);
	border-top: 1px dashed #94A0AD;
	border-bottom: 1px dashed #94A0AD;
}


.side-menu-content ol{
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:90%;
}
.side-menu-content ol ol{
	margin:4px 0px 0px 1em;
	padding:0px;
	font-size:100%;
}

/* IE7 .hack */
*:first-child+html .side-menu-content ol ol{
	margin:4px 0px 0px 0px;
	padding:0px;
}
/* IE6 .hack */
*html .side-menu-content ol ol{
	margin:4px 0px 0px 0px;
	padding:0px;
}

.side-menu-content ol li{
	padding: 1px 2px 1px 14px;
	background-image: url(images/backg_leftnavi_li01_003.gif);

	background-repeat: no-repeat;
}

/* ============= */
.side-menu-content ul{
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	font-size:90%;
}
.side-menu-content ul ul{
	margin:4px 0px 0px 1em;
	padding:0px;
	font-size:100%;
}

/* IE7 .hack */
*:first-child+html .side-menu-content ul ul{
	margin:4px 0px 0px 0px;
	padding:0px;
}
/* IE6 .hack */
*html .side-menu-content ul ul{
	margin:4px 0px 0px 0px;
	padding:0px;
}

.side-menu-content ul li{
	padding: 1px 2px 1px 14px;
	background-image: url(images/backg_leftnavi_li01.gif);
	background-repeat: no-repeat;
}

/* ============= */





/*
*html .side-menu-content ol li{
	display:inline;
}
*/
.side-menu-content-kyoutuu{
	margin:1em 0px;
}

.side-menu-content a{
	color: #0662EC;
/*	display:block; */
	text-decoration:none;
	margin:0px;
	padding:0px;
}
.side-menu-content a:hover{
/*	background:#C0DCFE; */
	text-decoration: underline;
	color: #F83C05;
/*	font-weight:700; */
}

.side-menu-content-kyoutuu ol {
	border-top: 1px solid #FFFFFF;
}
.side-menu-content-kyoutuu ol li {
	padding: 6px 2px 6px 14px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #DCEFFA;
	background-image: url(images/backg_leftnavi_li201.gif);
	background-position: 0px 6px
}

.side-menu-content-kyoutuu a{
	color: #098297;
}
.side-menu-content-kyoutuu a:hover{
	background: none;
}

/* -------------------------------------------------------------
      Main content common style.
-------------------------------------------------------------- */
.pankuzu-list{
	margin-top:2px;
	font-size:80%;
	background: url(images/sub-pankuzu-bk.gif) 0px 0px repeat-x ;
	width:100%;
	height:25px;
}
.pankuzu-list img{
	vertical-align:middle;
}

*html .pankuzu-list {
	margin-bottom:0.5em;
}

.sub-content-header{
	clear:both;
	margin:0.5em auto;
	width:590px;
	height:34px;
}



.main-content{
	width:590px;
	margin:0 auto;
	color:#333333;
}
.main-content p{
	margin:3px 0px 0.7em 0px;
	margin-left:1.5em;
	margin-right:0em;
	line-height:1.5;
}
.main-content a{
	color:#182DE4;
	text-decoration: none;
}
.main-content a:link{
	color:#182DE4;
}
.main-content a:visited{
	color:#7916E7;
}
.main-content a:hover{
	color: #F83C05;
	text-decoration: underline;
}




.main-content h3{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;
	clear:left;
	
	font-size: 120%;
	color: #FFFFFF;
	background-image: url(images/backg_h3.jpg);
	background-repeat: no-repeat;
	padding: 5px 0px 4px 22px;
}
.main-content h3 a{
	color:#fff;
	display:block;
}
.main-content h3 a:link{
	color:#fff;
}
.main-content h3 a:visited{
	color:#fff;
}
.main-content h3 a:hover{
	color:#fff;
}


.main-content h4{
	font-size: 100%;
	color: #4160AF;
	background-image: url(images/backg_h4.jpg);
	background-repeat: no-repeat;
	padding: 5px 0px 4px 22px;
}

.main-content h4 a{
	text-decoration:none;
	color: #4160AF;
}
.main-content h4 a:link{
	color: #4160AF;
}
.main-content h4 a:hover{
	text-decoration: underline;
	color: #4160AF;
}

.main-content h5{
	font-size: 95%;
	color: #331284;
	background-image: url(images/backg_h5.jpg);
	background-repeat: no-repeat;
	padding: 5px 0px 4px 16px;
}
.main-content h6{
	font-size: 90%;
	color: #36328B;
	background-image: url(images/backg_h6.jpg);
	background-repeat: no-repeat;
	padding: 4px 0px 4px 16px;
}


.main-content ol,
.main-content ul{
	margin-left:1em;
	line-height:1.5;
	font-size:95%;
}
.main-content li{
	line-height:1.8em;
}


/* -- Win IE heck -- */
*html .main-content ol,
*html .main-content ul{
	margin-left:3em;
}
/* -- Win IE heck end -- */


/* table スタイル */
.main-content table{
	border-collapse:collapse;
	/* margin-left: 2em; */
}
/*
.main-content table,
.main-content tr td,
.main-content tr th{
	border:solid 1px #000;
	font-size:95%;
	padding:0.2em ;
}
*/
.main-content table {
	border-top: 1px solid #6F7684;
	border-left: 1px solid #6F7684;
}
.main-content table td {
	border-right: 1px solid #6F7684;
	border-bottom: 1px solid #6F7684;
	font-size:95%;
	padding:0.2em ;
}
.main-content table th {
	background-color: #D0D0E3;
	border-right: 1px solid #6F7684;
	border-bottom: 1px solid #6F7684;
	font-size:95%;
	padding:0.2em ;
}


.main-content dl{
	margin:auto auto auto 3em;
}
.main-content dt{
	margin:0.5em 0px 0.3em 0px;
	font-weight:700;
	color:#CC66CC;
}
.main-content dd{
	margin-left:2em;
}
.to-top{
	text-align:right;
	}



/* 画面デザイン確認用 */

/*
.main-content{
	border:1px solid black;
}
.main-content p{
	border:1px solid black;
}
*/

blockquote{
	background:#00CCFF;
	border:1px solid #666666;
	margin:1em 1em 1em 3em;
	}


.main-content table td p {
	margin-left: 0em;
}



/* 汎用 */

.bgcolor-ltpurple {
	background-color: #F5E7FE;
}
.bgcolor-ltblue {
	background-color: #EAE9FE;
}
.bgcolor-ltgray {
	background-color: #F7F4F7;
}
.bgcolor-dkblue {
	background-color: #1330A4;
	color: #FFFFFF;
}

.main-content table.table-layout {
	border: none;
}
.main-content table.table-layout td {
	border: none;
	padding: 0px;
}
.main-content table.table-layout th {
	border: none;
	padding: 0px;
}

.main-content table.table-layout02 {
	border: none;
}
.main-content table.table-layout02 td {
	border: none;
	padding: 8px;
}
.main-content table.table-layout02 th {
	border: none;
	padding: 8px;
}

.main-content table.table-type01 {
	border: none;
	margin-left: 0em;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
.main-content table.table-type01 td {
	border: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.main-content table.table-type01 th {
	border: none;
	background-color: #D0D0E3;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.main-content table.table-type01 tr {
	border: none;
}

.main-content .margin-left1em {
	margin-left: 1em;
}
.main-content .margin-left2em {
	margin-left: 2em;
}
.main-content .margin-left3em {
	margin-left: 3em;
}
.main-content .margin-left4em {
	margin-left: 4em;
}
.main-content .margin-left5em {
	margin-left: 5em;
}

.color-red {
	color: #FF0000;
}
.color-enji {
	color: #993333;
}
.color-dkblue {
	color: #232D83;
}


.font-size-s {
	font-size: 90%;
}
.font-size-ss {
	font-size: 80%;
}

.border-bottom-dash {
	border-bottom: 1px dashed #999999;
}

/* 各ページ目次リスト */
.main-content ul.mokuji-list {
	margin: 0px;
	padding: 0px;
	padding-left: 0.5em;
	list-style-type: none;
	border: 1px solid #6F7684;
}
.main-content ul.mokuji-list li {
	padding-right: 0.5em;
	margin-right: 0.5em;
	display: inline;
	border-right: 1px solid #6F7684;
}
.main-content ul.mokuji-list li.mokuji-li-end {
	padding-right: 0.5em;
	margin-right: 0.5em;
	display: inline;
	border-right: none;
}

/* 各ページ目次リスト（枠無し） */
.main-content ul.midashi-mokuji-list {
	margin: 0px;
	padding: 0px;
	padding-left: 3em;
	list-style-type: none;
}
.main-content ul.midashi-mokuji-list li {
	padding-right: 1em;
	white-space: nowrap;
	float: left;
	background-image: url(images/backg_line01.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.main-content ul.midashi-mokuji-list li.midashimokuji-li-end {
	background-image: none;
}
.float-clear {
	clear: both;
	line-height: 2px;
}

.now-location {
	background-color: #A6E7F0;
}

.main-content #sitemap h3 {
	padding: 5px 0px 4px 12px;
	background-color: #B8E9E9;
	color: #616161;
	background-image: none;
	border-bottom: 1px solid #85B3BE;
}
.main-content #sitemap h4 {
	padding: 5px 0px 4px 12px;
	color: #616161;
	border-bottom: 1px solid #85B3BE;
	border-left: 5px solid #85B3BE;
	background-image: none;
}


}

/*printer styles*/
@media print{

/* 基本設定 */
form{ display:none; }
#leftcol{
display:none;
}
#rightcol{
display:none;
}
#twocols, #maincol{width:100%; float:none;}
#mainnavi{display:none;}
#header-function{display:none;}
#sub-menu{display:none;}
.top-footer-jinkou{display:none;}
.top-footer-menu{display:none;}
.top-footer-add{
	margin:auto;
	text-align:center;
	border-top:solid 1px Black;
	border-bottom:solid 1px Black;
}
#footer h3{
	text-align:right;
}

.head-head{
	width:700px;
	height:70px;
	background: url(images/top-header-print.jpg) no-repeat;
}
.head-head h1{
	display:none;
}

.head-head h5{
	display:none;
}



/* Table設定 */
.main-content table{
	border-collapse:collapse;
/*	margin-left:2em; */
}
.main-content table,
.main-content tr td,
.main-content tr th{
	border:solid 1px #000;
	font-size:95%;
	padding:0.2em ;
}

.main-content #tes table,
.main-content #tes tr td,
.main-content #tes tr th{
	border: 0px;
	font-size:95%;
	padding:0em ;
}

/* パンくず */
.pankuzu-list img{
	display:none;
}
.pankuzu-list{
	width:700px;
	border-bottom:double 2px Black;
}



/* */
#content-main .main-whatsnew-rss {
	background-image: none;
}

.main-content h6 {
	font-size: 95%;
}

}

@media aural{
.hidden{ display:inline; }

}