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

/* HEADER */
header { width: 980px; margin: 0 auto 16px auto; padding: 15px 10px 0 10px; }
header h1 { float: left; }
header h1 a { width: 320px; height: 75px; }

/* HEADER MENU */
header nav { float: right; position:relative; width:400px; }
header nav #toggle, header nav #home { display: none; }
header nav ul li { /*float:left;*/ display:block; }
header nav ul #nor1, header nav ul #nor2 {}
header nav ul #nor1 a, header nav ul #nor2 a { background: url(../images/icn_nor.png) 0 0 no-repeat; display: block; padding-left: 10px; position: absolute; top: 50px; height:19px; }
header nav ul #nor1 a { left: 0; }
header nav ul #nor2 a { left: 130px; }
header nav ul #st1 { display: block; position: absolute; top: 0; right: 0; }
header nav ul #st1 li { float:left; right:0; }
header nav ul #st1 #tw a, header nav ul #st1 #fb a { text-indent: -9999px; display: block; width: 32px; height: 32px; }
header nav ul #st1 #tw { margin-right:5px; }
header nav ul #st1 #tw a { background: url(../images/icn_tw.png) no-repeat; background-size:contain; }
header nav ul #st1 #fb {}
header nav ul #st1 #fb a { background: url(../images/icn_fb.png) no-repeat; background-size:contain; }
header nav ul #mem { display:block; position: absolute; top: 50px; left: 270px; z-index: 10; background:#FFF; }
header nav ul #mem a {}
header nav ul #mem a#mtop { display:block; background: url(../images/icn_menu.png) no-repeat 0px 0px; padding-left:23px; height:19px; height:auto; min-height:19px; height:auto !important; height:19px; }
header nav ul #mem li a { display: block; margin: 5px 0 5px 23px; border-bottom: 1px dotted #CCC; }
header nav ul #mem ul { background-color: #FFF; }
header nav ul #mem > ul { display:none; }

/* GLOBAL MENU */
#g_menu { background-color: #FFF; position: relative; display: block; width: 980px; margin: 0 auto 30px auto; /*z-index: 0;*/ }
#g_menu ul {}
#g_menu ul li {}
#g_menu ul .cat { background: url(../images/bg_cat.gif) no-repeat top right; display: block; float: left; width: 480px; padding-top: 5px; }
#g_menu ul .second { margin-left:20px;}
#g_menu ul .cat span { font-size: 110%; font-weight: bold; color: #13437F; background-color: #FFF; padding-right:10px; }
#g_menu ul li ul { margin-top:10px; }
#g_menu ul li ul li {}
#g_menu ul li ul li a { background: url(../images/bg_gmline.jpg) no-repeat 0 0; display: block; float: left; height: 25px; width: 120px; padding: 15px 0 0 40px; }
#g_menu ul li ul li .recruit { padding-top: 0; height: 40px;}


/* ---------- TOP ---------- */
/* MAIN VISUAL */
#mv { background-color: #333; }
#mv img { width: 980px; margin: 0 auto 0 auto; }

