@charset "utf-8";

/* template.css */

/*----------------------------------------------*/
/*                                              */
/* base                                         */
/*                                              */
/*----------------------------------------------*/

body {
	color: #333333;
	background-color: #faf4f3;
}
div#dHeader,
div#dGlobalNavi ul,
div#dKeyVisual,
div#dVisual,
div#dMain,
div#dBPWapper,
div#dFUWrapper div.dModLayCol2,
div#dFMWrapper div.dModLayCol3,
div#dFLWrapper div.dModLayCol2,
div#dFLUpper,
div#dFLLower {
	width: 960px;
}
/* popup */
body.popup {
	background-color: #281c15;
}
body.popup div#dFooter {
	background-color: transparent;
}
body.popup div#dHeader {
	width: 640px;
	padding: 10px 0;
}
body.popup div#dMain,
body.popup div#dFLID p,
body.popup div#dCopyRight,
body.popup div.dClose {
	width: 680px;
}

/* center option
--------------------------------------*/
body {
	text-align: center;
}
div#dHeader,
div#dGlobalNavi ul,
div#dKeyVisual,
div#dVisual,
div#dMain,
div#dBPWapper,
div#dFUWrapper div.dModLayCol2,
div#dFMWrapper div.dModLayCol3,
div#dFLWrapper div.dModLayCol2,
div#dFLUpper,
div#dFLLower {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
body.popup div.dClose,
body.popup div#dFLID p,
body.popup div#dCopyRight {
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
div#dPageUp {
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-bottom: 20px;

}

/*----------------------------------------------*/
/*                                              */
/* wrapper                                      */
/*                                              */
/*----------------------------------------------*/
div#dGWrapper {
	background-color: #281c15;
}

/*----------------------------------------------*/
/*                                              */
/* header                                       */
/*                                              */
/*----------------------------------------------*/
div#dHWrapper {
}
div#dHeader {
	/*padding: 0 20px 10px;*/
	padding: 0 0 10px;
	text-align: left;
}
div#dSiteID {
	float: left;
	width: 101px;
	padding-top: 10px;
}
body.popup div#dSiteID {
	float: none;
	width: 640px;
	padding-top: 0;
}
body.popup div#dSiteID p#pSiteID {
	float: left;
	width: 80px;
}
body.popup div#dSiteID h1 {
	float: left;
	padding-top: 13px;
}
/* header navi */
div#dHeaderNaviWrapper{
	float: right;
	width: 800px;
}
div#dHeaderNavi {
	float: right;
	width: 800px;
}
		div#dHeaderNavi ul {
			float: right;
		}
				div#dHeaderNavi li {
					float: left;
					list-style: none;
					white-space: nowrap;
					margin-bottom: 0;
					padding-left: 10px;
				}
				div#dHeaderNavi li#liAccess {
					padding-right: 10px;
					padding-top: 3px;
				}
						div#dHeaderNavi li#liAccess a {
							background-color: transparent;
						}
				div#dHeaderNavi li.lastElement {
					border: none;
				}
body.popup div#dHeaderNavi {
	text-align: right;
	width: 80px;
	padding-top: 12px;
}
div#dTagline {
	color: #cccccc;
	text-align: right;
	font-size: 0.9em;
	height: 30px;
}
	div#dTagline p {
		padding-top: 5px;
	}
/*----------------------------------------------*/
/*                                              */
/* global navi                                  */
/*                                              */
/*----------------------------------------------*/		
div#dGlobalNavi {
	margin-bottom: 30px;
}
		div#dGlobalNavi ul {
		}
				div#dGlobalNavi li {
					float: left;
					list-style: none;
					padding-left: 10px;
				}
				div#dGlobalNavi li.liFirst {
					padding-left: 0;
				}
				div#dGlobalNavi li a {
					display: block;
					float: left;
				}
/*----------------------------------------------*/
/*                                              */
/* bread crumbs                                 */
/*                                              */
/*----------------------------------------------*/
div#dBreadCrumbs {
	width: 850px;
}
		div#dBreadCrumbs ol {
		}
				div#dBreadCrumbs li {
					float: left;
					list-style: none;
					padding-right: 6px;
					font-size: 0.9em;
				}
				div#dBreadCrumbs a,
				div#dBreadCrumbs span {
					padding-right: 7px;
				}
