@charset "UTF-8";

/* ========== common ========== */

body
{
color: #333333;
line-height: 1.7em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 80%;
}

/* IE 6.0 */
* html body {
font: 85%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.7em;
}

/* IE 7.0 */
*:first-child+html body {
font: 85%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.7em;
}

/* Safari & Opera */
/*body:first-of-type {
font: 75%/1em "ＭＳ Ｐゴシック", Osaka;
line-height: 1.5em;
}
html:\66irst-child {
font: 75%/1em "ＭＳ Ｐゴシック", Osaka;
line-height: 1.5em;
}*/

/* Firefox */
body, x:-moz-any-link { font: 85%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.7em; /* Fx 1.0 以降に適用される */}
body, x:-moz-read-only { font: 85%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.7em;  /* Fx 1.5, 2.0 以降に適用される */}
body, x:-moz-broken { font: 85%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.7em; /* Fx 3.0 以降に適用される */}
body, x:-moz-broken, x:last-of-type { font: 85%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.7em; /* Fx 3.5 以降に適用される */}
body, x:x{ font: 85%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.7em; }

a { color: #004493; text-decoration: none; }
a:visited { color: #004493; text-decoration: none; }
a:hover { color: #004493; text-decoration: underline; }

br.clear-both, div.clear-both { clear:both; font: 1px/1px monospace; display: block; }
.left { float: left; }
.right { float: right; }

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

/* iepng */
* html .iepng { behavior: expression(IEPNGFIX.fix(this)); }

/* margin */
.marginB5 	{margin-bottom:5px;}
.marginB8 	{margin-bottom:8px;}
.marginB10 	{margin-bottom:10px;}
.marginB12 	{margin-bottom:12px;}
.marginB15 	{margin-bottom:15px;}
.marginB20 	{margin-bottom:20px;}
.marginB30 	{margin-bottom:30px;}
.marginB40 	{margin-bottom:40px;}
.marginB50 	{margin-bottom:50px;}
.marginB60 	{margin-bottom:60px;}
.marginL3 	{margin-left:3px;}
.marginL5 	{margin-left:5px;}
.marginL8 	{margin-left:8px;}
.marginL10 	{margin-left:10px;}
.marginL15 	{margin-left:15px;}
.marginL20 	{margin-left:20px;}
.marginL25 	{margin-left:25px;}
.marginL30 	{margin-left:30px;}
.marginL35 	{margin-left:35px;}
.marginT5 	{margin-top:5px;}
.marginT8 	{margin-top:8px;}
.marginT10 	{margin-top:10px;}
.marginT50 	{margin-top:50px;}
.marginLR5 {margin:0 5px;}
.marginR10 {margin-right:10px;}


/* ========== contents ========== */

/* COMMON */
#social_btn {
	overflow: hidden;
	display:block;
	margin-bottom:25px;
}
#social_btn li {
	float: left;
	margin-right: 10px;
}
#social_btn iframe {
	margin: 0 !important;
}

div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
    width: 100% !important;
}

.TwitterWidget #twitter-widget-0 {
	width:100% !important;
}

strong { font-weight:bold; }

/* HEADER */
header { position: relative; display: block; }
header h1 {}
header h1 a { background: url(../images/logo.png) no-repeat 0 0; background-size: contain; display: block; text-indent: -9999px; }

/* FOOTER */
footer { position: relative; margin-top: 50px; }
.btn_pagetop {}
.btn_pagetop a { background: url(../images/btn_pagetop.png) no-repeat; display: block; text-indent: -9999px; width: 70px; height: 70px; /*position: absolute; top: -45px; right: 0;*/ position: fixed; bottom: 0; right: 0; }

/* ---------- TOP ---------- */
/* MAIN VISUAL */
/*#mv { margin: 0; padding: 0; }
#mv img { display: block; padding: 0x }*/

/* SEARCH */
#search {}
#search #search_menu {}
#search #search_menu li {}
#search #searchform {}
#search #searchform .search4 { background-color:#fff; border:1px solid #aaa; position: relative; }
#search #searchform .search4 dt { width:86%; padding-left:3px; position: absolute; }
#search #searchform .search4 dt input { background:none; width:100%; border:none; }
#search #searchform .search4 dd { position: absolute; top:0; right:0; }
#search #searchform .search4 dd button { font-size:0; line-height:0; background:none; width: auto; padding:0; margin:0; border:0; overflow:hidden; cursor:pointer; }

