@charset "utf-8";

/*** mynavi CSS Document *************************************

	common.css

----------------------------------------------------------------***/

/* ===== 全体・レイアウト ===== */
body{
padding:3px 0 0 0;
	min-width:980px;
}

div#contetns{
width:100%;
min-height:320px;
margin:0 auto;
}


/*1カラムレイアウトの場合*/
div.columnSingle div.main{
width:100%;
float:none;
}
div.main section{
width:960px;
margin:0 auto;
padding:0 0 2em 0;
}
div.main h1{
	text-align:center;
	padding:2em 0;
	font-size:200%;
}
div.main h2{
	padding:1em 0;
	font-size:150%;
}

/* ===== お知らせ欄 ===== */
div.boxInfo{
background:#ffecd8;
border:1px solid #ee7801;
margin:15px 0 0 0;
padding:5px 5px 5px 8px;
}

div.boxInfo ul li{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}

/* ===== 共通フリーワード検索 ===== */
form.boxComFword{
position:absolute;
top:0px;
left:0px;
}

form.boxComFword div.container{
position:relative;
width:348px;
height:26px;
}

form.boxComFword p.tit{
position:absolute;
}

form.boxComFword p.fom{
position:absolute;
top:0px;
left:123px;
}

form.boxComFword p.fom input{
display:block;
border:0;
padding:5px;
width:167px;
height:16px;
background: url(../img/bgr_common_freeword.gif) no-repeat;
font-size:100%;
}

form.boxComFword p.btn{
position:absolute;
top:0px;
right:0px;
}

/* ===== 検索結果無し ===== */
div#boxSchZero{
margin:60px 0 60px 0;
text-align:center;
line-height:180%;
}

div#boxSchZero strong{
font-size:133.3%;
color:#ff0000;
}

div#boxSchZero a{
display:block;
padding:15px 0 0 0;
}

/* ===== 404 ===== */
div#boxSysError{
margin:60px 0 60px 0;
text-align:center;
line-height:180%;
}

div#boxSysError strong{
font-size:133.3%;
color:#ff0000;
background: url(../img/bgr_com_error.gif) no-repeat 0px 0px;
padding: 0 0 0 21px;
}

ul.lstError{
margin:5px 0 30px 0;
}

ul.lstError li{
margin:10px 10px 0 0;
float:left;
width:227px;
}

ul.lstError a{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}

/* ===== 検索条件パネル ===== */

/*エリア・駅路線・職種・こだわり*/
div#boxJouken{
background: url(../img/bgr_sch_jouken.gif) no-repeat;
margin-top:15px;
padding:7px 0 0 0;
}

div#boxJouken div.container{
background: url(../img/bgr_sch_jouken03.gif) left bottom  no-repeat;
padding:0 0 7px 0;
}

div#boxJouken div.container02{
background: url(../img/bgr_sch_jouken02.gif) repeat-y;
padding:0 2px;
position:relative;
}

div#boxJouken th{
width:195px;
padding:6px 6px 6px 6px;
background: url(../img/bgr_sch_jouken04.gif) repeat-x;
text-align:left;
}

div#boxJouken td{
width:573px;
background: url(../img/bgr_com_dot.gif) repeat-x;
vertical-align:middle;
padding:10px 10px 10px 10px;
}

div#boxJouken tr.first th{
background:none;
padding:0 6px 6px 6px;
}

div#boxJouken tr.end th{
padding:6px 6px 0 6px;
}

div#boxJouken th img{
float:left;
}

div#boxJouken th a{
display:block;
float:right;
}

div#boxJouken tr.first td{
background:none;
padding:5px 10px 10px 10px;
}

div#boxJouken tr.end td{
padding:10px 10px 5px 10px;
}

div#boxJouken p.btnClear{
display:table-cell;
vertical-align:middle;
line-height:0%;
font-size:0%;
}

