@charset "shift_jis";


/* タグ セレクタ 
------------------------------------------------------------------------------- */
body{
margin:0;
padding:0;
background:url(../public_img/bg.gif);
color:#626262;
font-size:12px;
font-size:80% !important;
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ", "sans-serif";
line-height:135%;
}

a{
margin:0;
padding:0;
color:#3366CC;
}

a:hover{
color: #3366CC; 
text-decoration: none;
}

a:visited{
color: #551A8B; 
}
 
h1, h2, h3, h4, h5, h6, p, ul, li{
margin:0;
padding:0;
}

img{
margin:0;
padding:0;
border:0;
}

hr{
display:none;
}

form{
margin:0;
padding:0;
}


/* ヘッダ
------------------------------------------------------------------------------- */
#header{
margin:25px auto 0 auto;
width:761px;
height:94px;
background:url(../public_img/hed_bg.jpg) no-repeat;
}

#header h1{
margin:17px 0 5px 13px;
}

#logo{
float:left;
width:119px;
}

#search{
float:right;
width:280px;
}

#search p{
margin:17px 13px 0 0;
padding:0;
}

#search .guild_btn{
margin:12px 22px 0 0;
text-align:right;
}

/* ナビゲーション
------------------------------------------------------------------------------- */
#g_navi{
margin-left:auto;
margin-right:auto;
width:761px;
background:url(../public_img/contents_bg.jpg) repeat-y;
}
#g_navi table{
margin-left:auto;
margin-right:auto;
}


.lay10{
margin-top:-5px;
position: absolute;
width: 140px;
height: 250px;
visibility: hidden;
}

.shop_container{
position:relative;
width:118px;
margin:0 auto;
text-align:left;
}

.lay11{
position: absolute;
margin-top:-5px;
width: 180px;
height: 55px;
visibility: hidden;
}

.leisure_lay{
position:relative;
width:151px;
margin:0 auto;
text-align:left;
z-index:20;
}

.lay12{
position: absolute;
margin-top:-5px;
width: 190px;
height: 55px;
visibility: hidden;
z-index:1000;
}

#nav03{
margin:0;
width:100%;
background-color:#FFF1B0;
border-top: 1px solid #993300;
border-right: 1px solid #993300;
border-left: 1px solid #993300;
}

#nav03 ul{
margin: 0;
padding: 0;
}

#nav03 ul li{
margin: 0;
padding: 0;
text-align:center;
list-style-type: none;
}

#nav03 a{
display:block;
width:100%;
margin:0;
padding:5px 0 5px 0;
color:#993300;
text-decoration:none;
background-color:#FFF1B0;
border-bottom: 1px solid #993300;
}

#nav03 ul li a:hover {
color:#FFFFFF;
background-color: #CC721B;
}


/* コンテナ
------------------------------------------------------------------------------- */
#container{
margin-left:auto;
margin-right:auto;
padding:10px 25px 10px 25px;
width:711px;
background:url(../public_img/contents_bg.jpg) repeat-y;
}

.contents_under{
margin-left:auto;
margin-right:auto;
width:761px;
height:25px;
background:url(../public_img/contents_under_bg.jpg) no-repeat;
}

/* 3カラムレイアウト
------------------------------------------------------------------------------- */
#left_area{
margin-right:14px;
width:170px;
}

#main_area{
margin-right:14px;
width:344px;
}

#right_area{
width:170px;
}

/* 2カラムレイアウト
------------------------------------------------------------------------------- */
#side_area{
width:170px;
text-align:left;
}

#main_area_02{
margin-right:23px;
width:505px;
text-align:left;
}

#side_bg{
padding:8px;
background-color:#FFF6CF;
}

/* 各ページタイトル
------------------------------------------------------------------------------- */

#p_tit{
margin:10px 0 15px 0;
}
#p_tit h2{
color:#ff9000;
font-size:1.8em;
text-align:left;
}

/*add20091215*/
h3{
font-size:16px;
font-size:130% !important; 
}


h4{
font-size:14px;
font-size:120% !important; 
}

/* タイトル小見出し (career)
------------------------------------------------------------------------------- */
.midashi{
margin:8px auto;
padding:5px;
color:#823B02;
font-size:14px;
font-weight:bold;
font-size:120% !important; 
text-align:left;
background:#FFF1B0;
}

/* フッター
------------------------------------------------------------------------------- */
#footer{
margin-left:auto;
margin-right:auto;
width:761px;
}

/* 余白
------------------------------------------------------------------------------- */
.mgn5{
margin:5px;
}

.mgn15{
margin:15px;
}

.mt5{
margin:5px 0 0 0;
}

.mt10{
margin:	10px 0 0 0;
}

.mt15{
margin:	15px 0 0 0;
}

.mt30{
margin:	30px 0 0 0;
}

.mb10{
margin:	0 0 10px 0;
}

.mb20{
margin:	0 0 20px 0;
}

.mb30{
margin:0 0 50px 0;
}

.m_tb_10{
margin:10px 0 10px 0;
}

.m_tb_30{
margin:30px 0 30px 0;
}

.ml20{
margin:0 0 0 20px;
}

.ml40{
margin:0 0 0 40px;
}

.mr5{
margin:0 5px 0 0;
}

.mr20{
margin:0 20px 0 0;
}

.mr60{
margin:0 60px 0 0;
}

.pdn5{
padding:5px;
}

