@charset "utf-8";
/* CSS Document */

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, ol, ul, li {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: top;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
color:#333;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
-webkit-text-size-adjust: none;
background-color: #ddfedf;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* リンク設定
------------------------------------------------------------*/
a{color:#333;text-decoration: none;}
a:hover{color:#00b52c;}
a:active, a:focus {outline:0;}
a:hover img,
input.btn:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #FFFFFF;
}

div.contents li a{
color:#F33;
text-decoration:underline;
}
div.contents li a:hover{
color:#F33;
text-decoration:none;
}


/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0px 1% 0;
width:98%;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}

.checkcheck{
background-color: #ff95ab;
}

h3.heading{
font-weight:normal;
padding:1px 0 0 16px;
line-height:34px;
color:#333;
background:#fff;
border-bottom:3px solid #13901a;
position: relative;
font-size:14px;
border-radius: 0.5em 0.5em 0em 0em;
}

/* イメージボーダーグレー */
#gallery .grid img, .border, ul.list img{
border:/*4px*/1px solid /*#f1f1f1*/#FFF;
border-radius: 0.5em 0.5em 0.5em 0.5em;
}

/* イメージボーダー白 */
section.content img.ouen{
border:4px solid #FFF;
}

/* hover */
#menber a:hover ,div.contents ol.block_list3 a:hover{
color:#06F;
text-decoration:none;
}

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

.clearFix {
min-height: 1px;
}

.cf{ zoom:1}
.cf:before, .cf:after{ content: ""; display: table}
.cf:after{ clear: both}

/*************
/* ヘッダー
*************/
#header{
height:90px;
}

#header h1{
padding:10px 0 10px 10px;
font-size:12px;
font-weight:normal;
}

#h_list li {
display: inline;
padding-right: 7px;
padding-left: 13px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
background-image: url(../images/li.gif);
background-repeat: no-repeat;
background-position: 3px center;
font-size: 10px;
}

#h_list a {
text-decoration: none;
color: #333;
}

#h_list a:hover{color:#888;}

/*************
/* ロゴ
*************/
.logo-img{
float:left;
margin-left:17px;
}

.logo{
float:left;
margin-left:14px;
}

.logo a{
color:#333;
}

.logo span{display:block;}

/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
}

.info .open{font-size:11px;}


/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
margin-top:0px;
font-size:22px;
font-weight:bold;
}

.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}


/*************
/* サブメニュー
*************/
.submenu {
position: absolute;
right: 20px;
top: 6px;
}

/*************
/* パンくずリスト
*************/

.pankuzu {
font-size:11px;
text-align:left;
clear: both;
}
.pankuzu a {
text-decoration:underline;
}
.pankuzu a:hover{color:#F33;
text-decoration:underline;}

/*************
/* カレンダー
*************/

img.ui-datepicker-trigger{
	margin-left: 6px;
}

/**************************
/* メイン画像
**************************/

#mainBanner img{
max-width:100%;
height:auto;
border:4px solid #FFF;
}

/*************
メイン コンテンツ
*************/

section.content article{
overflow:hidden;
margin-bottom:20px;
padding:20px;
background:#fff;
border-radius: 0em 0em 0.5em 0.5em;
}

h3.heading:after{
position: absolute;
width:9px;
height:2px;
background: #13901a;
bottom: 14px;
content:"";
left:0px;
}

/* div.btn-l_mypage h3.btn,div.btn-r_mypage h3.btn{
font-size:14px;
font-weight:bold;
display:block;
line-height:30px;
padding:10px 10px 10px 10px;
color: #300;
text-align:center;
}

div.btn-l_mypage h3.btn span,div.btn-r_mypage h3.btn span{
color: #F30;
font-size:12px;
}  */

section.content h4{
font-size:13px;
font-weight:bold;
line-height:21px;
margin-bottom: 6px;
}

section.content h4.midashi{
/*border-left:3px solid #13901a;
padding-left: 6px;*/
font-size:15px;
}

section.content h4.midashi a{text-decoration: underline;}

section.content p{margin-bottom:5px;}

section.content p.right{text-align:right;}