div#boxJouken p.btnChange{
margin:-5px 0;
line-height:0%;
font-size:0%;
}

div#boxJouken ul{
display:table-cell;
vertical-align:middle;
}

*:first-child+html div#boxJouken p.btnClear,
*:first-child+html div#boxJouken ul{/* IE 7 */
display:inline;
zoom:1;
}

div#boxJouken table.tableJouken li{
float:left;
margin:0 0 0 10px;
white-space:nowrap;
}

/*フリーワード検索*/
div#boxJouken form.boxSchFword{
margin:-5px -5px -5px 0;
}

div#boxJouken form.boxSchFword div.inner{
position:relative;
width:578px;
height:26px;
}

form.boxSchFword p.fom input{
display:block;
border:0;
padding:5px;
width:503px;
height:16px;
background: url(../img/bgr_sch_freeword.gif) no-repeat;
font-size:100%;
}

div#boxJouken form.boxSchFword p.btn{
position:absolute;
top:0px;
right:0px;
}

/*楽ピタボタン*/
div#boxJouken ul.btnRakupita{
position:absolute;
top:0px;
right:12px;
}

div#boxJouken ul.btnRakupita li{
margin:5px 0 0 0;
line-height:0%;
font-size:0%;
}

/* ===== 検索件数・ページャー・ソート ===== */

/*検索件数*/
p.txtNum{
margin-top:30px;
font-size:116.7%;
}

p.txtNum strong{
font-size:128.6%;
line-height:100%;
color:#ee7801;
}

p.txtNum em{
font-weight:bold;
}

/*ページャー*/

div.boxSearchFunction ul.lstPager{
float:left;
}

div.boxSearchFunction ul.lstPager li{
float:left;
background:#d9d3ce;
height:16px;
text-align:center;
font-size:12px;
line-height:1;
margin:10px 3px 0 0;
padding:4px 7px 0 7px;
font-weight:bold;
color:#ffffff;
}

div.boxSearchFunction ul.lstPager li a{
display:block;
float:left;
background:#d0f2ff;
height:16px;
text-align:center;
font-size:12px;
line-height:1;
margin:-4px -7px 0 -7px;
padding:4px 7px 0 7px;
font-weight:normal;
}

/*ソート*/

div.boxSearchFunction  ul.btnSort{
float:right;
margin:0 0 0 10px;
}

div.boxSearchFunction  ul.btnSort li{
float:left;
}

/*ブックマーク用リンク*/
p.btnBookmark{
margin-top:10px;
color:#999999;
}

p.btnBookmark img{
vertical-align:middle;
margin:0 10px 0 0;
}

/* ===== 注目 ===== */
p.txtChumoku{
width:905px;
height:19px;
background: url(../img/bgr_sch_chumoku.gif) no-repeat;
margin:10px 0 0 0;
padding:4px 0 0 45px;
font-size:14px;
font-weight:bold;
}

/* ===== 20件表示・もっと見る ===== */
p.btnSchMore{
margin:30px 0 0 0;
padding:15px 0 0 0;
background: url(../img/bgr_com_dot.gif) repeat-x;
text-align:center;
}

/* ===== 現在の検索条件 ===== */
.titNitajouken{
font-size:16px;
font-weight:normal;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
margin:30px 0 0 0;
padding:0 0 4px 0;
background: url(../img/bgr_com_dot.gif) left bottom repeat-x;
}

.titNitajouken img{
vertical-align:bottom;
margin:0 6px 0 0;
}

/* ===== 似た条件のアルバイト ===== */
div.boxSchNitajouken{
margin:15px 0 0 0;
background: url(../img/bgr_sch_nitajouken.gif) repeat-y;
}

div.boxSchNitajouken div.container{
padding-bottom:8px;
background: url(../img/bgr_sch_nitajouken02.gif) left bottom no-repeat;
}

div.boxSchNitajouken dl{
margin:0 0 0 1px;
}

