﻿@charset "UTF-8";

/* info contents only */

/********************************************************************
 * contents layout
 * 
 *******************************************************************/

/* topics
----------------------------------------------- */

div.topics{ 
	margin-bottom:1px;
	width:660px;
}

div.topics h2{ 
	position:relative;
	background:#bbffcc url(/shared/img/icon_arrow_orrange02.gif) no-repeat left center;
	font-weight:bold;
	padding:0 0 0 25px;
	margin-bottom:1px;
	line-height:2;
	min-height:25px;
	overflow:visible;
	width:660px;
}
*div.topics h2{   /* IE6 hack */
	width:660px;
}
*:first-child+html div.topics h2{   /* IE7 hack */
	width:660px;
}


div.topics h2 span.list{ 
	position:absolute;
	top:0.5em;
	right:5px;
	text-align:right;
	font-weight:normal;
}

div.topics h2 span.list a{ 
	margin-left:25px;
}



/* maincontents  
----------------------------------------------- */

#info #main{
	width :730px;
	height:100%;
	margin-right:15px;
}

#info .wide#main{
	width :100%;
	margin-right:0px;
}


/* pagetitle  */
#info #main h2.pagetitle{
	position:relative;
	height:1.3em;
	min-height:1.3em;
	background: url(/shared/img/icon_arrow_blue01.gif) no-repeat left center;
	font-weight:bold;
	font-size:110%;
	padding:0.6em 0 0.1em 20px;
	border-top:1px solid #999999;
	border-bottom:5px solid #E8E6D5;
	margin:5px 0 10px 0;
	line-height:1;
	overflow:visible;
}

* html #info #main h2.pagetitle{ /* for IE6 hack */
	padding:0.7em 0 0.4em 20px;
}

/* sub category tab navigation */
#info #main #sub_cat_navi{ 
	clear:both;
	min-height:30px;
}

#info #main #sub_cat_navi ul{ 
	clear:both;
	/*
	height:2.3em;
	border-bottom:1px solid #999;
	*/
	padding-top:3px;
}

html:first-child #info #main #sub_cat_navi ul { /* for Opera hack */
	padding-bottom:3px;
}

/*
#info #main #sub_cat_navi ul.upper{ 
	margin-bottom:3px;
	border-bottom:none;
}
*/

/* Hide Mac IE5 \*/
	* html #info #main #sub_cat_navi ul{overflow: visible;}
/**/

/* tab not selected*/
#info #main #sub_cat_navi ul li{ 
	float:left;
	margin:0 5px 0 0;
	list-style-type:none;
	background: url(/shared/img/tab_left_off.jpg) no-repeat left top;
}

#info #main #sub_cat_navi ul li a{ 
	display:block;
	float:left;
	padding:0.7em 12px 0.7em 7px;
	margin-left:5px;
	font-weight:bold;
	white-space:nowrap;
	background: url(/shared/img/tab_bg_off.jpg) repeat-x left top;
	color:#005699;
}

* html body #info #main #sub_cat_navi ul li a{ /* for IE6 hack */
	margin-left:2px;
}


#info #main #sub_cat_navi ul li span a{ 
	background: url(/shared/img/tab_right_off.jpg) repeat-x right top;
}

#info #main #sub_cat_navi ul li a:hover{ 
	color:#007BC2;
}
/* tab selected*/
#info #main #sub_cat_navi ul li#selected{ 
	background: url(/shared/img/tab_left_selected.jpg) repeat-x left top;
}

#info #main #sub_cat_navi ul li#selected a{ 
	background: url(/shared/img/tab_bg_selected.jpg) repeat-x left top;
}

#info #main #sub_cat_navi ul li#selected span a{ 
	background: url(/shared/img/tab_right_selected.jpg) repeat-x right top;
	color:#FFF;
}

/* tab end*/
#info #main #sub_cat_navi ul li.end{ 
	margin-right:0;
}


/* article_list_block */
#info #main div#article_block{
	clear:both;
	height:auto;
	padding:10px;
	margin-bottom:5px;
	border:1px solid #999;
	border-top:none;
	overflow:auto;

	font-size:105%;
	border-top:1px solid #999;

}

/*
#info #main div.top_br#article_block{
	border-top:1px solid #999;
}
*/


#info #main div#article_block p.comment{
	margin-bottom:8px;
	line-height:1.2em;
}

#info #main div#article_block div.list ul{
	margin-left:0;
}

#info #main div#article_block div.list ul li p.comment{
	margin:5px 0 8px 0;
}


/* right_sidemenu 
----------------------------------------------- */
#info #sidemenu{
	width : 215px ;
	float:left;
	height:auto;
	margin-top:-10px;
}


/* submenu_block */
#info #sidemenu div.submenu_block{ 
	height:auto;
}

#info #sidemenu div.submenu_block div.title{ 
	background:#005699;
	color:#FFFFFF;
	min-height:15px;
	padding:0.6em 10px;
	font-weight:bold;
}

