@charset "utf-8";

/* reset ////////////////////////////////////////////////*/
* {
	padding: 0;
	margin: 0;
	border: 0;
	float: none;
	text-decoration: none;
	font-weight: normal;
}
ul, li {
	list-style: none;
}
img {
	margin: 0;
	padding: 0;
}




/*///////////////////////////////////////////////////////

	form_color
	
///////////////////////////////////////////////////////*/


/* body ////////////////////////////////////////////////*/
body {
	background-color: #E6E6E6; /* pale gray */
	background-image: url(../img/bg_body.gif);
	background-position: left top;
	background-repeat: repeat-x;
	color: #666670; /* dark gray */
}
#wrapper {
	background-image: url(../img/bg_wrapper.png);
	background-position: center top;
	background-repeat: repeat-y;
}

/* header ////////////////////////////////////////////////*/

#head {
	background-image: url(../img/bg_head.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
.logo_dhjac {
	background-image: url(../img/logo_dhjac.jpg);
	background-position: left top;
	background-repeat: no-repeat;
        cursor:pointer;
}
.logo_arc {
	background-image: url(../img/logo_arc.jpg);
	background-position: left top;
	background-repeat: no-repeat;
        cursor:pointer;
}
#visual {
	background-image: url(../img/bg_main_visual.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.bilingual li.entry {
	background-image: url(../img/t_entry.gif);
	background-repeat: no-repeat;
}
.bilingual li a:link,
.bilingual li a:visited {
	background-position: left top;
}
.bilingual li a:hover,
.bilingual li a:active {
	background-position: left bottom;
}
.news {
	background-image: url(../img/t_news.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	border-top: solid 1px #848487;
}
.fontsize {
	background-image: url(../img/t_fontsize.gif);
	background-position: 566px center;
	background-repeat: no-repeat;
	border-bottom: solid 1px #DCDCDE;
}
.fontsize li a {
	background-image: url(../img/btn_fontsize.gif);
	background-repeat: no-repeat;
}
.fontsize li.small a:link,
.fontsize li.small a:visited {
	background-position: left top;
}
.fontsize li.small a.this,
.fontsize li.small a:hover,
.fontsize li.small a:active {
	background-position: left bottom;
}
.fontsize li.big a:link,
.fontsize li.big a:visited {
	background-position: right top;
}
.fontsize li.big a.this,
.fontsize li.big a:hover,
.fontsize li.big a:active {
	background-position: right bottom;
}

/* container ////////////////////////////////////////////////*/
#container {
	background-image: url(../img/bg_container.gif);
	background-position: center top;
	background-repeat: repeat-y;
}

/* menu /////*/
#menu {
	background-image: url(../img/bg_menu.gif);
	background-position: conter top;
	background-repeat: no-repeat;
}
#menu li a {
	text-indent: -9999px;
	background-image: url(../img/btn_form_menu.jpg);
	background-repeat: no-repeat;
}
#menu li.ap_entry a:link,
#menu li.ap_entry a:visited {
	background-position: -30px top;
}
#menu li.ap_edit a:link,
#menu li.ap_edit a:visited {
	background-position: -170px top;
}
#menu li.ad_entry a:link,
#menu li.ad_entry a:visited {
	background-position: -301px top;
}
#menu li.ad_edit a:link,
#menu li.ad_edit a:visited {
	background-position: -450px top;
}
#menu li.re_edit a:link,
#menu li.re_edit a:visited {
	background-position: -632px top;
}
#menu li.ap_entry a.this:link,
#menu li.ap_entry a.this:visited,
#menu li.ap_entry a:hover,
#menu li.ap_entry a:active {
	background-position: -30px bottom;
}
#menu li.ap_edit a.this:link,
#menu li.ap_edit a.this:visited,
#menu li.ap_edit a:hover,
#menu li.ap_edit a:active {
	background-position: -170px bottom;
}
#menu li.ad_entry a.this:link,
#menu li.ad_entry a.this:visited,
#menu li.ad_entry a:hover,
#menu li.ad_entry a:active {
	background-position: -301px bottom;
}
#menu li.ad_edit a.this:link,
#menu li.ad_edit a.this:visited,
#menu li.ad_edit a:hover,
#menu li.ad_edit a:active {
	background-position: -450px bottom;
}
#menu li.re_edit a.this:link,
#menu li.re_edit a.this:visited,
#menu li.re_edit a:hover,
#menu li.re_edit a:active {
	background-position: -632px bottom;
}