section.content p.news{
margin-bottom:15px;
font-size:11px;
color:#F33;}

section.content p.error{
margin-bottom:15px;
color:#F00;
font-size:11px;
text-align:center;}

section.content p.error2{
color:#F00;
font-size:11px;
text-align:left;
line-height:14px;
}

/* カラーバリエーション */

.chui {
font-size:10px;
color:#F33;	
}
.chui2 {
font-size:10px;
color: #333;	
}
.chui2 span{
color:#F33;	
}
.style span, .flowchart span, .wtd span{
color:#F33;
}
span.display_style, span.display_flowchart{
font-size:14px;
font-weight:bold;
display:block;
margin:0 0 4px 0;
}
span.orange{
color:#F60;
}
span.display_orange{
display:block;
margin:10px 0 10px 0;
font-size:13px;
}
span.display_b{
display:block;
}
span.f-s_14{
font-size:14px;
}
span.bold{
font-weight:bold;
}
span.margin-b_5{
margin:0px 0 5px 0;
}
span.margin-b_10{
margin:0px 0 10px 0;
}
.margin-t_3{
margin-top:4px !important;
}
.margin-t_10{
margin-top:10px !important;
}
.font_10{
font-size:10px;
}
.font_b{
font-weight:bold;
}

/* 回込/左 */
.alignleft,.alignleft2{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

/* 回込/右 */
.alignright,.alignright2{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

/* イメージ幅 */
section.content img{
max-width:95%;
height:auto;
}

section.content img.topics{
max-width:40%;
height:auto;
}

/* イメージ回転 */
.kuruttoY {
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.kuruttoY:hover {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}

/* index.html/上部の左のボタン */
div.btn-l_box{
float:left;
width:49%;
}

div.btn-l_box a{
background:#13901a;
border-radius: 0.5em 0.5em 0.5em 0.5em;
}

div.btn-l_box a:hover {
background: #005a2c;
background: -moz-linear-gradient(top, #005aa3, #13901a);/* Firefox */  
background: -webkit-gradient(linear, left top, left bottom, from(#005a2c), to(#F00));/* Safari,Google Chrome */
background: linear-gradient(to bottom, #005a2c, #13901a);
text-decoration: none;
}

/* index.html/上部の右のボタン */
div.btn-r_box{
float:right;
width:49%;
}

div.btn-r_box a{
background:#F00;
}

div.btn-r_box a:hover {
background: #D00002;
background: -moz-linear-gradient(top, #D00002, #F00);/* Firefox */  
background: -webkit-gradient(linear, left top, left bottom, from(#D00002), to(#F00));/* Safari,Google Chrome */
background: linear-gradient(to bottom, #D00002, #F00);
text-decoration: none;
}

/* index.html/上部の左右のボタン */
div.btn-l_box a,div.btn-r_box a{
width:100%;
/* height: 100%; */
display:block;
color:#FFF;
padding:0px;
margin-bottom:20px;
border-radius: 0.5em 0.5em 0.5em 0.5em;
}

div.btn-l_box p.mybtn,div.btn-r_box p.mybtn{
text-align:center;
padding:0px 10px 10px 10px;
line-height:18px;
font-size:11px;
}

div.btn-l_box h3.mybtn,div.btn-r_box h3.mybtn{
font-size:22px;
font-weight:bold;
display:block;
line-height:30px;
padding:10px 10px 0px 10px;
text-align:center;
}

/* index.html/新着求人情報ブロック */
#news ul.list li {
line-height:20px;
margin-bottom:7px;
padding-left:15px;
background-image:url(../images/li.gif);
background-repeat:no-repeat;
background-position:5px center;
border-bottom-width:1px;
border-bottom-style:none;
border-bottom-color:#CCC;
}

#news ul.list a{text-decoration: underline;}

div.inlineframe {
background-color:#FFFFFF;
height:273px;
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
margin:10px 0px 10px 0px;
}
div.inlineframe::-webkit-scrollbar {height:10px;}/*バーの太さ*/
div.inlineframe::-webkit-scrollbar-track {background:#d0e6d0;}/*バーの背景色*/
div.inlineframe::-webkit-scrollbar-thumb {background:#13901a;}/*バーの色*/
/* index.html/開講講座情報ブロック */
#kouza div {
text-align:center;
margin:10px 0px 0px 0px;
}

#kouza .mv img {
padding:10px 9px 6px 9px;
}

/* sub-page/見出し2 */
#sub-page h2.no_img {
font-weight: normal;
font-size: 18px;
color: #FFF;
background-color: #13901a;
margin-bottom: 20px;
padding: 12px;
border-radius: 0.5em 0.5em 0.5em 0.5em;
}

/* service.html/cps-j.html/course.htmlブロック */
ul.block_list li, ul.block_list3 li{
border:1px solid #D2D2D2;
border-radius: 0.5em 0.5em 0.5em 0.5em;
}

ul.block_list li {
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}

ul.block_list, ul.block_list3{
margin: 0px 0 10px 0;
}

ul.block_list img.service{
display: block;
margin: 0 auto 10px;
border: 1px solid #999;
}

ul.block_list h4.service, ul.block_list3 h4.service{
background: #13901a;
padding: 5px 10px 5px 10px;
margin: 0 -1px;
width: auto;
position: relative;
color: #FFF;
font-size: 14px;
font-weight: bold;
border-radius: 0.5em 0.5em 0em 0em;
}

ul.block_list div, ul.block_list3 div{
padding:14px;
}

/*
ul.block_list input{
display: block;
margin: 0 auto 10px;
border: 1px solid #999;
max-width:95%;
}

ul.block_list input{
display: block;
margin: 0 auto 10px;
border: 1px solid #999;
}
*/

/* recruitment.html/ブロック */
ul.block_list2{
margin:10px 0 0px 0px;
padding:5px 20px 20px 30px;
border:1px solid #13901a;
border-radius: 0.5em 0.5em 0.5em 0.5em;
}

ul.block_list2 li.style{
list-style: disc;
margin: 0 0 0 0;
padding: 10px 0px 5px 0px;
border-bottom: 1px dotted #13901a;
}

ul.block_list2 li.style:last-child {
border-bottom: none;
}

ul.block_list4{
margin:10px 0 0px 0px;
padding:0px 0px 0px 0px;
border:0px solid #13901a;
border-radius: 0.5em 0.5em 0.5em 0.5em;
}

ul.block_list4 li.job{
list-style: none;
margin: 0 0 0 0;
padding: 10px 0px 5px 0px;
border-bottom: 1px dotted #13901a;
}

ol.block_list3{
margin: 10px 0 0px 0px;
padding: 15px 15px 15px 15px;
border: 1px solid #13901a;
border-radius: 0.5em 0.5em 0.5em 0.5em;
}

ol.block_list3 li.flowchart{
list-style: decimal;
margin: 0px 0 0px 20px;
padding: 0px 0px 0px 0px;	
}

ol.block_list3 p{
text-align:center;
}

ol.block_list3 p.large{
font-size:26px;
}

/* cps-j.html/ブロック */
.cps-j, .cps-j-zu, .cps-j_wtd{
width:100%;
position:relative;
margin:0px auto 0px;
background-color:#FFF;
}

.cps-j, .cps-j_wtd {
padding:0px 0px 15px 0px;
}

.cps-j div.menu, .cps-j_wtd div.menu{
float: none;
text-align: center;
margin:0px auto 0;
padding:10px 20px 0px 20px;
float: none;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}

.cps-j-zu {
margin:0px 0px 20px 0px;
}

.cps-j div.menu, .cps-j_wtd div.menu {
width: 100%\9;	/*IE8以降*/
}

.cps-j div p, .cps-j_wtd div p{
text-align:left;
}

div .h2 p.text , div .h2 p.text2 {
padding:20px 20px 20px 20px;
background-color:#FFF;
color:#333;
font-size:small;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
}

/* course.html/ブロック */
div.contents div.border{
margin: 0 0 0px 0px;
padding: 5px 10px 0px 10px;
border: 1px solid #13901a;
}

div.border ul.example1{
margin: 0 0 0 0.5em;
padding: 5px 0px 0px 0px;
}

ul.example1 span.demerit{
font-weight: bold;
display:block;
}

ul.example1 span.merit{
font-weight: bold;
color:#F33;
margin-bottom:3px;
display:block;
}

div.border ul.example1 li ul.example2{
margin: 0 0 0 0;
padding: 0px 0px 10px 20px;
list-style: disc;
list-style-position:outside;
}

div.yajirushi p.yajirushi{
text-align:center;
font-size:26px;
}

/* course_list.html/ブロック */
ul.course_list{
margin: 0px 0 0px 0px;
}
ul.course_list li.course{
list-style: disc;
margin: 0px 0 2px 30px;
}

/* dictionary.html/ブロック */
ul.dictionary_list{
margin: 0px 0 0px 0px;
}
ul.dictionary_list li.dictionary{
list-style: disc;
margin: 0px 0 2px 40px;
float: left;
}

/* job-**_**.html/ブロック */
ul.job_list{
margin: 0px 0 0px 0px;
}
ul.job_list li.job, ol.num_list li {
list-style: circle;
margin: 0px 0 6px 30px;
float: none;
list-style-position: outside;
}
ul.job_list li {
list-style: circle;
}
ol.num_list li {
list-style: decimal;
}

ul.job_list2{
margin: 0px 0 0px 0px;
}
ul.job_list2 li.job2{
list-style: decimal;
margin: 0px 5px 2px 30px;
float: left;
list-style-position: outside;
}

/* company.html/ブロック */
div.iframe-company {
    position: relative;
    width: 92%;
    padding-bottom: 20%;
    padding-top: 14%;
	margin-top:5px;
	margin-bottom:5px;
}
div.iframe-company iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.text-small {
	margin: 0px 0px 12px 0px;
}
div small {
	font-size:10px;
	display:block;
}

/* sitemap.html/kiyaku.html/ブロック */
section.content div.sitemap, section.content div.kiyaku{
margin: 0;
padding: 0px 0 10px 0;
margin:0px 0 0px 0;
}

section.content div.sitemap ol, section.content div.kiyaku ol{
margin: 0;
list-style: decimal;	
}

section.content div.sitemap li.sitemap, section.content div.kiyaku li.kiyaku{
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0px;
margin:0 0 0 30px;
}

form.display{
display: inline-block;
}

/* sitemap.html/ブロック */
section.content div.sitemap ul,ol{margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}

section.content div.sitemap ul{margin: 0;
list-style: url(../images/li.gif);
list-style-position: 5px center;
}

section.content div.sitemap li.sitemap a {
text-decoration: underline;
}

div.sitemapList ul.sitemap{
list-style: url(../images/li.gif);
list-style-position: 0px center;
}

div.sitemapList ul li.boxs{
margin: 10px 0px 8px 0px;
background: #e6f9da;
}

li.boxs div.main{
width: 100%;
background: #5dd665;
padding: 5px 0px 5px 0px;
}

div.sitemapList ul li.boxs a.main{
font-weight: bold;
font-size: 13px;
color:#FFF;
padding: 0px 0px 0px 10px;
}

li.boxs a.main:hover{
color: #FF0 !important;
}

div.sitemapList ul li.boxs li{
margin-bottom: 6px;
}

div.sitemapList ul li.boxs a.sub{
font-weight: normal;
}

li.box ul.sitemap, li.boxs ul.sitemap {
margin: 5px 0px 0px 20px;
}

/* touroku.html/ブロック */
div #touroku{
text-align:center;	
}

div #touroku img{
width: 100%;
margin-top:10px;
height: auto;	
}

/* 破線 */
hr{
border-width: 1px 0 0 0; /* 太さ */
height: 1px;             /* IE6用対策 */
clear: both;             /* IE6用対策 */
}

hr.hasen1{
margin:10px 0px 0px 0px;
border-width: 1px 0 0 0; /* 太さ */
border-style: dotted;     /* 線の種類 */
border-color: #CCC;      /* 線の色 */
}

hr.hasen2{
margin:0px 0px 0px 0px;
border-width: 1px 0 0 0; /* 太さ */
border-style: dotted;     /* 線の種類 */
border-color: #FFF;      /* 線の色 */
}

hr.hasen3{
margin:30px 0px 30px 0px;
border-width: 2px 0 0 0; /* 太さ */
border-style: solid;     /* 線の種類 */
border-color: #CCC;      /* 線の色 */
}

hr.hasen4{
margin:20px 0px 20px 0px;
border-width: 1px 0 0 0; /* 太さ */
border-style: dotted;     /* 線の種類 */
border-color: #CCC;      /* 線の色 */
}

hr.hasen5{
margin:0px 0px 25px 0px;
border-width: 2px 0 0 0; /* 太さ */
border-style: dotted;     /* 線の種類 */
border-color: #CCC;      /* 線の色 */
}

hr.hasen6{
margin:25px 0px 0px 0px;
border-width: 1px 0 0 0; /* 太さ */
border-style: dotted;     /* 線の種類 */
border-color: #FFF;      /* 線の色 */
}

/* ボタンバリエーション */
.btn_s {
text-align:center;
clear:both;
padding:10px;
margin-top:10px;
}
.btn_s a {
padding:2px 7px;
font-size:12px;
border:2px solid #13901a;
text-decoration:none;
line-height:16px;
color:#13901a;
background-color:#FFF;
}

.btn_s a:hover {
color:#FFF !important;
background-color:#13901a;
border-color:#13901a;
}


/* コンテンツ下の会員登録ボタンエリア */
#contact {
width:100%;
position: relative;
margin: 0px auto 0px;
background-color: #FFF;
border: 1px solid #ADADAD;
border-radius: 10px;
}

#contact {
margin: 0px 0px 20px 0px;
}

#contact h4.tel {
margin: 15px 0px 6px 0px;
padding: 0px 0px 4px 0px;
font-size:16px;
font-weight:bold;
border-bottom: 1px dotted #ADADAD;
}

#contact p {
margin: 0px 0px 5px 0px;
}

#contact span.tel {
font-size:18px;
font-weight:bold;
}

#contact span.text {
font-size:10px;
}

#contact div.inner_m {
width:92%;
position: relative;
margin: 0px auto 0;
}

#contact div.btn-l_box {
float: left;
width: 48%;
}