div.boxSchNitajouken dl dt{
background:#f7f4f0 url(../img/bgr_sch_jouken04.gif) repeat-x;
width:118px;
padding:10px 0 0 10px;
float:left;
}

div.boxSchNitajouken dl dd{
background: url(../img/bgr_com_dot.gif) repeat-x;
width:800px;
padding:10px 10px 10px 10px;
float:right;
}

div.boxSchNitajouken dl.first dd{
background: url(../img/bgr_sch_jouken04.gif) repeat-x;
}

div.boxSchNitajouken dl.end dt,
div.boxSchNitajouken dl.end dd{
padding-bottom:0;/*※省略表記不可*/
}

div.boxSchNitajouken ul li{
float:left;
border-left:1px solid #333333;
margin:2px 0 0 7px;
padding:0 0 0 7px;
line-height:1;
white-space:nowrap;
}

div.boxSchNitajouken ul li.first{
margin:2px 0 0 0px;
padding:0 0 0 0px;
border-left:0;
}

/* ===== 共通JSビューア ===== */
div.boxComViewer{
width:960px;
overflow:hidden;
margin:15px auto 0 auto;
background: url(../img/bgr_com_viewerlong.gif) repeat-y;
position:relative;
}

div.boxComViewer div.container{
background: url(../img/bgr_com_viewerlong02.gif) left bottom no-repeat;
height:280px;
overflow:hidden;
}

div.boxComViewer div.boxHidden{
width:890px;
height:280px;
overflow:hidden;
margin:0 30px 0 30px;
position:relative;
}

p.saidoCheck{
margin:15px auto 0 auto;
}

div.saidoCheck{
margin:3px auto 0 auto;
}


div.saidoCheck div.container{
height:auto;
}

div.boxComViewer ul.lstCheck{
margin:10px 10px 10px 12px;
}

div.boxComViewer ul.lstCheck li{
margin:5px 0 0 0;
}

div.boxComViewer ul.lstCheck a{
background: url(../img/obj_common_arrow.gif) 0 0.3em no-repeat;
padding:0 0 0 8px;
}

/*ボタン*/
div.boxComViewer ul.lstBtn li,
div.boxComViewer ul.lstBtn li a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:38px;
height:38px;
z-index:1;
}

div.boxComViewer ul.lstBtn li.prev{
background: url(../img/btn_com_viewer.png) 0 -76px no-repeat;
position:absolute;
top:100px;
left:10px;
}

div.boxComViewer ul.lstBtn li.next{
background: url(../img/btn_com_viewer02.png) 0 -76px no-repeat;
position:absolute;
top:100px;
right:10px;
}

div.boxComViewer ul.lstBtn li.prev a{
background: url(../img/btn_com_viewer.png) 0 0 no-repeat;
}

div.boxComViewer ul.lstBtn li.next a{
background: url(../img/btn_com_viewer02.png) 0 0 no-repeat;
}
/*

div.boxComViewer ul.lstBtn li a:hover{
background-position:0 -38px;
}
*/

/*写真・情報*/
div.boxComViewer div.lstPht{
position:absolute;
top:0px;
left:0px;
}

div.boxComViewer div.lstPht div.inner{
float:left;
margin:0 33px 0 34px;
}

div.boxComViewer div.lstPht div.inner div{
width:193px;
float:left;
margin:10px 0 0 10px;
}

div.boxComViewer div.lstPht div.inner div.pht{
overflow:hidden;
width:183px;
height:138px;
margin:0 0 0 0;
border:5px solid #ffffff;
float:none;
}

div.boxComViewer div.lstPht div.inner div.pht table td{
background:#ffffff;
width:183px;
height:138px;
text-align:center;
vertical-align:middle;
}

div.boxComViewer div.lstPht p.tit{
font-weight:bold;
margin-top:5px;
height:32px;
}

div.boxComViewer div.lstPht p.com{
font-size:83.3%;
margin:3px 0 0;
padding:3px 0 0;
border-top:1px solid #ffffff;
}

