@charset "utf-8";
/* Contents */
#Content {
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 15px;
line-height: 1.8;
text-align: left;
color: #000;
margin: 20px auto 0 auto;
word-break: normal;
word-wrap: break-word;
}
/* RightContents */
div#Pankuzu {
font-size: 12px;
}
#RightContents a {
color: #0026BD;
text-decoration: none;
}

#RightContents a:hover {
text-decoration: underline;
}

#RightContents h1 {
height: auto;
width: 670px;
font-size: 180%;
line-height: 1.2;
color: #FFF;
background-image: none;
background-color: #1D9E48;
padding: 10px 15px 5px;
margin: 0 0 10px 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
h3.record_h3,  #RightContents h3 {
width: 680px !important;
height: 40px !important;
font-size: 130% !important;
color: #333 !important;
margin: 10px 0 !important;
padding: 3px 15px 0 !important;
background: url(http://www.kingoftime.net/dlpo/images/h3.gif) top left no-repeat !important;
}
#RightContents h3 a {
color: #333;
}
#RightContents h4 {
width: 680px !important;
height: 36px !important;
font-size: 115% !important;
color: #333 !important;
margin: 10px 0 20px !important;
padding: 4px 15px 0 !important;
background: url(http://www.kingoftime.net/dlpo/images/h4.gif) top left no-repeat !important;
}
#RightContents .box {
margin-top: 10px;
}
#RightContents .box img {
margin: 0 20px 25px 10px;
border: solid 3px #D7D7D7;
float: left;
}
#RightContents .box a:hover img,  a:hover img.link_alpha {
filter: alpha(opacity=50);
-moz-opacity: 0.7;
opacity: 0.7;
}
#RightContents .box .text_area {
float: left;
width: 470px;
text-align: left;
margin: 0 0 20px 0;
}
#RightContents .box .text_area2 {
float: left;
width: 350px;
text-align: left;
margin: 0 0 20px 0;
}
#RightContents .text_area3 {
margin: 0 15px;
}
#RightContents .text_area_jirei {
float: left;
width: 455px;
text-align: left;
margin: 0 0 20px 0;
}
#RightContents .box .text_area p,  #RightContents .box .text_area2 p,  #RightContents .text_area3 p,  #RightContents .box p {
font-size: 14px;
color: #333;
margin: 0;
padding: 0;
line-break: strict;
}
#RightContents .text_area_jirei p {
font-size: 16px;
margin: 0;
background-color: #1D9E48;
padding: 3px 5px 0;
color: #fff;
line-height: 1.3em;
font-weight: bold;
}
#RightContents .text_area_jirei ul li {
list-style-type: square;
font-size: 14px;
}
#RightContents .shousai {
text-align: right;
padding: 10px 20px 0 0;
margin: 0;
}
#RightContents .box .text_area .point,  #RightContents .box .text_area2 .point {
margin: 0 0 10px 0;
padding: 0;
font-size: 16px;
font-weight: bold;
}
#RightContents .box .text_area .point a,  #RightContents .box .text_area2 .point a {
color: #4D6CE4;
text-decoration: underline;
}
#RightContents .box .text_area .point a:hover,  #RightContents .box .text_area2 .point a:hover {
color: #4D6CE4;
text-decoration: none;
}
#RightContents .box .text_area .point span {
background-color: #F18800;
padding: 2px 5px;
color: #fff;
}
#RightContents .price {
font-size: 100%;
line-height: 1.4;
margin: 0 0 10px 20px;
padding: 0 0 0 5px;
border-left: 10px solid #D1E8BE;
}
#RightContents .kome_txt {
font-size: 12px;
line-height: 1.6em;
margin: 0 0 30px 20px;
padding: 0;
}
#RightContents .record_txt, .talking_txt, .improve_txt, .introduction_txt, .jirei_txt {
font-size: 14px;
line-height: 2em;
margin: 10px 10px 50px 10px;
padding: 0;
}
#RightContents .hyou {
font-size: 12px;
}
.em {
color: #FF0000;
font-size: 1.5em;
}
.em2 {
color: #FF0000;
font-weight: bold;
}
#RightContents #jirei .jirei_img {
text-align: center;
margin: 20px 0;
padding: 0;
}
#RightContents #jirei .jirei_data {
margin: 10px 0 0 0;
padding: 10px;
font-size: 12px;
}
#RightContents #jirei ul {
font-size: 14px;
}
#RightContents .inlinetxt01,  #RightContents .inlinetxt02,  #RightContents .inlinetxt03,  #RightContents .inlinetxt04 {
font-size: 11px;
}
#RightContents table.costdown02 {
font-size: 12px;
}
.visual_02 h2 {
padding: 60px 20px 0 330px;
}
.block {
background: none;
}
.block ul,  #RightContents div ul {
color: #333;
overflow: hidden;
background: none;
padding: 10px 20px;
}
.block li {
width: 47%;
padding: 0 0 0 15px;
}
.block li.long {
width: 80%;
padding: 0 0 0 15px;
}
/* LeftContents */
#LeftContents {
line-height: 0;
}
#LeftContents .leftmenu {
width: 190px;
height: 33px;
padding: 7px 0 0 40px;
color: #FFF;
font-size: 100%;
line-height: 1.8;
background: url(http://www.kingoftime.net/images/category_bg.gif) top no-repeat;
}
#LeftContents ul {
width: 228px;
margin: 0 0 30px 0;
border-right: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
border-left: 1px solid #D7D7D7;
}
#LeftContents li a,  li #SelectedSide a {
width: 209px;
height: auto;
margin: 0;
padding: 10px;
text-indent: 0;
line-height: 1.3;
font-size: 11px;
color: #013713;
font-weight: normal;
background: none;
border-bottom: 1px solid #D7D7D7;
}
#LeftContents li a:hover,  #LeftContents li span#SelectedSide a {
width: 208px;
height: auto;
margin: 0;
padding: 10px;
text-indent: 0;
line-height: 1.3;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
background: none;
background-color: #2ebc5e;
border-right: 1px solid #2ebc5e;
border-left: 1px solid #2ebc5e;
border-bottom: 1px solid #2ebc5e;
}
#LeftContents li a:hover {
text-decoration: underline;
}
div#manga_banner {
line-height: 0;
margin: 0 0 15px 0;
padding: 0;
}
/* LeftContents */
.widget-header {
width: 190px;
height: 33px;
padding: 7px 0 0 40px;
color: #ffffff;
line-height: 1.8;
font-weight: bold;
background: url(http://www.kingoftime.net/images/category_bg.gif) top no-repeat;
}
#LeftContents .widget-search form {
padding: 10px;
}
#RightContents h1.article {
width: 670px;
height: auto;
margin: 0 0 10px 0;
padding: 20px 0 10px 0;
color: #333;
font-size: 140%;
font-weight: bold;
background: none;
overflow: hidden;
border-bottom: 3px solid #F18800;
}
#RightContents h1.article a {
color: #333;
}
#RightContents .line {
margin: 0 0 2em 0;
font-size: 80%;
}