/*----------------------------------------------*/
/*                                              */
/* dBVMWrapper                                  */
/*                                              */
/*----------------------------------------------*/		
div#dBVMWrapper {
}
body.popup div#dBVMWrapper {
	background-color: #efe8e6;
}
/*----------------------------------------------*/
/*                                              */
/* visual                                       */
/*                                              */
/*----------------------------------------------*/
div#dVisualWrapper {
	color: #efe8e6;
}
div#dVisual {
	text-align: left;
}
		div#dVisual h1 {
			float: left;
			width: 140px;
		}
		div#dVisual div#dVContents {
			float: right;
			width: 820px;
		}
/*----------------------------------------------*/
/*                                              */
/* main                                         */
/*                                              */
/*----------------------------------------------*/
div#dMainWrapper {
	background-color: #efe8e6;
}
div#dMain {
	text-align: left;
}
/*----------------------------------------------*/
/*                                              */
/* contents                                     */
/*                                              */
/*----------------------------------------------*/
body div#dContents {
	background-color: #efe8e6;
	text-align: left;
}

/* subnavi */
body.subnavi div#dContents {
	float: left;
	background-color: #efe8e6;
	width: 710px;
	padding-top: 30px;
}
		body.subnavi div#dContents div.dContentsInner {
		}
/* nosubnavi */
body.nosubnavi div#dContents {
	float: none;
	width: 960px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
		body.nosubnavi div#dContents div.dContentsInner {
			width: auto;
			padding: 0;
		}
/* popup */
body.popup div#dContents {
	float: none;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #efe8e6;
}
		body.popup div#dContents div.dContentsInner {
			padding: 20px;
		}

/*----------------------------------------------*/
/*                                              */
/* subnavi                                      */
/*                                              */
/*----------------------------------------------*/
div#dSubNavi {
	float: right;
	width: 220px;
	margin-top: 30px;
}
				
div#dSubNavi div.dSubNaviMain {
	margin-bottom: 40px;
}
		/* ulSubNavi  */
		div#dSubNavi div.dSubNaviMain ul.ulSubNavi li {
			margin-bottom: 0;
			float: left;
			background-color: #efe8e6;
			background-image: url(../image/bg_line_dotted.gif);
			background-position: left bottom;
			background-repeat: repeat-x;
		}
		div#dSubNavi div.dSubNaviMain ul.ulSubNavi li a {
			background-image: url(../image/sn_bg_ico_right.gif);
			background-position: 15px 50%;
			float: left;
			display: block;
			width: 200px;
			padding-left: 20px;
		}
		div#dSubNavi div.dSubNaviMain ul.ulSubNavi li a span {
			display: block;
			padding: 15px 10px;
		}
				/*div#dSubNavi div.dSubNaviMain ul.ulSubNavi li a { color: #1963E6; text-decoration: none; }
				div#dSubNavi div.dSubNaviMain ul.ulSubNavi li a:link { color: #1963E6; text-decoration: none; }
				div#dSubNavi div.dSubNaviMain ul.ulSubNavi li a:visited { color: #1963E6; text-decoration: none; }
				div#dSubNavi div.dSubNaviMain ul.ulSubNavi li a:active { color: #3399FF; text-decoration: none; }
				div#dSubNavi div.dSubNaviMain ul.ulSubNavi li a:hover { color: #3399FF; text-decoration: underline; }
				div#dSubNavi div.dSubNaviMain ul.ulSubNavi li a:focus { color: #3399FF; text-decoration: none; }*/
		
				div#dSubNavi div.dSubNaviMain ul.ulSubNavi li.liActive a {
					background-image: url(../image/sn_bg_ico_right_ac.gif);
					color: #333333;
					background-color: #f7f4f3;
					font-weight: bold;
				}
				div#dSubNavi div.dSubNaviMain ul.ulSubNavi li.liActive a span {
					color: #333333;
				}
				
				div#dSubNavi div.dSubNaviMain ul.ulSubNavi li dt {
					float: left;
					background-image: url(../image/bg_line_dotted.gif);
					background-position: left bottom;
					background-repeat: repeat-x;
				}
				
		div#dSubNavi div.dSubNaviBtnArea {
			margin-bottom: 20px;
		}
				div#dSubNavi div.dSubNaviBtnArea ul li {
					margin-bottom: 10px;
				}
				div#dSubNavi div.dSubNaviBtnArea ul li img {
					vertical-align: bottom;
				}
