@charset "UTF-8";
@import url("lightbox.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　ページ共有のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

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

/* 基本フォント ------------------------------ */

body {
color: #333333;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
line-height: 1.5;
}

input,textarea,select {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 100%;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

* html body {
font-size: 75%;
}
*:first-child+html body {
font-size: 75%;
}


/* 基本タグ ------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
margin: 0;
padding: 0;
}

body {
background: #E3E1DA url(../image/bg.gif) repeat-y center top;
text-align: center;
}
/* IE7 */
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下 */
*html body {
padding-left: 1px;
}


img,table {
border: none;
}

ul {
list-style: none;
}

li img,
dt img {
vertical-align: bottom;
}

address,em,cite {
font-style: normal;
}


/* 基本テキストリンク ------------------------------ */

a:link {
color: #3366ff;
text-decoration: none;
}
a:visited {
color: #6699ff;
text-decoration: none;
}
a:hover {
color: #3366ff;
text-decoration: none;
}
a:active {
color: #3366ff;
text-decoration: none;
}


/* ページトップ ------------------------------ */

p.pagetopRight {
	margin: 10px 0 20px 0;
	text-align: right;
}


/* --------------------------------------------------------------------------------------
clearfix
--------------------------------------------------------------------------------------- */

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; zoom: 1; }
/* */


/* --------------------------------------------------------------------------------------
space
--------------------------------------------------------------------------------------- */

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }


/* --------------------------------------------------------------------------------------
レイアウト枠
--------------------------------------------------------------------------------------- */

div#wrap {
width: 100%;
background: #F0EEE7 url(../image/bg_wrap.gif) repeat-x;
}

div#wrapBt {
width: 100%;
background: url(../image/bg_wrap_bt.gif) repeat-x left bottom;
}

div#pageArea {
width: 820px;
margin: 0 auto;
padding-bottom: 48px;
background: #FFFFFF;
border-top: 4px solid #296899;
text-align: left;
}

div#ctArea {
width: 800px;
min-height: 184px;
margin: 0 0 0 10px;
background: url(../image/bg_ct.gif) repeat-y;
}
* html div#ctArea {
height: 184px;
}
div#ctArea.noBg {
background: none;
}

div#ctLeft {
float: left;
width: 200px;
background: #FFFFFF;
}

div#ctRight {
float: right;
width: 570px;
}


/* --------------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------------- */

div#hd {
position: relative;
width: 800px;
margin-left: 10px;
font-size: 0;
}

div#hd ul.hdMenu {
position: absolute;
top: 30px;
right: 0;
}

div#hd ul.hdMenu li {
float: left;
padding-left: 19px;
}

div#hd ul#gnavi {
width: 800px;
padding-bottom: 8px;
background: url(../image/bg_gnavi.gif) repeat-x left bottom;
}

div#hd ul#gnavi li {
float: left;
}


/* --------------------------------------------------------------------------------------
パンくず
--------------------------------------------------------------------------------------- */

div#location {
width: 800px;
margin: 11px 0 7px 10px;
}

div#location ul {
float: right;
background: url(../image/bg_location01.gif) no-repeat right top;
color:#999999;
font-size: 86%;
font-weight: bold;
}

div#location ul li {
float: left;
background: url(../image/bg_location01_bt.gif) no-repeat right bottom;
}

div#location ul li.now {
min-height: 14px;
padding: 4px 11px 4px 8px;
background: url(../image/bg_location01_bt.gif) no-repeat right bottom;
}

div#location ul li.lf {
background: url(../image/bg_location03.gif) no-repeat left top;
}
div#location ul li.lf span.leBt {
display: block;
padding-left: 5px;
background: url(../image/bg_location03_bt.gif) no-repeat left bottom;
}

div#location ul li span.tp {
display: block;
background: url(../image/bg_location02.gif) no-repeat right top;
}

div#location ul li span.bt {
display: block;
min-height: 14px;
padding: 4px 11px 4px 8px;
background: url(../image/bg_location02_bt.gif) no-repeat right bottom;
}

div#location ul li a:link,
div#location ul li a:visited{
color: #999999;
font-weight: normal;
}

div#location ul li a:hover,
div#location ul li a:active {
color: #cccccc;
font-weight: normal;
}

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

/* テキスト ------------------------------ */

p.center {
	text-align: center;
}


/* タイトル ------------------------------ */

.pagetitleA {
width: 800px;
margin: 0 0 20px 10px;
padding-top: 4px;
}

.pagetitleB {
width: 800px;
margin: 0 0 20px 10px;
padding-top: 4px;
background: #E3E1DA url(../image/bg_pagetitle_b.jpg) no-repeat;
}

.titA {
width: 570px;
margin-bottom: 11px;
background: url(../image/bg_tit.gif) repeat-x left top;
}

.titANone {
margin-bottom: 0px;
background: url(../image/bg_tit.gif) repeat-x left top;
}

