@charset "utf-8";

/*

	----------------------------------
	layout.css
	----------------------------------

01. body, dWrapper
02. dHeader
03. dFooter
04. dGlobalNavi
05. dBreadCrumbs
06. dMain
07. dMainR
08. dMainL
09. popup
10. FlashArea(top)
00. Link
*/



/*////////////////////////////////////////////*/
/*                                            */
/* 01. body, dWrapper                         */
/*                                            */
/*////////////////////////////////////////////*/

body {
	text-align: center;
	background-color: #fff;
}
div#dWrapper {
	
}
div#dHeaderWrap {
	
}

/* テキスト中央揃えリセット
----------------------------------------------*/
div#dHeader,
div#dMain,
div#dRealatedLink,
div#dFooter {
	text-align: left;
}


/*////////////////////////////////////////////*/
/*                                            */
/* 02. dHeader                                */
/*                                            */
/*////////////////////////////////////////////*/

div#dHeader {
	width: 800px;
	margin: 14px auto 10px;
}
		div#dHeader div#dLogo,
		div#dHeader h1#hLogo {
			width: 100px;
			padding-top: 13px;
			float: left;
		}
		div#dHeader div.dHeaderMenu {
			width: 700px;
			float: right;
			text-align: right;
		}
				div#dHeader div.dHeaderMenu a {
					color: #282622;
					text-decoration: none;
				}
				div#dHeader div.dHeaderMenu a:hover {
					text-decoration: underline;
				}
				ul#dLanguageNavi {
					margin-bottom: 10px;
				}
						ul#dLanguageNavi li {
							display: inline;
							padding-left: 5px;
						}
						ul#dLanguageNavi li img {
							vertical-align: top;
						}
						ul#dLanguageNavi li.lFirst {
							padding-left: 0;
							padding-right: 20px;
						}
						ul#dLanguageNavi li.lFirst a {
							background: none;
							padding-left: 0;
						}
						ul#dLanguageNavi li a {
							background: url(../image/ico_link.gif) no-repeat 0 50%;
							padding-left: 10px;
						}
				div#dHearderNavi div.dColR {
				} 
						div#dHearderNavi ul {
							float: left;
						}
								div#dHearderNavi ul li {
									display: inline;
								}
								div#dHearderNavi ul li span {
									border-right: 1px solid #e40000;
									padding: 0 10px;
								}
								div#dHearderNavi ul li.lFirst span {
									border-left: 1px solid #e40000;
								}
								div#dHearderNavi form {
									float: left;
								}
								div#dHearderNavi p#pSearchBox {
									float: left;
									padding-left: 5px;
								}
								div#dHearderNavi p#pSearchBox input {
									float: left;
									margin-left: 5px;
									height: 16px;
									width: 150px;
								}
								div#dHearderNavi p#pSearchButton {
									float: left;
									padding-left: 5px;
								}


/*////////////////////////////////////////////*/
/*                                            */
/* 03. dFooter                                */
/*                                            */
/*////////////////////////////////////////////*/

div.dFooterNaviWrap {
	background-color: #c60000;
	padding: 2px 0;
}
		div#dFooterNavi {
			width: 800px;
			margin-left: auto;
			margin-right: auto;
		}
		div#dFooterNavi a {
			color: #fff;
			text-decoration: none;
		}
		div#dFooterNavi a:hover {
			text-decoration: underline;
		}
		div#dFooterNavi ul {
			text-align: right;
		}
		div#dFooterNavi ul li {
			display: inline;
			border-right: 1px solid #fff;
			padding: 0 10px;
		}
		div#dFooterNavi ul li.lFirst {
			border-left: 1px solid #fff;
			padding-left: 12px;
		}


div#dFooter div#dCopyRight {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9px;
}
		div#dFooter div#dCopyRight address {
			width: 500px;
			float: left;
			font-style: normal;
		}
		div#dFooter div#dCopyRight div#dFooterLogo {
			display: block;
			width: 102px;
			float: right;
		}


/*////////////////////////////////////////////*/
/*                                            */
/* 04. dGlobalNavi                            */
/*                                            */
/*////////////////////////////////////////////*/
div#dGlobalNavi {
	background: url(../image/bg_global_navi.gif) repeat-x left top;
	padding-bottom: 2px;
}
		div#dGlobalNavi img {
			vertical-align: bottom;
		}
		div#dGlobalNavi ul {
			width: 800px;
			margin: auto;
		}
		div#dGlobalNavi li {
			float: left;
		}


/*////////////////////////////////////////////*/
/*                                            */
/* 05. dBreadCrumbs                           */
/*                                            */
/*////////////////////////////////////////////*/