/*----------------------------------------------*/
/*                                              */
/* Page Up                                       */
/*                                              */
/*----------------------------------------------*/
div#dPageUp {
	width: 90px;
	text-align: right;
}
/*----------------------------------------------*/
/*                                              */
/* footer                                       */
/*                                              */
/*----------------------------------------------*/
div#dFooter li,
div#dFooter p,
div#dFooter p a,
div#dFooter table th,
div#dFooter table td {
	line-height: 1.6
}
div#dFooter {
	background-color: #faf4f3;
	text-align: left;
}
		div#dFooter ul.ulModEleArrow li {
			background-image: url(../image/fn_bg_ico_right.gif);
		}
				div#dFooter ul.ulModEleArrow li.icon {
					background: none;
				}
		div#dFooter div.dModLayCol2 div.dModLayColL dt {
			padding-bottom: 5px;
		}
		div#dFUWrapper div#dFUUpper {
			background: url(../image/bg_line_dotted.gif) repeat-x left bottom;
			padding: 0;
		}
		div.dFUNavi ul.ulModEleFloat li {
			width: 170px;
			white-space: normal;
			margin-bottom: 2px;
		}
		div.dFUNavi ul.ulModEleFloat li.lastElement {
			width: 160px;
		}
		div.dFUNavi ul.ulModEleFloat li li {
			width: auto;
			float: none;
		}
		/* icon */
		div.dFUNavi .icon {
			background: none;
			padding-left: 0;
		}
		div.dFUNavi .icon img {
			vertical-align: middle;
			margin-right: 6px;
			background: none;
			padding-left: 0;
		}
div#dFUWrapper {
	padding-top: 19px;
	padding-bottom: 19px;
	font-size: 0.9em;
}
		div#dFUWrapper div.dModLayCol2 div.dModLayColL {
			width: 670px;
		}
				
		div#dFUWrapper div.dModLayCol2 div.dModLayColR {
			width: 249px;
			background: url(../image/bg_line_dotted_length.gif) repeat-y left top;
			padding-left: 20px;
		}
				div#dFUWrapper div.dModLayCol2 div.dModLayColR ul {
					margin-top: 10px;
				}
				div#dFUWrapper div.dModLayCol2 div.dModLayColR div.dFTInfo {
					background-color: #efe8e6;
					padding: 15px;
				}
				div#dFUWrapper div.dModLayCol2 div.dModLayColR div.dFTInfo p {
					margin-bottom: 8px;
				}
				div#dFUWrapper div.dModLayCol2 div.dModLayColR div.dFTInfo table th,
				div#dFUWrapper div.dModLayCol2 div.dModLayColR div.dFTInfo table td {
					vertical-align: top;
				}
		
div#dFMWrapper {
	background-color: #ffffff;
	padding: 10px 0;
}
		div#dFMWrapper div.dModLayCol3 {
			background: url(../image/bg_fmwrapper.gif) repeat-y left top;
		}
				div#dFMWrapper div.dModLayCol3 div.dModLayColL {
					width: 150px;
				}
				div#dFMWrapper div.dModLayCol3 div.dModLayColC {
					width: 310px;
				}
						div#dFMWrapper div.dModLayCol3 div.dModLayColC p,
						div#dFMWrapper div.dModLayCol3 div.dModLayColC address {
							padding: 0 20px;
						}
				div#dFMWrapper div.dModLayCol3 div.dModLayColR {
					width: 500px;
				}
						div#dFMWrapper div.dModLayCol3 div.dModLayColR p {
							padding: 0 10px;
							font-size: 0.9em;
						}
div#dFLWrapper {
}
		div#dFLWrapper {
			padding: 10px 0;
		}
				div#dFLWrapper div.dFLNavi {
					width: 620px;
				}
					div#dFLWrapper div.dFLNavi ul {
						text-align: right;
						margin-bottom: 0;
					}
					div#dFLWrapper div.dFLNavi ul li {
						display: inline;
						margin-left: 10px;
					}
				div#dFLWrapper div#dFLID {
					width: 220px;
					padding-top: 4px;
				}
div#dFULower {
}
		div#dFULower div.dFUNavi ul.ulModEleFloat {
			margin-bottom: 0;
		}
		div#dFULower div.dFUNavi ul.ulModEleArrow {
			margin-bottom: 0;
		}


/* popup
---------------------------------*/
body.popup div#dHeader div.dClose {
	width: auto;
}
body.popup div#dHeader div.dClose p {
	padding-bottom: 10px;
}
body.popup div#dMain div.dClose p {
	padding-bottom: 20px;
	padding-right: 20px;
	text-align: right;
}
body.popup div#dCopyRight p {
	padding: 10px 20px;
}