div.boxComViewer div.lstPht p.pla{
color:#999591;
}

div.boxComViewer div.lstPht p.pay{
color:#ee7801;
}

/* ===== 求人一覧（基本） ===== */
div.lstKyujin{
margin-top:-15px;
}

div.boxKyujin{
margin-top:30px;
}

div.boxKyujin .container{
margin:0 10px;
position:relative;
}

div.boxKyujin .boxPht{
float:left;
width:193px;
}

div.boxKyujin .boxInfo{
float:right;
width:715px;
background:none;
border:0;
margin:0 0 0 0;
}

/* 見出し */
div.boxKyujin .boxTit{
position:relative;
background:#e5f8ff url(../img/bgr_com_kyujintit.gif) repeat-x left bottom;
border-top:2px solid #01abeb;
padding:10px 210px 10px 10px;
min-height:27px;
}

div.boxKyujin .boxTit span.ico{
display:block;
float:left;
}

div.boxKyujin .boxTit span.ico img{
vertical-align:middle;
margin:0 5px 0 0;
}

div.boxKyujin .boxTit h2{
font-size:116.7%;
}

div.boxKyujin .boxTit h2 strong{
max-width:650px;
font-weight:bold;
float:left;
}

div.boxKyujin .boxTit h2 img{
margin-left:3px;
}

div.boxKyujin .tohKoy{
display:block;
position:absolute;
top:10px;
right:10px;
}

div.boxKyujin .boxTit .toh{
display:block;
border:1px solid #ffffff;
background:#6eca37;
padding:5px 5px 2px 5px;
width:60px;
text-align:center;
float:left;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
font-weight:bold;
color:#ffffff;
}

div.boxKyujin .boxTit .min5{
background:#e83f3e;
}

div.boxKyujin .boxTit .koy{
float:left;
}

div.boxKyujin .boxTit .koy img{
margin:0 0 0 3px;
}

/*写真ボタン*/
div.boxKyujin div.boxPht ul.lstBtn li,
div.boxKyujin div.boxPht ul.lstBtn li a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:32px;
height:32px;
}

div.boxKyujin div.boxPht ul.lstBtn li.prev{
background: url(../img/btn_com_viewermini.png) 0 -64px no-repeat;
position:absolute;
top:67px;
left:-15px;
}

div.boxKyujin div.boxPht ul.lstBtn li.next{
background: url(../img/btn_com_viewermini02.png) 0 -64px no-repeat;
position:absolute;
top:67px;
left:176px;
}

div.boxKyujin div.boxPht ul.lstBtn li.prev a{
background: url(../img/btn_com_viewermini.png) 0 0 no-repeat;
}

div.boxKyujin div.boxPht ul.lstBtn li.next a{
background: url(../img/btn_com_viewermini02.png) 0 0 no-repeat;
}

/*
div.boxKyujin div.boxPht ul.lstBtn li a:hover{
background-position:0 -32px;
}
*/

/*ナビ*/
div.boxKyujin div.boxPht ul.lstNavi{
margin:0 0 0 0;
text-align:center;
}

div.boxKyujin div.boxPht ul.lstNavi li{
display:inline;
color:#d9d3ce;
margin:0 -2px 0 -2px;
font-size:10px;
line-height:1;
}

div.boxKyujin div.boxPht ul.lstNavi li.on{
color:#ee7801;
}


/*写真*/

div.boxKyujin div.boxPht div.pht{
overflow:hidden;
width:183px;
height:138px;
margin-top:10px;
border:5px solid #e5f8ff;
}

div.boxKyujin div.boxPht div.pht table td{
background:#ffffff;
width:183px;
height:138px;
text-align:center;
vertical-align:middle;
}

div.boxKyujin div.boxPht div.pht table a{
padding:0 0 0 0;
}