/* 20140902 DA modify Footer */
.gNaviFooter {
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; 
width:216px;
float:left;
margin:0 8px;
}
.gNaviFooter dt {
background: url(/contents/images/footer_icon.png) no-repeat scroll 0 2px rgba(0, 0, 0, 0);
color: #6b990b;
margin-bottom: 7px;
padding-left: 18px;
line-height: 1.2;
padding-bottom: 3px;
border-bottom: 1px #6b990b dotted;
font-size: 14px;
font-weight: bold;
}
.gNaviFooter dd {
font-size: 12px;
padding-bottom: 2px;
}
.gNaviFooter dt a {
color: #6b990b;
font-size: 14px;
font-weight: bold;
}
.gNaviFooter dt a:hover, .gNaviFooter dd a:hover {
text-decoration: underline;
}

.deposit_c{text-align:center;}
.deposit_l{text-align:left;}
.deposit_r{text-align:right;}



/* 20150206 econte modify onecol */

#Onecol {
margin: 0px auto;
width: 952px;
}
#Onecol div#Pankuzu {
width: auto;
}

#Onecol h4 {
font-weight: bold;
margin-bottom: 25px;
font-size: 19px;
line-height: 23px;
}
#Onecol h5 {
margin-bottom: 55px;
}

#Onecol .Answer_box {
margin-bottom: 20px;
background: url(../images/timecard/bg_timecard_02.jpg) repeat-y center top;
}
#Onecol .Answer_box .bg_top {
background: url(../images/timecard/bg_timecard_01.jpg) no-repeat center top;
padding-top: 50px;
}
#Onecol .Answer_box .bg_bottom {
background: url(../images/timecard/bg_timecard_03.jpg) no-repeat center bottom;
padding: 0px 45px 35px;
}
#Onecol .Answer_box dl {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #766f5f;
}
#Onecol .Answer_box dt {
float: left;
width: 78px;
}
#Onecol .Answer_box dd {
float: right;
width: 770px;
}
#Onecol .timecard_Area {
background: url(../images/timecard/bg_timecard_05.jpg) repeat-y center top;
margin-bottom: 45px;
}
#Onecol .TimecardArea_bg {
background: url(../images/timecard/bg_timecard_06.jpg) no-repeat center bottom;
padding-bottom: 45px;
}
#Onecol .timecard_Area .in {
margin: 0px 40px;
}
#Onecol .timecard_Area .bg1 {
background: url(../images/timecard/pic_timecard_01.png) no-repeat right top;
}


