@charset "UTF-8";
* { margin:0; padding:0; }
body { background:#fff; font-family:sans-serif; color:#886347; line-height:1; }
/*font-size*/
body { font-size:12px; }
* html body { font-size:76.5%; }
*:first-child+html body { font-size:76.5%; }
h1,
h2,
h3,
h4,
h5,
h6,
address { font-size: 1em; }
.txt10 { font-size:83%; }
.txt11 { font-size:92%; }
.txt12 { font-size:100%; }
.txt13 { font-size:108%; }
.txt14 { font-size:117%; }
.txt15 { font-size:125%; }
.txt16 { font-size:133%; }
.txt18 { font-size:150%; }
.txt20 { font-size:167%; }
.txt22 { font-size:183%; }
.txt24 { font-size:200%; }


/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { overflow:hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; overflow:visible; }
/* End hide from IE-mac */

li { list-style:none; }
img { border:0; }
img.left { float:left; margin:0 15px 1em 0; }
img.right { float:right; margin:0 0 1em 15px; }
.clear { clear:both; }
.txtCenter { text-align:center !important; }
.txtRight { text-align:right !important; }
.txtLeft { text-align:left !important; }
.txtMiddle { vertical-align:middle !important; }
.caution { color:#bb0000;}

/* Common Links & Classes */

a:link { color:#cc5800; text-decoration:none; }
a:visited { color:#cc5800; text-decoration:none; }
a:hover { color:#ff6e00; text-decoration:none; }
a:active { color:#ff6e00; text-decoration:none; }
/* Layout */
#wrapper { width:800px; margin:0 auto; }
/* header */
#header { position:relative; padding:13px 10px 8px 31px; /*font-size:1px; */ }
#headdescription {
	position:absolute; 
	left:455px; top:30px;
	width:215px;
	font-size:10px; line-height:150%;letter-spacing:0px;
}

#logo { float:left; }
#function { float:right; width:107px; padding:17px 0 0 0; }
#function li { margin:0 0 4px 0; }
/* header */

/* navi */
#nav { margin:0 0 4px 0; font-size:1px; }
#nav li { float:left; margin:0 4px 0 0; }
#nav li.marginNone { margin-right:0; }
/* navi end */


/* sidebar */
#sidebar { width:130px; float:right; }
.subNav { font-size:1px; margin:0 0 1px 0; width:130px; font-family:"ＭＳ Ｐゴシック"; }
.subNav a { display:block; height:1%;}

/* sidebar end */

/* footer */
#footer { background:#a2877c; font-size:1px; height:20px; }
#footerFunc { padding:0 10px 0 15px; float:left; width:300px; }
#footerFunc li { margin:0 30px 0 0; float:left; width:109px; }
address { text-align:right; float:right; width:438px; display:block; }
/* footer end */

/* for home */
.home #flashArea { margin:0 0 10px 0; width:800px; }
.home #bannerArea { margin:0 0 10px 0; }
.home #report { margin:0 0 10px 0; }
.home #report h3 { margin:0 0 15px 0; }
.home #report #newsList,
.home #report #seminarList { width:323px; float:left; margin:0 10px 0 0; border:solid 1px #999; padding:12px 35px 0 35px; line-height:1.4; }
.home #report #seminarList { margin-right:0; }
.home #report dl dt { width:70px; float:left; clear:both; color:#000; }
.home #report dl dd { width:253px; float:left; margin:0 0 5px 0; }
/* for home end */

/* common layout */

#contentWrapper { }

#main { width:666px; float:left; line-height:1.5; }
#home #main { width:800px !important; float:none; padding:0 0 0 0; }
.breadcrumbs { background:#e9e2dd; min-height:19px; line-height:19px; padding:0 10px; font-size:92%; margin:0; }
* html .breadcrumbs { height:19px; }
#main h1 { margin:0 0 1px 0; }

#mainContent { padding:50px 10px 30px; }
#mainContent h2 { clear:both; background:url(../images/h2_bullet.gif) no-repeat 0px 0px; min-height:28px; font-size:167%; padding:0 0 0 22px; border-bottom:1px solid #d9cdc4; margin:0 0 20px 0; font-weight:normal; }
#mainContent h3 { background:url(../images/h3_bg.gif) repeat-x top; padding:5px 10px 3px; margin:0 0 15px 0; color:#fff; font-size:117%; font-weight:normal; }
#mainContent h5 { margin:0 0 8px 0;}
* html #mainContent h2 { height:28px; }
* html #mainContent h2,
* html #mainContent h3 { font-weight:bold; }
*:first-child+html #mainContent h2,
*:first-child+html #mainContent h3 { font-weight:bold; }

 #mainContent h3.emph { background:url(../images/h3_line.gif) no-repeat left bottom; font-size:133%; font-weight:bold; color:#886347; margin:0 0 15px 10px;; padding:0 0 0 15px; border-bottom:solid 1px #e1cbba;  }



#mainContent p { margin:0 0 10px 0; padding:0 10px; }
#mainContent p.readcopy { margin:0 0 50px 0; padding:0; }
#mainContent p.readcopyText { margin:0 0 20px 0; padding:0; }

.paragraph { margin:0 0 30px 0; position:relative; clear:both; }

.basicTB { width:100%; border-collapse:collapse; border-spacing:0; }
.basicTB th,
.basicTB td { padding:5px 10px; text-align:left; font-weight:normal; border:solid 1px #d9cdc4; vertical-align:top; }
.basicTB th { background:#f4f0ee; width:110px; }
.basicTB.flex th { background:#f4f0ee; width:auto; }
.basicTB.flex td { vertical-align:middle;}

.tabList { background:url(../images/tablist_bg.gif) repeat-x bottom; padding:0 0 0 10px; margin:0 0 30px 0; }
.tabList li { float:left; width:18em; }
.tabList a { display:block; padding:6px 0 4px; text-align:center; }
.tabList a.current { background:#fff; border:1px solid #d9cdc4; border-bottom:none; height:1%; }
.tabList.linkOff a.current:link { color:#886347; text-decoration:none; cursor:default; }
.tabList.linkOff a.current:visited { color:#886347; text-decoration:none; cursor:default; }
.tabList.linkOff a.current:hover { color:#886347; text-decoration:none; cursor:default; }
.tabList.linkOff a.current:active { color:#886347; text-decoration:none; cursor:default; }


.voice .left { float:left; margin:0; width:380px; }
.voice .left h3 p { margin:0 !important; padding:0 !important;}
.voice .right { float:right; margin:0; }
.voice .right img { width:218px;}
.voice .paragraph { border:1px solid #d9cdc4; padding:20px 10px 10px;}
.voice .headerSub { position:absolute; top:30px; right:0px; }

#blogMain { width:435px; float:right; }
#blogMain h2 { margin:0 0 4px 0; }
#blogMain h2 a:link { color:#886347; text-decoration:none; }
#blogMain h2 a:visited { color:#886347; text-decoration:none; }
#blogMain h2 a:hover { color:#cc5800; text-decoration:none; }
#blogMain h2 a:active { color:#cc5800; text-decoration:none; }

#blogMain p { padding:0; }
#blogMain p.date { font-size:12px; }
#blogMain .paragraph { padding:0 0 30px 0;}
#blogMain .paragraph .blogfunc { border-top:1px dotted #d9cdc4; padding:5px 0;}
#blogMain .paragraph .blogfunc li { width:49%; float:left;}
#blogMain label { display:block; padding:0 0 3px 0;}
#blogMain #comment-form-remember-me label { display:inline;}
#blogMain input { margin:0 10px 10px 0;}
#blogMain textarea { margin:0 0 10px 0;}

#blogSub { width:198px; float:left; margin:0 0 0 -10px; background:#f4f1ef; display:inline; font-size:12px; }
#blogSub h3 { background-image:none; background-color:#b39c8a; color:#fff; margin:0; }
#blogSub p { padding:0; }
#blogSub p.date { margin:0; }
#blogSub .paragraph { margin:0; padding:10px; }
#blogSub li { padding:0 0 4px 0; }
#blogSub li a { display:block; background:url(../images/arrow.gif) no-repeat 0px 4px; padding:0 0 0 13px; }
#blogSub li a:link { color:#886347; text-decoration:none; }
#blogSub li a:visited { color:#886347; text-decoration:none; }
#blogSub li a:hover { color:#ff6e00; text-decoration:underline; }
#blogSub li a:active { color:#ff6e00; text-decoration:underline; }

.calendarTB { width:100%; border-collapse:collapse; table-layout:fixed; line-height:1; }
.calendarTB td,
.calendarTB th { text-align:center; padding:3px 0; }
.calendarTB th { font-size:10px; }
.indexList { font-size:1px; }
.indexList li { margin:0 0 15px 0; }
.indexList li.left { float:left; }
.indexList li.right { float:right; }
.formText { width:350px; font-size:14px; }
.pageNavi { width:323px; margin:0 auto; font-size:12px; }
.pageNavi li { width:49%; }
.pageNavi .prev { float:left; }
.pageNavi .next { float:right; text-align:right; }
.pageNavi .prev a { background:url(../images/arrow_prev.gif) no-repeat center left; padding:0 0 0 13px; }
.pageNavi .next a { background:url(../images/arrow_next.gif) no-repeat center right; padding:0 13px 0 0; }

form p { clear:both; margin:0!important; padding: 3px 0 0 0!important;}
form .confirm { background: url(../images/btn_confirm.gif); width:193px; height:40px; border:none; cursor:pointer;}
form .submit { background: url(../images/btn_submit.gif); width:193px; height:40px; border:none; cursor:pointer;}
form .amend { background: url(../images/btn_amend.gif); width:193px; height:40px; border:none; cursor:pointer;}
label.error { color:#FF0000; display:block; margin:3px 0 0 0; padding:0; }
.sent { border:solid 1px #d9cdc4; padding:30px 20px 20px; margin:0 100px; text-align:center  }

#boxWrapper { width:666px; margin:0 -10px 0 -10px; }

.containerBox { border:1px solid #886347; border-top:6px solid #886347; width:310px; margin:0 10px 20px; float:left; display:inline; background:#f8f6f4; }
.containerBox .inner { padding:15px; }
#mainContent .containerBox p { padding:0; margin:0; }
#mainContent .containerBox h3 { padding:0; background:none; font-weight:normal; font-size:20px; margin:0; color:#886347; font-weight:normal !important; }
#mainContent .containerBox h4 { font-weight:normal; font-size:150%; margin:0 0 10px 0; }

.containerBox .left { width:145px; float:left; }
.containerBox .right { width:130px; float:right; text-align:right; }
.containerBox .stfPost,
.containerBox .stfDate { }
.containerBox .clearfix { padding:0 0 15px 0; border-bottom:1px solid #886347; margin:0 0 15px 0; }
.containerBox .stfID { height:40px; background:url(../../recruit/staff/images/voice_id.gif) no-repeat right top; font-size:150%; color:#fff; padding:35px 14px 0 0 !important; }

#gallery { margin:0 -58px 0 39px; width:658px;  }
.lbEntry { float:left; margin:0 0 35px 0; }
.lbEntry p.cap { padding:0 0 0 0!important; margin:0 0 5px 0!important; font-size:12px; width:96px; }
.lbEntry .lbThum { border:solid 1px #dacfc6; width:94px; margin:0 68px 3px 0; position:relative; }
.lbEntry a { display:block; overflow: hidden; margin:2px; text-align: center; vertical-align: middle; width: 90px; height: 90px; }

.floatbox {}
.floatbox .half { width:49%; float:left; }
.floatbox .half.bdRight { border-right: solid 1px #d9cdc4; }

.floatbox .date { width:158px; float:left; margin:0 23px 0 0; }
.floatbox .date p { padding:0;}
.floatbox .textBox { width:435px; float:left; }
.floatbox .textBox p { padding:0 !important;}
.floatbox .photo { width:130px; float:left;}
.floatbox .profile { float:left; }
.floatbox .profile p strong { font-size:117%; font-weight:bold; margin:0 0 10px 0; }

.paragraph.box { border:1px solid #d9cdc4; padding:10px 10px 10px;}

.listNumeric { padding:0 0 0 36px;}
.listNumeric li { list-style:decimal; padding:0 0 10px 0;}
.listNumeric li ul { padding:10px 0 0 20px;}
.listNumeric li ul li { list-style:disc; padding:0;}

.caseBox { margin:0 0 20px 0;}
.caseBox .left { float:left; width:300px;}
.caseBox .right { float:right; width:303px;background:#faf8f7; padding:10px;}
.caseBox .right h4 { margin:0 0 15px 0; clear:both; border-bottom:solid 1px #d8cbc2; font-size:117%; }
.caseBox .right h3 { margin:-10px -10px 20px -10px !important;}
.caseBox .right p { padding:0 0 0 0 !important; padding:0 0 0 0 !important; font-size:92%; }

.boxWrapper { border:1px solid #ebe4df;}
.caseBox.tax03 { padding:10px 10px 0; margin:0 0 0 0;background:#faf8f7;}
.caseBox.tax03 .right { padding:0; }
.caseBox.tax03 .right .phase { background:url(../../works/images/flow_bg.gif) no-repeat bottom; border-top: solid 1px #d8cbc2; padding:10px 10px 38px 10px; margin:0 0 10px 0;  }

.caseBox.tax03 .p01 { padding-bottom:165px;}
.caseBox.tax03 .right .phase .paragraph { margin:0;}
.caseBox.tax03 .right img { float:left; margin:0 10px 10px 0;}

.faq h4 { border-bottom:1px solid #d9cdc4; padding:5px 10px 3px 30px; margin:0 0 15px 0; font-size:117%; }
.faq p { padding:0!important; }
.faq .answerBox { padding:0 0 0 30px; }
.faq h4.question { background: url(../images/icon_q.gif) no-repeat 0px 5px;}
.faq h4.answer { background:url(../images/icon_a.gif) no-repeat  0px 5px; border:none; margin:0 0 5px 0; }
.faq table { margin:0 0 20px 0; }
.right394 { float:right; width:394px;}

.recBtn { margin:20px 0 0 0; text-align:center;}

.indent { padding:0 10px;}

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/* common layout end */