#contact div.btn-r_box {
float: right;
width: 48%;
}

#contact div.btn-r_box a {
width: 100%;
/* height: 100%; */
display: block;
color: #FFF;
padding: 0px;
margin: 20px 0px 20px 0px;
background: #F00;
}

#contact div.btn-r_box a:hover {
background: #E30001;
background: -moz-linear-gradient(top, #D00002, #F00);/* Firefox */  
background: -webkit-gradient(linear, left top, left bottom, from(#D00002), to(#F00));/* Safari,Google Chrome */
background: linear-gradient(to bottom, #D00002, #F00);
text-decoration: none;
}

#contact div.btn-l_box h3.btn_m, div.btn-r_box h3.btn_m {
font-size: 22px;
font-weight: bold;
display: block;
line-height: 30px;
padding: 10px 10px 0px 10px;
text-align: center;
}

#contact div.btn-l_box p.btn_m, div.btn-r_box p.btn_m {
text-align: center;
padding: 0px 10px 10px 10px;
line-height: 18px;
font-size: 11px;
}

#helpBox {
width:100%;
position: relative;
margin: 0px auto 0px;
margin: 0px 0px 20px 0px;
background-color: #FFF;
border: 1px solid #ADADAD;
border-radius: 10px;
}

#helpBox h4.tel {
margin: 15px 0px 6px 0px;
padding: 0px 0px 4px 0px;
font-size:16px;
font-weight:bold;
border-bottom: 1px dotted #ADADAD;
}