#Onecol .Arrow_Area {
background: url(../images/timecard/bg_timecard_04.jpg) no-repeat center bottom;
margin-bottom: 25px;
padding-bottom: 70px;
}
#Onecol .timecard_Area2 .box{
background: url(../images/timecard/bg_timecard_08.jpg) repeat-y center top;
margin-bottom: 10px;
}
#Onecol .timecard_Area2 .box.last {
margin-bottom: 0px;
}

#Onecol .timecard_Area2 .boxbg {
background: url(../images/timecard/bg_timecard_07.jpg) no-repeat center top;
}
#Onecol .timecard_Area2 .boxbgbottom {
background: url(../images/timecard/bg_timecard_09.jpg) no-repeat center bottom;
padding: 25px 35px;
}



#Onecol .in .button   {
text-align: right;
margin-bottom: 15px;
}
#Onecol .in .timecard_Area2 .button {
margin-bottom: 0px;
}

#Onecol .Contact_form {
position: relative;
}
#Onecol .Contact_form .btn1 {
position: absolute;
left: 150px;
top: 48px;
}
#Onecol .Contact_form .btn2 {
position: absolute;
left: 320px;
top: 48px;
}



.ml20 {
margin: 0px 20px;
}
.mr20 {
margin-right: 20px;
}
.mb20 {
margin-bottom: 20px;
}

.mb25 {
margin-bottom: 25px;
}
.mb15 {
margin-bottom: 15px;
}

.mb60 {
margin-bottom: 60px !important;
}



#Onecol h3.h3_timecard {
height: 36px !important;
font-size: 115% !important;
color: #333 !important;
margin: 10px auto 20px !important;
padding: 0.65em 15px 0.5em 20px !important;
background: url(../images/timecard/bg_h_01.gif) no-repeat left top !important;
font-weight: bold;
line-height: 100%;
width: auto;
}


/* 20150127 RCS modify  */
.rel { position:relative; width:951px; height:268px; }
.rel h2 { position:absolute; left:0; top:10px; width:951px; height:238px; z-index:0; }
.rel #Pankuzu { position:absolute; left:0; top:5px; height:21px; z-index:100; }
.clearfix{
zoom:1;
display: block;
clear: both;
overflow: hidden;
}
.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
font-size: 0.1em;
line-height: 0;
}


/* 社労士紹介 */

#RightContents div ul.i_con {
    list-style-type: none;
    overflow: hidden;
    background: none;
    padding:0 ;
}


#RightContents div ul.i_con li {
    list-style-type: none;
}

#RightContents div ul.i_con li img{
    margin: 0 10px 10px 0 ;
    float: left;
    border: none;
}

/*　日本地図　*/

@charset "utf-8";