#info #sidemenu div.submenu_block ul{ 
	background:#E8E6D5;
	border-top:1px solid #fff;
	border-bottom:1px solid #999;
	list-style-type:none;
}

#info #sidemenu div.submenu_block li{ 
	background: url(/shared/img/icon_arrow_green02.gif) no-repeat left 0.5em;
	padding:0px 0 0 18px;
	border-top:1px solid #999;
	border-bottom:1px solid #fff;
}

#info #sidemenu div.submenu_block a{ 
	line-height:1.8;
	font-weight:bold;
}

#info #sidemenu div.submenu_block li.selected{ 
	background:#98CAE6 url(/shared/img/icon_arrow_blue01.gif) no-repeat left 0.5em;
}

#info #sidemenu div.submenu_block li.selected a{ 
	line-height:2;
	color:#3E1C00;
}


/* each info page 
----------------------------------------------- */

/* article_block navi*/
#article_block p.navi{ 
	min-height:9px;
	font-size:84%;
	background:url(/shared/img/icon_square_blue01.gif) no-repeat left top;
	line-height:100%;
	padding:0 3px 5px 14px;
	margin-bottom:3px;
	border-bottom:1px solid #ccc;
}

/* article_block relesedate */
/*
#article_block p.relesedate{
	float:right;
}
*/
#article_block div.relesedate{
	text-align:right;
	width:100%;
}
#article_block p{
	margin-bottom:0px;
}

#article_block hr{
	display:block;
	color:#CCC;
	height:10px;
	margin:0;
}

#article_block h2{
	background:url(/shared/img/icon_arrow_blue01.gif) no-repeat left center;
	padding:0.7em 0 0.5em 20px;
	border-bottom:2px solid #007BC2;
	margin-bottom:10px;
	font-size:110%;
}

#article_block h3{
	padding:4px 8px 5px 12px;
	min-height:1em;
	border-bottom:1px dotted #999999;
	background: url(/shared/img/indent_bg01.gif) no-repeat 0.1em top;
	margin:0 0 10px 0;
	font-weight:bold;
}

#article_block h4{
	margin:10px 0 5px 0;
	font-weight:bold;
	color:#007BC2;
}

#article_block ol{
	list-style-position:outside;
	margin:0 0 20px 35px;
}

#article_block ol li{
	margin-bottom:0px;
	line-height:1.3em;
}

#article_block ul{
	list-style-type:none;
	margin:0 0 0px 0px;
}

#article_block ul li{
	background:#FFF url(/shared/img/icon_arrow_orrange02.gif) no-repeat left 0.2em;
	padding:0px 0 0 18px;
	margin-bottom:2px;
	line-height:1.3em;
}

#article_block ul li p{
	margin-bottom:10px;
}

/* related link*/

#article_block h5{
	padding:0.5em 0 0.5em 0;
	border-bottom:1px dotted #999999;
	margin:20px 0 10px 0;
	font-weight:bold;
}

#article_block h6{
	background: url(/shared/img/icon_arrow_orrange02.gif) no-repeat left center;
	padding:0px 0 0 18px;
	margin-bottom:10px;;
	font-weight:normal;
}


/* related file*/

#article_block h6.file{
	background:#fff;
	padding:0;
	clear:both;
}

#article_block h6.file img{ 
	float:left;
	vertical-align:middle;
	margin-right:5px;
}

/* table */

#info table{
	height:auto;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:1px solid #AAAAAA;
	margin-bottom:20px;
}

#info table caption{
	text-align:left;
	margin-bottom:5px;
	color:#666;
}

#info table th{
	padding:0.5em 1em;
	letter-spacing:0.2em;
	text-align:left;
	font-size:97%;
	background: #E6EDF7;
	border-right: 1px solid #AAAAAA;
	border-bottom:1px solid #ACACAC;
}

#info table thead th{
	text-align:center;
	background:#B9D3EE;
	border-right: 1px solid #999999;
	border-bottom:1px solid #ACACAC;
}

#info table td{
	padding:0.5em 1em;
	/*background: #FFF;*/
	border-right: 1px solid #AAAAAA;
	border-bottom:1px solid #ACACAC;
}

 
/* soshiki page contents  
----------------------------------------------- */

/* soshiki table */
#info table.soshiki th{
	padding:0.8em 1em;
	width:20%;
}

#info table.soshiki td{
	padding:0.8em 1em;
	width:80%;
}

#info table.soshiki p{
	line-height:200%;
}

#info table.soshiki hr{
	display:block;
	color:#CCC;
	height:2px;
	margin:0;
}

/* soshiki service list */
#info p.service_list{
	font-weight:bold;
	font-size:110%;
	color:#333;
}

#info ol.service_list{
	list-style-position:inside;
	margin:0 0 20px 0;
	padding:5px 10px;
	background: #E6EDF7;
}

#info ol.service_list li{
	margin-bottom:2px;
	line-height:1.3em;
}

/* soshiki address */
#info p.address_title{
	font-weight:bold;
	font-size:110%;
	color:#333;
}

