@charset "utf-8";

/* ------------------------------------------- CSS Information
 File Name:      layout.css
 Author:         
 Style Info:     ページレイアウト設定
----------------------------------------------------------- */

/* ----------------------------------- Layout Box Style --*/
html	{
	height: 100%;
}
body	{
	height: 100%;
	background-color: #575757;	
}

* html div#wrapper{
	height: 100%;
}
div#wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 0 0;
	position: relative;
	min-height: 100%;
	height: auto !important;
	_height: 400px;
	background-color: #FFFFFF;
}

body > #wrapper {
	height: auto;
}



/* ----------------------------------- Header Style --*/
div#header, div#footer, div#container, div#globalNavi, div#topicPath	{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

div#header #subNavi	{
	/*margin: 0 0 10px 0;*/
	margin: 0;
	float: right;
}

div#header #subNavi	ul	{
	float: left;
}



div#header #fontSet	{
	margin: 0 5px 0 0;
	_margin: -3px 5px 0 0;
	float: left;
}
*+html div#header #fontSet {
	margin: -3px 5px 0 0;
	float: left;
}


ul#fontSize {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1;
	list-style: none;
	overflow: hidden;
	}

ul#fontSize li {
	margin: 0;
	padding: 0;
	width: 20px;
	height: 18px;
	float: left;
	overflow: hidden;
	}

/*
ul#fontSize li#standard {
	width: 20px;
	}
*/

ul#fontSize li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-indent: -100em;
	overflow: hidden;
	}

ul#fontSize li#large a {
	background: url(../images/icn_font_l_off.gif) no-repeat left center;
	}

ul#fontSize li#standard a {
	background: url(../images/icn_font_m_off.gif) no-repeat left center;
	}

ul#fontSize li#small a {
	background: url(../images/icn_font_s_off.gif) no-repeat left center;
	}

#header ul#textLink	{
	margin: 1px 10px 0 0;
	_margin: -3px 10px 0 0;
	padding: 0;
}
*+html #header ul#textLink	{
	margin: -5px 10px 0 0;
	padding: 0;
}

#header ul#textLink li	{
	display: inline;
	margin: 0 0 6px 0;
	padding: 0 5px;
	border-right: 1px solid #999999;
}
#header ul#textLink li a	{
	padding: 0 0 0 10px;
	background:url(../images/dot_red_01.gif) no-repeat center left;
}

#header ul#textLink li #left	{
	margin: 0 15px 0 0;
}

div#siteid	{
	padding: 0;
	margin: 0;
}

div#siteidCanon	{
	padding: 0;
	margin: 0 0 7px 0;
}


.bor_red{
	border: 1px solid #ff0000;
}




/* ----------------------------------- GlobalNavi Style --*/
div#globalNaviBg	{
	width: 100%;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

/*
div#globalNavi ul	{
	height: 35px;
	overflow: hidden;
}

div#globalNavi ul li	{
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #cccccc;
}
*/

div#globalNavi #home2	{
	border-left: 1px solid #cccccc;
	width: 159px;
}

/*menu
____________________________________________________*/

div#globalNavi	{
	position: relative;
	background-color:#fff;
	text-align: center;
	white-space: nowrap;
}

div#globalNavi ul li	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 158px;
}


#Navi {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	background-color:#fff;
	height: 35px;
}
#Navi a {
	display: block;
	font-size: 12px;
	line-height: 1;
	color: #101010;
	text-decoration: none;
	outline:0;
}

#Navi a.main {
	border-right: 1px solid #cccccc;
}
#Navi a:hover,a:active ,a:visited{
background-color:none;

}

#Navi li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 158px;
}
#Navi li a{
	padding: 0;
}
/*#Navi li a:hover{
	background-image:url(../images/navbg_02.gif);
	background-repeat: repeat;
	background-position: bottom;
	color: #101010;
}
#Navi li a:focus, li a:active li a:visited{
	background-image:url(../images/navbg_02.gif);
	background-repeat: repeat;
	background-position: bottom;
	color: #101010;
}*/

