@charset "utf-8";

/**************************************************
 DEFAULT STYLE
***************************************************/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: none; }
em, strong { font-weight: bold; }

/* CLEAR */
.clear { clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ANCHOR */
a { color: #2a7f52; text-decoration: underline; }
a:link { color: #2a7f52; text-decoration: underline; }
a:visited { color: #2a7f52; text-decoration: underline; }
a:hover { color: #13c366; text-decoration: underline; }
a:active { color: #13c366; text-decoration: underline; }

/* FONT COLOR */
.comment { color: #ff6600; }
.red { color: #cc0000; }
.blue { color: #0000cc; }

/* FONT SIZE */
.small { font-size: 77%; }

/**************************************************
 LAYOUT STYLE
***************************************************/

/* BODY */
html>/**/body { font-size: 14px; }
body{ background: #2a7f52 url(/images/common/body_bg.gif) repeat-x; font-size: 100%; line-height: 1.4; font-family: Verdana, "MS P ゴシック", sans-serif; color: #333; text-align:center; }

/* MAIN CONTAINER */
div#containerWrap { width: 954px; margin: 0 auto; background: url(/images/common/contents_bg.gif) no-repeat; }
div#containerWrap div#container { width: 940px; margin: 0 7px; background: #fffceb; text-align: left; font-size: 84%; }

/* HEADER */
div#header { width: 898px; margin: 0 21px 0 21px; padding: 10px 0 20px 0; font-size: 12px; line-height: 18px; }
div#header div#headerLeft { float: left; width: 449px; }
div#headerLeft h1 { margin: 4px 0 18px 0; }
div#headerLeft ul { height: 15px; }
div#headerLeft ul li { float: left; height: 15px; margin: 0 10px 0 0; }
div#headerLeft ul li a { display: block; }
div#header div#headerRight { float: left; width: 449px; }
div#headerRight table#businessHours { width: 400px; margin: 0 0 7px 49px; font-size: 12px; line-height: 18px; }
div#headerRight table#businessHours th { width: 24%; background: #2a7f52; color: #fff; text-align: center; font-weight: normal; }
div#headerRight table#businessHours td.td1 { width: 26%; background: #c6e0a3; text-align: center; }
div#headerRight table#businessHours td.td2 { background: #def0c6; color: #2a7f52; text-align: center; font-weight: bold; }
div#headerRight span#open,
div#headerRight span#open_en,
div#headerRight span#open_cn { margin: 0 0 0 1em; color: #ff6600; }
div#headerRight p#contact { text-align: right; }

/* GLOBAL MENU */
div#navi { width: 940px; }
div#navi ul { width: 900px; margin: 0 19px 0 21px; }
div#navi ul li { float: left; width: 148px; height: 32px; margin: 0 2px 0 0; }
div#navi ul li a { display: block; }

/* CONTENTS */
div#contents { width: 898px; padding: 18px 21px 20px 21px; }
* html div#contents { width: 940px; }
div#contents div.boxBrdOrg { margin: 0 0 20px 0; padding: 10px; background: #fffceb; border: 10px solid #fde7a1; }
div#contents div.boxBrdPnk { margin: 0 0 20px 0; padding: 10px; background: #fffceb; border: 10px solid #fcd1d1; }
div#contents div.boxBrdGrn { margin: 0 0 20px 0; padding: 10px; background: #fffceb; border: 10px solid #def0c6; }
div#contents div.boxBrdNon { width: 858px; margin: 0 20px 20px 20px; }

/* H3 */
div.h3box { width: 858px; }
div.h3box div.top { width: 858px; height: 1px; background: url(/images/common/dot_w858.gif) no-repeat; }
div.h3box div.bottom { width: 858px; height: 1px; background: url(/images/common/dot_w858.gif) no-repeat; }
div.h3box h3 { width: 846px; padding: 4px 0 4px 12px; background: url(/images/common/h3_marker.gif) no-repeat 0 0.75em; font-size: 100%; font-weight: bold; color: #2a7f52; }

/* H4 */
h4 { font-size: 100%; font-weight: bold; }

/* PAGE TOP LINK */
p.pagetop { text-align: right; }
p.pagetop a { padding: 0 0 0 10px; background: url(/images/common/link_marker3.gif) no-repeat 0 0.5em; }

/* DL */
dl.em1 { margin: 0 0 20px 0; }
dl.em1 dt { clear: both; width: 1em; font-weight: normal; float: left; }
dl.em1 dd { margin: 0 0 0 1em; }
dl.em2 { margin: 0 0 20px 0; }
dl.em2 dt { clear: both; width: 2em; font-weight: normal; float: left; }
dl.em2 dd { margin: 0 0 0 2em; }
dl.em3 { margin: 0 0 20px 0; }
dl.em3 dt { clear: both; width: 3em; font-weight: normal;  float: left; }
dl.em3 dd { margin: 0 0 0 3em; }
dl.em5 { margin: 0 0 20px 0; }
dl.em5 dt { clear: both; width: 5em; font-weight: normal;  float: left; }
dl.em5 dd { margin: 0 0 0 5em; }
dl.em6 { margin: 0 0 20px 0; }
dl.em6 dt { clear: both; width: 6em; font-weight: normal;  float: left; }
dl.em6 dd { margin: 0 0 0 6em; }

/* USER NAME */
div#userName { width: 846px; margin: 0 0 12px 0; padding: 6px; background: #f6edd1; }
* html div#userName { width: 858px; }
div#userName p#userNameLeft { float:left; width: 50%; margin:0; padding: 0; }
div#userName p#userNameRight { float: right; width: 50%; margin:0; padding: 0; text-align: right; }
div#userName p#userNameRight a { padding: 0 0 0 15px; background: url(/images/common/link_marker.gif) no-repeat 0 0.2em; }

/* FOOTER */
div#footer { width: 940px; margin: 0 auto; padding: 5px 0 0 0; font-size: 84%; color: #fff; }
div#footer div#footerLeft { float: left; width: 790px; padding: 22px 0 45px 0; text-align: left; }
div#footer div#footerRight { float: right; width: 150px; text-align: right; }
div#footer ul#footerLink { margin: 0 0 20px 0; }
div#footer ul#footerLink li { display: inline; }
div#footer ul#footerLink li a { color: #fff; text-decoration: underline; }
div#footer ul#footerLink li a:hover { color: #fff; text-decoration: underline; }


/**************************************************
 CREDIT LAYOUT STYLE
***************************************************/

div#creditWrap { width: 560px; margin: 0 auto; padding: 20px; background: #fff; text-align: left; }
* html div#creditWrap  { width: 600px; }
div#creditWrap div.h3box2 { width: 560px; margin: 0 0 12px 0; }
div#creditWrap div.h3box2 div.top { width: 560px; height: 1px; background: url(/images/common/dot_w858.gif) no-repeat; }
div#creditWrap div.h3box2 div.bottom { width: 560px; height: 1px; background: url(/images/common/dot_w858.gif) no-repeat; }
div#creditWrap div.h3box2 h3 { width: 548px; padding: 4px 0 4px 12px; background: url(/images/common/h3_marker.gif) no-repeat 0 0.75em; font-size: 100%; font-weight: bold; color: #2a7f52; }
div#creditWrap p.text { padding: 0 0 20px 0; }
div#creditWrap table.creditFormTbl { width: 560px;  margin: 0 0 20px 0; }
div#creditWrap table.creditFormTbl th { width: 168px; padding: 6px; background: #ffdfdf; border-right: 2px solid #f0afaf; border-bottom: 2px solid #fffceb; vertical-align: middle; font-weight: normal; text-align: left; }
div#creditWrap table.creditFormTbl td { padding: 6px; background: #faece3; border-right: 2px solid #fffceb; border-bottom: 2px solid #fffceb; vertical-align: middle; }
div#creditWrap table.creditFormTbl th.bottom,
div#creditWrap table.creditFormTbl td.bottom { border-bottom: none; }
div#creditWrap table.creditFormTbl td .num { width: 22px; border: 1px solid #ccc; }
div#creditWrap table.creditFormTbl td .year { width: 34px; border: 1px solid #ccc; }
div#creditWrap table.creditFormTbl td .month { width: 22px; border: 1px solid #ccc; }
div#creditWrap table.creditFormTbl td .day { width: 22px; border: 1px solid #ccc; }
div#creditWrap table.creditFormTbl td.textbox input { border: 1px solid #ccc; }
div#creditWrap table.creditFormTbl td.submitBtn { text-align: center; }
div#creditWrap p.card { padding: 0 0 20px 0; }
div#creditWrap p.card img { margin: 0 10px 0 0; }