@charset "utf-8";
/*
====================================================================================================
■ common (下層ページ共通設定)
■ .news /news/ （新着情報）
■ .contact /contact/ （お問い合わせ）
■ .class_name /folder_name/ （下層ページ）【★】※ページ毎のbodyに付与したclass名称を利用
■ .class_name /folder_name/ （下層ページ）【★】
■ ※以下は必要に応じ追加
■
■
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ common (下層ページ共通設定)
---------------------------------------------------------------------------------------------------- */

.tit_style01 {
        background:#fcfcfc url(../../sp_ext/common_img/tt_bg06.png) no-repeat 0px bottom;background-size: 307px;
        -webkit-border-radius: 5px; -moz-border-radius: 5px 5px 0 0; border-radius: 5px;
	padding:8px 3px 6px 5px;
	font-weight:bold;
	color:#1f497d;
	text-shadow:#fff 1px 1px 1px;
	border:solid 1px #ccc;
	font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size:72.3%;
	margin-bottom:10px;
}

.tit_style02 {
background:url(../../sp_ext/common_img/tt_bg03a.png) no-repeat 0px 0px;
background-size: 307px;
padding:5px 0px 5px 10px;
font-weight:bold;
color:#fff;
border:solid 1px #ccc;
border-bottom:none;
font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
font-size:80%;
margin-bottom:10px;
}


.tit_style03 {
background:url(../../sp_ext/common_img/tt_bg05.png) repeat-x 0px bottom;
background-size: 5px;
padding:5px 5px 3px 5px;
font-weight:bold;
color:#333;
border:solid 1px #ccc;
font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
font-size:80%;
margin-bottom:10px;
line-height:1.8;
}

.tit_style03 span{
background:#000066;
padding:1px;
font-weight:bold;
color:#fff;
margin:0px 5px 0px 0px ;
font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
}

.tit_style04 {
background:url(../../sp_ext/common_img/tt_bg04.png) repeat-x;
background-size: 10px;
padding:6px 5px 6px 5px;
font-weight:bold;
color:#fff;
border:solid 1px #ccc;
font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
font-size:80%;
margin-bottom:10px;
text-align:center;
}

.tit_style05 {
background:url(../../sp_ext/common_img/tt_bg05.png) repeat-x 0px bottom;
background-size: 5px;
padding:3px 5px 3px 5px;
font-weight:bold;
color:#e46c0a;
border:solid 1px #ccc;
font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
font-size:80%;
margin-bottom:10px;
}


.tit_style06 {
background: -moz-linear-gradient(top,#8acc00 0%,#699d00);
background: -webkit-gradient(linear, left top, left bottom,from(#8acc00), to(#699d00));
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
padding:5px 5px 5px 5px;
font-weight:bold;
color:#fff;
border:solid 1px #669900;
font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
font-size:80%;
margin-bottom:10px;
line-height:1.8;
text-shadow:1px 1px 1px #666;
}

.tit_style06 span{
background:#fff;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
padding:1px 7px;
font-weight:bold;
color:#006600;
margin:0px 5px 0px 0px ;
font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
}


#wrapper img.shd{
	padding:3px;
	margin:0px 0px 0px 0px ;
	box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.8);
}


#pagenation {
	width: 290px;
	margin: 10px auto 15px auto;
	font-size:13px;
}
	#pagenation li:nth-child(1) {
		float: left;
	}
	#pagenation li:nth-child(2) {
		float: right;
	}
		#news #pagenation li a {
			font-weight: bold;
			color: #733f0a;
		}



/*
====================================================================================================
■ company
---------------------------------------------------------------------------------------------------- */


.table_style01 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border-top:1px dotted #ccc;
    font-size:72.3%;
}

.table_style01 th{
    color:#333;
    background:#f2f2f2;
    padding:5px 10px 5px 0px;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}

