@charset "utf-8";
/*CSS for e-Associates Inc web site*/

/*----------------------------
servicebox (index.html)
----------------------------*/
#basic-accordian {
	padding: 0;
	width: 725px;
	z-index: 2;
}

.accordion_headings {
	cursor: pointer;
}

.accordion_headings:hover {
	background: #00CCFF;
}

.accordion_child {
	padding: 0;
	background: #EEE;
}

.header_highlight {
	background: #00CCFF;
}

.tab_container {
	float: left;
	width: 145px;
}

/*----------------------------
index main area
----------------------------*/
#top_copy {
	margin: 0 auto 16px 0;
	background: #EAF4D7 url(../img/bg_massage.gif) repeat-x top left;
	text-align: center;
	border: 1px solid #cad4b6;
}

#top_copy p {
	padding: 0px 14px 14px 14px;
	color: #1E2000;
	text-align: left;
}

#top_copy h2 {
	padding: 10px 0 0 0;
}

#newsheadline {
	margin: 0 auto 10px auto;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #c6c7c6;
}

div#main div.heading {
	margin-bottom: 14px;
	width: 100%;
	height: 30px;
	background: #fff url(../img/bg_heading.gif) repeat-x bottom;
}

div#main div.heading h2 {
	margin-bottom: 0;
	padding: 3px 8px;
	float: left;
	font-size: 100%;
	font-weight: bold;
	width: 50%;
}

/* div#main ul.feed {
	clear: both;
	width: 144px;
	float: right;
}

div#main ul.feed li {
	float: left;
	display: inline;
}

div#main ul.feed li a {
	display: block;
	height: 18px;
	overflow: hidden;
	text-indent: -10000em;
} */

div#main h3 {
	clear: both;
}

div#main ul.feed li.rss {
	width: 75px;
	background-image: url(../img/icon-rss.gif);
}

div#main ul.feed li.articleList {
	width: 64px;
	margin-left: 5px;
	background-image: url(../img/icon-list.gif);
}

#newsheadline ul.top_article {
	clear: both;
	padding: 0 6px 6px 6px;
	list-style: none;
}

ul.top_article li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 16px;
	background: url(../img/red_petiticon.gif) no-repeat left 0.4em;
}

#top_info_holiday {
	margin: 0 auto 6px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffeded), color-stop(54%, #ffe2e2), color-stop(77%, #ffdddd), color-stop(100%, #ffdddd), to(#ffe0e0));
	background: linear-gradient(to bottom, #ffeded 0%, #ffe2e2 54%, #ffdddd 77%, #ffdddd 100%, #ffe0e0 100%);
	text-align: center;
	border: 1px solid #901f1c;
	;
}

#top_info_holiday p {
	padding: 0px 14px 14px 14px;
	color: #1E2000;
	text-align: left;
}

#top_info_holiday h2 {
	padding: 10px 0 8px 0;
	font-weight: bold;
}

/*----------------------------
each category index
----------------------------*/
#servicebox_container {
	text-align: center;
	margin-left: 1px;
}

.servicebox {
	float: left;
	color: #736751;
	width: 173px;
	background: #fefdfb url(../img/bg_servicebox.gif) repeat-x bottom;
	margin: 5px 8px 5px 0;
	text-align: center;
}

.servicebox p {
	color: #736751;
	padding: 0 6px 6px 6px;
	text-align: left;
}

.servicebox_hover {
	background: #fefdfb url(../img/bg_servicebox_hover.gif) repeat-x bottom;
	background-repeat: repeat-x;
	cursor: pointer;
	cursor: hand;
}

/*----------------------------
side area
----------------------------*/
div.side_local_box {
	width: 220px;
	text-align: left;
	border: 1px solid #ededed;
	background: #fff;
	padding: 0;
}

.side_local_box h2#side_ir_title {
	width: 100%;
	height: 26px;
	display: block;
	margin: 5px 0;
	background: url(../img/side_ir.gif) no-repeat top left;
	background-position: 0px 0px;
	text-indent: -9999em;
}

