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

body {
	background : url(./images/a/bg_body.gif) repeat-x center top #ffe7e7;
}
#shell {
	width: 1000px;
	margin: 0 auto;
	background: url(./images/a/bg_shell.gif) no-repeat left top #fff !important;
}

/* ___________________________________________________________ document */

h3 {
	background : url(./images/a/headline/h3.gif) no-repeat 0 0 !important;
	font-size: 130%;
}
#intro h3 {
	background : url(./images/a/headline/h3_column3.gif) no-repeat 0 0 !important;
}
h4 {
	background : url(./images/a/headline/h4.gif) no-repeat 0 0 !important;
}
h4 a {
	font-weight : bold;
}
h5 {
	background : url(./images/a/headline/h5.gif) no-repeat 0 0 !important;
}
h6 {
	background : url(./images/a/headline/h6.gif) no-repeat 0 0 !important;
}

h4 a, h5 a, h6 a {
	text-decoration: none;
}
h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline;
}

a:link,
a:visited {
	color : #3399ff;
}
a:hover {
	text-decoration: none;
}

/* ___________________________________________________________ icon */

ul li {
	background : url(./images/a/option/arrow.gif) no-repeat 0 0.4em;
}
div#utilities ul li {
	background-image : url(./images/a/option/navi.gif);
}
div#utilities ul li.return {
	background-image : url(./images/a/option/return.gif);
}
p.apply a,
a.apply {
	background : url(./images/a/option/apply.gif) no-repeat 0 0 transparent;
}
p.active {
	background : url(./images/a/option/arrow.gif) no-repeat 0 1px;
}
ul.summary li {
	list-style : inside url(./images/a/option/arrow.gif);
}
.more a {
	background : url(./images/a/option/more.gif) no-repeat 0 0.45em;
}
div#contents div.update dl dt {
	background : url(./images/a/option/info.gif) no-repeat 0 0.7em;
}
div#contents div.news dl dt {
	background : url(./images/a/option/info.gif) no-repeat 0 0.7em;
}
div#contents div.blog dl dt {
	background : url(./images/a/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/a/option/contents.gif) no-repeat 0 0.7em;
}
div#footer p.return_top a {
	background : url(./images/a/option/return_top.gif) no-repeat 0 0;
}
p.apply {
	background : url(./images/a/option/apply.gif) no-repeat 0 0;
}

/* ___________________________________________________________ fontsize */

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

/* ___________________________________________________________ header */

#header h1,
#header a,
#header a:link,
#header a:visited {
	color : #fff;
}
#header ul.navigation {
	background-color: #fff;
}
#header .navigation a {
	color: #333;
}

/* ___________________________________________________________ intro */
#intro .column3 h3 {
	font-size: 100%;
}
#intro .column3 {
	margin : 20px 0;
	padding : 0;
	background : url(./images/a/intro_column3.gif) no-repeat left bottom;
}
#intro .column3 .column {
	margin-bottom : 5px;
}
#intro .column3 p {
	margin : 0 10px !important;
}

/* ___________________________________________________________ home */

.home #contents .update h4 {
	border-bottom : 0 !important;
	background : url(./images/a/headline/h4_update.gif) no-repeat 0 0;
	font-size: 130%;
}
.home #contents .information h4 {
	background : url(./images/a/headline/h4_information.gif) no-repeat 0 0 !important;
	text-indent : 48px;
	font-size: 130%;
}
.home #contents .blog h4 {
	background : url(./images/a/headline/h4_blog.gif) no-repeat 0 0 !important;
	text-indent : 48px;
	font-size: 130%;
}

/* ___________________________________________________________ utilities */

#utilities .guide {
	border : 0;
	background : url(./images/a/bg_utilities_repeat.gif) repeat-y !important;
}
#utilities form,
#utilities ul {
	border : 0 !important;
	background : url(./images/a/bg_utilities_bottom.gif) no-repeat left bottom !important;
}
#utilities h3 {
	background : url(./images/a/headline/h3_utilities.gif) no-repeat 0 0 !important;
	font-size: 100%
}
p.qr {
	display : none;
}

/* ___________________________________________________________ footer */
#footer {
	background: url(./images/a/bg_footer.gif) no-repeat left bottom #fff !important;
	padding: 0 20px;
}
#footer p.return_top a {
	right: 20px !important;
}
#footer ul.navigation {
	background : none !important;
}

/* ___________________________________________________________ form */

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

div#intro .slideshow .buttons li a {
	background : #ffbab7;
	color : #fff;
}
div#intro .slideshow ul.buttons li.active a:hover,
div#intro .slideshow ul.buttons li.active a {
	background : #fb7b7b;
	color : #fff;
}