/*********************************************/
/********** -基本設定 ************************/
/*********************************************/

/********** --ボディ **********/
body {

	background-image: url(../images/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  font-size   : 100%;
  font-family : "Osaka","sans-serif";

}


font10{
font-size:10px;
}

#base {
 width: 770px;
 border-left:1px solid #cccccc;
 border-right:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 background-color:#FFFFFF;
 margin-bottom:10px;
 }

/********** --テキスト **********/
body, td, th, input, select, option, textarea { color: #333333;}

/********** --リンクスタイル **********/
a:link {	color: #4C9CBF; text-decoration:none;}
a:visited {	color: #4C9CBF; text-decoration:none;}
a:active {	color: #4C9CBF; text-decoration:none;}
a:hover {	color: #4C9CBF; text-decoration:underline;}





/*********************************************/
/********** -ボディコンテンツ ****************/
/*********************************************/

/** 引用 **/
blockquote{
	font-size:12px;
	line-height:130%;
	color:#000000;
	border: #cccccc 1px solid;
	background-color: #F4F1E9;
}

/********** --箇条書き **********/
/** ul li {	list-style-image: url(/template/1020/img/listicon_b2.gif);} **/

/********** --水平線 **********/
hr {
	color:#cccccc;
	background-color:#cccccc;
	height: 1px;
	border: 0px;
}

/********** --見出し **********/
h1 {
	color:#507FAA;
	text-align: left ;
	text-valign:  middle;
	background:#ffffff url("/template/1020/img/h1_bg.gif") left center no-repeat;
	
	
}
h1 a:link, h1 a:visited { text-decoration:none;}
h1 a:hover  { text-decoration:underline; }


h2 {     background: url(/template/1020/img/h2_bg.gif) left repeat-y;
	color:#ffffff;
	padding-left: 15px;
                padding-top:4px;
	text-align: left;
	text-valign: middle;
	line-height:130%;
               
}
h2 a:link, h2 a:visited { color:#f6f6f6; text-decoration:none; }
h2 a:hover  { color:#f6f6f6; text-decoration:underline; }


h3 {          background: url(/template/1020/img/h3_bg.gif) top repeat;
               border: 1px solid #cccccc;
	color:#666666;
                font-weight:bold;
	padding-left: 15px;
	line-height:134%;
}
h3 a:link, h3 a:visited { text-decoration:none;}
h3 a:hover  { text-decoration:underline; }

h4 {
	border-bottom: solid 1px #aaaaaa;
            
	color:#333333;
                padding-left:15px;
                padding-top:2px;
                padding-bottom:2px;
                margin-bottom:15px;
	line-height:130%;
}
h4 a:link, h4 a:visited { text-decoration:none;}
h4 a:hover  { text-decoration:underline; }

h5 {
	background: url("/template/1020/img/h5_bg.gif") no-repeat left;
	color:#507FAA;
	padding-left:15px;
                margin-left:5px;
}
h5 a:link, h5 a:visited { text-decoration:none;}
h5 a:hover  { text-decoration:underline; }

h6 {
	color:#011B49;
	padding-left:0px;
	padding-bottom:2px;
	font-size: 10px;
}
h6 a:link, h6 a:visited { text-decoration:none;}
h6 a:hover  { text-decoration:underline; }

/********** --表 **********/
/***** ---パターンA *****/
.table_a {
	border:1px solid #aaaaaa;
}

.table_a caption {
	color:#333333;
                font-weight:normal;
	padding: 3px 3px 3px 18px;
	background: url(/template/1020/img/tablecaption.gif) no-repeat 0px  5px;
}
.table_a_th {
	text-align: left;
	color: #333333;
	border-top: #ffffff 1px solid;
	border-bottom: 1px solid #aaaaaa;
	padding: 5px 10px 5px 10px;
	background:#dddddd;
	}
.table_a_th2 {
	text-align: left;
	border-bottom: 1px solid #aaaaaa;
	color: #333333;
	padding:3px 10px;
	background: url("/template/1020/img/sidemenu.jpg") #dddddd;

}
.table_a_td {
	text-align: left;
	border-bottom:1px solid #aaaaaa;
                border-right; 1px solid #aaaaaa;
	color: #333333;
	padding:3px 10px;
	background-color: #ffffff;
}

/***** ---パターンB *****/
.table_b {
	border:1px solid #aaaaaa;
}

.table_b caption {
	color:#333333;
                font-weight:normal;
	padding: 3px 3px 3px 18px;
	background: url(/template/1020/img/tablecaption.gif) no-repeat 0px  5px;
}
.table_b_th {
	text-align: left;
	color: #333333;
	border-top: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px solid;
	padding: 5px 10px 5px 10px;
	background: #C6DBEE;
	}
.table_b_th2 {
	text-align: left;
	border-bottom: #aaaaaa 1px solid;
	color: #333333;
	padding:3px 7px;
	background-color: #E0EBFA;

}
.table_b_td {
	text-align: left;
	border-bottom: #aaaaaa 1px solid;
	color: #333333;
	padding:3px 7px;
	background-color: #ffffff;
}

/***** ---パターンC *****/
.table_c {
	padding: 0px;
	border-top: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
}
.table_c caption {
	color:#333333;
                font-weight:normal;
	padding: 3px 3px 3px 18px;
	background: url(/template/1020/img/tablecaption.gif) no-repeat 0px  5px;
}
.table_c_th {
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	text-align: left;
	color: #FFFFFF;
	background-color: #507FAA;
}

.table_c_th a:link {	color: #f6f6f6; text-decoration:none;}
.table_c_th a:visited {	color: #f6f6f6; text-decoration:none;}
.table_c_th a:active {	color: #f6f6f6; text-decoration:none;}
.table_c_th a:hover {	color: #f6f6f6; text-decoration:underline;}


.table_c_th2 {
	text-align: left;
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	color: #000000;
	background-color: #dddddd;
}
.table_c_td {
	text-align: left;
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	color: #000000;
	background-color: #eeeeee;
}

/** その他 **/
.table_d caption, .table_e caption, .table_f caption {
 color:#333333;
                font-weight:normal;
	padding: 3px 3px 3px 18px;
	background: url(/template/1020/img/tablecaption.gif) no-repeat 0px  5px;

 padding-left:18px;
}

.table_f_th a:link {	color: #f6f6f6; text-decoration:none;}
.table_f_th a:visited {	color: #f6f6f6; text-decoration:none;}
.table_f_th a:active {	color: #f6f6f6; text-decoration:none;}
.table_f_th a:hover {	color: #f6f6f6; text-decoration:underline;}

.table_f_th2 a:link {	color: #f6f6f6; text-decoration:none;}
.table_f_th2 a:visited {	color: #f6f6f6; text-decoration:none;}
.table_f_th2 a:active {	color: #f6f6f6; text-decoration:none;}
.table_f_th2 a:hover {	color: #f6f6f6; text-decoration:underline;}



/********** --パーツ挿入 **********/
/***** ---ベースA *****/
.listbox_a {
 	padding: 0px 10px;
	border: #cccccc 1px solid; 
	background: #ffffff;
	}

.listset_a1_li {
	color:#333333;
	font-size:10px;
	list-style-image: url(/template/1020/img/listicon_a1.gif);
	line-height:160%;
}


.listset_a2_li {
	color:#333333; 
	font-size:10px;
	list-style-image: url(/template/1020/img/listicon_a2.gif);
	line-height:160%;
}

/***** ---ベースB *****/
.listbox_b {
	padding: 0px 10px;
	background-color: #eeeeee;
	border: #cccccc 1px solid;  
	}

.listset_b1_li {
	color:#333333;
	font-size:12px;
	list-style-image: url(/template/1020/img/listicon_b1.gif);
	line-height:160%;
}


.listset_b2_li {
	color:#333333;
	font-size:12px;
	list-style-image: url(/template/1020/img/listicon_b2.gif);
	line-height:160%;
}





/***** ---トピックリスト *****/
/** パターン5 **/
.pagetitle_a {
 background:URL(http://recruit-totor.cms.drecom.jp/img/side_arrow.gif) no-repeat 0px 0px;
 padding:3 0 2 6;
 line-height:120%;
 font-size:10px;
}

.pagetitle_a a:hover { 
 text-decoration:underline;
 color: #103D8B;
 }

.pagetitle_a a:active { 
 text-decoration:underline;
 color: #103D8B;
 }

.pagetitle_a a:visited {
 color: #011B49;
}

.pagetitle_a a:link {
 color: #011B49;
}


/** パターン6 **/
.pagetitle_b {
 background:URL(/template/1020/img/side_arrow2.gif) no-repeat 0px 3px;
 padding:5 0 3 10px;
 font-size:10px;
 margin-left:10px;}




/***** ---サイトマップ *****/
/** パターン3・4 **/
.titletext_level1{
 background:URL(/template/1020/img/listicon_b2.gif) no-repeat 0px 1px;
 padding-left:15px;}
.titletext_level2{
 background:URL(/template/1020/img/listicon_b2.gif) no-repeat 0px 1px;
 padding-left:15px;}


/***** ---フレームA *****/
.frame_a_outer {
 	background: #cccccc;
 	padding:2px;
}
.frame_a_inner {
	background: #ffffff;
	margin:0px;
	padding:2px;
}


/***** ---フレームB *****/
.frame_b_outer {
	padding: 3px 1px 3px 1px;
 	background: #507FAA ;
}
.frame_b_inner {
	background: #ffffff;
	margin:0px;
	padding:2px;
}




/*********************************************/
/********** -スキンデザイン*******************/
/*********************************************/


/********** --ヘッダー **********/
#header{
 width:100%;
 text-align:left;
 background:#ffffff;
}

/***** ---ロゴ *****/
.logo {
 padding:20px 0px 10px 15px;
 text-align:left;
}
.logo a:hover{ background: none; }

/***** ---ヘッダーメニュー *****/
.headermenu_text{
 font-size:10px; color:#333333;
 text-align: right;
 text-valign: middle;
 padding:1px 5px 1px 0px;
 background: url("/template/1020/img/headermenu_bg.jpg") left top repeat-y #cccccc;
}

.headermenu_text a:link{
 color: #333333;
 text-decoration:none;
}
.headermenu_text a:visited{
 color: #333333;
 text-decoration:none;
}
.headermenu_text a:hover{
 color: #333333;
 background-color:#C9DDEE;
 text-decoration:none;
}

/********** --メインナビゲーション **********/
/***** ---メインメニュー *****/
#mainmenubox{
 margin-top:0px;
  text-align: left;
 background: #ffffff;
}

.text_text{
 font-size:12px; 
 width: 100px;
 line-height:120%;
 padding: 10px 0px 8px;
}
/** メインメニュー通常時 **/
.mainmenu{
 text-align: center;
 background:#ffffff url(/template/1020/img/mainmenu_bg.gif) repeat-x bottom;
 border-left: 2px solid #ffffff;
 border-right: 2px solid #ffffff;
 border-bottom: 5px solid #FFFFFF;
 cursor: pointer;
}

.mainmenu a:link{
 color: #333333;
 text-decoration:none;
}
.mainmenu a:visited{
 color: #333333;
 text-decoration:none;
}
.mainmenu a:hover{
 color: #507FAA;
 text-decoration:none;
}

/** メインメニュー設定なし **/
.mainmenu_off{
 text-align: center;
 border-left: 2px solid #ffffff;
 border-right: 2px solid #ffffff;
 border-bottom: 5px solid #FFFFFF;
}

/** メインメニュー選択時 **/
.mainmenu_on{
 text-align: center ;
 background:#ffffff url(/template/1020/img/mainmenu_bg_on.gif) repeat-x bottom;
 border-left: 2px solid #ffffff;
 border-right: 2px solid #ffffff;
 border-bottom: 5px solid #FFFFFF;
 color: #507FAA;
 text-decoration:none;
 cursor: pointer;
}

.mainmenu_on a:link{
 color: #507FAA;
 text-decoration:none;
}
.mainmenu_on a:visited{
 color: #507FAA;
 text-decoration:none;
}
.mainmenu_on a:hover{
 color: #507FAA;
 text-decoration:underline;
}
/** メインメニューマウスオーバー時 **/
.mainmenu_hover{
 text-align: center ;
background:#ffffff url(/template/1020/img/mainmenu_bg_on.gif) repeat-x bottom;
 border-left: 2px solid #ffffff;
 border-right: 2px solid #ffffff;
 border-bottom: 5px solid #FFFFFF;
 color:#507FAA;
 cursor: pointer;
}
.mainmenu_hover a:link{
 font-size:12px; color:#507FAA;
 text-decoration:none;
}
.mainmenu_hover a:visited{
 font-size:12px; color:#507FAA;
 text-decoration:none;
}
.mainmenu_hover a:hover{
 font-size:12px; color:#507FAA;
 text-decoration:none;

}

/***** ---ぱんくず *****/
#crumb {
 width:100%; 
 font-size:10px;
 color:#333333; 
 text-align:left;
 background: #cccccc;
border-bottom:#e5e5e5 1px solid;
}

.crumb_text {
 padding:2px 2px 2px 10px;
 color: #333333;
}
.crumb_text a:link {
 color: #333333
 text-decoration:none;
}
.crumb_text a:visited {
 color: #333333;
 text-decoration:none;
}
.crumb_text a:hover {
 color: #333333;
 background-color:#D8E6F2;
 text-decoration:none;
}

/********** --ボディコンテンツ枠 **********/
.main_td {
 width:100%;
 background: #ffffff;
 padding:15px 15px 20px 15px;
}

/********** --サイド **********/
#side{
 background: url("/template/1020/img/sidemenu.jpg") #ffffff;
 width:168px; 
 border-right: 1px solid #cccccc;
 padding-top:5px;
 padding-bottom:20px;
}

/***** ---サイドメニュー *****/
.sidemenu {
 width:168px;
 margin-left:15px;
/*background: url(/template/1020/img/side_border.gif) no-repeat bottom center;
}
.sidemenu_header {
 margin-bottom:15px;
}
.sidemenu_footer {
 margin-bottom:30px;
}

.sidemenu_txt{
 width:100px;
}

.sidemenu_td{
 width:168px;
}
.sidemenu_table {
 cursor: pointer;
 width:168px;
}
.sidemenu_table_on {
 cursor: pointer;
 width:168px;
}
.sidemenu_table_hover {
 cursor: pointer;
 width:168px;
}
/** サイドメニューtop **/
.sidemenu_top{
 width:168px;
 height:0px;

}
.sidemenu_on_top{
 width:168px;
 height:0px;
 
}
.sidemenu_hover_top{
 width:168px;
 height:0px;
}

/** サイドメニューbottom **/
.sidemenu_btm{
 height:0px;
}
.sidemenu_on_btm{
 height:0px;
 }
.sidemenu_hover_btm{
 height:0px;
 }
/** サイドメニューmiddle **/
.sidemenu_mdl{
 padding:10 20 10 20px;
 width:168px;
 font-size:12px;
 font-weight:bold;
 color:#4AA7E2; text-align:left;
 background-color:#BBDEF4;

}
.sidemenu_mdl a:link{
 font-size:12px;
 font-weight:bold;
 color:#4AA7E2; text-align:left;
 text-decoration:none;
 background-color:#BBDEF4;

}
.sidemenu_mdl a:visited{
 font-size:12px;
 font-weight:bold;
 color:#4AA7E2; text-align:left;
 text-decoration:none;
 background-color:#BBDEF4;

}

.sidemenu_on_mdl{
 width:168px;
 padding:10 20 10 20px;
 font-size:12px;
 font-weight:bold;
 color:#FFFFFF; text-align:left;
 background-color:#FFFFFF;

 }
.sidemenu_on_mdl a:link{
 font-size:12px;
 font-weight:bold;
 color:#4AA7E2; text-align:left;
 text-decoration:none;
 background-color:#FFFFFF;
}
.sidemenu_on_mdl a:visited{
 font-size:12px;
 font-weight:bold;
 color:#4AA7E2; text-align:left;
 text-decoration:none;
 background-color:#FFFFFF;
}

.sidemenu_hover_mdl{
 width:168px;
 padding:10 20 10 20px;
 font-size:12px;
 font-weight:bold;
 color:#4AA7E2; text-align:left;
 background-color:#FFFFFF;
 }
.sidemenu_hover_mdl a:link{
 font-size:12px;
 font-weight:bold;
 color:#4AA7E2; text-align:left;
 text-decoration :none;
 background-color:#FFFFFF;
}
.sidemenu_hover_mdl a:visited{
 font-size:12px;
 font-weight:bold;
 color:#4AA7E2; text-align:left;
 text-decoration :none;
 background-color:#FFFFFF;
}
.sidemenu_hover_mdl a:hover{
 font-size:12px;
 font-weight:bold;
 color:#4AA7E2; text-align:left;
 text-decoration :none;
 background-color:#FFFFFF;

}

/***** ---サイドバー *****/
.child_side { 
  width:160px; margin-top:10px; margin-bottom:10px; 
 }

.child_side ol { margin:0px; padding:0px; list-style:none outside; }
.child_side li { margin:0px 2px 0px 5px; padding:2px 0px 5px 13px;
  background:url(/template/1020/img/listicon_a2.gif) no-repeat top left; }

.child_side_header { margin:0; padding:0; background: url(/template/1020/img/side_border.gif) bottom no-repeat; }

.child_side_title {
  width:160px; text-align:center; font-weight:bold; font-size:10px;
  color:#666666; padding:3px 0; overflow:hidden; word-break:break-all; letter-spacing:1px; }
  
.child_side_box { width:148px; margin:3px 5px; padding:0; overflow:hidden; word-break:break-all;}

.child_side_text { margin:0; padding:0; font-weight:normal; font-size:10px;
  color:#333333; line-height:1.2; text-align:left; }
.child_side_text a:link { color:#4C9CBF; text-decoration:none; }
.child_side_text a:visited { color:#4C9CBF; text-decoration:none; }
.child_side_text a:hover { color:#4C9CBF; text-decoration:none; }


/********** --フッター **********/
#footer {
 padding:10px 10px 5px 10px; text-align:left;
 background: #FFFFFF;
 border-top: 1px solid #cccccc;
}

.footer_text{
 font-size:11px; color:#CCCCCC;
 text-align: center;
 line-height:120%;
 margin-bottom:3px;
}
.footer_text a:link{
 color: #666666;
 text-decoration:none;
}
.footer_text a:visited{
 color: #666666;
 text-decoration:none;
}
.footer_text a:hover{
 color: #666666;
 background-color:#eeeeee;
 text-decoration:none;
}

/********** --ポップアップ **********/
.popup_header {
 height:30px;
 font-size:12px; font-weight:bold; letter-space:1px; color:#FFFFFF;
 padding:9px 10px 8px 20px;
background: url("/template/1020/img/headermenu_bg.jpg") left top repeat-y #cccccc;
}

.popup_footer {
 padding: 10px 10px 5px 10px;
 text-align:center;
 background: #FFFFFF;
 color: #cccccc;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
}
.popup_footer .footer_text a:link{
 color: #666666;
 text-decoration:none;
}
.popup_footer .footer_text a:visited{
 color: #666666;
 text-decoration:none;
}
.popup_footer .footer_text a:hover{
 color: #666666;
 background-color:#CCCCCC;
 text-decoration:none;
}

.popup_main{
 padding:10px;
 background: #ffffff;
 
}

.popup_range{
 width:600px;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 background: #ffffff;
}

.popup_body {
 padding:10px 10px 20px 10px;
}


.size16g  { font-size: 100%; line-height: 140%; color: #444444; }     /* 16px | medium | ( default size ) */
.size16b { font-size: 100%; line-height: 140%; font-weight: bold; }
.size14g  { font-size: 87.5%; line-height: 140%; color: #444444;}    /* 14px | --- | */
.size14b { font-size: 87.5%; line-height: 140%; font-weight: bold; }
.size12g  { font-size: 75%; line-height: 155%; color: #444444;  }      /* 12px | --- | */
.size12h  { font-size: 75%; line-height: 155%; }      /* 12px | --- | */
.size12g2  { font-size: 75%; line-height: 24px; color: #444444;  }      /* 12px | --- | */
.size12b { font-size: 75%; line-height: 200%; font-weight: bold; }
.size11g  { font-size: 70.0%; line-height: 155%; color: #444444;  }    /* 11px | x-small | */
.size10  { font-size: 62.5%; line-height: 155%; }    /* 10px | x-small | */
.size10g  { font-size: 62.5%; line-height: 155%; color: #444444;  }    /* 10px | x-small | */
.size10b { font-size: 62.5%; line-height: 155%; font-weight: bold; }
.menu    { font-size: 62.5%; }



a:link {
	color: #4AA7E2; text-decoration: underline;
}
a:visited {
	color: #4AA7E2; text-decoration: underline;
}
a:hover {
	color: #4AA7E2; text-decoration: underline;
}
a:active {
	color: #4AA7E2; text-decoration: underline;
}

a.orange:link {
	color: #FF8F28; text-decoration: underline;
}
a.orange:visited {
	color: #FF8F28; text-decoration: underline;
}
a.orange:hover {
	color: #FF8F28; text-decoration: underline;
}
a.orange:active {
	color: #FF8F28; text-decoration: underline;
}