.side_local_box h2#side_pr_title {
	width: 100%;
	height: 26px;
	display: block;
	margin: 5px 0;
	background: url(../img/side_pr.gif) no-repeat top left;
	background-position: 0px 0px;
	text-indent: -9999em;
}

div.side_local_box ul {
	margin: 0;
	list-style: none;
	width: 100%;
	padding: 0;
}

div.side_local_box ul li a {
	font-size: 95%;
	display: block;
	height: 30px;
	border-bottom: solid 1px #ededed;
	background: #fff url(../img/li_sub.gif) 10px 50% no-repeat;
	color: #424343;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 40px;
}

div.side_local_box ul li a:hover {
	background: #e8c5c5 url(../img/li_sub.gif) 15px 50% no-repeat;
	color: #581313;
}

div.side_local_box li a#here {
	background: #e8c5c5 url(../img/li_sub.gif) 15px 50% no-repeat;
	color: #581313;
}

/*----------------------------
top massage
----------------------------*/
div#president_copy {
	text-align: left;
	padding: 0 0 2em 1em;
}

/*----------------------------
profile
----------------------------*/
table.table_profile {
	text-align: left;
	margin: 10px 10px 2em;
}

table.table_profile tr {
	margin: 0;
}

table.table_profile th {
	font-weight: normal;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

table.table_profile td {
	font-weight: normal;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

#main #time_note {
	text-align: right;
	font-size: 0.8em;
	padding: 8px 0 4px 0;
}

#main #contact_button {
	margin-top: 50px;
}

/*----------------------------
executive
----------------------------*/
h4.executive {
	width: 100%;
	color: #600;
	margin: 10px 0 6px 0;
	padding: 3px 0;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

/*----------------------------
media
----------------------------*/
table.table_media {
	width: 455px;
	text-align: left;
	margin: 10px auto;
}

table.table_media tr {
	margin: 0;
}

table.table_media th {
	font-weight: normal;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

table.table_media td {
	font-weight: normal;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

span.newspaper {
	color: #309;
}

span.magazine {
	color: #960;
}

/*----------------------------
recruit
----------------------------*/
.table_profile td ul {
	padding-left: 20px;
	list-style-position: outside;
}

div#main td p {
	margin: 0 0 1em 0;
}

h4.recruit+table.table_profile em {
	font-weight: bold;
	font-style: normal;
}

ul.recruit_list {
	margin-top: 20px !important;
}

ul.recruit_list li {
	background: #fff url(../img/listicon.gif) no-repeat left;
	list-style: none;
	margin-bottom: 10px;
	padding: 6px 0 6px 20px;
}

/*----------------------------
book
----------------------------*/
table.table_book {
	text-align: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

table.table_book tr {
	margin: 0;
}

table.table_book th {
	font-weight: normal;
	padding: 0px;
	text-align: left;
	margin: 0;
}

table.table_book td {
	font-weight: normal;
	padding: 10px;
	text-align: center;
	margin: 0;
}

table.table_book th p {
	padding: 5px 0 0 0;
}

/*----------------------------
service
----------------------------*/
div.service_left img {
	float: left;
	width: 250px;
	margin: 0 0 1em 1em;
}

div.service {
	float: right;
	text-align: left;
	margin: 0 1em;
	width: 330px;
}

div#main div.service p {
	margin: 0px 0px 10px 0px;
}

div.discription {
	margin: 1em;
	border: 1px solid #ccc;
}

.discription img {
	margin: 5px 180px;
}

.discription h3 {
	display: block;
}

div.service_map {
	margin: 1em auto;
}

dl#service_menu {
	display: flex;
	flex-wrap: wrap;
}

dl#service_menu dt,
dl#service_menu dd {
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	padding: 8px;
}

dl#service_menu dt {
	flex-basis: 40%;
	padding-left: 0;
}

dl#service_menu dd {
	flex-basis: 60%;
}

.service_title {
	font-weight: bold;
	display: block;
	font-size: 110%;
	color: #780018;
	padding: 0 0 0.25em 8px;
	border-left: 5px solid #FD970D;
}