/* 共通部分 */
div.block #imagemap {
margin: 0px auto;
padding: 0px;
background: transparent url(http://www.kingoftime.net/contents/jp.png) top left no-repeat;
width: 600px;
height: 400px;
position: relative;
}
#imagemap li {
margin: 0px;
padding: 0px;
position: absolute;
list-style: none;
font-size: 14px;
}
#imagemap a {
position: absolute;
}
#imagemap a span {
display: none;
}

/* 北海道 */
#hokkaido {
top: 0px;
left: 333px;
}
#hokkaido a {
width: 300px;
height: 131px;
}
#hokkaido a:hover {
background: url(http://www.kingoftime.net/contents/jp.png) -333px -400px no-repeat;
}

/* 東北 */
#touhoku {
top: 128px;
left: 253px;
}
#touhoku a {
width: 180px;
height: 145px;
}
#touhoku a:hover {
background: transparent url(http://www.kingoftime.net/contents/jp.png) -253px -928px no-repeat;
}

/* 北陸・甲信越 */
#hokuriku {
top: 208px;
left: 202px;
}
#hokuriku a {
width: 128px;
height: 95px;
}
#hokuriku a:hover {
background: transparent url(http://www.kingoftime.net/contents/jp.png) -202px -1408px no-repeat;
}

/* 関東 */
#kanto {
top: 252px;
left: 280px;
}
#kanto a {
width: 68px;
height: 148px;
}
#kanto a:hover {
background: transparent url(http://www.kingoftime.net/contents/jp.png) -280px -1852px no-repeat;
}

/* 東海 */
#tokai {
top: 260px;
left: 202px;
}
#tokai a {
width: 88px;
height: 100px;
}
#tokai a:hover {
background: transparent url(http://www.kingoftime.net/contents/jp.png) -202px -2260px no-repeat;
}

/* 関西 */
#kansai {
top: 261px;
left: 171px;
}
#kansai a {
width: 62px;
height: 87px;
}
#kansai a:hover {
background: transparent url(http://www.kingoftime.net/contents/jp.png) -171px -2661px no-repeat;
}

/* 中国 */
#chugoku {
top: 235px;
left: 85px;
}
#chugoku a {
width: 100px;
height: 75px;
}
#chugoku a:hover {
background: transparent url(http://www.kingoftime.net/contents/jp.png) -85px -3035px no-repeat;
}

/* 四国 */
#shikoku {
top: 300px;
left: 107px;
}
#shikoku a {
width: 75px;
height: 50px;
}
#shikoku a:hover {
background: transparent url(http://www.kingoftime.net/contents/jp.png) -107px -3500px no-repeat;
}

/* 九州 */
#kyushu {
top: 265px;
left: 24px;
}
#kyushu a {
width: 88px;
height: 135px;
}
#kyushu a:hover {
background: transparent url(http://www.kingoftime.net/contents/jp.png) -24px -3865px no-repeat;
}

/* 沖縄 */
#okinawa {
top: 0px;
left: 0px;
}
#okinawa a {
width: 298px;
height: 155px;
}
#okinawa a:hover {
background: transparent url(http://www.kingoftime.net/contents/jp.png) 0px -4000px no-repeat;
}

/* ●日本地図下の地域リスト */
div.block #area {
margin: 20px auto;
width: 580px;
padding:0 auto;
align:center;
}
div.block #area li {
width:80px;
float:left;
text-indent:-5px;
font-size: 14px;
font-family: sans-serif;
padding: 0 30px 0 0;
}
div.block #area li a {
text-decoration: none;
color: #2d67ee;
}
div.block #area li a:hover {
text-decoration: underline;
color: #f1710f;
}

div.block #area li.more {
width:100px;
float:left;
text-indent:-5px;
font-size: 14px;
font-family: sans-serif;
padding: 0 30px 0 0;
}

/*************          導入事例ロゴ一覧ページ         ***************/

.logo_set {
width:225px;
height:228px !important;
float:left;
background:#F5F5F5;
}

.logo_01 {
width:200px;
margin:10px 12px 0;
}

.logo_text {
width:200px;
padding:10px 15px 5px 15px !important;
margin:auto;
}

.name_text {
font-size:1.1em;
font-weight:bolder;
line-height:1.2em;
}

.logo_text_ct {
line-height:1.2em;
}