<!-- 
/* seminar right page */
@import url("/stylesheet/tabmenu.css");
@import url("/stylesheet/gnavi.css");
/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}
/* html style*/
body{
color: #000;
margin: 0px;
padding: 0px;
background-color: #FFF;
}
a{ text-decoration: none; }
a:link{ text-decoration: none; }
a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }

h1, h2, h3, h5, p 
margin-top:  0px;
margin-bottom: 10px;
}
h1 {
border: 1px solid #EEE;
height: 50px;
}
h2 {
border-top:2px solid #EEE; 
border-bottom:2px solid #AAA; 
background:url("/parts/images/jibun/tieup/title_bg02.gif") repeat-x left bottom;
font-size: 92%;
padding: 5px 4px 6px 4px;
text-indent: 5px;
letter-spacing: 0px;
clear: both;
margin-top: 20px;
color: #444;
}
h5 {
border: 3px solid #EEE;
color: #444;
padding: 5px;
font-size: 87%;
font-weight: normal;
}
p {
font-size:100%;
line-height: 140%;
}
.credit {text-align:right; font-size:small;}
.colM-adsp {font-size:87%; margin-bottom:10px;}
.colM-adsp .inbox {
background:url("/parts/images/job/tieup/spbox_bg02.gif") repeat left top;
border:0px solid #CCC;
padding: 1px 0px 1px 0px;
}


/* fontcolor
----------------------------------------------------------------- */
.colR, .colM { color: #444;}

/* TPL TILTE
----------------------------------------------------------------- */
.imsp-title {
text-indent: -9999px;
background: url(/parts/images/logo/special_logo.gif) no-repeat 1px 3px;
margin-left: 20px;
margin-bottom: 5px;
height: 35px;
float:left;
width:300px;
overflow:hidden;
}
.imsp-title span.spLogo {
display: block;
float: left;
}
.imsp-title span.spLogo a {
display: block;
width: 100px;
height: 35px;
}


/* headmenu */
#headmenu {
margin: 15px 0px 1px 0px;
padding: 3px 5px 5px 0px; 
font-size: 10px;
text-align: right; 
width: 110px;
float: right;
}
#headmenu a {
color: #033;
}

.pr-icon {
background: url(/parts/images/all/pr-icon.gif) no-repeat right top;
text-indent: -9999px;
border: 0px solid #CCC;
margin: 0px 5px 5px 5px;
}
p.abs {
color: #444;
padding: 5px;
font-size: 93%;
font-weight: normal;
background-color: #EED;
}
#credit {
text-align: right;
font-size: 70%;
}
.colM-adsp {font-size:87%; margin-bottom:10px;}
.colM-adsp .inbox {
background:url("/parts/images/job/tieup/spbox_bg02.gif") repeat left top;
border:0px solid #CCC;
padding: 1px 0px 1px 0px;
}
.colM-adsp .sponsorbox {
background-color:#FFF;
border:1px solid #CCC;
margin:5px;
padding:3px;
_padding: 3px 3px 3px 0px;
}
.tieup#consul84 #colM .sponsorbox {
background-color:#FFF;
border:1px solid #CCC;
margin:5px;
padding:3px;
_padding: 3px 3px 3px 0px;
}
.tieup#consul84 #colM .sponsorbox ul {list-style: none; }
.tieup#consul84 #colM .sponsorbox ul li {
font-weight:bold;
font-size: 12px;
background:url("/parts/images/icon/dot.gif") no-repeat 0px 6px ;
padding-left: 10px;
margin-bottom: 2px;
}
.tieup#consul84 #colM .sponsorbox img {float:left;margin:0px;padding:0px;}
.colR { font-size:87%;}
.colR .sponsorbox {
background:url("/parts/images/job/tieup/spbox_bg.jpg") no-repeat left top;
border:1px solid #DDD;
padding:4px;
margin-bottom:5px;
}
.colR h2 {
border-top:2px solid #EEE; 
border-bottom:2px solid #AAA; 
background:url("/parts/images/icon/title_bar.gif") no-repeat -32px 13px #444 ;
font-size: 100%;
padding: 7px 4px 5px 14px;
letter-spacing: 0px;
clear: both;
margin-top: 0px;
margin-bottom: 0px;
color: #FFF;
}
.colR .sponsorbox h3 {
border-bottom:1px solid #DDD;
border-left: 0px solid #DDD;
padding: 5px 5px 5px 25px;
margin: 0px 0px 5px 0px;
background:url("/parts/images/icon/tri01.gif") no-repeat 8px 7px #EEE ;
font-size:12px;
color:#444;
}
.colR .sponsorbox ul {list-style: none; margin: 0px ; padding: 3px 3px 3px 3px ;}
.colR .sponsorbox ul li {
font-weight:bold;
font-size: 12px;
background:url("/parts/images/icon/dot.gif") no-repeat 0px 6px ;
padding-left: 10px;
margin-bottom: 2px;
}
.colR {
font-size: small;
}