.service_subtitle {
	font-weight: bold;
	font-size: 115%;
	background: #fff url(../img/listicon.gif) no-repeat left;
	list-style: none;
	padding: 6px 0 6px 20px;
}

ul.service_list {
	padding-left: 20px;
	margin-left: 2em;
}

/*
#service_calender_list{
border-collapse:collapse;
width:;
margin:1em 0;
}
#service_calender_list thead th {
	text-align:left;
	background:#fff4c6;
	color:#333;
	padding:8px 16px 8px 8px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#service_calender_list thead th.null {background:#fff;}
#service_calender_list tbody th {
	text-align:left;
	color:#333;
	padding:8px;
	border-bottom:1px solid #f3f0e4;
	border-right:1px solid #fff;
}
#service_calender_list tbody td {
	color:#333;
	padding:8px;
	border-right:1px solid #f3f0e4;
	border-bottom:1px solid #f3f0e4;
}

#service_calender_list tbody td.on {background:#e8c5c5;}
#service_calender_list thead th.on {background:#ffe068;}
#service_calender_list tbody th.on {background:#ffe068;}
#month_01{background:#e8c5c5;}
#month_02{background:#e8c5c5;}
#month_03{background:#e8c5c5;}
#month_04{background:#ffe068;}
#month_05{background:#ffe068;}
#month_06{background:#ffe068;}
#month_07{background:#4890c0;}
#month_08{background:#4890c0;}
#month_09{background:#4890c0;}
#month_10{background:}
#month_11{background:}
#month_12{background:}
#month_ev{background:}
.null{}
*/


/******20100824******/
.flash_icon {
	float: right;
	padding-right: 100px;
	margin: 5px;
}

.pdf_icon {
	float: left;
	padding-left: 100px;
	margin: 5px;
}

#service_text {
	margin: 10px;
	padding: 1em;
	text-align: left;
	border: #999999 solid 1px;
}

.thanks_textt {
	margin: 10px;
	padding: 1em;
	text-align: left;
	/* border: #999999 solid 1px; */
}

.clearfix:after {
	content: ".";
	/* 新しい要素を作る */
	display: block;
	/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* #flash_button {
	text-align:center;
	width:350px;
	padding: 10px 0 10px 0;
	float:right;
}
#flash_button a {
	display:block;
	margin:0 auto;
	width:220px;
	height:48px;
	background:url(../img/tebiki_flash.gif) no-repeat top;
	font-size:1px;
	text-indent:-9999px;
}
#flash_button a:hover {
	background:url(../img/tebiki_flash_hover.gif) no-repeat top;
}
#pdf_button {
	float:left;
	text-align:center;
	width:350px;
	padding: 10px 0 10px 0;
}
#pdf_button a {
	display:block;
	margin:0 auto;
	width:220px;
	height:48px;
	background:url(../img/tebiki_pdf.gif) no-repeat top;
	font-size:1px;
	text-indent:-9999px;
}
#pdf_button a:hover {
	background:url(../img/tebiki_pdf_hover.gif) no-repeat top;
} */
/******20100824******/

.download_pdf_button {
	width: 220spx;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

.download_pdf_button a {
	display: block;
	margin: 0 auto;
	width: 220px;
	height: 48px;
	background: url(../img/download_pdf.gif) no-repeat top;
	font-size: 1px;
	text-indent: -9999px;
}

.download_pdf_button a:hover {
	background: url(../img/download_pdf_hover.gif) no-repeat top;
}

#contact_button,
#magazine_submit,
#request_button {
	width: 220px;
	margin-left: 30px;
}

#contact_button {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

#contact_button a {
	display: block;
	margin: 0 auto;
	width: 220px;
	height: 70px;
	background: url(../img/common_mailform.gif) no-repeat top;
	font-size: 1px;
	text-indent: -9999px;
}

#contact_button a:hover {
	background: url(../img/common_mailform_hover.gif) no-repeat top;
}

#request_button {
	text-align: center;
	padding: 10px 0 20px 0;
}

#request_button a {
	display: block;
	margin: 0 auto;
	width: 220px;
	height: 70px;
	background: url(../img/common_requestform.gif) no-repeat top;
	font-size: 1px;
	text-indent: -9999px;
}