/* columns /////*/
#columns {
	background-image: url(../img/bg_columnsR.gif);
	background-position: center top;
	background-repeat: repeat-y;
}

/* column /////*/
/* h_ */
.column h2 {
	text-indent: -9999px;
}
.column h3 {
	border-left: solid 6px #DCDCDE;
}
/* h_p */
.column .h3p,
.column .h3p02,
.column .h3p03 {
	background-image: url(../img/mark_h3p.gif);
	background-position: 10px -1px;
	background-repeat: no-repeat;
}

/* span */
.column .process span {
	background-position: left 1px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
/* process ap */
.column .process span.ap01 {	background-image: url(../img/form_ap_process01.gif);}
.column .process span.ap02 {	background-image: url(../img/form_ap_process02.gif);}
.column .process span.ap03 {	background-image: url(../img/form_ap_process03.gif);}
.column .process span.ap04 {	background-image: url(../img/form_ap_process04.gif);}
.column .process span.ap05 {	background-image: url(../img/form_ap_process05.gif);}
.column .process span.ap06 {	background-image: url(../img/form_ap_process06.gif);}
/* process ad */
.column .process span.ad01 {	background-image: url(../img/form_ad_process01.gif);}
.column .process span.ad02 {	background-image: url(../img/form_ad_process02.gif);}
.column .process span.ad03 {	background-image: url(../img/form_ad_process03.gif);}
.column .process span.ad04 {	background-image: url(../img/form_ad_process04.gif);}
.column .process span.ad05 {	background-image: url(../img/form_ad_process05.gif);}
/* process re */
.column .process span.re01 {	background-image: url(../img/form_re_process01.gif);}
.column .process span.re02 {	background-image: url(../img/form_re_process02.gif);}
.column .process span.re03 {	background-image: url(../img/form_re_process03.gif);}
.column .process span.re04 {	background-image: url(../img/form_re_process04.gif);}
.column .process span.re05 {	background-image: url(../img/form_re_process05.gif);}

.column input,
.column textarea,
.column select {
	border: solid 1px #97979E;
}
.column input.radio {
	border: none;
}
.column .btn {
	text-indent: -9999px;
	background-position: left top;
	background-repeat: no-repeat;
}

/* btn_form */
.column .reset		 {	background-image: url(../img/btn_form_cancel.gif);}
.column .back		 {	background-image: url(../img/btn_form_back.gif);}
.column .del		 {	background-image: url(../img/btn_form_del.gif);}
/* btn_form_ad */
.column .submit .ad	 {	background-image: url(../img/btn_form_ad_submit.gif);}
.column .end .ad	 {	background-image: url(../img/btn_form_ad_end.gif);}
.column .search .ad	 {	background-image: url(../img/btn_form_ad_search.gif);}
.column .all .ad	 {	background-image: url(../img/btn_form_ad_all.gif);}
.column .edit .ad	 {	background-image: url(../img/btn_form_ad_edit.gif);}
.column .dup .ad	 {	background-image: url(../img/btn_form_ad_dup.gif);}
.column .open .ad	 {	background-image: url(../img/btn_form_ad_open.gif);}
.column .close .ad	 {	background-image: url(../img/btn_form_ad_close.gif);}
/* btn_form_ap */
.column .submit .ap	 {	background-image: url(../img/btn_form_ap_submit.gif);}
.column .end .ap	 {	background-image: url(../img/btn_form_ap_end.gif);}
.column .search .ap	 {	background-image: url(../img/btn_form_ap_search.gif);}
.column .all .ap	 {	background-image: url(../img/btn_form_ap_all.gif);}
.column .edit .ap	 {	background-image: url(../img/btn_form_ap_edit.gif);}
.column .open .ap	 {	background-image: url(../img/btn_form_ap_open.gif);}
.column .close .ap	 {	background-image: url(../img/btn_form_ap_close.gif);}
/* btn_form_re */
.column .submit .re	 {	background-image: url(../img/btn_form_re_submit.gif);}
.column .post .re	 {	background-image: url(../img/btn_form_re_post.gif);}
.column .end .re	 {	background-image: url(../img/btn_form_re_end.gif);}
.column .fin .re	 {	background-image: url(../img/btn_form_re_fin.gif);}
.column .search .re	 {	background-image: url(../img/btn_form_re_search.gif);}
.column .edit .re	 {	background-image: url(../img/btn_form_re_edit.gif);}
.column .open .re	 {	background-image: url(../img/btn_form_re_open.gif);}
.column .close .re	 {	background-image: url(../img/btn_form_re_close.gif);}

.column .btn:hover {
	background-position: left bottom;
}

/* postit /////*/
.postit a {
	background-image: url(../img/btn_tab_postit.gif);
	background-repeat: no-repeat;
}
.postit a:link,
.postit a:visited {
	background-position: left top;
}
.postit a:hover,
.postit a:active {
	background-position: left bottom;
}

/* footer ////////////////////////////////////////////////*/
#footer {
	background-image: url(../img/bg_container.gif);
	background-position: center top;
	background-repeat: repeat-y;
}
#footer p {
	border-top: solid 1px #DCDCDE;
}