#helpBox p {
margin: 0px 0px 5px 0px;
}

#helpBox span.tel {
font-size:18px;
font-weight:bold;
}

#helpBox span.text {
font-size:10px;
}

#helpBox div.inner_m {
width:92%;
position: relative;
margin: 0px auto 0;
}

#helpBox div.btn-r_box a {
width: 100%;
/* height: 100%; */
display: block;
color: #FFF;
padding: 0px;
margin: 20px 0px 20px 0px;
background: #F00;
}

#helpBox div.btn-r_box a:hover {
background: #E30001;
background: -moz-linear-gradient(top, #D00002, #F00);/* Firefox */  
background: -webkit-gradient(linear, left top, left bottom, from(#D00002), to(#F00));/* Safari,Google Chrome */
background: linear-gradient(to bottom, #D00002, #F00);
text-decoration: none;
}

#helpBox div.btn-l_box h3.btn_m, div.btn-r_box h3.btn_m {
font-size: 22px;
font-weight: bold;
display: block;
line-height: 30px;
padding: 10px 10px 0px 10px;
text-align: center;
}

#helpBox div.btn-l_box p.btn_m, div.btn-r_box p.btn_m {
text-align: center;
padding: 0px 10px 10px 10px;
line-height: 18px;
font-size: 11px;
}


/*************
/* サイドバー
*************/
#sidebar article{background:#fff;}

#sidebar article {
	border-radius: 0em 0em 0.5em 0.5em;
}