#request_button a:hover {
	background: url(../img/common_requestform_hover.gif) no-repeat top;
}

ul.redboxlist li {
	background: url(../img/red_petiticon.gif) no-repeat left 0.6em;
	padding: 0.25em 0 0.25em 13px !important;
	list-style: none;
	margin-left: 1em;
}

ul.redboxlist p {
	text-indent: -1em;
	padding-left: 0em;
}

/*----------------------------
partner
----------------------------*/
ul.partner_list {
	padding-bottom: 12px;
}

ul.partner_list li {
	background: #fff url(../img/listicon.gif) no-repeat left 0.6em;
	list-style: none;
	padding: 6px 0 6px 20px;
	border-bottom: 1px dotted #ccc;
}

div.partner_box {
	width: 45%;
	float: left;
	margin-right: 30px;
}

/*----------------------------
mail magazine
----------------------------*/

#magazine_submit {
	text-align: center;
	padding: 10px 0 10px 0;
}

#magazine_submit a {
	display: block;
	margin: 0 auto;
	width: 220px;
	height: 70px;
	background: url(../img/common_magazineform2.gif) no-repeat top;
	font-size: 1px;
	text-indent: -9999px;
}

#magazine_submit a:hover {
	background: url(../img/common_magazineform2_hover.gif) no-repeat top;
}

ul.magazine_list {
	list-style: tside disc;
	padding-left: 20px;
	margin-left: 1em;
}

/*----------------------------
news
----------------------------*/
h2.news_title {
	font-size: 120%;
	border-bottom: 1px solid #F9E6E6;
}

div.news_date {
	color: #999999;
	text-align: right;
	margin-bottom: 1.5em;
}

div.news_note {
	margin: 1em;
	padding: 5px;
	border: 3px solid #990000;
	background-color: #F9E6E6;
}

p.news_text {
	width: 100%;
}

p.news_text2 {
	width: 100%;
	margin-bottom: 1em;
}

table.table_news {
	text-align: left;
	margin: 0 0 1em 0;
	width: 100%;
}

table.table_news tr {
	margin: 0;
}

table.table_news th {
	font-weight: normal;
	width: 120px;
	text-align: left;
	border: none
}

table.table_news td {
	text-align: left;
	margin: 5px;
	border: none
}

ul.news_list {
	list-style: tside disc;
	padding-left: 30px;
	margin: 0 0 1em 0;
	width: 90%;
}

ul.news_list2 {
	list-style-type: lower-alpha;
	padding-left: 30px;
	margin: 0 0 1em 0;
	width: 70%;
}

ul.news_list3 {
	list-style-type: none;
	padding-left: 30px;
	margin: 0 0 1em 0;
	width: 70%;
}

/*----------------------------
contact
----------------------------*/
p.contact_index {
	font-weight: bold;
	color: #7E0A24;
	font-size: 100%;
	/*	padding-left:10px;*/
	margin: 0.5em 0;
}

div.contact_privacy {
	border: solid 1px #999999;
	padding: 5px;
	margin: 5px;
}

p.contact_text {
	margin: 0;
	padding-left: 0.5em;
}

div.contact_date {
	text-align: right;
	margin: 1.5em;
}

ul.contact_list {
	list-style-type: lower-roman;
	padding-left: 20px;
	margin-left: 2em;
	margin-bottom: 1em;
	padding-top: 1em;
}

table.table_contact {
	width: 700px;
	text-align: left;
	margin: 10px auto 18px auto;
}

table.table_contact tr {
	margin: 0;
}

table.table_contact th {
	font-weight: normal;
	padding: 5px 0;
	margin: 0;
	width: 45%;
	border-bottom: 1px solid #ccc;
}

table.table_contact td {
	font-weight: normal;
	padding: 5px 0;
	margin: 0;
	width: 55%;
	border-bottom: 1px solid #ccc;
}

/*--------------------------------------------------------
	privacy 
--------------------------------------------------------*/
h3.privacy_title {
	font-size: 110%;
	padding: 1em 0 0.2em 0;
	border-bottom: 1px solid #999;
	margin-bottom: 0.5em;
}