.table_style01 th:before { content:'○';font-weight:bold;color:#2f7bd0;margin:0 5px;font-size:80%;}

.table_style01 td{
    padding:10px 5px 10px 5px;
    background:#fff;
    border-bottom:1px dotted #ccc;
}

/*
====================================================================================================
■ support
---------------------------------------------------------------------------------------------------- */

.table_style02 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:72.3%;
}

.table_style02 th{
    color:#333;
    background:#eeeeee;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:5px 10px 5px 5px;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}


.table_style02 td{
    padding:5px 5px 5px 5px;
    background:#fff;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.table_style02 td li:before { content:'■';font-weight:bold;color:#2f7bd0;margin:0 5px;font-size:80%;}

.left_arow { font-size:80%;}
.left_arow:before { content:'>>';font-weight:bold;color:#2f7bd0;margin:0 5px;}

.new_arow { font-size:80%;}
.new_arow:before { content:'NEW';font-weight:bold;color:#fff;margin:0 5px;background:#ff0000;padding:0 2px;font-size:80%;}


.jirei_box{
background:#f1f1f1;
border:solid 1px #ccc;
padding:10px;
}

.jirei_box .copy {
background:url(../../sp_ext/common_img/tt_bg03.png) repeat;
background-size: 10px;
padding:6px 5px 6px 5px;
font-weight:bold;
color:#fff;
font-family: Meiryo,"メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
font-size:80%;
margin-bottom:0px;
text-align:left;
}

.jirei_box .nam {
background:#024a94;
color:#fff;
font-size:65%;
padding:5px;
}

.jitt { font-size:72.3%;color:#000;background:#f1f1f1;padding:5px;font-weight:bold;margin:5px 0;}
.jitt:before { content:'○';font-weight:bold;color:#2f7bd0;margin:0 5px;font-size:80%;}

/*
====================================================================================================
■ entry
---------------------------------------------------------------------------------------------------- */

.entry_tt{
color:#05396b;
font-weight:bold;
font-size:72.3%;
margin-bottom:5px;
}

.table_style03 {
    margin: 0px auto 0px;
    border-collapse: separate;
/*    border-top:1px solid #ccc;*/
    border-left:1px solid #ccc;
    font-size:72.3%;
}

.table_style03 th{
    color:#333;
    background:#eeeeee;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:5px 10px 5px 5px;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}


.table_style03 td{
    padding:5px 5px 5px 5px;
    background:#fff;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.table_style03 td li { margin:0 0px 10px;}


.table_style07 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:72.3%;
}

.table_style07 th{
    color:#333;
    background:#eeeeee;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:5px 10px 5px 5px;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}


.table_style07 td{
    padding:5px 5px 5px 5px;
    background:#fff;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.table_style07 td li { margin:0 0px 10px;}

.dl_style01 {margin:10px auto 0;border-top:solid 1px #ccc;
 }

.dl_style01 dt {
	background:#eeeeee;
	font-weight:bold;
	color:#333;
	border:solid 1px #ccc;
	border-top:none;
	font-size:72.3%;
	position: relative;
	margin:0px 0px 0px 0px ;
	padding:8px 0px 8px 6px;
}

.dl_style01 dd { padding:10px 5px 10px 5px;
                 background:#fff;
                 border:solid 1px #ccc;
                 border-top:none;
                 font-size:72.3%;}

.dl_style01 dd li{ margin:0 0px 10px;}

.dl_style01 .open {}
.dl_style01 .open:before { position: absolute;content:'▲';right:10px;top:8px;}
.dl_style01 dt,
.dl_style01 .close {}
.dl_style01 .close:before { position: absolute;content:'▼';right:10px;top:8px;}

.dl_style01 dt:first-child { margin-top:0px; }


.dl_style06 {margin:0 auto;border-top:}

.dl_style06 dt {
	background:#eeeeee;
	font-weight:bold;
	color:#333;
	border:solid 1px #ccc;
	border-top:none;
	font-size:72.3%;
	position: relative;
	margin:0px 0px 0px 0px ;
	padding:8px 0px 8px 6px;
}

.dl_style06 dd { padding:10px 5px 10px 5px;
                 background:#fff;
                 border:solid 1px #ccc;
                 border-top:none;
                 font-size:72.3%;}

.dl_style06 dd li{ margin:0 0px 10px;}

.dl_style06 .open {}
.dl_style06 .open:before { position: absolute;content:'▲';right:10px;top:8px;}
.dl_style06 dt,
.dl_style06 .close {}
.dl_style06 .close:before { position: absolute;content:'▼';right:10px;top:8px;}

.dl_style06 dt:first-child { margin-top:0px; }

.dl_style07 {margin:0 auto;border-top:solid 1px #ccc;
 }
.dl_style07 dt {
	background:#eeeeee;
	font-weight:bold;
	color:#333;
	border:solid 1px #ccc;
	border-top:none;
	font-size:72.3%;
	position: relative;
	margin:0px 0px 0px 0px ;
	padding:8px 0px 8px 6px;
}

.dl_style07 dd { padding:10px 5px 10px 5px;
                 background:#fff;
                 border:solid 1px #ccc;
                 border-top:none;
                 font-size:72.3%;}

.dl_style07 dd li{ margin:0 0px 10px;}

.dl_style07 .open {}
.dl_style07 .open:before { position: absolute;content:'▲';right:10px;top:8px;}
.dl_style07 dt,
.dl_style07 .close {}
.dl_style07 .close:before { position: absolute;content:'▼';right:10px;top:8px;}

.dl_style07 dt:first-child { margin-top:0px; }

/*
====================================================================================================
■ search
---------------------------------------------------------------------------------------------------- */

.sort_nmb{ font-size:72.3%;margin:10px 0;padding:0px 0px 5px 0px !important;border-bottom:dotted 1px #ccc;}
.sort_nmb a{ padding:0px 10px;}
.sort_nmb:before { content:'並び替え';font-weight:bold;margin-right:10px;color:#333;padding:5px;background:#ccc;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.count_nmb{ font-size:72.3%;margin:10px 0;padding:0px 0px 5px 0px !important;border-bottom:dotted 1px #ccc;}
.count_nmb a{ padding:0px 10px;}
.count_nmb:before { content:'表示件数';font-weight:bold;margin-right:10px;color:#333;padding:5px;background:#ccc;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.all_nmb{ font-size:82%;margin:10px 0;padding:0px 0px 8px 0px !important;border-bottom:dotted 1px #ccc;}
.all_nmb a{ padding:0px 0px 0px 12px;}


.work_name{ padding:0px 0px 0px 0px !important;font-size:110%;color:#003399;font-weight:bold;}
.work_name a{ color:#003399;}
.work_name_new:before { content:'NEW';font-weight:bold;margin-right:10px;color:#ff4d00;padding:2px;border:solid 1px #ff4d00;font-size:60%;}

.work_tt {
    background: none repeat scroll 0 0 #00B4FF;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 80%;
    padding: 8px 3px;
    text-align: left;
}

.table_style04 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:72.3%;
}

.table_style04 th{
    color:#333;
    background:#dddddd;
    padding:3px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}

.table_style04 th.hyoudai{
    color:#fff;
    background:#00b4ff;
    padding:8px 3px 8px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}

.table_style04 th.hyoudai02{
    color:#003399;
    background:#eaf8ff;
    padding:8px 3px 8px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}


.table_style04 td{
    padding:5px;
    background:#fff;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}



.dl_style02 {margin:10px auto 0;
 }

.dl_style02 dt {
        background:url(../../sp_ext/images/abo_sec_line.gif) no-repeat 0 bottom;
        background-size: 500px;
	font-weight:bold;
	color:#333;
	font-size:72.3%;
	position: relative;
	margin:20px 0px 5px 0px ;
	padding:8px 0px 8px 10px;
}

.dl_style02 dd { padding:5px;
                 background:#fff;
                 border:2px solid #a3cbf3;
                 font-size:72.3%;}

.dl_style02 dd li{ margin:0 0px 10px;}

.dl_style02 .open {}
.dl_style02 .open:before { position: absolute;content:'▲';right:10px;top:8px;color:#a3cbf3;}
.dl_style02 dt,
.dl_style02 .close {}
.dl_style02 .close:before { position: absolute;content:'▼';right:10px;top:8px;color:#a3cbf3;}

.dl_style02 dt:first-child { margin-top:0px; }


.table_style05 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border-top:1px dotted #ccc;
}

.table_style05 th{
    color:#333;
    background:#f2f2f2;
    padding:5px 10px 5px 5px;
    vertical-align:top;
    text-align:left;
    font-weight:bold;
}

.table_style01 th:before { content:'○';font-weight:bold;color:#2f7bd0;margin:0 5px;font-size:80%;}

.table_style05 td{
    padding:10px 5px 10px 5px;
    background:#fff;
    border-bottom:1px dotted #ccc;
}

.dl_style05{ margin-top:10px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;border:solid 1px #ccc;}


.dl_style05 dt {
	color:#05396b;
	font-weight:bold;
	border-top:none;
	font-size:72.3%;
	position: relative;
	margin:10px 0px 0px 0px ;
	padding:8px 0px 20px 10px;
}

.dl_style05 dd { padding:10px 0px 10px 0px;
                 background:#fff;}

.dl_style05 dd li{ margin:0 0px 10px;}

.dl_style05 .open {}
.dl_style05 .open:before { position: absolute;content:'▲';right:50%;bottom:3px;color:#ef7304;}
.dl_style05 dt,
.dl_style05 .close {}
.dl_style05 .close:before { position: absolute;content:'▼';right:50%;bottom:3px;color:#ef7304;}

.dl_style05 dt:first-child { margin-top:0px; }


/*.dl_style06 {margin:0px auto 0;border-top:solid 1px #ccc;width:98%;
 }*/

.company01{
background:url(../../sp_ext/images/abo_ic_01.png) no-repeat 0 0;background-size: 35px;
padding:0px 0px 0px 40px !important;
font-weight:bold;
}

.company02{
background:url(../../sp_ext/images/abo_ic_02.png) no-repeat 0 5px;background-size: 35px;
padding:0px 0px 0px 40px !important;
}
.company03{
background:url(../../sp_ext/images/abo_ic_03.png) no-repeat 0 5px;background-size: 35px;
padding:0px 0px 5px 40px !important;
border-bottom:1px dotted #ccc;
}


.arrow_red{ background:url(../../sp_ext/images/abo_arrow.png) no-repeat 0 2px;background-size: 10px;padding:0px 0px 0px 10px ;}


.list_0{
background:#ffffcc;
padding:10px;
border:solid 1px #cc0000;
color:#cc0000;
}


.list_0tt{background:#0000a4;color:#fff;font-weight:normal;font-size:72.3%;padding:5px 0 5px 5px;-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}

.table_style06 {
    margin: 0px auto 0px;
    border-collapse: separate;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    font-size:72.3%;
    text-align:center;
}

.table_style06 th{
    color:#333;
    background:#cccccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #fff;
    padding:5px;
    vertical-align:top;
    font-weight:bold;
}


.table_style06 td{
    padding:5px;
    border-right:1px solid #ccc;
    background:#fff;
    border-bottom:1px solid #ccc;
}

.interviewDate select {
    width:140px;
}

#err {
    background: none repeat scroll 0 0 #FFFFCC;
    border: 1px solid #CC0000;
    color: #CC0000;
    padding: 10px;
    font-size: 80%;
    margin-bottom:10px;
}

td.errRow, dd.errRow {
    background:#FFDDDD;
}
div.errRow {
    background:#FFDDDD;
    padding:5px 0;
}

p.errRow {
    clear: both;
    color: #FF0000;
    font-weight: bold;
}