article { border-top: 2px solid #13437F; }

/* SEARCH */
#search { background: url(../images/bg_search.png); display: block; padding: 15px 0 15px 0; height: 50px; border-bottom: 1px solid #C1D2E8; }
#search #search_inner { display: block; width: 980px; margin: 0 auto 0 auto; position:relative; z-index: 2000; }
#search #search_menu li a { font-size: 110%; font-weight: bold; background-color: #FFF; display: block; text-align: center; width: 175px; height: 35px; padding-top: 15px; border: 1px solid #13437F; }
#search #search_menu li #area { position:absolute; top:0; left:0px;}
#search #search_menu li #method { position:absolute; top:0px; left:175px;}
#search #search_menu li ul { background: #FFF url(../../images/bg_search.png) no-repeat 800px 30px; display: block; padding: 15px; border: 1px solid #13437F; position: absolute; top: 51px; width:980px; }
#search #search_menu li ul a { font-size: 100%; font-weight: normal; text-align: left; width: auto; height: auto; padding-top: 0; border:none; }
#search #search_menu li ul li {}
#search #search_menu li ul li ul { background: none; display: block; border: none; padding:0; position:relative; top:0; width:980px; }
#search #search_menu li ul li ul li { float: left; padding-right:10px; }
/*#search #search_menu li #recruit { background:none; background: url(../images/icn_nor.png) no-repeat 0 15px; text-align: left; padding-left: 10px; border: none; position: absolute; top: 0; left: 500px; }*/

#search #recruit { font-size: 110%; font-weight: bold; display: block; background: url(../images/icn_nor.png) no-repeat 0 15px; text-align: left; width: 175px; height: 35px; padding-top: 15px; padding-left: 10px; border: none; position: absolute; top: 0; left: 380px; }

#search #searchform { width:310px; padding: 5px 0 5px 0; position:absolute; top:0; right:0; }
#search #searchform .search4{ height:40px;}
#search #searchform .search4 dt {}
#search #searchform .search4 dt input { line-height:40px; height:40px; }
#search #searchform .search4 dd { width:40px; }
#search #searchform .search4 dd button { height:40px; }
#search #searchform .search4 dd button:hover { background-position:left bottom; }
#search #search_menu > li > ul { display:none; }

/* BANNER */
#bn { background: url(../images/bg_banner.png); display: block; padding: 0; margin-bottom:30px; }
#bn #bn_inner { display: block; width: 980px; margin: 0 auto 0 auto; position:relative; }
#bn img { width:490px; display:block; } 
#bn p { display:block; float:left; }

/* INFORMATION */
#info { display: block; width: 980px; margin: 0 auto 20px auto; position:relative; }
#info div { padding: 10px 10px 35px 10px; margin-bottom: 10px; position: relative; }
#info #region, #info #center { width:560px; float:left; }
#info #recruit, #info #knowledge { width:380px; float:right; }
#info div .btn_list {}
#info div .btn_list a { background: url(../images/icn_nor.png) no-repeat 0 0; display: block; padding-left: 10px; position: absolute; top: 12px; right: 10px; }
#info #center .btn_list a, #info #knowledge .btn_list a { top: 17px; }
#info div h3 { font-size: 110%; font-weight: bold; display: block; margin-bottom: 10px; border-bottom: 3px solid #13437F; margin-top: 0; border-top:none; padding: 0 0 5px 30px; }
#region h3 { background: url(../../images/icn_hdregion.png) no-repeat 0 2px;}
#info #recruit h3 { background: url(../../images/icn_hdwork.png) no-repeat 0 3px;}
#info #center h3 { background: url(../../images/icn_hdinfo.png) no-repeat 0 8px; padding-top:5px; padding-bottom:8px; }
#info #knowledge h3 { background: url(../../images/icn_hdknowledge.png) no-repeat 0 3px; padding-top:5px; padding-bottom:8px; }
#info #region, #info #knowledge { /*margin-top:20px;*/ }
#info #icon { text-indent: -9999px; display: block; height: 87px; width: 120px; position: absolute; }
#info #region #icon { background: url(../../images/bg_information.png) no-repeat; left: 300px; top: -15px; }
#info #knowledge #icon { background: url(../../images/bg_learn.png) no-repeat; left: 180px; top: -15px; }
#info div dl { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #CCC; }
#info div dl dt { font-size: 90%; color: #999; }
#info #recruit dl dt { margin-bottom:5px; }
#info div dl dt span { color: #FFF; background-color: #13437F; display: inline-block; margin-left: 10px; padding: 1px 5px 1px 5px; }
#info div dl dd {}
#info div dl dd.cap { font-size: 90%; }

/* SOCIAL */
#social { background: url(../../images/bg_connect.png) no-repeat 520px 0; display: block; width: 960px; margin: 0 auto 20px auto; position:relative; padding:10px; }
#social #facebook { float:left; width:560px; }
#social #twitter { float:right; width:380px; }


/* ---------- CONTENTS ---------- */
/* COMMON */
#main { width: 980px; margin: 0px auto 20px auto; }
#main p#path { margin: 20px 0px 20px 0px; }
nav#sidenav { width: 205px; float:left; margin-top:140px; }
section#content, section#center_content { width: 735px; padding-top:35px; }
section#content { float:right; }
section#center_content { margin:0px auto 0px auto; }
.mark { width:205px; height:119px; position:absolute; top:40px; left:0px; }
.line {}
h2 { font-size: 250%; }
h3 { font-size: 150%; }
h3 span {}
#content p, #center_content p {}
#content .img_right { font-size:90%; float:right; margin-bottom:0px; padding: 0px 0px 15px 15px; }
#content .img_right img {}
#content .img_left { font-size:90%; float:left; margin-bottom:0px; padding: 0px 15px 15px 0px; }
#content .img_left img {}
#content div.img_right, #content div.img_left { width:300px; }
#content .img_center { clear:both; text-align:center; }

/* SIDE MENU */
nav#sidenav ul li ul li { padding-left: 10px; }

/*.btn_link { line-height: 100%; text-align: right; margin-bottom: 50px; }
.btn_link a { background: url(../images/icn_link.png) no-repeat 5px 8px; display: inline-block; padding: 10px 10px 10px 30px; border: 1px solid #13437F; }*/

/* TOP NAVI */
#topnav { display:none; }


/* ---------- PAGES ---------- */
/* GUIDE */
#guide .mark { background:url(../../guide/images/mark.gif) no-repeat 15px 0; top:40px; left: 725px;  }
#guide h2 {  margin-bottom: 50px; }

/* GYOGYOU */
#gyogyou .mark { background:url(../../gyogyou/images/mark.gif) no-repeat 15px 0px; }
#gyogyou .center { text-align:center; }
#gyogyou .category { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #13437F; display:block; }
#gyogyou .category { font-size:120%; margin-bottom:10px; }
#gyogyou .catch { font-size:120%; line-height: 175%; display:block; margin-bottom:50px; }
#gyogyou .head { font-size: 120%; font-weight: bold; line-height: 175%; }
#gyogyou .cycle { font-weight: bold; color: #13437F; font-size: 130%; background: url(../../gyogyou/images/icn_cycle.gif) no-repeat 0 0; display: block; padding: 3px 0 15px 30px; border:none; }

.thumb dl, .thumb2 dl { display: block; float: left; }
.thumb dl { width: 235px; min-height: 240px; height: auto !important; height: 240px; margin: 0 10px 0 0; }
.thumb2 dl { width: 174px; min-height: 160px; height: auto !important; height: 160px; margin: 0 9px 0 0; }
.thumb dt, .thumb dd, .thumb2 dt, .thumb2 dd { display:block; }
.thumb dd, .thumb2 dd  {}
.thumb h4, .thumb2 h4 { font-size:120%; font-weight:bold; }
#content .thumb p, #content .thumb2 p { margin-bottom:0; font-size:90%; }

#gyogyou .mv_center { text-align:center; }
#gyogyou .work_area { width:300px; float:right; }
#gyogyou .work_area p { font-size:90%; }
#blk { position:relative; }
#gyogyou .title_area { width:550px; position:absolute; top:0; left:0; }
#gyogyou .title_area .area, #gyogyou .title_area .fish { font-weight:bold; margin-bottom:0; }
#gyogyou .img_cycle { float:left; display:block; }
#gyogyou .flow { display:block; float:right; width: 400px; margin-bottom:30px; }
#gyogyou .flow li { font-weight: bold; display: block; text-align: center; padding: 5px; border: 1px solid #666; }
#gyogyou .flow li span { font-weight:normal; font-size:90%; }
#gyogyou .flow .arrow { background: url(../../gyogyou/images/arrow_flow.gif) no-repeat center top; padding: 0; margin: 0; height: 14px; border: none; }
#gyogyou .related { padding: 10px; border: 1px solid #13437F; margin-bottom:30px; }
#gyogyou #content .related p { margin-bottom:0; }
#gyogyou .related .img_left { margin:0; padding:0; }
#gyogyou .related .img_left img { display:block; margin: 0 15px 0 0; }
#gyogyou .related h3 { font-weight: bold; color: #13437F; font-size: 130%; display: block; padding: 3px 0 5px 0; margin: 0; border:none; }
#gyogyou .notes { background-color: #DAE1EF; padding: 10px; clear:both; border: 1px solid #13437F; }
#gyogyou #content .notes p { margin-bottom:0; }

/* BECOME */
#become .mark { background:url(../../become/images/mark.gif) no-repeat 15px 0; }
#become h4 { font-size: 120%; color: #2066B5; font-weight:bold; margin-bottom:15px; }
#become h5 { font-size: 110%; font-weight:bold; margin-bottom:15px; }

/*#become #content .thumb dl { display: block; float: left; width: 174px; min-height: 160px; height: auto !important; height: 160px; margin: 0 9px 0 0; }
#become #content .thumb dl dt, #become #content .thumb dl dd { display:block; }*/
#become .thumb2 dl dt { padding-bottom:5px; border-bottom: 1px solid #13437F; }
#become .thumb2 dl dt img { display:block; }
#become .thumb2 dl dd { font-size:100%; margin-bottom:0; padding-top:5px; }

#become #content .txt_areaR { float:right; /*margin-top:50px;*/ width:420px; }
#become #content .txt_areaL { float:left; /*margin-top:50px;*/ width:420px; }
#become #content .img_areaR { float:right;/* margin-top:50px;*/ width:300px; text-align:center; }
#become #content .img_areaL { float:left; /*margin-top:50px;*/ width:300px; text-align:center; }
#become #content .cap { font-size:90%; margin-bottom:0;}
#become #content .name { font-size: 180%; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #13437F; line-height: 150%; display: block; margin-bottom: 10px; }
#become #content .name span { font-size:60%;}
#become #content .catch { font-size: 120%; color:#1868af; }
.onoff dt { float: left; width: 90px; }
.onoff dd { float: left; width: 630px; padding-left: 15px; padding-top: 25px; }
#content .profile_img { float:left; margin-bottom:0; }
#content .profile_img img { display:block; margin-right:15px; }
.dl_step dt { float: left; }
.dl_step dd { float: left; width:630px; padding-top: 30px; padding-left: 15px; }
.step { color: #FFF; font-size: 180%; background: url(../../become/images/bg_step.gif) no-repeat; display: block; text-align: center; height: 38px; width: 76px; padding-left: 13px; padding-top: 40px; }
.career li { float: left; width: 203px; height: 90px; margin-right: 5px; margin-left: 10px; }
.role dt, .role dd { padding: 10px 0 10px 0; float:left; }
.role dt { font-weight: bold; color: #2066B5; text-align: right; width: 15%; padding-right: 15px; }


/* SYUUGYOUSHA */
#syuugyousha .mark { background:url(../../syuugyousha/images/mark.gif) no-repeat 15px 0; }
.btn_set dt { float:left; }
.btn_set dd { float:right; }
#syuugyousha .thumb dl { float: left; width: 174px; min-height: 160px; height: auto !important; height: 160px; margin: 0 9px 0 0; }
.dl_point dt { float: left; }
.dl_point dd { float: left; width:630px; padding-top: 30px; padding-left: 15px; }
.point { color: #FFF; font-size: 180%; background: url(../../syuugyousha/images/bg_point.gif) no-repeat; display: block; text-align: center; height: 38px; width: 76px; padding-left: 13px; padding-top: 40px; }
.example { font-size:130%; }
.example span { font-size:90%; }
.ex_answer dt { font-size: 180%; background: url(../../syuugyousha/images/icn_comment.gif) no-repeat; float: left; padding-left: 70px; padding-top: 15px; }
.ex_answer dd { float: right; }
.last_comment { font-size: 220%; }
.case_profile table { float:left; width:45%; margin-right:5%; }
.case_profile table th { width:25%; }

/* INFORMATION */
#information .mark { background:url(../../info/images/mark.gif) no-repeat 15px 0; }

/* SEMINAR */
#seminar .mark { background:url(../../seminar/images/mark.gif) no-repeat 15px 0; }
.flow1, .flow2 { margin-bottom: 20px; }
.flow1 li, .flow2 li { font-weight: bold; font-size: 110%; color: #FFF; display: block; float: left; padding: 15px 30px 15px 0; }

.flow1 li {/*max-width:120px; min-height:100px;*/}

.flow1 li.f1, .flow2 li.f1 { background: #587BA5 url(../../seminar/images/diagonal1.gif) no-repeat right top; padding-left: 15px; }
.flow1 li.f2, .flow2 li.f2  { background: #416999 url(../../seminar/images/diagonal2.gif) no-repeat right top;}
.flow1 li.f3 { background: #29568C url(../../seminar/images/diagonal3.gif) no-repeat right top; }
.flow2 li.f3 { background: #29568C; padding-right: 15px; }
.flow1 li.f4 { background: #13437F url(../../seminar/images/diagonal4.gif) no-repeat right top; }
.flow1 li.f5 { background: #0D2F5A; padding-right: 15px; }

.form dl { width: 100%; }
.form dt, .form dd { float: left; padding: 10px; }
.form dt { width:180px; }
.form dd {}
.form dd.first { border-left: 1px solid #CCC; }
.form dd .long { width: 450px; }
.form dd .middle { width: 200px; }
.form dd .short { width: 100px; }
.form dd .shorter { width: 50px; }

/* FAIR */
#fair .mark { background:url(../../fair/images/mark.gif) no-repeat 15px 0; }
.fair_flow { margin: 0px auto 0px auto; width: 495px; }
.af1, .af2, .af3 { margin: 0px auto 0px auto; width: 535px; }

.tb_exhibitors, .tb_work { font-size:90%; border-top: 1px solid #CCC; border-left: 1px solid #CCC; width:100%; }
.tb_exhibitors .label, .tb_work .label { color: #FFF; font-weight: bold; background-color: #2066B5; }
.tb_exhibitors .label, .tb_work .label a { color: #FFF; }
.tb_exhibitors .label td, .tb_work .label td { padding: 15px 5px 15px 5px; border-right: 1px solid #FFF; }
.tb_exhibitors td, .tb_work td { vertical-align: middle; padding: 5px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.tb_exhibitors td.em2, .tb_work td.em2 { width:3em; }
.tb_exhibitors td.em5, .tb_work td.em5 { width:5em; }
.tb_exhibitors td.em7, .tb_work td.em7 { width:7em; }
.tb_exhibitors td.em10, .tb_work td.em10 { width:10em; }

.tb_exhibitors th { vertical-align:middle; padding:2px; }

.tb_work .detail { text-align:center; }

/* WORK */
#infowork .mark { background:url(../../info_work/images/mark.gif) no-repeat 15px 0; }
#shienseido .mark { background:url(../../shienseido/images/mark.gif) no-repeat 15px 0; }
#work_search #search { background: none; padding: 0; border-bottom: none; }
#work_search #search #search_inner { width: 710px; z-index: 1500; }
#work_search #search #search_menu li ul { width:680px; }
#work_search #search #search_menu > li > ul { display:none; }

/* AREA */
#area .mark { background:url(../../info/images/mark.gif) no-repeat 15px 0; }
.counter dt, .counter dd { float:left; }
.counter dt { width:200px; }
.counter dd { width:500px; padding-left:30px; border-left: 1px solid #13437F; }

/* CONTACT */
#contact .mark { background:url(../../contact/images/mark.gif) no-repeat 15px 0; }
.tb_exhibitors td span.sm { display:none; }
.contact_center dt, .contact_center dd { float:left; }

/* SEARCH RESULT */
#searchresult .mark { background:url(../images/mark_search.gif) no-repeat 15px 0; top:40px; left: 725px;  }

/* KNOWLEDGE */
#knowledge .mark { background:url(../../knowledge2/images/mark.gif) no-repeat center 0; }
.kns_left { float:left; }
.kns_right { float:right; }
#knowledge_search table input { height: 30px; width: 300px; }
.tb_knowledge th, .tb_knowledge td { padding:15px 0px 15px 0px;}
.tb_knowledge th { width:70%; }
.tb_knowledge td { width:15%; }

#knowledge .btn_edit a { background: url(../images/icn_link.png) no-repeat 5px 2px; display: block; padding: 2px 0px 2px 25px; position: absolute; top: 0px; right: 0px; }

/* MEMBER */
.blk_login, .blk_member { width:345px; margin-top:60px; }
.mark_login, .mark_member { left:-35px; }
.blk_login { float:left; }
.blk_member { float:right; }
.mleft100 { margin-left:100px; }

.tb_member { border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
.tb_member th, .tb_member td { padding: 10px 15px 10px 15px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; }
.tb_member th { background: #e0e9f3; width:200px; }
.tb_member td input.long { width:350px; }
.tb_member td input.herf { width:170px; }

.tb_member td table { border:none; }
.tb_member td table td { padding: 0 15px 0 0; border:none; }

*.logbox { width: 690px; height: 420px; }

.mem_flow { display:block; margin-bottom:20px; }
.mem_flow li { background: url(../../member/images/flow_slash.gif) no-repeat; display: block; float: left; height: 30px; padding: 10px 0 0 40px; }

/* ---------- FOOTER ---------- */
footer { background: url(../images/bg_footer.png) no-repeat 200px 0; padding-top:25px; }
footer #ft_inner { background-color: #13437F; border-top: 10px solid #2066B5; }
footer #f_sitemap { color:#FFF; display: block; width: 980px; margin: 0 auto 0 auto; position:relative; padding: 20px 0 20px 0; }
footer #f_sitemap li a { display:block; }
footer #f_sitemap li a, footer #f_sitemap li a:hover, footer #f_sitemap li a:visited { color:#FFF; }
footer #f_sitemap li .lv1 { font-size:130%; font-weight:bold; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #FFF;}
footer #f_sitemap li ul { padding-bottom:0; }
footer #f_sitemap li ul li {}
footer #f_sitemap li ul .lv2, footer #f_sitemap li ul .lv3 { /*font-size:120%;*/ font-weight:bold; display:block; float:left; /*width:19%; */margin-right:75px; margin-bottom:20px; }
footer #f_sitemap li ul .lv2 {}
footer #f_sitemap li ul .last {margin-right:0px; }
footer #f_sitemap .lv4 { display:block; border-top:1px dotted #FFF; padding-top:20px; }
footer #f_sitemap .lv4 li { display:block; float:left; list-style-type: disc; margin-right:25px; }
footer #f_sitemap li ul li a { margin-bottom:10px;}
footer #f_sitemap li ul .lv2 ul { margin-left:15px; }
footer #f_sitemap li ul .lv2 ul li { font-size: 90%; font-weight: normal; list-style-type: disc; }
footer #f_info { background-color: #0A2950; display: block; }
footer #f_info_inner { color:#FFF; display: block; width: 980px; margin: 0 auto 0 auto; position:relative; padding: 20px 0 20px 0; }
footer #cominfo { float:left; }
footer #copy { float:right; text-align:right; }