ul.privacy_list {
	list-style: outside disc;
	padding-left: 8px;
	margin-left: 1em;
}

div.privacy_date {
	text-align: right;
	margin: 1.5em;
}

div.privacy_text {
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	margin: 1em;
}

div.privacy_contact {
	border: 1px solid #999;
	padding: 5px;
	text-align: left;
}

div.privacy_contact p {
	margin: 0px;
}

table.privacy {
	border-collapse: collapse;
	margin: 5px 0px 5px 15px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}

table.privacy tr th {
	font-weight: normal;
	text-align: center;
}

table.privacy tr th,
table.privacy tr td {
	padding: 5px;
	width: 358px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

/*--------------------------------------------------------
	sitemap
--------------------------------------------------------*/
div.sitemap_box {
	width: 30%;
	float: left;
	margin-right: 20px;
}

h3.sitemap_title {
	font-size: 110%;
	color: #333;
	border-left: 8px solid #501;
	border-bottom: 1px solid #501;
	padding-left: 16px;
	/* margin-bottom: 0.5em; */
	margin-bottom: 16px !important;
}

h3.sitemap_title a {
	text-decoration: none;
}

ul.sitemap_list li {
	list-style: none;
	margin-bottom: 8px;
}

ul.sitemap_list li a {
	/* font-size: 83%; */
	padding: 0px 0px 0px 28px;
	display: block;
	text-decoration: none;
	/* background: #fff url(../img/li_sub.gif) 10px 50% no-repeat; */
	background: #fff url(../img/li_sub.gif) 10px 0.2em no-repeat;
	color: #424343;
}

ul.sitemap_list li a:hover {
	background: #fff url(../img/li_sub.gif) 15px 50% no-repeat;
	color: #581313;
}

/*--------------------------------------------------------
	mailform style
--------------------------------------------------------*/
div#formTitle {
	border: solid 1px #CCCCCC;
	background-color: #EEEEEE;
	width: 520px;
	text-align: left;
	margin: 0px auto 2px auto;
}

div#formTitle h1 {
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: solid 1px #FFFFFF;
	background-color: #F1F5FA;
	font-size: 18px;
	padding: 5px;
	color: #007CC2;
}

form#mailform {
	margin: 0px;
	padding: 0px;
}

table.infield {
	width: 100%;
	background-color: #CCCCCC;
	margin: 16px auto;
}

table.infield tr {
	border-bottom: solid 1px #CCCCCC;
}

table.infield tr th {
	border: solid 1px #FFFFFF;
	background-color: #F1F5FA;
	padding: 10px;
	text-align: left;
}

table.infield tr th p {
	color: #252525;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

table.infield tr th p.must {
	color: #c00;
}

table.infield tr th img {
	float: right;
}

table.infield tr th span {
	font-family: "Myriad Pro", "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #007CC2;
	font-weight: normal;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

table.infield tr td {
	border: solid 1px #FFFFFF;
	background-color: #fff;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	line-height: 2em;
}

table.infield tr td span {
	font-size: 10px;
	color: #999999;
}

table.infield tr td input,
textarea {
	vertical-align: middle;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background-color: #FFFFFF;
	padding: 2px;
	color: #232323;
}

/* div#confirmWindow {
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
	position: fixed !important;
	position */
/**/
/* : absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #000000;
	font-size: 12px;
	text-align: center;
	_top: expression(document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0 + 0 + 'px');
} */

div#confirmBody {
	width: 1px;
	overflow: auto;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	padding: 20px;
	text-align: center;
	margin: 0px auto 0px auto;
}

div#confirmBody h2 {
	color: #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 10px;
}

div.buttons {
	padding: 10px;
	margin: 0px auto 0px auto;
}

#map {
	height: 400px;
	margin: 1em 1em 0 1em;
}

#main_one_column #map {
	margin: 0 1em;
	border: 1px solid #ccc;
}

#main_one_column .news_title {
	margin-bottom: 1em;
}

#main_one_column p {
	text-align: left;
	padding-bottom: 0;
	margin-left: 1em;
}