/* ---------- CONTENTS ---------- */
/* COMMON */
#main { display: block; position:relative; }
#main #path { font-size:90%; display: block; }
#sidenav { display: block; }
#content, #center_content { display: block; }
.mark { text-indent: -9999px; display:block; }
.line { height: 1px; margin: 30px 0px 30px 0px; border-bottom: 1px solid #CCC; clear:both; }
h2,
h3 { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #13437F; display:block; }
h2 { margin-bottom: 50px; letter-spacing: 8px; }
h3 { margin: 50px 0 20px 0; padding: 20px 0px 20px 0px; border-top: 1px solid #DAE1EF; }
h3 span { /*padding-top:20px;*/ padding-top:17px; border-top: 1px solid #13437F; }
#content p, #center_content p { margin-bottom:20px; }
.small { font-size:90%; }
.txt_center { text-align:center; }
.btn_link { line-height: 100%; text-align: right; margin-bottom: 50px; }
.btn_link a { background: #FFF url(../images/icn_link.png) no-repeat 5px 8px; display: inline-block; padding: 10px 10px 10px 30px; border: 1px solid #13437F; }

.line_case { background: url(../images/line_case.gif) no-repeat center 0px; height: 25px; margin-bottom: 20px; clear:both; }
.case_profile { background: url(../images/bg_profile.gif) right top no-repeat; display: block; padding: 20px 15px 20px 15px; margin-bottom: 30px; border: 1px solid #4467A9; clear:both; }
.case_profile .prof_com { color: #4467a9; font-size: 120%; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; }
.case_profile table { display:block; }
.case_profile table th, .case_profile table td { padding-bottom:5px; }
.case_profile table th { color:#4467a9; }

.faq {}
.faq dt { font-size: 120%; color: #2066B5; background: url(../../guide/images/icn_question.gif) no-repeat 0px 0px; display: block; height: 31px; padding-left: 50px; padding-top: 10px; }
.faq dd { background: url(../../guide/images/icn_answer.gif) no-repeat 20px 0px; display: block; padding-top: 10px; padding-left: 75px; margin-bottom: 20px; min-height:41px; height:auto !important; height:41px; }

.video, .map { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video iframe, .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* SIDE MENU */
#topnav { margin-bottom:30px; }
#sidenav ul, #topnav ul {}
#sidenav ul li, #topnav ul li {}
#sidenav ul li span, #topnav ul li span { font-size: 120%; font-weight: bold; display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #13437F; }
#sidenav ul li span a, #topnav ul li span a { font-weight: bold; }
#sidenav ul li ul, #topnav ul li ul { display:block; margin-bottom: 20px;}
#sidenav ul li ul li, #topnav ul li ul li { display: block; border-bottom: 1px dotted #CCCCCC; margin-bottom: 5px; padding-bottom: 5px; }


/* ---------- PAGES ---------- */
/* GUIDE */
#guide {}
#guide .ability {}
#guide .ability li { background: url(../images/icn_link.png) no-repeat 0 3px; margin-bottom: 20px; display: block; padding: 2px 0 2px 25px;  }
#guide .ability li a { font-weight:bold; }

/* BECOME */
.check { color: #13437F; font-weight: bold; background: url(../../become/09_ryoushi/images/icn_check.gif) no-repeat; display: block; height: 24px; padding-left: 30px; padding-top: 3px; }
.onoff {}
.onoff dt { display: block; text-indent: -9999px; height: 78px; margin-bottom:15px; }
.onoff dt.on { background: url(../../become/09_ryoushi/images/icn_on.gif) no-repeat center 0px; }
.onoff dt.off { background: url(../../become/09_ryoushi/images/icn_off.gif) no-repeat center 0px; }
.onoff dd { display: block; }
.onoff dd .title { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #1868af; line-height: 150%; font-size:150%; }
#become .case_profile { margin-bottom: 10px; }
.dl_step, .dl_step dt, .dl_step dd { display: block; }
.career { display: block; margin-bottom: 30px; }
.career li { font-weight: bold; color: #2066B5; background-color: #F4FAFF; display: block; text-align: center; padding: 10px; border: 1px dotted #2066B5; }
.career li span { font-weight:normal; color:#333; font-size:90%; }
.role { width: 100%; border-top: 1px dotted #CCC; }
.role dl { border-bottom: 1px dotted #CCC; }
.role dl:after {
display:block;
clear:both;
visibility:hidden;
height:0;
content:".";
}

#become span.new { color: #ff0000; font-size: 90%; font-weight: bold; padding-left: 5px; }

/* SEMINAR */
#content .icn_course { font-size: 120%; font-weight: bold; color: #FFF; background: url(../../seminar/images/icn_course2.png) no-repeat; text-align: center; display: block; height: 28px; width: 37px; margin-bottom: 10px; padding-top: 9px; }
.seminar_title { margin-top: 0px; padding-top: 0px; padding-bottom: 10px; border-top-style: none; border-bottom: 1px solid #C1D2E8; }
.seminardetail {}
#content .seminardetail p { margin-bottom:10px; }
.seminardetail dt { color:  #13437F; font-size: 120%; font-weight: bold; display: block; margin-bottom: 10px; padding-left: 10px; border-left: 1px solid  #13437F; }
.seminardetail dd { /*color: #666;*/ display: block; margin-bottom: 20px; }
.seminardetail .btn_link { text-align:left; }
.seminardetail .btn_link a { margin-right:10px; margin-bottom:10px; }
#seminar h4 { font-size: 120%; font-weight: bold; margin-bottom:10px; }
.attention { background: #F5F5F5; display: block; padding: 15px 15px 0px 15px; margin-bottom: 30px; border: 1px dotted #CCC; }
.btn_form { text-align:center; padding-bottom:50px; }
.btn_form a { font-size: 120%; font-weight: bold; display: inline-block; padding: 10px 50px 10px 50px; border: 2px solid #13437F; }
.btn_form a span { background: url(../images/icn_link.png) no-repeat; padding-left:20px;}
.form_title { margin-bottom: 25px; }
.form_title dt { font-weight: bold; }
.form_title dd { font-size: 120%; font-weight: bold; color: #13437F; }
.error { color: #D0486E; background: #FFF8FA; display: block; padding: 20px; margin-bottom: 25px; border: 1px dotted #D0486E; }
.form { margin-bottom:20px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; }
.form dl { border-bottom: 1px solid #CCC; }
.form dl:after {
display:block;
clear:both;
visibility:hidden;
height:0;
content:".";
}
.form dt, .form dd { display: block; }
.form dt { font-weight: bold; }
.form dt span { font-size:90%; font-weight:normal; }
.form dd span { font-size:90%; color:#666; display:block; margin-top:5px; }
.form dd label { margin: 0px 5px 0px 5px; }
.btn_area { text-align:center; margin-bottom:30px; }
.btn_area button { font-size: 120%; font-weight: bold; background:#FFF; padding: 10px 50px 10px 50px; border: 2px solid #13437F; cursor: auto; }

/* 170623 */
.seminar_result {}
#seminar .seminar_result h4 { font-size: 130%; font-weight: bold; margin-bottom:20px; }
.seminar_result h5 { color:  #13437F; font-size: 120%; font-weight: bold; display: block; margin-bottom: 10px; padding-left: 10px; border-left: 1px solid  #13437F; }
.seminar_result .name { font-size: 110%; font-weight: bold; }

.seminar_result ul {}
.seminar_result ul li { padding-left: 1.2em; text-indent:-1.2em; margin-bottom: 5px; }
.seminar_result ul li span { color: #13437F; }

.seminar_result dl {}
.seminar_result dl dt, .seminar_result dl dd { padding-left: 1.2em; text-indent:-1.2em; }
.seminar_result dl dt { color: #13437F; font-weight: bold; }
.seminar_result dl dd { margin-bottom: 15px; }
.seminar_result dl dd span { color: #ff0000; font-weight: bold; }


/* FAIR */
h3.hd_fair { margin-bottom: 10px; }
#fair h4 { font-size:130%; font-weight:bold; color:#1868af; line-height:150%; margin-bottom:10px; clear:both; }
#fair h4 span { font-size:90%; }
#fair h5 { font-size:110%; font-weight:bold; margin-bottom:10px; }
#fair .blue { color:#1868af; }

#content .update { font-weight:bold; text-align:right; margin-bottom:5px; }
.fair_result { display: block; margin-bottom:20px; border: 1px solid #CCC; }
.fair_result dt, .fair_result dd { display: block; }
.fair_result dt { font-weight: bold; color: #FFF; font-size: 120%; background: #1868af; padding: 10px 20px 10px 20px; }
.fair_result dd { background: #EEE; padding: 15px 20px 40px 20px; position: relative; }
.fair_result dd ul { list-style-type: disc; margin-left: 20px; }
.fair_result dd ul li { margin-bottom: 5px; }
#content .fair_result dd .btn_fairlink { margin-bottom:0px; position:absolute; right:0px; bottom:0px; }
.fair_result dd .btn_fairlink a { background: #FFF url(../images/icn_link.png) no-repeat 10px 6px; display: inline-block; padding: 5px 10px 5px 30px; margin-right: 10px; border-top: 1px solid #13437F; border-right: 1px solid #13437F; border-left: 1px solid #13437F; }
.fairpoint { background:#EFF5FB; display: table; padding: 20px 20px 20px 45px; margin-bottom:20px; border: 1px solid #CCC; position:relative; }
.fairpoint .icn_point { background: url(../../fair/images/bg_point.png); text-indent: -9999px; display: block; width: 53px; height: 53px; position: absolute; top: 0; left: 0; }
#content .fairpoint p { margin-bottom:0; }
.offer span { color: #1868af; background: #EFF5FB; padding: 8px 15px 8px 15px; margin-right: 5px; border: 1px dotted #1868af; }

.fair_flow { display: block; padding: 20px; color: #FFF; }
#content .fair_flow p { margin-bottom:0px; }
.ff1 { background: #1E91E8 url(../../fair/images/bg_ff1.png) no-repeat right top; }
.ff2 { background: #1A83DE url(../../fair/images/bg_ff2.png) no-repeat right top; }
.ff3 { background: #136BC5 url(../../fair/images/bg_ff3.png) no-repeat right top; }
.ff4 { background: #0B51A5 url(../../fair/images/bg_ff4.png) no-repeat right top; }
.ff5 { background: #0B51A5 url(../../fair/images/bg_ff5.png) no-repeat right top; }
.af1, .af2, .af3 { display: block; height:15px; }
.af1 { background:url(../../fair/images/ar_ff1.png) no-repeat 30px 0; }
.af2 { background:url(../../fair/images/ar_ff2.png) no-repeat 30px 0; }
.af3 { background:url(../../fair/images/ar_ff3.png) no-repeat 30px 0; }

.fair_message { font-weight:bold; color:#1868af; font-size: 150%; line-height: 150%; display: block; text-align: center; margin: 20px 0 20px 0; }

.event1, .event2 { display: block; margin-bottom: 20px; }
.event1 dt, .event1 dd, .event2 dt, .event2 dd { display: block; }
.event1 dt, .event2 dt { font-size: 120%; font-weight: bold; color: #FFF; background-color: #13437F; min-height:17px; height:auto !important; height:17px; position: relative; }
.event1 dt span, .event1 dt span { font-size: 120%; font-weight: bold; color: #13437F; width: 26px; height: 29px; background: url(../../seminar/images/icn_course1.png) no-repeat 0px 0px; padding-top: 8px; padding-left: 5px; position: absolute; top: 0px; left: 0px; }
.event1 dd, .event2 dd { background-color: #F7FBFF; position: relative; }
.event1 dd .course, .event2 dd .course { font-size: 120%; font-weight: bold; }
#content .event1 dd p, #content .event2 dd p { margin-bottom: 10px; }

.event1 { border: 1px solid #CCC; }
.event1 dt { padding: 10px 10px 10px 40px; }
.event1 dd { padding: 10px 25px 20px 25px; }
.event1 dd .btn_link a { position:absolute; right:0px; bottom:0px; border:none; border-top: 1px solid #13437F; border-left: 1px solid #13437F;  }
.event1 dd.close { color:#999; background:#EEE; }
#content .event1 dd.close .btn { font-size:90%; color:#333; display: block; margin-bottom:0px; position: absolute; right: 10px; bottom: 10px; }

.event2 { border: 1px solid #CCC; border-bottom:none; }
.event2 dt { padding: 10px 10px 10px 25px; }
.event2 dd { padding: 10px 25px 10px 25px; border-bottom: 1px solid #CCC; }

.fair_attention { display:block; clear:both; }
.fair_attention li { color: #FFF; font-weight:bold; background-color: #2066B5;display:block; float:left; padding: 10px 20px 10px 20px; margin-right:5px; border:1px solid #CCC; }

/* SYUUGYOUSHA */
.btn_set { display: block; }
.btn_set dt { font-weight:bold; display: block; }
.btn_set dd {}
.btn_set dd.btn_link { margin-bottom:0px; text-align:left; }
.blk_sideline { margin-bottom: 30px; padding-left:20px; border-left: 1px solid #13437F; }
.blk_sideline h4 { font-size:120%; color:#2066B5; margin-bottom:10px;}
.blk_sideline table {}
.blk_sideline table th, .blk_sideline table td { float:left; margin-bottom:5px;}
.blk_sideline table th { color:#2066B5; clear:both; width:80px; }
.blk_sideline table td {}
.blk_formlink { background-color: #EFF5FB; margin-bottom: 20px; padding: 15px 20px 15px 20px; border: 1px solid #BFCEDB; }
.blk_formlink dt { background: url(../../syuugyousha/images/icn_syuugyousha.png) no-repeat 0 2px; margin-bottom: 0; padding-bottom: 0; padding-left: 20px; }
.blk_formlink .btn_set dt { font-weight:normal; }
.blk_formlink .btn_set dd {}
.blk_formlink .btn_set .btn_link { margin-bottom:0; }
.blk_formlink .btn_set .btn_link a { background-color:#FFF; }
.blk_formlink .line { margin: 10px 0 10px 0; border-bottom: 1px dotted #BFCEDB; }
#syuugyousha .thumb dl { display: block; }
#syuugyousha .thumb dl dt, #syuugyousha .thumb dl dd { display:block; }
#syuugyousha .thumb dl dt {}
#syuugyousha .thumb dl dd img { display:block; }
#syuugyousha .thumb dl dt {}
#syuugyousha .thumb dl dt p { font-size:110%; margin-bottom:0; padding-top:5px; }
#syuugyousha .thumb dl dt .method { font-size:100%; }
#syuugyousha .catch, #syuugyousha h4 { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #13437F; font-size:150%; margin-bottom:20px; line-height:150%; }
.dl_point, .dl_point dt, .dl_point dd { display: block; }
.strong { font-size:150%; font-weight:blod; line-height:150%; }
.emp { font-weight:bold; }
#syuugyousha .img_right p { margin-bottom:10px; }
.surface_list {}
.surface_list li { list-style-type: disc; margin-left: 20px; margin-bottom: 20px; }
p.btn_dl {}
p.btn_dl a { background: url(../images/icn_link.png) no-repeat 10px center; display: block; width: 255px; padding: 10px 10px 10px 35px; border: 1px solid #999; margin: 0 auto 0 auto; }
.caseimg_r { float:right; padding: 0 0 15px 15px; }
.caseimg_l { float:left; padding: 0 15px 15px 0; }
.example { color: #1868af; line-height:150%; }
.ex_answer {}
.ex_answer dt { font-weight: bolder; line-height: 150%; color: #1868af; display: block;  }
.ex_answer dd { display: block; text-align: center; }
.last_comment { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #1868af; line-height: 150%; text-align: center; display: block; padding-bottom: 30px; }

#syuugyousha .thumb2 h4 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333333; font-size:120%; font-weight:bold; margin-bottom:0; }

/* INFORMATION */
.blk_info { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
#content .blk_info p { margin-bottom:5px; }
#content .blk_info .date { margin-bottom:0; }
.blk_info .date span { font-weight:bold; padding-left:15px; }
.blk_info h4 { font-size:130%; padding-bottom:10px; }
.blk_info h4 a { font-weight:bold; } 
.pagenavi { text-align: center; padding-top: 30px; padding-bottom: 30px; }
.resetdate { text-align:right; }
#information h4 { font-weight:bold; color: #1868af; }
#information h5 { font-weight:bold; }
#information .catch { font-size:130%; text-height:150%; margin-bottom:10px; }
#information .box { border:1px solid #CCC; background:#EEE; padding:15px; margin-bottom:20px; }
#information .box p { margin:0; padding:0; }

.download { font-size:120%; padding-bottom:2px; margin-bottom:15px; border-bottom:1px dotted #CCC; }
.dl_list li { margin-bottom:5px; }

/* WORK */
#infowork h4, #infowork h4 { font-size:120%; font-weight:bold; color: #0e457b; margin-bottom:5px; }
#content .number { font-size:120%; font-weight:bold; margin-bottom:10px; }
#content .number span { font-size:150%; }
.tb_work { margin-bottom:0px; }
.tb_exhibitors { margin-bottom:50px; }
.tb_work .detail { padding:2px; /*max-width:70px; width:auto !important;*/ width:60px; }
.tb_work .detail a { border: 1px solid #0e457b; padding: 5px 10px 5px 10px; }
#work_search { display:block; background: url(../images/bg_search.png); padding:10px; margin-bottom:30px; border: 1px solid #C1D2E8; border-top: 2px solid #0e457b; position:relative; }
.work_detail { width:100%; margin-bottom:20px; }
#content .work_detail p { margin-bottom:0px; }
.work_detail tr { border-bottom:1px dotted #CCC; }
.work_detail th, .work_detail td { padding: 10px 0 10px 0; }
.work_detail th { color: #1868af; width:30%; }
.work_detail td {}

/* AREA */
#area .tb_work { margin-bottom:20px; }
#area .thumb2 dl { margin-bottom:20px; }
.counter { display:block; border-top: 1px solid #CCC; padding: 20px 0 20px 0; }
.counter dt, .counter dd {  display:block; }
.counter h4, .counter h5 { font-size:120%; font-weight:bold; line-height:150%; }
.counter h4 { color: #13437F; }
.counter h5 { color: #1868af; margin-bottom:5px; }
#content .counter p { margin-bottom:0;}
.counter .line { height: 1px; margin: 15px 0px 15px 0px; border-bottom: 1px dotted #CCC; }

/* SEARCH RESULT */
#searchresult h3 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; background: url(../images/icn_search.gif) no-repeat; display: block; min-height: 27px; height: auto !important; height: 27px; padding-left: 50px; padding-top: 12px; border-top: none; }
#searchresult h3 span { font-weight: bold; border-top: none; }
#searchresult h4 a { /*color: #0e457b;*/ font-weight:bold; font-size:120%; display:block; margin-bottom:15px; }
.result { margin-bottom:50px;}
#center_content .result p { margin-bottom:0; }
.result dt, .result dd { display:block; }
.result dd { border-bottom: 1px dotted #CCC; padding-bottom:15px; margin-bottom:15px; }

/* CONTACT */
.contact_center { padding-left:30px; border-left: 1px solid #13437F; margin-bottom:30px; }
.contact_center dl {}
.contact_center dt, .contact_center dd { display:block; /*float:left;*/ margin-bottom:10px; }
.contact_center dt { color:#1868af; clear:left; width:100px; }
.contact_center dd {}
#contact h4, #area h4 { font-size:130%; color:#1868af; font-weight:bold; margin-bottom:20px; }
#contact h5, #area h5 { font-size:130%; color:#0e457b; font-weight:bold; padding-bottom:20px; padding-top:30px; }
.tb_contact { margin-bottom:30px; width:100%; }
.tb_contact tr {}
.tb_contact th { font-size:130%; color:#0e457b; font-weight:bold; padding-bottom:20px; padding-top:30px; }
.tb_contact td { border-bottom:1px dotted #CCC; padding: 10px 0 10px 0; }
.tb_contact td.address { border-bottom:none; } 
.tb_contact td.address { border-bottom:1px dotted #CCC; } 
.tb_contact .place { font-size:110%; color: #1868af; font-weight:bold; /*padding-left:15px;*/ padding-right:15px; width:250px; /*border-left: 1px solid #13437F;*/ }
.tb_contact .place a { font-weight:bold; }

/* UTILITY */
#default h4 { font-weight:bold; margin-bottom:5px; color:#1868af; }

.list {}
.list li {}
.list li a { background: url(../images/icn_link.png) no-repeat; display:block; padding-left: 25px; min-height: 17px; height: auto !important; height: 17px; margin-bottom:10px; }
.list li a span { font-size:90%; }

.list li ul { margin-bottom:20px; }
.list li ul li a { margin-left:20px; background: none; }

.privlist { margin-bottom: 30px; margin-left: 30px; list-style-type: decimal; }
.privlist li {}

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

/* AREA */
/*.hd_area, */.hd_area a { font-size:110%; font-weight:bold; }

/* KNOWLEDGE */
#knowledge_search { margin-bottom:10px;}
#knowledge_search table { border:1px solid #CCC; }
#knowledge_search table th { font-weight: bold; color: #FFF; background-color: #13437F; vertical-align: middle; padding-right: 15px; padding-left: 15px; }
#knowledge_search table td { vertical-align: middle; }
#knowledge_search table td.td_button {}
#knowledge_search table button { display:block; height:36px; width:36px; padding:0; margin:0; background:none; border:0; font-size:0; line-height:0; overflow:visible; cursor:pointer; }
#knowledge_search table button:hover { background-position:left bottom; }

.kns_result { font-size:120%; font-weight:bold; }

.tab { overflow:hidden; }
.tab li { /*background:#ccc;*/ padding:5px 25px; float:left; /* margin-right:1px;*/ }
.tab li.select { /*background:#eee;*/ }
.content li { /*background:#eee; padding:20px;*/ }
.hide { display:none; }

.tab { border-bottom: 3px solid #2066B5; }
.tab li { background:#F2F2F2; padding:5px 25px; float:left; margin-right:10px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.tab li.select { font-weight:bold; color:#FFF; background:#2066B5; }

.tb_knowledge { width:100%; }
.tb_knowledge tr { border-bottom: 1px solid #ccc; }
.tb_knowledge th a { background: url(../images/icn_link.png) no-repeat 0px 1px; display: block; padding-left: 25px; min-height: 18px; height: auto !important; height: 18px; }

#knowledge .question, #knowledge .answer1, #knowledge .answer2, #knowledge .delete { padding: 20px; margin-bottom: 25px; border: 1px solid #CCC; position: relative; }
#knowledge .answer1 { background: url(../../knowledge/images/icn_exclamation.png) no-repeat right top; }
#knowledge .answer2 { background-color:#F9FCFF; }
#knowledge .delete { background-color:#eee; font-size:110%; color:#999; }
#knowledge .question .mark_question { background: url(../../knowledge/images/icn_question.png) no-repeat; display: block; height: 49px; width: 49px; position: absolute; top: -8px; right: -8px; }
#knowledge .question h3 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border:none; padding:0; margin:0 0 20px 0; }
#knowledge .p_set { position:relative; }
#knowledge .profile { display:block; border-bottom:1px solid #ccc; }
#knowledge .answertitle { margin-bottom:10px; font-weight:bold; font-size:110%; }
#knowledge .btn_report { text-align: right; margin: 0; padding: 0; }
#knowledge .btn_report a { font-size:90%; background: url(../images/icn_link.png) no-repeat; display: inline-block; min-height: 18px; height: auto !important; height: 18px; padding-left: 20px; }
#knowledge .btn_kn { text-align: center; }
#knowledge .btn_kn a { background: url(../images/icn_link.png) no-repeat 10px 8px; display: inline_block; margin-bottom: 0px; padding: 10px 10px 10px 35px; border: 2px solid #13437F; }

#knowledge input.oneline { height: 30px; width: 100%; }
#knowledge textarea.multiline { width: 100%; margin-bottom: 10px; }

.btn_editcancel { display:block; float:left; }
.btn_editcancel a { background: url(../images/icn_link.png) no-repeat 5px 3px; padding: 5px 5px 5px 30px; border: 1px solid #13437F; }

#box {}
#box .blk { padding:10px; background-color:#FFF; min-height:250px; height: auto !important; height: 250px; }
#box .name { font-size: 110%; color: #2066B5; margin-bottom: 10px; }
#box .place { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; }

.pr, .pr a { text-align:center; font-size:20px; font-weight:bold; color:#F00; }



/* MEMBER */
.blk_login, .blk_member { display:block; margin-top:60px; margin-bottom:50px; padding-top:20px; position:relative; border-top: 1px solid #C0D2E6; }
.mark_login, .mark_member { text-indent: -9999px; display:block; width:137px; height:119px; position:absolute; top:-60px; }
.mark_login { background: url(../../member/images/mark_login.png)  no-repeat; }
.mark_member { background: url(../../member/images/mark_member.png)  no-repeat; }
#center_content .blk_login form p { margin-bottom:10px;}
.blk_login input.txtinput { height:30px; width:100%; }
.btn_login button { font-size: 120%; font-weight: bold; background:#FFF; text-align:center; width:100%; padding: 10px; border: 2px solid #13437F; cursor: pointer; }
.btn_login button span { font-size:80%; font-weight:normal; }
.btn_reminder {}
.btn_reminder a { font-size: 90%; background: url(../images/icn_link.png) no-repeat; display: block; padding-left: 20px; min-height:17px; height: auto !important; height: 17px; }

.tb_member { width:100%; margin-bottom:20px; }
.tb_member th, .tb_member td {}
.tb_member td {}
.tb_member td span { font-size:90%; }
.tb_member td input.txtin { height:30px; }

*.logbox {
 border: solid 1px #ccc;
 padding: 20px;
 overflow: auto;
 margin-bottom:20px; }
.termscheck { text-align:center; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc; }

#center_content .mem_flow_title { font-size: 110%; font-weight: bold; color: #13437F; background: url(../../member/images/bg_title.gif) no-repeat right top; display: block; margin-bottom: 10px; padding-top:7px; }
.mem_flow_title span { display:inline-block; padding-right:10px; background-color:#fff; }

.btn_backkn { text-align: center; margin: 0; padding: 0; }
.btn_backkn a { background: url(../images/icn_link.png) no-repeat 10px 8px; display: inline_block; margin-bottom: 0px; padding: 10px 10px 10px 35px; border: 2px solid #13437F; }

.a_left { text-align:left; }

#member h4 { font-size:105%; font-weight:bold; margin-bottom:10px; border-bottom:1px dotted #ccc; }


/* GYOGYOU */

/* 170529 */
#gyogyou .keyword { display: block; margin-bottom: 50px; }
#gyogyou .keyword dt, #gyogyou .keyword dd { display: block; padding: 15px; border: 1px solid #cccccc; }
#gyogyou .keyword h3 { font-size: 120%; padding: 0; margin: 0 0 15px;; border: none; }
#gyogyou .keyword h3 a { font-weight: bold; }
#gyogyou .m_production { text-align: center; }
#gyogyou .img_title { font-size: 110%; }
#gyogyou .img_title, #gyogyou .img_title a { font-weight: bold; }



/* ========== media ========== */

/* ========== phone ========== */
@media screen and (max-width: 640px) {

/* clearfix（任意で） */
*:after { display:block; clear:both; }
/* はみ出し対策 */
body { width:100%; /*overflow:hidden;*/ }

/* HEADER */
header {}
header h1 { padding:10px; }
header h1 a { width: 200px; height: 45px; }

/* HEADER MENU */
header #menu { display: none; border-top: 1px solid #41699B; }
header #menu li {}
header #toggle {}
header #toggle a { background: url(../images/btn_menu.png) no-repeat; background-size: contain; display: block; text-indent: -9999px; width: 60px; height: 26px; margin: 15px 10px 0 10px; position: absolute; top: 0; right: 0; }
header nav { color: #FFF; background-color: #13437F; width: 100%; position: absolute; top:0px; z-index:5000; }
header nav a, header nav a:hover, header nav a:visited { color: #FFF; }
header nav ul li {}
header nav ul #nor1, header nav ul #nor2 {}
header nav ul #nor1 a, header nav ul #nor2 a { display:block; padding: 12px; background: url(../images/arrow_r.png) no-repeat right center; border-bottom: 1px solid #41699B; }
header nav ul #st1 { border-bottom: 1px solid #41699B; }
header nav ul #st1 li { float:left; border-bottom:none; }
header nav ul #st1 #home a, header nav ul #st1 #tw a, header nav ul #st1 #fb a { text-indent: -9999px; display: block; width: 26px; height: 26px; }
header nav ul #st1 #home { padding:10px; border-right: 1px solid #41699B; }
header nav ul #st1 #home a { background: url(../images/icn_home.png) no-repeat; background-size: contain; }
header nav ul #st1 #tw { padding: 10px 5px 10px 10px; }
header nav ul #st1 #tw a { background: url(../images/icn_twm.png) no-repeat; background-size:contain; }
header nav ul #st1 #fb { padding: 10px 5px 10px 5px; }
header nav ul #st1 #fb a { background: url(../images/icn_fbm.png) no-repeat; background-size:contain; }
header nav ul #mem {}
header nav ul #mem a { padding:10px; display:block; border-bottom: 1px solid #41699B; background: url(../images/arrow_b.png) no-repeat right center; }
header nav ul #mem li { background-color: #2265B9;border-bottom: 1px solid #689CDB; }
header nav ul #mem li a { background: url(../images/arrow_r.png) no-repeat right center; }

/* GLOBAL MENU */
#g_menu { display: block; border-top: 2px solid #333; }
#g_menu ul {}
#g_menu ul li {}
#g_menu ul li.cat span { color: #FFF; font-weight: bold; background: #13437F url(../images/bg_catm.gif) no-repeat right top; background-size:contain; display: block; text-align: center; padding: 10px; }
#g_menu ul li ul { min-height:100%; overflow:hidden; border-bottom: 1px solid #CCC; }
#g_menu ul li ul li {}
#g_menu ul li ul li a { display: block; text-align: center; float: left; width: 31%; padding: 10px 1% 10px 1%; padding-bottom: 32767px; margin-bottom: -32757px; border-left: 1px solid #CCC; }


/* ---------- TOP ---------- */
/* MAIN VISUAL */
#mv {}
#mv img { /*width: 100%;*/ margin: 0px; }

/* SEARCH */
#search { background: #EEE url(../../images/bg_search.png) no-repeat right -25px; padding: 35px 10px 20px 10px; margin: 0; }
#search #search_menu li .first1, #search #search_menu li .first2 { font-weight: bold; list-style-type: none; display: block; padding: 5px 10px 5px 10px; margin-top: 10px; border: 1px solid #13437F; background-size: contain; }
#search #search_menu li .first1 { background: #FFF url(../images/arrow_mb.png) right no-repeat; }
#search #search_menu li .first2 { background: #FFF url(../images/arrow_mr.png) right no-repeat; }
#search #search_menu li ul { border: 1px solid #13437F; padding:10px; background: #FFF; }
#search #search_menu li ul li { font-weight:bold; }
#search #search_menu li ul li ul { border:none; padding: 0 0 10px 0; }
#search #search_menu li ul li ul li { font-weight:normal; float:left; padding-right:10px; }

#search #recruit { background: #FFF url(../images/arrow_mr.png) right no-repeat; font-weight: bold; list-style-type: none; display: block; padding: 5px 10px 5px 10px; margin-top: 10px; border: 1px solid #13437F; background-size: contain; }

#search #searchform { margin-top:10px; }
#search #searchform .search4 { height:30px; }
#search #searchform .search4 dt {}
#search #searchform .search4 dt input { line-height:30px; height:30px; }
#search #searchform .search4 dd { width:30px; }
#search #searchform .search4 dd button { height:30px; }
#search #searchform .search4 dd button:hover { background-position:left bottom; }
#search #search_menu > li > ul { display:none; }

/* BANNER */
#bn {}
#bn img { width:100%; display:block; } 
#bn p { margin: 0; padding: 0; line-height: 100%; }

/* INFORMATION */
#info { margin-bottom:20px; }
#info div { padding: 10px 10px 35px 10px; margin-bottom: 10px; position: relative; }
#info .feed1, #info .feed2 { padding: 0px 0px 0px 0px; margin-bottom: 10px; position: relative; }
#info div .btn_list {}
#info div .btn_list a { font-weight:bold; display: block; text-align: center; padding: 5px; border: 2px solid #13437F; position: absolute; bottom: 0px; left: 10px; right: 10px; }
#info div h3 { font-size: 110%; font-weight: bold; display: block; margin-bottom: 10px; border-bottom: 3px solid #13437F;  margin-top: 0px; border-top:none; padding: 0px 0px 5px 30px; }
#region h3 { background: url(../../images/icn_hdregion.png) no-repeat 0px 2px;}
#center h3 { background: url(../../images/icn_hdinfo.png) no-repeat 0px 2px;}

#info #recruit h3 { background: url(../../images/icn_hdwork.png) no-repeat 0px 3px;}
#info #knowledge h3 { background: url(../../images/icn_hdknowledge.png) no-repeat 0px 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; right: 10px; top: -15px; }
#info #knowledge #icon { background: url(../../images/bg_learn.png) no-repeat; right: 10px; top: -10px; }
#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 right top; margin: 0px 10px 0px 10px; padding-top:20px; }
#social #facebook, n#social #twitter { /*width: 100%;*/ margin-bottom:15px; }


/* ---------- CONTENTS ---------- */
/* COMMON */
#main { padding: 0px 10px 20px 10px; }
#main p#path { margin: 10px 0px 10px 0px; }
nav#sidenav {}
section#content, section#center_content {}
.mark { width:100%; height:119px; margin-bottom:20px; }
.line {}
h2 { font-size: 220%; line-height: 100%; }
h3 { font-size: 130%; }
h3 span {}
#content p, #center_content p {}
#content .img_right { font-size:90%; margin-bottom:0px; text-align:center; padding: 0px 0px 15px 0px; }
#content .img_right img {}
#content .img_left { font-size:90%; margin-bottom:0px; text-align:center; padding: 0px 0px 15px 0px; }
#content .img_left img {}
#content .img_center { clear:both; text-align:center; }

/* SIDE MENU */


/* ---------- PAGES ---------- */
/* GUIDE */
#guide .mark { background:url(../../guide/images/mark2.gif) no-repeat center 0; }

/* GYOGYOU */
#gyogyou .mark { background:url(../../gyogyou/images/mark.gif) no-repeat center 0; }

.thumb dl, .thumb2 dl { display: block; border-bottom: 1px dotted #CCCCCC; }
.thumb dl:after, .thumb2 dl:after {
display:block;
clear:both;
visibility:hidden;
height:0;
content:".";
}
.thumb dl, .thumb2 dl { display:inline-block; }
.thumb dl, .thumb2 dl { display:block; }
* html .thumb dl, * html .thumb2 dl { height:1%; }
.thumb dl { margin: 0 0 10px 0; }
.thumb2 dl { margin: 0 0 10px 0; }
.thumb dt, .thumb dd, .thumb2 dt, .thumb2 dd { display:block; float:left; }
.thumb dt { max-width:235px; width: 50% !important; max-width:235px;}
.thumb2 dt { max-width:174px; width: 50% !important; max-width:174px;}
.thumb dd, .thumb2 dd  { width: 48%; padding-left:2%; }
.thumb dt img, .thumb2 dt img { width:100%; }
.thumb h4, .thumb2 h4 { font-size:120%; font-weight:bold; }
#content .thumb p, #content .thumb2 p { margin-bottom:0; font-size:90%; }

#gyogyou .category { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; color: #13437F; display:block; }
#gyogyou .category { font-size:120%; margin-bottom:5px; }
#gyogyou .catch { line-height: 175%; display:block; margin-bottom:20px; }
#gyogyou .head { font-weight: bold; line-height: 175%; }
#gyogyou .cycle { 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; }
#gyogyou .mv_center {}
#gyogyou .mv_center img { width:100%; }
#gyogyou .img_cycle { display:block; text-align:center; }
#gyogyou .flow { display:block; }
#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:0px; }
#gyogyou .related .img_left img { display:block; margin: 0 15px 0 0; display:none; }
#gyogyou .related h3 { font-weight: bold; color: #13437F; font-size: 130%; display: block; padding: 3px 0 5px 0; margin-top: 0; border: none; }
#gyogyou .work_area { text-align:center; }
#gyogyou .work_area p { font-size:90%; text-align:center; }
#gyogyou .work_area img { width:90%; }
#gyogyou .title_area {}
#gyogyou .title_area .area, #gyogyou .title_area .fish { font-weight:bold; margin-bottom:0; }

/* 170529 */
#gyogyou .keyword dt { margin-bottom: 10px; }
#gyogyou .m_production img { width: 100%; height: auto;  }
#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 center 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 .txt_areaR {}
#become #content .txt_areaL {}
#become #content .img_areaR { text-align:center; }
#become #content .img_areaL { 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 { width: 100%; }
.onoff dd {}
#content .profile_img {}
#content .profile_img img { display:block; }
.dl_step dt { margin-bottom:10px; }
.step { color: #FFF; font-size: 180%; background: url(../../become/images/bg_step.gif) no-repeat center 0; display: block; text-align: center; height: 38px; width: 100%; padding-left: 13px; padding-top: 40px; }
.career li { margin-bottom:10px; }
.role dt { font-weight: bold; color: #2066B5; padding: 5px 0 5px 0; }
.role dd { padding-bottom:5px; }

/* SYUUGYOUSHA */
#syuugyousha .mark { background:url(../../syuugyousha/images/mark.gif) no-repeat center 0; }
.hd_mv img { display:block; width:100%; }
.btn_set dt { margin-bottom:5px; }
.blk_formlink .btn_set dt { margin-bottom:5px; }

.dl_point dt { margin-bottom:10px; }
.point { color: #FFF; font-size: 180%; background: url(../../syuugyousha/images/bg_point.gif) no-repeat center 0; display: block; text-align: center; height: 38px; width: 100%; padding-left: 13px; padding-top: 40px; }
.example { font-size:120%; text-align: center; }
.example span { font-size:80%; }
.ex_answer dt { font-size: 180%; text-align: center; }
.last_comment { font-size: 180%; }
.case_profile table { width:100%; }
.case_profile table th { width:25%; }

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

/* SEMINAR */
#seminar .mark { background:url(../../seminar/images/mark.gif) no-repeat center 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 10px; margin-bottom:5px; }
.flow1 li.f1, .flow2 li.f1 { background: #587BA5 url(../../seminar/images/diagonal1m.gif) no-repeat right top; }
.flow1 li.f2, .flow2 li.f2  { background: #416999 url(../../seminar/images/diagonal2m.gif) no-repeat right top;}
.flow1 li.f3, .flow2 li.f3 { background: #29568C url(../../seminar/images/diagonal3m.gif) no-repeat right top;}
.flow1 li.f4 { background: #13437F url(../../seminar/images/diagonal4m.gif) no-repeat right top; }
.flow1 li.f5 { background: #0D2F5A url(../../seminar/images/diagonal5m.gif) no-repeat right top; }



.form dl { padding: 10px; }
.form dt, .form dd { padding: 0; }
.form dd {}
.form dd .long { width: 80%; }
.form dd .middle { width: 60%; }
.form dd .short { width: 100px; }
.form dd .shorter { width: 50px; }

/* FAIR */
#fair .mark { background:url(../../fair/images/mark.gif) no-repeat center 0; }

.tb_exhibitors, .tb_work { font-size:90%; width:100%; }
.tb_exhibitors tr, .tb_work tr { border-bottom: 1px dotted #CCC; margin-bottom:5px; padding-bottom:5px;  }
.tb_exhibitors .label, .tb_work .label { display:none; }
.tb_exhibitors td, .tb_work td { vertical-align: middle; padding: 0; }
.tb_exhibitors table, .tb_exhibitors tbody, .tb_exhibitors thead, .tb_exhibitors tfoot, .tb_exhibitors tr, .tb_exhibitors th, .tb_exhibitors td,
.tb_work table, .tb_work tbody, .tb_work thead, .tb_work tfoot, .tb_work tr, .tb_work th, .tb_work td
 { display: block;}
 
.fair_attention li { text-align:center; width:25%; margin-right:5px; margin-bottom:10px; padding: 10px;}
 
/* WORK */
#infowork .mark { background:url(../../info_work/images/mark.gif) no-repeat center 0; }
#shienseido .mark { background:url(../../shienseido/images/mark.gif) no-repeat center 0; }
#work_search #search { background: none; padding: 0; border-bottom: none; }
#work_search #search #search_inner { width:auto; }
#work_search #search #search_menu li ul { width:auto; }
#work_search #search #search_menu > li > ul { display:none; }

.tb_work .detail { padding: 5px 0 5px 0; }

.work_detail tr { margin-bottom: 5px; }
.work_detail th, .work_detail td { padding: 0 0 5px 0; }
.work_detail th { width:auto; }
.work_detail table, .work_detail tbody, .work_detail thead, .work_detail, .work_detail tr, .work_detail th, .work_detail td
 { display: block;}
 
 /* AREA */
#area .mark { background:url(../../info/images/mark.gif) no-repeat center 0; }
.counter dt, .counter dd {}
.counter dt { margin-bottom:15px; }
.counter dd {}

/* CONTACT */
#contact .mark { background:url(../../contact/images/mark.gif) no-repeat center 0; }
.tb_exhibitors td span.pc { display:none; text-align:center; }
.tb_contact td.place { border-bottom: none; }
.tb_contact table, .tb_contact tbody, .tb_contact thead, .tb_contact tfoot, .tb_contact tr, .tb_contact th, .tb_contact td
 { display: block;}

/* SEARCH RESULT */
#searchresult .mark { background:url(../images/mark_search2.gif) no-repeat center 0; }

/* UTILITY */
#default .mark { width:100%; height:20px; margin-bottom:0; }

/* KNOWLEDGE */
#knowledge .mark { background:url(../../knowledge2/images/mark.gif) no-repeat center 0; }
#knowledge .btn_link { text-align:left; }
#knowledge_search table { margin-bottom:10px; }
#knowledge_search table input { height: 30px; width: 200px; }
.tb_knowledge th, .tb_knowledge td { display:block; }
.tb_knowledge th { padding-top:10px; }
.tb_knowledge td.date { padding-bottom:10px; }

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

/* MEMBER */
.blk_login, .blk_member { margin-top:100px; }
#member .mark { display:none; }
.mleft100 { margin-left:137px; }

.tb_member th, .tb_member td { display:block; }
.tb_member th { padding: 15px 0 0 0; }
.tb_member td { border-bottom: 1px dotted #ccc; padding: 0 0 15px 0; }

.tb_member td input.long { width:100%; }
.tb_member td input.herf { width:100%; }

.tb_member td table { width:100%; }
.tb_member td table td { border:none; padding: 0; }

 *.logbox { width: 90%; height: 200px; }
 
.mem_flow { display:block; margin-bottom:20px; }
.mem_flow li { background: url(../../member/images/flow_slash.gif) no-repeat; display: block; padding: 5px 0 0 40px; margin-bottom:10px; }


/* ---------- FOOTER ---------- */
footer { background: url(../images/bg_footer.png) no-repeat 10px 0px; padding-top:25px; }
footer #ft_inner { background-color: #13437F; border-top: 10px solid #2066B5; }
footer #f_sitemap { display: block; border-top: 10px solid #2066B5; color:#FFF; padding: 20px; font-size:90%; }

footer #f_sitemap li.lv1, footer #f_sitemap li.lv2, footer #f_sitemap li.lv3 { display:none; }
footer #f_sitemap li a, footer #f_sitemap li a:hover, footer #f_sitemap li a:visited { color:#FFF; }

footer #f_info { color: #FFF; background-color: #0A2950; text-align: center; display: block; padding: 10px; }

}










/* ========== PC ========== */
@media screen and (min-width: 641px)  {

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 .feed1, #info .feed2 { padding: 0px 0px 0px 0px; 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%;*/ font-size:200%; }
h3 span { font-weight:bold; }
#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; }

/* 170529 */
#gyogyou .keyword dt, #gyogyou .keyword dd { width: 320px; }
#gyogyou .keyword dt { float: left; }
#gyogyou .keyword dd { float: right; }


/* 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 dt .strong { font-weight:bold; font-size:13px; }
.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; }

h3.seminar_title { line-height: 150%; }

/* 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; }

}