#info p.address{
	margin:0 0 20px 0;
	padding:5px 10px;
	background: #E6EDF7;
}

/* sitemap page contents  
----------------------------------------------- */
#info div.sitemap{
	
}

#info div.sitemap h2{
	min-height:18px;
	background:#E8E6D5 url(/shared/img/icon_arrow_blue01.gif) no-repeat left center;
	font-weight:bold;
	padding:4px 0 0.1em 18px;
	margin-bottom:5px;
	line-height:1;
	overflow:visible;
}

* html #info div.sitemap h2{ /* for IE6 hack */
	height:20px;
}

/* list */
#info div.sitemap ul{ 
	margin-bottom:10px;
	list-style:none;
}

/****
#info div.sitemap ul.partition_right{ 
	width:50%;
	float:right;
}

#info div.sitemap ul.partition_left{ 
	width:49%;
	float:left;
}
****/

#info div.sitemap ul.partition{ 
	width:470px;
	float:left;
	padding:0 10px 0 0;
}

#info div.sitemap ul li{ 
	background: url(/shared/img/icon_arrow_green02.gif) no-repeat left 0.2em;
	padding:0px 0 0 18px;
	margin-bottom:2px;
	line-height:1.2;
}

/* floatblock */
#info div.sitemap div.blockbox{
	overflow:auto;
	clear:both;
}

/****
#info div.sitemap div.leftblock{
	width:49%;
	float:left;
}

#info div.sitemap div.rightblock{
	width:50%;
	float:right;	
}
****/
#info div.sitemap div.block{
	width:470px;
	float:left;
	padding:0 10px 0 0;
}




/* left contents  block  
----------------------------------------------- */

#info #main{
	clear:both;
	margin:20px 20px 0 0;
	width : 730px ;
}

/* greeting */
#info div.greeting{
	border:4px solid #B9A08D;
	padding:10px;
	clear:both;
	margin-bottom:10px;
}

#info div.greeting img.illust{
	margin:0 10px 10px 0;
	float:left;
}

#info div.greeting p{
	font-size:110%;
	margin-bottom:5px;
}

#info div.greeting p.end{
	margin-bottom:0px;
}

/* menu */
#info dl#menublock{
	clear:both;
	height:100%;
	overflow:auto;
}

#info dl#menublock dt{
	list-style:none;
	width:600px;
}

#info dl#menublock ul{
	list-style:none;
	width:290px;
}

#info dl#menublock ul.leftmenu{
	margin-right:20px;
	float:left;
}

#info dl#menublock ul.rightmenu{
	margin-right:0px;
	float:left;
}

#info dl#menublock ul.widthmenu{
	width : 600px ;
	margin-right:20px;
	float:left;
}

#info dl#menublock ul li p a{
	display:block;	
        background:#bbffcc url(/shared/img/icon_arrow_green02.gif) no-repeat 25px center;
	padding:0 0 0 45px;
	line-height:2;
	min-height:25px;
	height:25px;
}

#info dl#menublock ul li p.orrange a{
	display:block;
	margin-bottom:1px;
	background:#bbffcc url(/shared/img/icon_arrow_orrange02.gif) no-repeat 10px center;
	font-weight:bold;
	color:black;
	padding:0 0 0 25px;
	line-height:2;
	min-height:25px;
	height:25px;
}

#info dl#menublock ul li p.brown a{
	display:block;
	margin-bottom:0px;
	background:#bbffcc url(/shared/img/icon_arrow_brown02.gif) no-repeat 10px center;
	padding:0 0 0 25px;
	line-height:2;
	min-height:25px;
	height:25px;
}

#info dl#menublock ul li p.non a{
	display:block;
	margin-bottom:0px;
	background:#bbffcc no-repeat 10px center;
	padding:0 0 0 25px;
	line-height:2;
	min-height:25px;
	height:25px;
}

#info dl#menublock ul li.blank{
	height:25px;
}

#info dl#menublock ul li.blank2{
	display:block;
	margin-bottom:0px;
	background:#bbffcc;
	padding:0 0 0 25px;
	line-height:2;
	min-height:25px;
	height:25px;
}

#info dl#menublock ul li p a:hover{
	background-color:#B9A08D;
	color:#FFFFFF;
}

/********************************************************************
 * info secondpage layout
 * 
 *******************************************************************/
/* right_sidemenu 
----------------------------------------------- */
#info #sidemenu.second{
	width : 200px ;
	float:right;
	height:100%;
	margin:10px 10px 0 0;
}

#info #sidemenu.second div.greeting p{
	font-size:100%;
	margin-top:5px;
}


#info #main.second{
	margin:10px 0 0 0;
	width : 510px ;
	float:right;
}

.zaisei{
	display:block;
	margin-bottom:1px;
	background:#bbffcc;
	font-weight:normal;
	color:black;
	padding:0px 0px 10px 45px;
	line-height:normal;
	min-height:25px;
	height:auto;
}