.pdn10{
padding:10px;
}

/*add 20091210*/

.mb5{
margin:	0 0 5px 0;
}

.mr10{
margin:0 10px 0 0;
}


/* 共有
------------------------------------------------------------------------------- */
.more{
margin:10px 0 0 0;
padding-right:12px;
font-size:10px;
font-size:0.8em !important; 
font-weight:bold;
text-align:right;
line-height:1.0em;
background:url(../public_img/arrow_blue.gif) 100% 100% no-repeat;
}

.more02{
margin-top:10px;
margin-right:10px;
padding-right:24px;
height:18px;
font-size:12px;
font-weight:bold;
text-align:right;
background:url(../public_img/arrow_box_blue.gif) 100% 100% no-repeat;
}

.more03{
margin-top:10px;
margin-left:10px;
padding-left:20px;
height:18px;
font-size:12px;
font-weight:bold;
text-align:left;
background:url(../public_img/arrow_box_blue.gif)  no-repeat;
}

#base_lst ul{
margin:5px 5px 0 0;
padding:0;
list-style:none;
}
#base_lst li{
margin-bottom:5px;
padding-bottom:5px;
padding-left:18px;
line-height:135%;
background:url(../public_img/arrow_blue.gif) no-repeat;
}

.log_btn{
margin:10px 0;
width:170px;
height:30px;
border: none;
}

.left_top_box01{
width:170px;
height:10px;
background:url(../public_img/box_top_bg01.gif) no-repeat;
}


.left_under_box01{
width:170px;
height:10px;
background:url(../public_img/box_under_bg01.gif) no-repeat;
}


#text_box_01{
margin-top:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
width:670px;
text-align:left;
}

.dot_line{
clear:both;
margin:10px 0;
width:100%;
height:5px;
background:url(../public_img/dot_line.gif) repeat-x;
}

.note{
margin:8px 0;
padding:8px;
font-size:0.95em;
line-height:140%;
background:#F3F3F3;
}



/* PDF_アイコン
-------------------------------------------------------------------------------- */
.rule_lst{
margin:10px 5px 5px 0; 
padding-left:20px;
height:22px;
text-align:left;
background:url(../public_img/icon_pdf.gif) no-repeat;
}

/* キャプション
------------------------------------------------------------------------------- */
.caption{
margin:10px; 
width:170px;
}

.caption_02{
margin:10px; 
}

.phto_01{
margin:10px 10px 0px 10px;
}


/* 上へ戻る
------------------------------------------------------------------------------- */
#up_btn{
margin:0 auto;
padding:10px 0;
text-align:right;
}
#up_btn a{
padding:0 0 0 15px;
background:url(../public_img/arrow_blue02.gif) no-repeat;
}
.up_btn02{
margin:0 auto;
padding:5px 0 10px 0;
text-align:right;
}

.up_btn02 a{
padding:0 0 0 15px;
background:url(../public_img/arrow_blue02.gif) no-repeat;
}




/* 四角リスト　(career.area.kyosai)
------------------------------------------------------------------------------- */
#kenshu{
margin-bottom:15px;
}

#kenshu h4{
margin:10px 10px 15px 10px;
color:#3366CC;
font-size:14px;
font-size:120% !important; 
}

#kenshu ul{
margin:5px 5px 0 0;
padding:0;
list-style:none;
}
#kenshu li{
padding-bottom:5px;
padding-left:18px;
background:url(../public_img/arrow_bro.gif) no-repeat;
}


/* 非表示タグ設定
------------------------------------------------------------------------------- */
.clear{
clear:both;
margin:0;
padding:0;
height:0px;
}

.hide{
display:none;
}

/* キャリアアップテーブル
-------------------------------------------------------------------------------- */
#career_cell{
margin:0 0 15px 0;
}

#career_cell table{
width:100%;
border: 1px solid #CCCCCC;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
background: #FFFFFF;
}

#career_cell th, #career_cell td {
padding: 3px;
border: 1px solid #CCCCCC;
}
#career_cell th{
text-align:center;
background:#E6E6E6;
}


/* エラーボックス(err.tpl)
------------------------------------------------------------------------------- */
#error_box{
margin:15px auto;
padding:10px;
width:518px;
text-align:left;
background: url(../public_img/form_img/error_icon.gif) 8px 10px no-repeat #FFCCCC;
border:1px solid #FF0033; 
}

#error_box ul li{
margin:0 10px 0 100px;
line-height:140%;
}

/* テーブル用ボーダー
------------------------------------------------------------------------------- */
#cell_line th, #cell_line td{
background:url(../public_img/dot_line.gif) bottom repeat-x;
}


/* addclass 2010/07/20
-------------------------------------------------------------------------------- */
.formExtxtBox{
padding:10px;
border:1px #FFCCCC solid;
margin-bottom:10px;
}

/*clearfix
------------------------------------------------------------------------------- */
.clearfix::after {
    content		: " ";
    display		: block;
    visibility	: hidden;
    clear		: both;
    height		: 0.1px;
    font-size	: 0.1em;
    line-height	: 0;
}

/* for IE7 */
*:first-child+html .clearfix  {
	min-height: 1%;
	/*zoom	: 1;*/
}

/* for Mac IE */
* html .clearfix {
	display	: inline-table;
}

/* no Mac IE \*/
* html .clearfix {
	height	: 1%;
}
.clearfix {
	display	: block;
}
/* */