.colR .sponsorbox dl {
margin:0px;
padding:2px;
border: 1px solid #DDD;
}
.colR .sponsorbox dl dt {
margin: 0px;
padding:3px;
background-color: #DDD;
font-weight:bold;
color: #444;
}
.colR .sponsorbox  dl dt a {
color: #FFF !important;
}
.colR .sponsorbox dl dd {
margin: 0px;
padding: 3px 3px 3px 20px;
border: 1px solid #DDD;
background:url("/parts/images/icon/dot.gif") no-repeat 8px 8px ;
}
.button-box { text-align: center; padding: 10px 3px 10px 3px;}

/*position*/
#main {
background-image: url(/images/articleline_css.gif);
clear:both;
}
#centercol { float: left; 
width: 500px; 
margin: 0px; 
padding: 0px 10px 10px 20px;
}
#rightcol {
float: right; 
width: 300px; 
margin: 0px; 
padding: 10px 0px 10px 0px; 
text-align: left;
}
/* width wrapping */
#wrap {
width: 840px;
margin: 0px;
padding: 0px;
}
/* header */
#header { margin: 0px; padding: 0px; }
#header-l { float:left; width: 92px; height: 64px; }
#header-r {
float:right;
width: 748px;
height: 64px; 
text-align: right; 
background-image:url(/include/header/images/header_art.gif); 
}
/* Gsearch */
#search { margin: 0px; 
padding: 8px 3px 0px 0px; 
float: right;
clear: right;
font-size: small;
}
#search form {
width: 300px;
margin: 0px;
padding: 0px;
text-align: right;
}

/*header adspace */
#header_noad {
text-align: center; 
background-image:url(/include/header/images/back_line.gif); 
height: 20px; 
clear: both; 
font-size: 10px; 
}
#header_ad {
text-align: center; 
background-image:url(/include/header/images/back_line.gif); 
height: 105px; 
clear:both; 
font-size: 10px; 
}

/* header navi textlink */
.navi {
font-size: 10px; color: #AAA; 
margin-right: 5px; 
margin-top: 5px;
}
.navi a {
color:#FFF;
}