#sidebar ul{padding:0px 10px 10px 10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{display:block;}

#sidebar ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
border-bottom: 1px dotted #CCC;
}

/* ul.list li{height:1%;} */

ul.list li img{
float:left;
margin-right:10px;
}

ul.list li{
font-size:12px;
line-height:1.35;
}

#sidebar ul.list h4{
font-weight:bold;
display:block;
line-height:2;
}

ul.list input{
float:left;
margin-right:10px;
border: 4px solid #f1f1f1;
}

#sidebar ul.list a{text-decoration: underline;}

.toroku ul .mypage {
border: 1px solid #D00002;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
}

.toroku ul li a {
font-weight: bold;
display: block;
position: relative;
}

.toroku ul .mypage a {
border: 1px solid #F74650;
color: #FFF;
font-size: 2.2em;
background: #F00;
padding: 10px 5px 5px 5px;
text-align: center;
line-height: 90%;
border-radius: 0.3em 0.3em 0.3em 0.3em;
}

.toroku ul .mypage a:hover {
background: #E30001;
background: -moz-linear-gradient(top, #D00002, #F00);/* Firefox */  
background: -webkit-gradient(linear, left top, left bottom, from(#D00002), to(#F00));/* Safari,Google Chrome */
background: linear-gradient(to bottom, #D00002, #F00);
text-decoration: none;
}

#menber {
padding: 10px 0 10px 0;
position:relative;
margin:auto;
}

#menber div {
text-align:center;
font-size:10px;
line-height:20px;
}

input.vertical ,select.vertical{
vertical-align:-0.2em;
}

#menber .login-text {
width:100%;
border:1px solid #D2D2D2;
height:25px;
margin:0px 0 10px 0;
font-size:9px;
text-align:center;
}

#menber .btnLogin {
margin-bottom:10px;
margin-top:5px;
}

