@charset "utf-8";
@import url(../global.css);

body div#shell {
	background : url(./images/d/bg_body.gif) repeat-x 0 0;
}
body div#shell.home {
	background : url(./images/d/bg_body_home.gif) repeat-x 0 0;
}
/* ___________________________________________________________ background black */
body {
	background-color : #222;
	color : #fff;
}
dl dt {
	border-color : #747474;
	background : #525252;
}
a:link {
	color : #c78063;
}
a:visited {
	color : #c78063;
}
a:hover {
	color : #c78063;
	text-decoration : none;
}
a:active {
	color : #c78063;
}
th {
	background : #525252 !important;
}
table,
th,
td {
	border-color : #666 !important;
}
/* ___________________________________________________________ document */

h3 {
	background : url(./images/d/headline/h3.gif) no-repeat 0 0 !important;
	color : #000;
	text-indent : 26px;
}
#intro h3 {
	background : url(./images/d/headline/h3_column3.gif) no-repeat 0 0 !important;
	color : #fff;
}
#utilities h3,
.home #intro h3 {
	text-indent : 0;
}
h4 {
	background : url(./images/d/headline/h4.gif) no-repeat 0 0 !important;
	text-indent : 20px;
}
h4 a {
	font-weight : bold;
}
h5 {
	background : url(./images/d/headline/h5.gif) no-repeat 0 0 !important;
	text-indent : 20px;
}
h6 {
	background : url(./images/d/headline/h6.gif) no-repeat 0 0 !important;
	border-bottom : solid 3px #666;
	text-indent : 20px;
}

/* ___________________________________________________________ icon */

ul li {
	background : url(./images/d/option/arrow.gif) no-repeat 0 0.4em;
}
div#utilities ul li {
	background-image : url(./images/d/option/navi.gif);
}
div#utilities ul li.return {
	background-image : url(./images/d/option/return.gif);
}
p.apply a,
a.apply {
	background : url(./images/d/option/apply.gif) no-repeat 0 0 transparent;
}
p.active {
	background : url(./images/d/option/arrow.gif) no-repeat 0 1px;
}
ul.summary li {
	list-style : inside url(./images/d/option/arrow.gif);
}
.more a {
	background : url(./images/d/option/more.gif) no-repeat 0 0.45em;
}
div#contents div.update dl dt {
	background : url(./images/d/option/info.gif) no-repeat 0 0.7em;
}
div#contents div.information dl dt {
	background : url(./images/d/option/info.gif) no-repeat 0 0.7em;
}
div#contents div.blog dl dt {
	background : url(./images/d/option/blog.gif) no-repeat 0 0.7em;
}
div#contents div.contents1 dl dt,
div#contents div.contents2 dl dt,
div#contents div.contents3 dl dt,
div#contents div.contents4 dl dt,
div#contents div.contents5 dl dt,
div#contents div.contents6 dl dt {
	background : url(./images/d/option/contents.gif) no-repeat 0 0.7em;
}
div#footer p.return_top a {
	background : url(./images/d/option/return_top.gif) no-repeat 0 0;
}
p.apply {
	background : url(./images/d/option/apply.gif) no-repeat 0 0;
}

/* ___________________________________________________________ fontsize */

div#header ul.font_size {
	background : url(./images/d/bg_fontsize.gif) no-repeat right top;
}
div#header ul.font_size li.large a {
	background : url(./images/d/button_large.gif) no-repeat 0 0;
}
div#header ul.font_size li.default a {
	background : url(./images/d/button_default.gif) no-repeat 0 0;
}
div#header ul.font_size li.small a {
	background : url(./images/d/button_small.gif) no-repeat 0 0;
}

/* ___________________________________________________________ header */

#header ul.navigation {
	background :  url(./images/d/bg_navigation.gif) no-repeat 0 0 !important;
}

/* ___________________________________________________________ intro */

#intro .column3 {
	margin : 20px 0;
	padding : 0;
	background : url(./images/d/intro_column3.gif) no-repeat left bottom;
}
#intro .column3 .column {
	margin-bottom : 5px;
}
#intro .column3 p {
	margin : 0 10px !important;
}
#intro .column3 p.more a {
	background-image : url(./images/d/option/column.gif);
}

/* ___________________________________________________________ home */

.home #contents .update h4 {
	border-bottom : 0 !important;
	background : url(./images/d/headline/h3.gif) no-repeat 0 0 !important;
	color : #000;
	text-indent : 26px;
}
.home #contents .information h4 {
	background : url(./images/d/headline/h4_information.gif) no-repeat 0 0 !important;
	text-indent : 26px;
}
.home #contents .blog h4 {
	background : url(./images/d/headline/h4_blog.gif) no-repeat 0 0 !important;
	text-indent : 26px;
}
.home .column3 p.more a {
	background : url(./images/d/option/navi.gif) no-repeat 0 0.5em;
}

/* ___________________________________________________________ utilities */

#utilities .guide {
	border : 0;
	background : url(./images/d/bg_utilities_re.gif) repeat-y !important;
}
#utilities form,
#utilities ul {
	border : 0 !important;
	background : url(./images/d/bg_utilities.gif) no-repeat left bottom !important;
}
#utilities h3 {
	background : url(./images/d/headline/h3_utilities.gif) no-repeat 0 0 !important;
}
p.qr {
	display : none;
}

/* ___________________________________________________________ footer */

#footer ul.navigation {
	border-top : 2px solid #603523;
	background : none !important;
}

/* ___________________________________________________________ form */

#contents .lodgment_search {
	background : url(./images/d/bg_body.gif) repeat-x left top !important;
}
#utilities .lodgment_search {
	background : url(./images/d/bg_body.gif) repeat-x left top !important;
}
.submit,
#imageField {
	background : url(./images/d/option/submit.gif) no-repeat left bottom !important;
}

/* ___________________________________________________________ slideshow */

div#intro .slideshow .buttons li a {
	background : #ccc;
	color : #333;
}
div#intro .slideshow ul.buttons li.active a:hover,
div#intro .slideshow ul.buttons li.active a {
	background : #603523;
	color : #fff;
}