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

body {
	background : url(./images/c/bg_body.gif) repeat-x 0 0;
}

/* ___________________________________________________________ document */

h3 {
	background : url(./images/c/headline/h3.gif) no-repeat 0 0 !important;
	text-indent : 22px;
	color : #333;
	font-weight : normal;
}
#intro h3 {
	background : url(./images/c/headline/h3_column3.gif) no-repeat 0 0 !important;
	font-weight : normal;
	color : #333;
}
div#shell.heyacoco div#contents h3 {
	background : url(./images/c/headline/h3_es.gif) no-repeat 0 0 !important;	
}
h4 {
	background : url(./images/c/headline/h4.gif) no-repeat 0 0 !important;
	text-indent : 22px;
	font-weight : normal;
}
h4 a {
	font-weight : bold;
}
h5 {
	background : url(./images/c/headline/h5.gif) no-repeat 0 0 !important;
	text-indent : 22px;
	font-weight : normal;
}
h6 {
	background : url(./images/c/headline/h6.gif) no-repeat 0 0 !important;
}

a:link,
a:visited {
	color : #663300;
}
a:hover {
	text-decoration : none;
}
table,
table td,
table th {
	border-color : #cac2a5;
}
/* ___________________________________________________________ icon */

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

/* ___________________________________________________________ fontsize */

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

/* ___________________________________________________________ header */

#header h1 {
	color : #333;
}
#header a,
#header a:link,
#header a:visited {
	color : #669900;
}
#header a:hover {
	color : #669900;
}
#header ul.navigation {
	background :  url(./images/c/bg_navigation.gif) no-repeat 0 0 !important;
}

/* ___________________________________________________________ intro */

#intro .column3 {
	margin : 20px 0;
	padding : 0;
	background : url(./images/c/intro_column3.gif) no-repeat left bottom;
}
#intro .column3 .column {
	margin-bottom : 5px;
}
#intro .column3 p {
	margin : 0 10px !important;
}
#intro .column3 h3 {
	text-indent : 0;
}

/* ___________________________________________________________ home */

.home #contents .update h4 {
	border-bottom : 0 !important;
	background : url(./images/c/headline/h5.gif) no-repeat 0 0 !important;
}
.home #contents .information h4 {
	background : url(./images/c/headline/h4_information.gif) no-repeat 0 0 !important;
}
.home #contents .blog h4 {
	background : url(./images/c/headline/h4_blog.gif) no-repeat 0 0 !important;
}
.home #contents .update h5 {
	border-bottom : solid 1px #cac2a5;
	background : none !important;
	text-indent : 0px;
	font-weight: bold;
}
/* ___________________________________________________________ utilities */

#utilities .guide {
	border : 0;
	background : url(./images/c/bg_utilities_repeat.gif) repeat-y !important;
}
#utilities form,
#utilities ul {
	border : 0 !important;
	background : url(./images/c/bg_utilities_bottom.gif) no-repeat left bottom !important;
}
#utilities h3 {
	background : url(./images/c/headline/h3_utilities.gif) no-repeat 0 0 !important;
	color : #333;
	text-indent : 22px;
}
p.qr {
	display : none;
}

/* ___________________________________________________________ footer */

#footer ul.navigation {
	border-top : 2px solid #e0f0cc;
	background-color : #f1f6eb !important;
}

/* ___________________________________________________________ form */

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

/* ___________________________________________________________ slideshow */

div#intro .slideshow .buttons li a {
	background : #edfbf7;
	color : #996600;
}
div#intro .slideshow ul.buttons li.active a:hover,
div#intro .slideshow ul.buttons li.active a {
	background : #c3ede2;
	color : #996600;
}