/* text color ////////////////////////////////////////////////*/
.APcaution {
	color: #E72166;
}
.REcaution {
	color: #61C11A;
}
strong {
	font-weight: bolder;
}

/* links ////////////////////////////////////////////////*/
a:link {
	color: #4D444D; /* dark gray */
	text-decoration: underline;
}
a:visited {
	color: #4D444D; /* dark gray */
	text-decoration: underline;
}
a:hover {
	color: #61735E; /* gray */
	text-decoration: none;
}
a:active {
	color: #61735E; /* gray */
	text-decoration: none;
}






/*///////////////////////////////////////////////////////

	form_layout
	
///////////////////////////////////////////////////////*/

/* commons ////////////////////////////////////////////////*/
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.substitute {
	display: none;
}

/* body ////////////////////////////////////////////////*/
body {
	width: 100%;
}

/* wrapper ////////////////////////////////////////////////*/
#wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 0 25px;
}

/* head ////////////////////////////////////////////////*/
#header {
	width: 100%;
	height: 195px;
}
#head {
	width: 100%;
	height: 45px;
}
#head h2 {
	text-indent: -9999px;
}
.logo_dhjac {
	width: 279px;
	height: 25px;
	margin: 7px 0 0 10px;
	float: left;
}
.logo_arc {
	width: 125px;
	height: 14px;
	margin: 13px 10px 0 0;
	float: right;
}
#visual {
	width: 100%;
	height: 150px;
	position: relative;
}
#visual h1 {
	text-indent: -9999px;
}
.bilingual {
	width: 80px;
	height: 18px;
	position: absolute;
	top: 55px;
	left: 365px;
}
.bilingual li {
}
.bilingual li a {
	display: block;
	width: 80px;
	height: 18px;
	text-indent: -9999px;
}
.fontsize {
	width: 85%;
	height: 24px;
	position: absolute;
	bottom: -78px;
	right: 60px;
}
.fontsize li {
	margin-top: 2px;
	float: right;
}
.fontsize li a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
.news {
	width: 309px;
	height: 50px;
	position: absolute;
	bottom: 12px;
	left: 41px;
}
.news dt {
	text-indent: -9999px;
}
.news span {
	margin-right: 0.6em;
}

/* container ////////////////////////////////////////////////*/
#container {
}

/* menu /////*/
#menu {
	display: block;
	width: ;
	height: 50px;
}
#menu li {
	display: block;
	float: left;
}
#menu li a {
	display: block;
	height: 50px;
}
#menu li.ap_entry a {
	width: 140px;
	margin-left: 30px;
}
#menu li.ap_edit a {
	width: 131px;
}
#menu li.ad_entry a {
	width: 149px;
}
#menu li.ad_edit a {
	width: 149px;
}
#menu li.re_edit a {
	width: 138px;
	margin-left: 33px;
}


/* columns /////*/
#columns {
	width: 100%;
	margin-top: 28px;
	padding-bottom: 65px; /* 5.4em */
	clear: both;
}