#menber p {
text-align:center;
}

#menber p.midashi {
font-weight:bold;
font-size:12px;
}

#loginMsgId ,#loginMsgPw ,#loginMsg {
color:#F00;
font-size:9px;
}

#menber a ,div.contents ol.counseling_flowchart li a{
color:#06F;
text-decoration:underline;
}

#menber .small {
font-size:10px;
font-weight:normal;
text-align:center;
}

#menber h4.guest {
font-size:10px;
font-weight:normal;
text-align:center;
margin-bottom:10px;
}

.banner{border:4px solid #CCC;}

.fb{
width: 100%;
}

.fb div{
width:245px;
margin: 0 auto;
margin-top:10px;}


/*************
/* ページトップ
*************/
.to_top a {
font-size:11px;
text-decoration:none;
color: #4b7189;
}
.to_top a:hover{color: #4b7189;
text-decoration:underline;}
.to_top span {
color:#F33;
font-size:11px;
}


/*************
/* フッター
*************/
#myfooter{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#fff;
}

* html #myfooter{height:1%;}

#myfooter .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
}

#myfooter #info .logo, #myfooter #info .info{float:none;}

#myfooter #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}

#myfooter .logo{font-size:18px;}

#myfooter .info .tel,#myfooter .info .tel span,#myfooter #info .open{
font-size:12px;
color:#333;
}

