@import url(navigation.css);


BODY, TH, TD
{
	font-family        : "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;
	line-height        : 1.8em;
	color              : #444444;
}


BODY
{
	font-size          : 12px;
	margin             : 0px;
	padding            : 0px;
	background         : url(../common_2009/headerBG.jpg) repeat-x #FFFFFF;
}


H1, H2, H3, H4, UL, LI, A
{
	margin             : 0px;
	padding            : 0px;
}

LI
{
	list-style-type    : none;
}

IMG
{
	border             : 0px;
}

BIG
{
	display            : none;
}


em.menuTitle
{
	display            : none;
}


A:link    { color : #2388DB; }
A:visited { color : #2388DB; }
A:active  { color : #FABB91; }
A:hover   { color : #98C8EF; }




#wrapper
{
	width              : 900px;
	margin             : auto;
	text-align         : center;
}


#Contents
{
	text-align         : left;
	position           : relative;
	z-index            : 1;
}


/*######################### [ Header ] #########################*/
#Header
{
	height             : 66px;
	margin-top         : 23px;
	margin-left        : 35px;
	margin-bottom      : 17px;
}


#HeaderLogo
{
	width              : 328px;
	height             : 65px;
	background         : url(../common_2009/headerLogo.jpg);
	margin-top         : 2px;
	margin-left        : 2px;
	float              : left;
}





/*######################### [ footer ] #########################*/
div#footer
{
	height             : 106px;
    text-align         : center;
    background         : url(../common_2009/footerBG.gif) repeat-x;
    position           : relative;
}


div#footer UL
{
	margin             : auto;
	padding-top        : 6px;
	padding-bottom     : 13px;
}


div#footer LI
{
	display            : inline;
}


div#footer LI A
{
	color              : #333333;
	text-decoration    : none;
}

div#footer LI A:hover
{
	color              : #AAAAAA;
}


div#footerBottom
{
	color              : #FFFFFF;
	font-size          : 10px;
	width              : 900px;
	margin             : auto;
	padding            : 12px 25px 0 25px;
}


#nifLink A
{
	background         : url(../common_2009/outerLinkMark.gif) no-repeat center left;
	float              : left;
	padding-left       : 15px;
}

#nifLink A:link, #nifLink A:visited, #nifLink A:active { color : #FFFFFF; }
#nifLink A:hover                                       { color : #888888; }


#copyright
{
	float              : right;
}


#footer_disLink
{
	color              : #CCCCCC;
}


#footerDeco
{
	width              : 720px;
	height             : 26px;
	position           : absolute;
	top                : -26px;
	left               : 170px;
	background         : url(../common_2009/footerDeco.gif);
}



/*######################### [ Sub Contents ] #########################*/

div#SUB_mainVisualBG
{
	width              : 900px;
	height             : 485px;
	position           : relative;
	top                : 33px;
	z-index            : 1;
	background         : url(../common_2009/subContents_mainVisualBG.png);
	_behavior          : url(../js/iepngfix.htc);	/* PNGp */
	_margin-top        : -1px;
}

div.SUB_mainVisual
{
	width              : 841px;
	height             : 335px;
	margin-top         : 8px;
	margin-left        : 30px;
	position           : absolute;
	z-index            : 2;
}



h2.SUB_title
{
	display            : block;
	width              : 500px;
	height             : 24px;
	clear              : both;
	background-repeat  : no-repeat;
	position           : relative;
	top                : -100px;
	left               : 64px;
	z-index            : 2;
}



div.SUB_wrapper
{
	width              : 738px;
	text-align         : left;
	margin             : auto;
	padding            : 0 50px;
	position           : relative;
	top                : -85px;
	left               : 0;
	z-index            : 2;
}



.SUB_wrapper TABLE
{
	width              : 754px;
	border-collapse    : collapse;
	border             : 1px solid #CCCCCC;
}

.SUB_wrapper TH, .SUB_wrapper TD
{
	font-size          : 12px;
	padding            : 8px;
	border-bottom      : 1px solid #CCCCCC;
	vertical-align     : top;
}

.SUB_wrapper TH
{
	width              : 170px;
	text-align         : right;
}


.td_gray
{
	background-color   : #DFDFDF;
}


.td_gray02
{
	color              : #FFFFFF;
	background-color   : #333333;
	line-height        : 1.2em;
}

.td_gray03
{
	background-color   : #F2F2F2;
}



/*######################### [ oher ] #########################*/

.txt_red
{
	color              : #E20A16;
}


.txt_orange2
{
	color              : #FF6600;
}




div#pageBottomNavi
{
	margin-top          : 30px;
	clear               : both;
}


p.gotoTop
{
	font-size           : 10px;
	float               : left;
}

/*----- pageup -----*/
p.pageup
{
	float               : right;
}

p.pageup A
{
	display             : block;
	width               : 52px;
	height              : 10px;
	background          : url(../common_2009/pageup.gif) no-repeat;
}



/*----- backToHome -----*/
A#backToHome
{
	display             : block;
	width               : 45px;
	height              : 9px;
	margin-top          : 10px;
	margin-left         : 12px !important;
	margin-left         : 6px;
	background          : url(../common_2009/backToHomeBtn.gif) no-repeat;
}


A:hover#backToHome      { background-position: 0 -9px; }



/*----- Banner Download -----*/
dl#bannerDownload
{
	margin-left         : 20px;
}

dl#bannerDownload LI
{
	float               : left;
	margin              : 20px 30px 40px 0;
}

div.bannerDownload_source
{
	width               : 150px;
	height              : 100px;
	overflow            : scroll;
}

dl#bannerDownload DT
{
	color               : #2388DB;
	font-weight         : bold;
}

dl#bannerDownload DD
{
	margin-bottom       : 20px;
}