/* 職種・キャッチコピー */
div.boxKyujin .sho{
margin:10px 0 0 0;
font-weight:bold;
color:#ee7801;
}

div.boxKyujin .sho img{
margin-left:3px;
vertical-align:top;
}

/* 給与・シフト・勤務地・最寄り駅 */
table.joukenTable{
margin:10px 0 0 0;
border-top:1px solid #ccc7c2;
border-left:1px solid #ccc7c2;
width:100%;
}

table.joukenTable td,
table.joukenTable th{
border-bottom:1px solid #ccc7c2;
border-right:1px solid #ccc7c2;
padding:5px;
vertical-align:top;
}

table.joukenTable th{
font-weight:normal;
text-align:left;
background:#ffecd8;
width:10%;
}

table.joukenTable td{
width:40%;
background:#ffffff;
}

table.joukenTable td li{
float:left;
margin-right:5px;
white-space:nowrap;
background: none;
padding:0 0 0 0px;
}

table.joukenTable td img{
margin:-2px 0 -1px 2px;
vertical-align:top;
}

/* 説明文・条件アイコン */

div.boxKyujin .txt{
margin:10px 0 0 0;
float:left;
width:350px;
}

div.boxKyujin .lstIcon{
margin:5px 0 0 0;
float:right;
width:365px;
}

div.boxKyujin .lstIcon li{
float:left;
margin:5px 0 0 5px;
line-height:0%;
font-size:0%;
background: none;
padding:0 0 0 0px;
}

/* 応募専用ダイヤル */
div.boxKyujin div.boxDial{
background:#f7f4f0;
padding:10px;
margin-top:10px;
min-height:50px;
}

div.boxKyujin div.boxDial .dial img{
vertical-align:bottom;
margin:0 5px 0 0;
}

div.boxKyujin div.boxDial .dial{
color:#e30303;
font-size:16px;
font-weight:bold;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
}

div.boxKyujin ul.lstDial li{
margin-top:5px;
}

/* アクションボタン */
div.boxKyujin ul.lstFuncBtn{
position:absolute;
bottom:10px;
right:10px;
}

div.boxKyujin ul.lstFuncBtn li{
float:left;
margin:0 0 0 5px;
line-height:0%;
font-size:0%;
}

div.boxKyujin ul.lstFuncBtn li.btnHozon img,
div.boxKyujin ul.lstFuncBtn li.btnShousai img{
margin:10px 0 0 0;
}

/* ===== PR（基本に上書き） ===== */
/* 見出し */
div.pr .boxTit{
position:relative;
background:#ffe6f0 url(../img/bgr_com_kyujintit02.gif) repeat-x left bottom;
border-top:2px solid #ff569d;
padding:10px 210px 10px 10px;
min-height:27px;
}

div.boxKyujin .boxTit span.txtPr{
display:block;
margin:0 0 5px 0;
}

/*写真*/

div.pr div.boxPht div.pht{
border:5px solid #ffe6f0;
}

/* ===== チェックボックス付き求人（基本に上書き） ===== */
/* 見出し */
div.checkbox div.boxTit{
background: url(../img/bgr_com_checkbox.gif) repeat-x left bottom;
min-height:48px;
position:relative;
}

div.checkbox .check{
position:absolute;
top:10px;
left:10px;
}

div.checkbox .btnSakujo{
position:absolute;
top:10px;
right:10px;
}

div.checkbox h2{
padding:0 0 0 35px;
}

div.checkbox .tohKoy{
top:35px;
}

/* ===== 求人一覧応募系（基本に上書き） ===== */

div.oubo{
margin-top:0;
}

div.oubo div.boxKyujin{
margin-top:15px;
padding-top:5px;
background:  url(../img/bgr_com_dot.gif) repeat-x;
}

div.oubo div.first{
margin-top:0;
padding-top:5px;
background:0;
}

div.oubo .container{
margin:0;
}