ul.footnav{
float:right;
width:650px;
padding:10px 0;
}

ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 7px 0 8px;
font-size:11px;
border-right:1px solid #b6b6b6;
}

#myfooter a{color:#333;}
#myfooter a:hover{color:#888;}

address{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:10px;
color:#FFF;
background-color:#13901a;
}

/*************
テーブル
*************/
/* table, table td, table th{
border-collapse:collapse;
}
table th, td{
padding:8px;
border:1px solid #D5D5D5;
}
table td.td_odd li{
margin-bottom:3px;
padding-top:0px;
padding-right:3px;
padding-bottom:0px;
padding-left:0px;
}
table td.td_odd li.touroku {
width:190px;
}
table td.td_odd li.kensaku {
width:220px;
}

table td.td_odd div.small {
margin: 0px 0px 12px 0px;
}

table td.td_odd ul li{
list-style:disc;
margin-left:22px;
}

table td.td_odd ol li{
list-style:decimal;
margin-left:22px;
}

.table_info th a {
color: #312D24;
}
.table_info .td_odd p {
margin: 0px 0px 0px 0px;
}
.table_info .td_odd p.small {
margin: 0px 0px 12px 0px;
}

.table_info small {
font-size:10px;
display:block;
}

table .iframe-company {
position: relative;
width: 92%;
padding-bottom: 20%;
padding-top: 14%;
margin-top:5px;
margin-bottom:5px;
}
table .iframe-company iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} */

.ResTableA, .ResTableB{
width:94%;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #D5D5D5;
margin:15px auto 10px;
word-break:break-all;
}

.ResTableA th, .ResTableB th{
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #D5D5D5;
border-right-width:3px;
padding:8px;
vertical-align: middle;
background-color:#FBFFEE;
font-size:13px;
font-weight:normal;
text-align:right;
word-break:break-all;
}
 
.ResTableA td, .ResTableB td{
padding:8px;
font-size:12px;
text-align:left;
vertical-align: middle;
border-top:solid 1px #D5D5D5;
line-height:20px;
word-break:break-all;
}

.ResTableA td p, .ResTableB td p{
margin:0px;	
}

.ResTableA th
{
width:26%;
}

.ResTableB th
{
width:50%;
}

input.name {width:45%;}

input.name01 {width:40%;}

input.name02 {width:40%; margin:4px 0px 0px 0px;}

input.zip01 {width:15%; margin:0px 0px 0px 0px;}

input.zip02 {width:20%; margin:0px 0px 0px 0px;}

input.prefecture {width:40%; margin:0px 0px 0px 0px;}

input.address {width:90%;}

input.requestadd {width:40%;}

input.email {width:70%;}

input.shikuchoson, input.banchitatemono, input.shikaku {width:75%;}

input.kinmuchi, input.login_id, input.password {width:40%;}

input.telephone, input.fax {width:50%;}

input.skill {width:60%;}

input.member_id , input.member_pass {width:35%;}

select.requestpref {display:block; margin:0 0 4px 0;}

textarea.contact, textarea.pr, textarea.syokumurireki, textarea.biko {width:96%;}

section.content div.center {text-align:center;}


/*************
ユーザー管理
*************/

/* member/index.html */
#mypage-top {
width:100%;
position: relative;
margin: 0px auto 0;
background-color:#FFF;
}

#mypage-top div.menu {
padding:10px 20px 0px 20px;
float: none;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
}


/*************
矢印
*************/
.arrow{
width: 30px;
height: 30px;
border: 5px solid;
border-color: #565656 #565656 transparent transparent;
transform: rotate(45deg);
}
.arrow1{
margin:auto;
width: 20px;
height: 20px;
border: 2px solid;
border-color:  transparent transparent #565656 #565656;
transform: rotate(-45deg);
}
.arrow2{
width: 30px;
height: 30px;
border: 5px solid;
border-color: #565656 #565656 transparent transparent;
transform: rotate(-45deg);
}
.arrow3{
width: 30px;
height: 30px;
border: 5px solid;
border-color:  transparent transparent #565656 #565656;
transform: rotate(45deg);
}