/*dropdown
__________________________________________________*/
#Navi ul li a {
	padding: 5px 8px 8px 8px;
	font-size: 10px;
	border-right: hidden;
	border-bottom: 1px solid #ffffff;
	background-color: #dddddd;
}
#Navi ul li a:hover{
	background-image:url(../images/navbg_03.gif);
	border-bottom: 1px solid #ffffff;
}

.submenu {
	visibility: hidden;
	position: relative;
	z-index: 3;
}

.submenu ul {
	display: block;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	top: 1px;
}
/* for IE6- */
* html .submenu ul {
	display: block;
	position: absolute;
	left: -79px;
	margin: 0;
	padding: 0;
	top: 1px;
}

.submenu ul li{
	clear:both;
}




/*stay
____________________________________________________*/
#Navi .stay a{
	background-image:url(../images/navbg_01.gif);
	background-repeat: repeat;
	background-position: bottom;
	color: #ffffff;
}

#Navi .stay a:hover{
	background-image:url(../images/navbg_01.gif);
	background-repeat: repeat;
	background-position: bottom;
	color: #ffffff;
}

/*stay_dropdown
____________________________*/
#Navi .stay ul li a{
	background-image:none;
	color: #101010;
}

#Navi .stay ul li a:hover{
	background-image:url(../images/navbg_03.gif);
	background-repeat: repeat;
	background-position: bottom;
	color: #101010;
}

#Navi .stay ul li a:focus, li a:active li a:visited{
	background-image:url(../images/navbg_03.gif);
	background-repeat: repeat;
	background-position: bottom;
	color: #101010;
}




/* ----------------------------------- TopicsPath Style --*/
div#topicPathBg	{
	width: 100%;
	background-color: #eeeeee;
	height: 25px;
}

div#topicPath ul	{
	margin: 0;
	_margin: 1px 0 0 0;
	padding: 2px 0 0 5px;
}

div#topicPath ul li {
	float: left;
	padding: 0 7px 0 10px;
	background: url(../images/dot_topic-path.gif) no-repeat center left;
}

div#topicPath ul li#home {
	padding-left: 0;
	background: none;
}

div#topicPath  ul li em {
	font-style: normal;
}





/* ----------------------------------- Main Style --*/
div#main	{
	margin: 20px 0 0 0;
	padding: 0 0 80px 0;
/*	min-height: 300px;
	_height: 300px;	*/
}




/* ----------------------------------- LeftMenu Style --*/

div#leftMenu	{
	width: 210px;
	float: left;
}

#pageTitle{
	width: 210px;
	line-height:0;
	font-weight: bold;
	color: #4c4c4c;
	margin: 0;
	padding:0; !important;
	border-bottom: 2px solid #999999;
	height:38px;
}

#accordion {
	width: 210px;
	margin: 0;
	padding: 0;
	

}
.accordion {
	line-height:0;
	font-size: 0px;
	margin: 0;
	padding: 0;
	_margin:0 0 -2px 0;
}
.accordion dt {
	display: block;
	width: 210px;
	padding: 0;
	margin: 0;
	line-height: 0;
}
.accordion dd.zero {
	display: none;
}
.accordion dd {
	display: block;
	overflow: hidden;
	background: #ffffff;
	padding: 0;
	margin: 0;
	line-height: 0;
}
div.pageTopLft {
	width: 210px;
	padding:0;
	margin: 5px 0 0 0;
}
#LeftMenu02 ul	{
	width: 205px;
}

#LeftMenu02 ul.TextLink	{
	font-size: 11px;
	margin-top:10px;
	padding: 12px 0 0 10px;
	background: #ffffff url(../images/dot_red_01.gif) no-repeat left;
}




/* ----------------------------------- RightContents Style --*/
div#rightContents	{
	width: 700px;
	float: right;
	margin: 0 0 20px 0;
}