div.oubo .tohKoy{
top:7px;
right:0px;
}

div.oubo .boxPht{
float:left;
width:110px;
position:relative;
}

div.oubo .boxInfo{
float:right;
width:822px;
}

/*写真*/
div.oubo div.boxPht div.pht{
width:100px;
height:75px;
margin-top:15px;
}

div.oubo div.boxPht div.pht table td{
width:100px;
height:75px;
}

/* 給与・シフト・勤務地・最寄り駅 */
div.oubo table.joukenTable th{
background:#E5F8FF;
}

/*フォームテーブル*/
div.oubo table.tableCom{
margin:10px 0 0 0;
}

div.oubo table.tableCom th{
width:160px;
}

div.oubo table.tableCom td{
padding: 10px 230px 10px 10px;
background:#ffffff;
}

div.oubo table.tableCom td ul.listLength{
min-height:24px;
}

div.oubo table.tableCom td ul.listSide{
min-height:28px;
}

div.oubo table.tableCom td p{
margin-bottom:10px;
}

div.oubo table.tableCom td strong{
color:#e30303;
}

div.oubo table.tableCom td em{
font-weight:bold;
}

div.oubo p.txtOuboTenpo{
color:#ff0000;
margin:10px 0 -7px 0;
}

div.oubo .txtOubobi{
margin:10px 0 -5px 0;
font-weight:bold;
}

/*---------------------*/
/*	clearfix 
/*---------------------*/
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */


/*=====================*/
/*	フォント
/*=====================*/

/* ===== パンくず ===== */

ol.topicpath {
height:5px;
width: 960px;
font-size: 83.3%;
line-height: 1.1;
padding: 0 0 1.5em 0 !important;
margin:1em auto;
}

ol.topicpath li{
display: inline;
}


ol.topicpath li a{
padding: 0 0 1px 0;
}

#path02{
margin: 3px auto 0 auto;
}
.path_img{
	display:block;
	margin:0 auto;
}

/* ===== タイトル ===== */
.titCom01{
background: #ffffff;
position: relative;
font-size: 0;
line-height: 1;
border-bottom: 1px solid #ccc7c2;
padding: 0 0 15px 0;
margin: 15px 0 0 0;
}

.titCom01Txt{
font-size: 14px;
line-height: 1;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
border-bottom: 1px solid #ccc7c2;
padding: 0 0 15px 0;
margin: 20px 0 0 0;
font-weight:normal;
}

.titCom01Txt strong{
font-size: 20px;
font-weight:bold;
}

.titCom02{
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
margin: 30px 0 0 0;
}

.titCom02 strong,
.titCom02Top strong{
color:#ee7801
;
}

.titCom02Top{
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
margin: 15px 0 0 0;
}

.titCom02Glay{
background:#f7f4f0;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
font-weight: bold;
font-size: 108.3%;
margin:15px 0 0 0; 
padding: 6px 6px;
}

.titCom02Glay span{
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
line-height: 110%;
display: block;
}

.titCom03{
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
margin: 30px 0 0 0;
color:#ff0000;
}

.titCom04{
padding: 15px 0 0 0;
margin: 15px 0 0 0;
background: url(../img/bgr_com_dot.gif) repeat-x;
}

.titCom04 span{
display:block;
font-size: 133.3%;
line-height: 110%;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",sans-serif;
border-left: 3px solid #ee7801;
padding: 0 0 0 7px;
}

/* ===== テキスト ===== */
.txtCom01{
line-height: 160%;
margin: 15px 0 0 0;
}

.txtComCenter{
line-height: 160%;
text-align: center;
margin: 15px 0 0 0;
}

.imgComRequired{
vertical-align: middle;
margin: 0 5px;
}

.imgComRequired02{
vertical-align: middle;
margin: 0 5px 0 0;
}

.btnComArea{
font-size: 0;
line-height: 1;
text-align: center;
margin: 15px 0 0 0;
}