/* navibar */
#navibar {
height:24px;
background:#EEE;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.navibar_styl {
margin-left: 10px;
padding-top: 5px; 
font-size: small;
font-weight: bold;
}
/* footer */
#footer {
margin:10px 0px 0px 0px; 
padding:0px; 
clear:both;
background:#EEE;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}
.footer-padding { padding-left: 20px; padding-top: 10px; }
.footer-logo { float:left; }
.footer-txtlink {
float:left; 
margin-left: 50px;
margin-top: 10px; 
font-size:12px; 
text-align:left;
}
/* seminar head style */
#headspace { width: 840px; margin: 0px; padding: 0px; background:#fff; }
#headspace .pad { padding: 0px 0px 5px 20px; }
#headspace #seminarlogo { margin: 0px; float: left; }
#headspace #credit { margin: 3px 0px 0px 0px; text-align: right; font-size: x-small; }
/* contents style */
h1 { margin-top: 0px; }
.w { color: #FFFFFF; }
.r { color: #FF0000; }
.gr { color: #006600; }
.bl { color: #003366; }
.ora { color: #FF6600; }

/* img&cap style */
.colimgc {margin-left: auto; margin-right: auto; margin-bottom: 10px; border: 0px solid red; text-align: center;}
.colimgc small {display: block; text-align: center; color:#999; font-size:76%;}
.colimgr {float: right; margin-bottom: 10px; margin-left: 5px; border: 0px solid red; text-align: center;}
.colimgr small {display: block; text-align: center; color:#999; font-size:76%;}
.colimgl {float: left; margin-bottom: 10px; margin-right: 5px; border: 0px solid red; text-align: center;}
.colimgl small {display: block; text-align: center; color:#999; font-size:76%;}


/* AD */
#banner { text-align: center;}
#banner img { padding-bottom:10px;}

/* AD */
.ver05 h1 {
border: 1px solid #EEE;
}
.ver05 h2 {
font-size: small; 
padding: 7px 2px 0px 8px;
border-top: 1px solid #999;
border-bottom: 0px;
margin-bottom:5px;
background:url("/parts/images/bar/title_bg_jobjibun.jpg") repeat-x 0px 0px ;
height: 25px;
color: #FFF;
}
.ver05 h2 {
font-size: small; 
padding: 7px 2px 0px 5px;
background:url("/parts/images/bar/title_bg_jobjibun.jpg") repeat-x 0px 0px ;
height: 24px;
color: #FFF;
}
.ver05 .colM-adsp h2 {
margin-bottom: 0px;
}
.ver05 #Black h2 {
background:url("/parts/images/bar/title_bg_jobjibun.jpg") repeat-x 0px 0px ;
}
.ver05 #Red h2 {
background:url("/parts/images/bar/title_bg_jobjibun.jpg") repeat-x 0px -33px ;
}
.ver05 #Blue h2 {
background:url("/parts/images/bar/title_bg_jobjibun.jpg") repeat-x 0px -66px ;
}
.ver05 #Green h2 {
background:url("/parts/images/bar/title_bg_jobjibun.jpg") repeat-x 0px -99px ;
}
.ver05 #Navy h2 {
background:url("/parts/images/bar/title_bg_jobjibun.jpg") repeat-x 0px -133px ;
}
.ver05 .colR .sponsorbox {
background:url("") no-repeat left top;
padding:4px;
margin-bottom:5px;
}

/* title */
.ttl_head { font-size:16px; font-weight: bold } 
.ttl_sub {font-size:16px; font-weight: bold }
.ttl_img { margin-top: 10px; }

.ttl_waku_r1 { border-style: solid; border-color:#990000; border-width: 1 15 1 15;
                     padding: 5px; }
.ttl_waku_r2 { border-style: solid; border-color:#660000; border-width: 1 15 1 15;
                     padding: 5px; }

.ttl_waku_or1 { border-style: solid; border-color:#FF6600; border-width: 1 15 1 15;
                     padding: 5px; }

/* text */
.txt_r01 { color:#990000 !important }
.txt_r02 { color:#660000 !important }
.txt_r03 { color:#FF0000 !important }

.txt_br01 { color:#663300 !important }
.txt_br02 { color:#CC6600 !important }

.txt_gr01 { color:#339900 !important }
.txt_gr02 { color:#006600 !important }
.txt_gr03 { color:#009999 !important }

.txt_bl01 { color: #000033 !important }
.txt_bl02 { color: #3333FF !important }
.txt_bl03 { color: #330099 !important }
.txt_bl04 { color: #000066 !important }
.txt_bl05 { color: #003366 !important }

.txt_pk01 { color: #CC0066 !important }

.txt_or01 { color: #FF6600 !important }
.txt_or02 { color: #FF3300 !important }

/* tieup ad style */
.tieup #colM, .tieup #colR {color:#444;}
.tieup #colM a, .tieup #colR a {color:#636;}
.tieup #colM img, .tieup #colR img {border:0px;}

.tieup h1, .tieup h2, .tieup h3, .tieup h5, .tieup p {margin-top: 0px; margin-bottom:10px;}
.tieup h1 {border:1px solid #EEE;height:50px;}
.tieup h2 {
border-bottom:1px solid #CCC; 
background:url("/images/ad_fyi/title_bg.gif") repeat-x left bottom;
font-size:92%;
padding:3px;
text-indent:5px;
letter-spacing:0px;
clear: both;
}
.tieup h5 {border:3px solid #EEE;color:#444; padding: 5px; font-size:87%; font-weight:normal;}
.tieup p {font-size:87%;}
.tieup .credit {text-align:right;}
.tieup .colM-adsp {font-size:87%; margin-bottom:10px;}
.tieup .colM-adsp .inbox {
background:url("/parts/images/jibun/tieup/spbox_bg02.gif") repeat left top;
border:0px solid #CCC;
padding: 1px 0px 1px 0px;
_padding: 5px 0px 5px 0px;
}

.tieup .colM-adsp .sponsorbox {
background-color:#FFF;
border:1px solid #CCC;
margin:5px;
padding:3px;
_padding: 3px 3px 3px 0px;
}
.tieup .colM-adsp .sponsorbox h3,
.tieup .colM-adsp .sponsorbox ul,
.tieup .colM-adsp .sponsorbox p {
padding-left:95px;
margin-bottom:5px;
margin-left:15px;
}
.tieup .sponsorbox p {letter-spacing:0.1em; line-height:130%;}
.tieup .colM-adsp .sponsorbox h3 {border-bottom:1px solid #CCC;}
.tieup .sponsorbox .bottom-link {
margin-top:5px;
margin-bottom:0px;
padding-bottom:0px;
text-align:right;
}
.tieup .colM-adsp .sponsorbox ul {list-style: none; }
.tieup .colM-adsp .sponsorbox ul li {
font-weight:bold;
font-size: 12px;
background:url("/parts/images/icon/dot.gif") no-repeat 0px 6px ;
padding-left: 10px;
margin-bottom: 2px;
}


.tieup .colM-adsp .sponsorbox img {float:left;margin:0px;padding:0px;}
.tieup h1 {}
.tieup .colM-adsp h2 {
background:url("/parts/images/jibun/tieup/t_colm_sp.gif") repeat-x left bottom;
text-indent:-9999px;
height:40px;
border-bottom:0px;
margin-bottom:0px;
}
.sponsorbox { zoom: 100%;}
.sponsorbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}



.colM-adsp-bottom h2 {
background:url("/parts/images/jibun/tieup/t_colm_sp_bottom.gif") repeat-x left bottom;
text-indent:-9999px;
height:30px;
border-bottom:0px;
margin-bottom:0px;
}

.tieup .colM-adsp-bottom .inbox {
border:0px solid #CCC;
_padding: 2px 0px 2px 0px;
font-size:80%;
}
.tieup .colM-adsp-bottom .inbox ul {margin:0px; padding:0px; list-style:none;}
.tieup .colM-adsp-bottom .inbox li {
margin: 3px 0px 3px 4px;
padding:0px;
background:url("/parts/images/jibun/tieup/li_arrow.gif") no-repeat 0px 1px;
text-indent:18px;
}

.tieup .colM-adsp-bottom .inbox li a {padding-right:5px;font-weight:bold;}
/* tieup ad style */

.tieup #colR { font-size:87%;}
.tieup #colR .sponsorbox {
background:url("/parts/images/jibun/tieup/spbox_bg.jpg") no-repeat left top;
border:1px solid #DDD;
padding:4px;
margin-bottom:5px;
}
.tieup #colR h2 {
background:url("/parts/images/jibun/tieup/t_colr_sp.gif") no-repeat left bottom;
text-indent:-9999px;
height:30px;
border-bottom:0px;
margin-bottom:5px;
}
.tieup #colR .sponsorbox h3 {
border-bottom:1px solid #DDD;
border-left:2px solid #DDD;
padding: 5px;
margin-top:0px;
margin-bottom:5px;
background-color:#EEE;
}

.tieup #colR .sponsorbox ul {list-style: none; margin: 0px ; padding: 3px 3px 3px 3px ;}
.tieup #colR .sponsorbox ul li {
font-weight:bold;
font-size: 12px;
background:url("/parts/images/icon/dot.gif") no-repeat 0px 6px ;
padding-left: 10px;
margin-bottom: 2px;
}

.colimgc {margin-left: auto; margin-right: auto; margin-bottom: 10px; border: 0px solid red; text-align: center;}
.colimgc small {display: block; text-align: center; color:#999;}
.colimgr {float: right; margin-bottom: 10px; margin-left: 5px; border: 0px solid red; text-align: center;}
.colimgr small {display: block; text-align: center; color:#999;}
.colimgl {float: left; margin-bottom: 10px; margin-right: 5px; border: 0px solid red; text-align: center;}
.colimgl small {display: block; text-align: center; color:#999;}

#shikaku51.tieup .colM-adsp .sponsorbox h3 {
margin-top: 25px !important;
}
#shikaku51.tieup .colM-adsp .sponsorbox p {
border:0px solid red;
padding-left: 0px !important;
padding-top: 2px !important;
margin-left: 5px !important;
margin-right: 5px !important;
clear:both;
}
#shikaku51.tieup .colM-adsp .sponsorbox ul {
margin-left: 0px !important;
padding-left: 5px !important;
}
#shikaku51.tieup .colM-adsp .sponsorbox ul li {
margin-left: 0px !important;
}
#shikaku51.tieup .colM-adsp h2 {
background:url("/parts/images/jibun/tieup/t_colm_sp_osusume.gif") no-repeat left bottom;
text-indent:-9999px;
height:40px;
border-bottom:0px;
margin-bottom:0px;
}
#shikaku51.tieup #colR h2 {
background:url("/parts/images/jibun/tieup/t_colr_sp_osusume.gif") no-repeat left bottom;
text-indent:-9999px;
height:30px;
border-bottom:0px;
margin-bottom:5px;
}

/* Evernote 100928
-----------------------------------------*/
#evernotebtn {
padding-right:3px;
width:15px;
}
#evernotebtn a {
width:15px;
}
#evernotebtn img {
border:0px solid;
vertical-align:middle;
width:15px;
height:15px;
}
#headmenu {width:150px !important;}
#headmenu .r img {vertical-align:middle !important;}
#headmenu .r {}


/* NEW template from 101013
-----------------------------------------*/
#centercol #headline {
border:0 none;
margin-bottom:10px;
}
#centercol #headline #icon {
float:left;
background:none repeat #FFFFFF;
border:1px solid #AAAAAA;
padding:2px;
}
#centercol #headline h1 {
font-size:1.4em;
margin:0;
padding-left:115px;
border:0px solid #EEE !important;
height:auto;
}
#centercol #headline h3 {
color:#666666;
font-size:0.9em;
padding-left:115px;
margin:0;
}

#centercol p.abs {clear:both;}

.back-box {text-align:right;}


/* headmenu socialbtn
====================================================== */
.adfyi #socialbtn-area {
height:25px;
margin:0;
clear:both;
}
.adfyi #socialbtn-area .socialbtn {
float:left;
padding: 0 10px 0 0;
margin:0;
height:21px;
}
.adfyi #socialbtn-area .socialbtn.twitter {padding-right:0px;}
.adfyi #socialbtn-area .socialbtn.hatebu {}
.adfyi #socialbtn-area .socialbtn.facebooklike iframe {
}
.adfyi #socialbtn-area .socialbtn.facebooklike iframe span.liketext {font-size:11px;}
.adfyi #socialbtn-area .socialbtn.evernote {padding-top:1px}
.adfyi #socialbtn-area .socialbtn.evernote img {
width:auto!important;
height:auto!important;
}
.adfyi #socialbtn-area .socialbtn.print {
padding-top:4px;
*padding-top:2px;
}
.adfyi #evernotebtn {
overflow:visible!important;
padding:0!important;
widgh:auto!important;
}
.adfyi #eventtext-area {
height:21px;
clear:both;
border-bottom:1px solid #DDD;
margin-bottom:10px;
padding-bottom:3px;
}
.adfyi #eventtext-area a {
background:url("/parts/images/icon/pr.gif") no-repeat;
padding-left:23px;
font-size:12px;
font-weight:normal;
}
.adfyi #headmenu-area {
margin:0;
float:right;
padding-top:15px;
width:395px;
}

#sp-menu {
border-bottom:1px solid #CCC;
height:40px;
width:100%;
margin-bottom:7px;
}


-->