.titA span,
.titANone span,
.titD span{
display: block;
float: left;
padding: 2px 0 0 0;
background: url(../image/bg_tit_blu.gif) repeat-x left top;
}

.titC {
margin: 0 0 11px 0;
background: url(../image/bg_tit.gif) repeat-x left top;
font-size: 250%;
font-weight: bold;
color: #666666;
line-height: 1.2;
}

.titC :after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 1%;
line-height: 0;
min-height: 100%;
}
* html .titC { display: inline-block; }
/* no ie mac \*/
* html .titC { height: 1%; }
.titC { display: block; zoom: 1; }
/* */

.titC span {
display: block;
float: left;
padding: 5px 0 0 0;
background: url(../image/bg_tit_blu.gif) repeat-x left top;
}

.titD {
width: 570px;
height: 55px;
margin-bottom: 11px;
/* padding: 0 0 13px 0; */
background: url(../image/bg_tit.gif) repeat-x left top;
}

.stitA {
padding: 7px 0 9px 12px;
background: url(../image/bg_stit_a.gif) repeat-x left top;
}

.stitA_position {
position: relative;
height: 31px;
padding: 7px 0 0 12px;
background: url(../image/bg_stit_a.gif) repeat-x left top;
}

.stitA_position span.link_top01 {
	position: absolute;
	left: 340px;
	top: 10px;
}

.stitB {
padding: 0 0 0 10px;
background: url(../image/bg_stit_b.gif) no-repeat;
}

.stitB_margin {
margin: 19px 0 10px 0;
}

.stitC {
display: block;
margin-bottom: 5px;
color: #b9a253;
font-size: 113%;
}

.stitD {
padding: 7px 0 7px 10px;
background: url(../image/bg_stit_d.gif) repeat-x;
}

.stitD_margin {
margin: 0 0 10px 0;
padding: 7px 0 7px 10px;
background: url(../image/bg_stit_d.gif) repeat-x;
}

/* --------------------------------------------------------------------------------------
左コンテンツ
--------------------------------------------------------------------------------------- */

/* ローカルナビ ------------------------------ */

dl.lnavi {
width: 200px;
margin-bottom: 10px;
font-size: 0;
}

/* 検索 ------------------------------ */

dl.searchArea {
margin-bottom: 10px;
background: #F7F4EA;
}

dl.searchArea dt {
font-size: 0;
}

dl.searchArea dd dl {
width: 180px;
margin-left: 10px;
padding-bottom: 2px;
}

dl.searchArea dd dl dt {
padding: 5px 9px 1px;
background: url(../image/bg_search_tp.gif) no-repeat;
}

dl.searchArea dd dl dd {
width: 180px;
margin-bottom: 8px;
padding-bottom: 8px;
background: url(../image/bg_search_bt.gif) no-repeat left bottom;
}

dl.searchArea dd dl dd ul {
padding: 6px 16px 0;
background: #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

dl.searchArea dd dl dd ul li {
padding: 0 0 2px 9px;
background: url(../image/icon_arw_blue.gif) no-repeat 0 .4em;
}

dl.searchArea dd dl dd div.formArea {
padding: 9px 8px 4px;
background: #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

dl.searchArea dd dl dd div.formArea p {
height: 23px;
background: url(../image/bg_search_box.gif) no-repeat;
}

dl.searchArea dd dl dd div.formArea p input.txt {
width: 120px;
padding: 4px;
background: none;
border: none;
vertical-align: top;
}

/* --------------------------------------------------------------------------------------
recruit
--------------------------------------------------------------------------------------- */

dl.searchArea dd dl dd p.recruit {
padding: 0;
background: #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
text-align: center;
}

dl.searchArea dd dl dd p.recruitBtn {
padding: 5px 0 0 0;
background: #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
text-align: center;
}

dl.searchArea dd dl dd {
width: 180px;
margin-bottom: 8px;
padding-bottom: 8px;
background: url(../image/bg_search_bt.gif) no-repeat left bottom;
}


/* --------------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------------- */

div#ft {
width: 100%;
background: #E3E1DA url(../image/bg_ft.gif) repeat-x;
font-size: 0;
}

div#ft div.ftArea {
width: 820px;
margin: 0 auto;
background: #FFFFFF;
text-align: left;
}

div#ft div.ftMain {
position: relative;
width: 800px;
height: 50px;
margin-left: 10px;
border-top: 2px solid #296899;
background: #F0F0F0;
}

div#ft div.ftMain p.pagetop {
position: absolute;
top: -22px;
right: 0;
padding-bottom: 3px;
border-bottom: 2px solid #296899;
}

div#ft div.ftMain ul {
padding: 12px 0 0 10px;
}

div#ft div.ftMain ul li {
float: left;
margin-right: 20px;
}

div#ft div.ftMain address {
position: absolute;
top: 12px;
right: 9px;
}