div#rightContents h1	{
	line-height:normal;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	background:url(../images/title_line.gif) no-repeat left bottom;
	height:28px;
}
div#rightContents h2	{
	font-size: 1.3em;
	font-weight: bold;
	margin: 30px 0 20px 0;
	padding: 0.2em 0 0.3em 0.5em;
	border-left: 4px solid #de0010;
	border-bottom: 1px solid #CCCCCC;
	
}
div#rightContents h3	{
	font-size: 1.1em;
	font-weight: bold;
	margin: 30px 0 20px 0;
	padding: 0.6em 0.8em;
	_padding: 0.2em 0.8em;
	background-color: #787878;
	color:#FFFFFF;
}
div#rightContents h4	{
	font-weight: bold;
	margin: 30px 0 20px 0;
	padding: 0.3em 0.8em;
	border-bottom: 1px solid #CCCCCC;
}
div#rightContents h5	{
	font-weight: bold;
	margin: 5px 0;
	padding: 0.3em 0;
}
div#rightContents .read	{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 10px 0;
}

div#rightContents #tabbox {
	margin: 20px 0 0 0;
	width:700px;
	height: 30px;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
	overflow: hidden;
}

div#rightContents #tabbox ul#tabLink {
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}
div#rightContents ul#tabLink li {
	float: left;
	line-height: 1.2em;
}
div#rightContents ul#tabLink li a {
	display: block;
	min-height: 30px;
	width: 213px;
	padding: 10px 0 5px 20px;
	background: url(../images/tab_link_off.gif) no-repeat left top;
	color: #000000;
	outline:0;
}
div#rightContents ul#tabLink li a:hover {
	background: url(../images/tab_link_hover.gif) no-repeat left top;
	min-height: 30px;
	width: 213px;
	padding: 10px 0 5px 20px;
	color: #de0010;
}
div#rightContents ul#tabLink #active {
	background: url(../images/tab_link_on.gif) no-repeat left top;
	min-height:30px;
	width: 213px;
	padding: 10px 0 5px 20px;
	color: #000000;
	white-space: normal;
}
/* ----------------------------------- タブメニューIE6用 --*/
* html div#rightContents #tabbox {
	margin: 20px 0 0 0;
	height:30px;
	width:700px;
	background: url(../images/tab_bg.gif) repeat-x left top;
	overflow: hidden;
	 

}
* html div#rightContents #tabbox ul#tabLink {
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}
* html div#rightContents ul#tabLink li {
	float: left;
	line-height: 1.2em;
}
* html div#rightContents ul#tabLink li a {
	display: block;
	min-height: 30px;
	width: 211px;
	padding: 11px 0 8px 22px;
	background: url(../images/tab_link_off.gif) no-repeat left top;
	color: #000000;
}
* html div#rightContents ul#tabLink li a:hover {
	background: url(../images/tab_link_hover.gif) no-repeat left top;
	min-height: 30px;
	width: 211px;
	padding: 11px 0 8px 22px;
	color: #de0010;
}
* html div#rightContents ul#tabLink #active {
	background: url(../images/tab_link_on.gif) no-repeat left top;
	min-height:30px;
	width: 211px;
	padding: 11px 0 8px 22px;
	color: #000000;
	white-space: normal;
}





/* ----------------------------------- pagetop Style --*/
div#pagetop	{
	float: right;
/*	text-align: right;	*/
	margin: 5px 0 5px 850px;
	padding: 0 0 0 12px;
	background: url(../images/dot_pagetop.gif) no-repeat left center;
	position: absolute;
	bottom: 35px;
}







/* ----------------------------------- Footer Style --*/

div#footerBg	{
	background: #666666 url(../images/footer_bg.gif) repeat-x left bottom;
	position: absolute;
	bottom: 0;
	height: 30px;
	width: 100%;
	left: 0;
	padding: 5px 0 0 0;

}

div#footer	{
	color: #FFFFFF;
}

div#footer ul	{
	float: left;
/*	display: inline;
	list-style-type: none;	*/
/*	margin: 6px 0;
	_margin: 3px 0;	*/
	padding: 0 10px;
}

div#footer li	{
	display: inline;
/*	display: inline;
	list-style-type: none;	*/
	margin: 0 0 6px 0;
	padding: 0 5px;
	border-left: 1px solid #999;
}
div#footer li#Leftfooter	{
	border: 0;
	padding: 0 5px 0 0;
}

div#footer a, div#footer a:link, div#footer a:visited	{
	text-decoration: none;
	color: #FFFFFF;
}
div#footer a:hover, div#footer a:active	{
	text-decoration: underline;
	color: #FFFFFF;
}

div#copy	{
	float: right;
}