div#dBreadCrumbs {
	width: 800px;
	margin: 20px auto 15px;
	background: url(../image/bg_bread_crumbs_btm.gif) no-repeat left bottom;
}
div#dBreadCrumbs {
	width: 800px;
	margin: 20px auto 15px;
	background: url(../image/bg_bread_crumbs_btm.gif) no-repeat left bottom;
}
		div#dBreadCrumbs ol {
			float: left;
			background: url(../image/bg_bread_crumbs_top.gif) no-repeat left top;
			width: 630px;
			text-align: left;
			padding: 2px 0 4px 10px;
		}
		div#dBreadCrumbs ol li {
			display: inline;
		}
		div#dBreadCrumbs dl {
			float: right;
			width: 145px;
		}
		div#dBreadCrumbs dl dt,
		div#dBreadCrumbs dl dd {
			float: left;
		}
		div#dBreadCrumbs dl dd {
			padding-left: 5px;
		}
				div#dBreadCrumbs dl dd a {
					float: left;
					display: block;
					width: 22px;
					height: 19px;
				}
				div#dBreadCrumbs dl dd a span {
					display: none;
				}
				div#dBreadCrumbs dl dd#ddSmall a {
					background: url(../image/ico_fontsmall.gif) no-repeat left top;
				}
				div#dBreadCrumbs dl dd#ddMiddle a {
					background: url(../image/ico_fontmiddle.gif) no-repeat 0 -19px;
				}
				div#dBreadCrumbs dl dd#ddLarge a {
					background: url(../image/ico_fontlarge.gif) no-repeat left top;
				}


/*////////////////////////////////////////////*/
/*                                            */
/* 06. dMain                                  */
/*                                            */
/*////////////////////////////////////////////*/

div#dMain {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
		


/*////////////////////////////////////////////*/
/*                                            */
/* 07. dMainR                                 */
/*                                            */
/*////////////////////////////////////////////*/

div#dMainR {
	width: 590px;
	float: right;
}


/*////////////////////////////////////////////*/
/*                                            */
/* 08. dMainL                                 */
/*                                            */
/*////////////////////////////////////////////*/

div#dMainL {
	width: 190px;
	float: left;
	padding-bottom: 20px;
}
		div#dMainL h2 {
			margin: 0px 0px 3px;
		}
		div#dMainL h3 {
			margin: 15px 0 10px 10px;
		}

		div#dMainL ul#uSubNavi li,
		div#dMainL ul#uLineUp li {
			width: 190px;
			background: url(../image/bg_sub_bottom.gif) no-repeat left bottom;
			margin-bottom: 5px;
		}
		div#dMainL ul#uSubNavi li div,
		div#dMainL ul#uLineUp li div {
			background: url(../image/bg_sub_top.gif) no-repeat left top;
		}
		div#dMainL ul#uSubNavi li a,
		div#dMainL ul#uLineUp li a {
			width: 155px;
			display: block;
			padding: 7px 15px 6px 20px; /*iewin.css参照*/
			background: url(../image/bg_sub_arrow.gif) no-repeat 11px 50%;
		}
				div#dMainL ul#uSubNavi li.lActive li {
					background: none;
					margin-bottom: 0;
				}
				div#dMainL ul#uSubNavi li.lActive li a {
					background: none;
				}
				div#dMainL ul#uSubNavi li.lActive li.lFirst a {
					background: url(../image/bg_sub_line.gif) no-repeat 50% 0;
				}

				div#dMainL ul#uSubNavi li.lActive,
				div#dMainL ul#uLineUp li.lActive {
					background: url(../image/bg_sub_active_bottom.gif) no-repeat left bottom;
				}
				div#dMainL ul#uSubNavi li.lActive div,
				div#dMainL ul#uLineUp li.lActive div {
					background: url(../image/bg_sub_active_top.gif) no-repeat left top;
				}

				div#dMainL ul#uSubNavi li.lActive li a:hover {
					text-decoration: underline;
				}
				div#dMainL ul#uSubNavi li.lActive li.lActive a:hover {
					text-decoration: none;
				}
		div#dMainL a.aCategoryTop {
			background: url(../image/ico_sub_backtop.gif) no-repeat 0 0.5em;
			padding-left: 15px;
		}
		
		div.dPdfCatalog {
			padding-top: 5px;
			margin-bottom: 7px;
			padding-bottom: 10px;
		}
				div.dPdfCatalog img {
					display: block;
					margin: 10px auto;
					/*width: 112px;
					height: 152px;*/
				}
				div.dPdfCatalog p a {
					background: url(../image/ico_pdf.gif) no-repeat 100% 50%;
					padding-right: 20px;
					padding-top:5px;
					padding-bottom: 5px;
				}
		
		
		div#dMainL ul#uSubNavi li a,
		div#dMainL ul#uLineUp li a {
			color: #282622;
			text-decoration: none;
		}
		div#dMainL ul#uSubNavi li a:hover,
		div#dMainL ul#uLineUp li a:hover {
			text-decoration: underline;
		}
		div#dMainL ul#uSubNavi li.lActive a:hover,
		div#dMainL ul#uLineUp li.lActive a:hover {
			text-decoration: none;
		}
		div#dMainL ul#uSubNavi li.lActive strong,
		div#dMainL ul#uLineUp li.lActive strong {
			color: #c60000;
		}

		div#dMainL h4{
		margin:5px 0;
		}