.btnComArea a{
margin: 0 5px;
}

.btnComArea02{
font-size: 0;
line-height: 1;
text-align: center;
margin: 15px 0 0 0;
padding:10px;
background:#FFECD8;
}

.txtComArrow{
background: url(../img/obj_common_arrow.gif) no-repeat 0 0.3em;
padding: 0 0 0 11px;
}

/* ===== エラー ===== */
div.boxComError{
background: #fff2f2;
color: #ff0000;
border: 1px solid #ff9999;
margin: 15px 0 0 0;
padding: 4px 10px 10px 10px;
}

div.boxComError p{
background: url(../img/bgr_com_error.gif) no-repeat 0px 0px;
padding: 0 0 0 21px;
margin: 6px 0 0 0;
}

div.boxTopTab div.boxComError{
margin: 15px 20px 0 20px;
}

/* ===== テーブル ===== */
table.tableCom{
width: 100%;
border-left: 1px solid #ccc7c2;
border-top: 1px solid #ccc7c2;
margin: 15px 0 0 0;
}

table.tableCom th,
table.tableCom td{
text-align: left;
vertical-align: top;
border-right: 1px solid #ccc7c2;
border-bottom: 1px solid #ccc7c2;
padding: 10px;
}

table.tableCom th{
background: #f7f4f0;
width: 200px;
font-weight: normal;
border-right: none;
}

table.tableCom th img{
vertical-align: middle;
margin: 0 5px 0 0;
}

table.tableCom p.txtLimit{
color: #999999;
margin: 10px 0 0 0;
}

table.tableCom p.txtCaution{
color: #ff0000;
margin: 10px 0 0 0;
}

table.tableCom ul.listLength{
margin: -5px 0 0 0;
}

table.tableCom ul.listLength li{
margin: 5px 0 0 0;
}

table.tableCom ul.listSide{
margin: -5px 0 0 0;
}

table.tableCom ul.listSide li{
float: left;
white-space: nowrap;
margin: 5px 8px 0 0;
}

table.tableCom p.txtEx{
background: #f7f4f0 url(../img/bgr_com_dot.gif) repeat-x left bottom;
font-weight: bold;
padding: 5px;
margin: 0 0 10px 0;
}

table.tableCom p.txtEx02{
background: #f7f4f0;
font-weight: bold;
padding: 5px;
margin: 10px 0 10px 0;
}

table.tableCom p.txtEx span{
font-weight: normal;
}

table.tableCom span.txtExample{
margin: 0 0 0 10px;
}

/* ===== フォーム ===== */
input.x-small{
width: 92px;
padding: 8px;
border: 1px solid #bfbab6;
}

input.small{
width: 184px;
padding: 8px;
border: 1px solid #bfbab6;
}

input.middle{
width: 456px;
padding: 8px;
border: 1px solid #bfbab6;
}

textarea.large{
width: 456px;
height: 144px;
padding: 8px;
resize: none;
border: 1px solid #bfbab6;
}

input[type="radio"],
input[type="checkbox"]{
margin: 0 2px;
vertical-align: middle;
}

select{
margin: 0 2px;
}

/* ===== サブコンテンツボックス ===== */
div.boxComSub{
background: url(../img/bgr_com_sub.gif) repeat-y;
margin: 10px 0 0 0;
}

div.boxComSub div.container{
background: url(../img/bgr_com_sub02.gif) no-repeat left bottom;
padding: 0 0 10px 0;
}

div.boxComSub p.txtfree{
margin: 10px 11px 0 11px;
}

div.boxComSub p.txtfree span.txtOrange{
color: #ee7801;
}

div.boxComSub dl.service dt{
font-size: 0;
line-height: 1;
margin: 10px 2px 0 2px;
}

div.boxComSub dl.service dt.search{
margin: 1px 2px 0 2px;
}

div.boxComSub dl.service dd{
margin: 10px 11px 0 11px;
}