/* column /////*/
.column {
	width: 62%;
	margin: 0 40px;
	padding: 0 164px 0 60px;
	position: relative;
}
/* h_ */
.column h2.single {
	height: 22px; /* 1.38em */
	margin-top: 22px; /* 1.85em */
}
.column h2.double {
	height: 44px; /* 3.7em */
	margin-top: 22px; /* 1.85em */
}
.column h3 {
	height: 22px; /* 1.38em */
	padding-left: 14px;
}

/* h_p */
.column .h2p{
	margin-top: 22px; /* 1.75em */
	margin-bottom: 44px; /* 3.6em */
}
.column .h3p,
.column .h3p02,
.column .h3p03 {
	display: block;
	padding-left: 22px;
	zoom: 1; /* clearfix */
}
.column .h3p:after,
.column .h3p02:after,
.column .h3p03:after { /* clearfix */
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
}
.column .h3p {
	margin-bottom: 44px;
}
.column .h3p02 {
	margin-bottom: 22px;
}
.column .h3p03 {
	margin-bottom: 0px;
}
.column .entries {
	height: 22px;
	margin: 0;
	clear: both;
}
.column .paragraph {
	height: auto;
	min-height: 22px;
}

/* images */
.column .process {
	margin: 22px 0 22px 12px;
}
.column .process span {
	display: block;
	height: 22px;
}

/* form */
.column label,
.column dt.label {
	display: block;
	width: 148px;
	float: left;
}
.column dd.value {
	display: block;
	width: 300px;
	float: left;
}
.column .inlabel {
	width: 126px;
}
.column .unit {
	padding: 0 3px 0 1px;
}
.column label.inlabel {
	width: 126px;
}
.column label.unit {
	width: auto;
	padding: 0 3px 0 1px;
	float: left;
}
.column label.radio {
	display: block;
	width: auto;
	margin-right: 22px;
	float: left;
}
.column input.radio {
	height: 1.2em;
	margin: 2px 2px 0 0;
	float: left;
}
.column input,
.column textarea,
.column select {
	margin: 0;
}
.column input {
	height: 18px;
}
.column select,
.column option {
	height: 20px;
}
.column .buttons {
	height: 20px;
}
.column .btn {
	display: block;
	width: 90px;
	height: 20px;
}
.column .btn span {
	display: block;
	width: 90px;
	height: 20px;
}
.column .reset,
.column .back,
.column .del {
	float: left;
}
.column .submit,
.column .post,
.column .end,
.column .fin,
.column .search,
.column .all,
.column .edit,
.column .dup,
.column .open,
.column .close {
	float: right;
}
.column .search,
.column .open,
.column .edit {
	margin-left: 1.6em;
}
.column .reset,
.column .del {
	margin-right: 1.6em;
}

/* form size */
.column .xs {
	width: 25px;
}
.column .s {
	width: 50px;
}
.column .m {
	width: 75px;
}
.column .l {
	width: 100px;
}
.column .xl {
	width: 200px;
}
.column .mxl {
	width: 300px;
}
.column textarea {
	width: 300px;
	height: 130px;
}
.column textarea.s {
	width: 300px;
	height: 64px;
}

/* incolumn /////*/
.incolumn,
.incolumn1,
.incolumn2,
.incolumn3,
.incolumn4,
.incolumn5 {
	width: 126px;
	position: absolute;
	right: 10px;
}
.incolumn {
	top: 0px;
}
.incolumn1 {
	top: 22px;
}
.incolumn2 {
	top: 44px;
}
.incolumn3 {
	top: 66px;
}
.incolumn4 {
	top: 88px;
}
.incolumn5 {
	top: 110px;
}

/* side menu */
.sidemenu {
}
.sidemenu li {
}

.postit_box {
	position: relative;
	top: 0px;
	left: 0px;
}
.postit {
	width: 175px;
	height: 44px;
	position: absolute;
	top: 10px;
	left: 503px;
	float: left;
}
.postit a.tab {
	width: 175px;
	height: 44px;
}
.postit a.tab span {
	display: block;
	width: 175px;
	height: 44px;
}

/* visible /////*/
#YR,
#AB,
#TRIP {
	display: none;
}



/* foot ////////////////////////////////////////////////*/
#footer {
	width: 100%;
	height: 60px;
	clear: both;
}
#footer p {
	width: 85%;
	margin-left: 60px;
}