/* important
--------------------------------------*/
div#dMainL div.dMainLImportant {
	margin-top: 20px;
}
		div#dMainL div.dMainLImportant h2 {
			margin: 0;
		}
		div#dMainL div.dMainLImportant div.dInner {
			background: url(../image/bg_sn_grayline.gif) no-repeat left bottom;
			padding:0 4px 2px;
			margin-bottom: 10px;
		}
				div#dMainL div.dMainLImportant div.dInner p {
					margin-bottom: 5px;
					padding: 0 3px;
				}
				div#dMainL div.dMainLImportant div.dInner div.dBannerArea p {
					padding: 0;
				}
				div#dMainL div.dMainLImportant div.dInner div.dLinkInfo {
					background: url(../image/bg_dot_line.gif) repeat-x left top;
					font-size: 0.9em;
					padding-top: 10px;
				}
				div#dMainL div.dMainLImportant div.dInner img {
					margin-bottom: 5px;
				}
				div#dMainL div.dMainLImportant div.dInner a {
					display: block;
					margin-left: 0;
				}

/*////////////////////////////////////////////*/
/*                                            */
/* 09. popup                                  */
/*                                            */
/*////////////////////////////////////////////*/

body#popup,
body#popupwide {
	background: #fff url(../image/bg_popup_body.gif) repeat-x 0 65px;
}

body#popup div#dHeader,
body#popup div#dMain,
body#popup div#dFooter,
body#popupwide div#dHeader,
body#popupwide div#dMain,
body#popupwide div#dFooter {
	text-align: left;
}

body#popupwide div#dMain{
}
	body#popup div#dMain .sAddress{
		display: inline-block;
		text-align: center;
		background-color: #c60000;
		color: #ffffff;
		padding: 2px 5px;
		margin-left: 10px;
		cursor: pointer;
	}

/* POPUP Header
--------------------------------------*/
body#popup div#dHeader {
	width: 550px;
	margin-bottom: 5px;
}
		body#popup div#dHeader div#dLogo,
		body#popupwide div#dHeader div#dLogo { /*通常と同じ*/
		}
		body#popup div#dHeader div.dClose,
		body#popupwide div#dHeader div.dClose {
			width: 65px;
			padding-top: 25px;
			float: right;
		}
body#popupwide div#dHeader {
	width: 800px;
	margin-bottom: 5px;
}

/* POPUP Main
--------------------------------------*/
body#popup div#dMain {
	width: 550px;
	padding: 35px 0 0 0;
}
body#popupwide div#dMain {
	width: 800px;
	padding: 35px 0 0 0;
}
		body#popup div#dContents h1 {
			background: left top no-repeat url(../image/bg_popup_h1.gif);
			padding: 0 0 0 20px;
			margin: 0 0 20px 0;
			width: 510px;
			height: 21px;
		}
		body#popup div.dMovie {
			text-align: center;
			margin: 20px 0 30px;
		}
		body#popup div#dContents div.dClose,
		body#popupwide div#dContents div.dClose {
			text-align: right;
			margin: 10px 0 5px;
		}

/* POPUP Footer
--------------------------------------*/
body#popup div#dFooter,
body#popupwide div#dFooter {
	margin-top: 8px;
	border-top: 7px solid #C60000;
}
body#popup div#dFooter div#dCopyRight {
	width: 550px;
}
body#popupwide div#dFooter div#dCopyRight {
	width: 800px;
}
		body#popup div#dFooter div#dCopyRight address,
		body#popupwide div#dFooter div#dCopyRight address {
			width: 300px;
		}
		body#popup div#dFooter div#dCopyRight div#dFooterLogo,
		body#popupwide div#dFooter div#dCopyRight  div#dFooterLogo {
			width: 102px;
		}


/*////////////////////////////////////////////*/
/*                                            */
/* 10. FlashArea(top)                         */
/*                                            */
/*////////////////////////////////////////////*/

body#home div#dFlashArea {
	margin-bottom: 15px;
	min-width: 800px;
}
body#home div#dFlashContents {
	text-align: center;
}
body#home div#dFlashContents p {
	text-align: left;
	width: 800px;
	margin: 0 auto;
}



/*////////////////////////////////////////////*/
/*                                            */
/* 00. Link@@@@                               */
/*                                            */
/*////////////////////////////////////////////*/

a:link    { color: #323c99; text-decoration: underline; }
a:visited { color: #993399; text-decoration: underline; }
a:hover   { color: #2a68a6; text-decoration: none; }
a:active  { color: #2a68a6; text-decoration: none; }

div#dBreadCrumbs ol li a:link,
div#dBreadCrumbs ol li a:visited { color: #323c99; text-decoration: underline; }
div#dBreadCrumbs ol li a:hover,
div#dBreadCrumbs ol li a:active { color: #2a68a6; text-decoration: none; }