/*---------------------------------------------------------
  Design by  Yoshinaga Kamiyama
----------------------------------------------------------*/

/* Global Setting */
* { margin:0; padding:0; }


body{ background:#fff; color:#727172; text-align:center; font: 100%/140% "Hiragino Kaku Gothic Pro W3", Meiryo, Osaka; }


p,h1,h2,h3,h4,h5,h6 { font-size:77%; font-weight:normal; text-indent:0; }

a,a:active,a:visited { color:#0000ff; text-decoration:underline; }
a:hover { color:#990000; text-decoration:underline; }

ul,li,dt,dd { list-style:none; }
img { border:none; vertical-align: bottom; }

/* Wrapper,Header */
#wrapper { margin:0 auto; width:820px; text-align:left; }

#header    { height:55px; }
#header h1 { float:left; margin:10px 0 0 0; width:230px; }
#header p  { float:left; margin:15px 0 0 0; font-size:62%; color:#26278a; line-height: 140%; } 
#header strong { font: 120% Arial, Helvetica, sans-serif; }


/* Top Flash */

#topflash { clear:both; height:210px; }
/* Main menu */

#menu { clear:both; }
#top { clear: both; }


#menu li { float:left; width:137px; height:30px; line-height:1px; }
#menu li#btncontact { width:135px; }
#menu li img { vertical-align:bottom; }

/* Mid common area */

#common { clear:both; padding-top: 10px; }

#common #commonbox1 { float:left; width:227px; height:230px; }
#common #commonbox2 { float:left; width:227px; height:230px; }
#common #commonbox3 { float:left; width:363px; height:230px; }


/* Contents */

#contents { clear:both; padding:10px 0 0 0 ; }


/* Top Contents */

#topleft     { float:left; margin-bottom:20px; width:548px; background:url(../img/top/top_lbox_mid.jpg) left top repeat-y; }
#topleft_top { background:url(../img/top/top_lbox_top.jpg) left top no-repeat; }
#topleft_btm { padding-bottom:20px; background-image: url(../img/top/top_lbox_bt.jpg); background-repeat: no-repeat; background-position: left bottom; width: 548px; }
#topleft  h2  { padding:0 0 0 10px; }
#topleft_btm  h3 { border-bottom: 1px solid #8E8FC8; padding-top: 2px; padding-bottom: 3px; padding-left: 5px; font-size: 92%; font-weight: bold; margin: 5px 20px 10px 0px; }
#topleft_btm  #attention { font-size: 85%; color: #0F4BFF; font-weight: bold; margin: 10px 0px 5px 10px; border-style: none; padding: 0px; }

#topleft p   { padding:5px 30px 5px 15px; }

#topleft2     { margin-left:10px; width:498px; background:url(../img/top/top_lbox2_mid.jpg) left top repeat-y; }

#topleft2_top { background:url(../img/top/top_lbox2_top.jpg) left top no-repeat; }
#topleft2_btm { background:url(../img/top/top_lbox2_bt.jpg) left bottom no-repeat; }

#topleft2rec    { padding:10px 10px 10px 74px; background:url(../img/top/top_rec_mark.jpg) 10px 10px no-repeat; }
#topleft2rec h4 { border-bottom:1px solid #8588cf; }


#topright     { float:right; margin-bottom:20px; width:260px; background:url(../img/top/top_rbox_mid.jpg) left top repeat-y; }
#topright_top { background:url(../img/top/top_rbox_top.jpg) left top no-repeat; padding-bottom: 10px; }
#topright_btm { background:url(../img/top/top_rbox_bt.jpg) left bottom no-repeat; }
#topright_top p { padding-bottom: 10px; padding-left: 10px; }



/* Footer */

#footer { clear:both; height:38px; background:url(../img/footer_bg.jpg) left top repeat-x; }
#topright_top  h2 { margin-left: 10px; }
#topright_top #address_box { width: 232px; border-right: 1px solid #A9B0D6; border-bottom: 1px solid #A9B0D6; border-left: 1px solid #A9B0D6; margin-top: 0px; margin-right: auto; margin-left: 10px; padding-top: 5px; }
#topright_top #address_box h3 { margin-left: 10px; color: #26278a; }
#topright_top #address_box p { line-height: 140%; padding: 0px 0px 10px; width: 220px; margin-right: auto; margin-left: 10px; }

#footer address { padding:10px 0 0 10px; color:#fff; font: 77% Arial, Helvetica, sans-serif; }
.section { margin-left: 10px; }
.lbox_tbl { width: 510px; margin-top: 10px; margin-bottom: 15px; margin-left: 10px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
.lbox_tbl   th { font-size: 78%; text-align: left; vertical-align: top; width: 6em; padding: 0px 0px 0px 1em; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #D3D4E6; font-weight: normal; }
.lbox_tbl   td { font-size: 77%; padding-left: 10px; border-bottom: 1px solid #CCCCCC; }
.lbox_tbl    td   p { font-size: 100%; margin: 0px 0px 10px; padding: 0px; }
.google { height: 320px; width: 516px; border: 1px solid #CCCCCC; margin-top: 10px; }


#topleft li { font-size: 77%; margin-left: 10px; list-style-type: circle; list-style-position: inside; }
#topleft_btm #mailform { width: 510px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
#topleft_btm #mailform th { width: 160px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px dotted #CCCCCC; text-align: left; font-size: 85%; }
#topleft_btm #mailform td { border-bottom: 1px dotted #CCCCCC; padding-top: 5px; padding-bottom: 5px; }

#topleft_btm #mailform2 { width: 510px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; }
#topleft_btm #mailform2 th { width: 160px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px dotted #CCCCCC; text-align: left; font-size: 85%; }
#topleft_btm #mailform2 td { border-bottom: 1px dotted #CCCCCC; padding-top: 5px; padding-bottom: 5px; font-size: 85%; }

#topleft_btm .pagetop { padding-top: 10px; padding-left: 0px; }
#mailform .text_box { width: 240px; }
#mailform .text_input { width: 240px; }
.small { font-size: 77%; }
#topleft_btm .catch { font-size: 85%; color: #0F4BFF; border-style: none; line-height: 120%; }
#pdf { margin-left: 10px; }

#pdf_list li { list-style-type: none; float: left; margin-left: 5px; margin-bottom: 5px; display: inline; }
#pdf_list { padding-bottom: 10px; }

#topleft_btm .point { font-family: Arial, Helvetica, sans-serif; color: #0F4BFF; }
#topleft_btm  .point1 { background-image: url(../img/domo/point1.gif); background-repeat: no-repeat; height: 55px; padding-left: 65px; border-style: none; padding-top: 5px; font-size: 14px; line-height: 180%; margin-top: 10px; color: #333333; }
/* End hide from IE-mac */#topleft_btm .point2 { background-image: url(../img/domo/point2.gif); background-repeat: no-repeat; height: 40px; padding-left: 65px; border-style: none; padding-top: 20px; font-size: 14px; line-height: 16px; margin-top: 10px; color: #333333; vertical-align: middle; }


#topleft_btm .merit dt  { line-height: 26px; vertical-align: middle; width: 495px; height: 26px; font-weight: bold; color: #0F4BFF; font-size: 77%; padding: 0px 5px 0px 10px; list-style-type: none; margin: 5px auto 5px 10px; border-bottom: 1px solid #0F4BFF; }
#topleft_btm .merit dd { margin-right: 20px; margin-left: 20px; margin-bottom: 10px; font-size: 85%; }
.text_right { text-align: right; }
.mg_bt_10 { margin-bottom: 10px; }
.question { background-image: url(../img/recruit/q.png); background-repeat: no-repeat; padding-left: 30px; font-size: 12px; font-weight: bold; height: 34px; line-height: 32px; vertical-align: bottom; color: #73A8F9; margin-bottom: 10px; border-bottom: 1px solid #73A8F9; width: 480px; }
.qa_box_tp { background-image: url(../img/recruit/qa_box_tp.gif); background-repeat: no-repeat; width: 510px; padding-top: 10px; }
.qa_box_tp .qa_box_bt { background-image: url(../img/recruit/qa_box_bt.gif); background-repeat: no-repeat; background-position: bottom; background-color: #F1F2F8; padding-right: 5px; padding-bottom: 10px; padding-left: 10px; margin-bottom: 10px; }
#topleft  .qa_box_tp  .qa_box_bt p { background-image: url(../img/recruit/a.png); background-repeat: no-repeat; background-position: 0px 10px; padding-left: 35px; color: #555555; }
.qa_box_tp .qa_box_bt p strong { font-size: 116%; font-weight: normal; text-decoration: underline; }
#star { background-image: url(../img/recruit/star.gif); background-repeat: no-repeat; padding-left: 30px; font-size: 12px; font-weight: bold; height: 25px; line-height: 23px; vertical-align: bottom; color: #555555; margin-bottom: 10px; border-bottom: 1px solid #FFCC00; width: 480px; }
.blue_txt { color: #0F4BFF; }


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