@charset "utf-8";

/*初期化の設定
------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*基本レイアウト
------------------------------------------------------------------------------*/
html,body {	height: 100%; background-attachment: fixed;/*fixedを追加するとIEの破線dashed 点線dottedの不具合を回避できる*//*overflow-y: scroll;*//*position: relative;*/}
* html body{padding-left:1px;} *+html body{padding-left:1px;}
/*基本フォント設定
------------------------------------------------------------------------------*/
html, button, input, select, textarea { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; color: #000; font-size: 13px; line-height: 1.6em;}
img{vertical-align: bottom;}
br{ letter-spacing: 0; }
a{color: #0099CC;text-decoration: none;}
a:hover {text-decoration: underline;}
table { font-size:inherit; 	font:100%; }
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
strong{font-weight: bold;}
textarea {
}
h1,h2,h3,h4{font-weight:bold;}
/*共通の設定
------------------------------------------------------------------------------*/

/*■文字の設定*/
.fnt12	{font-size: 92.3% !important;} /*12px*/
.fnt13	{font-size: 100% !important;} /*13px*/
.fnt14	{font-size: 107.6% !important;} /*14px*/
.fnt16	{font-size: 123% !important;} /*16px*/
.fnt18	{font-size: 138.4% !important;} /*18px*/
.fnt20	{font-size: 153.8% !important;} /*20px*/
.fnt22	{font-size: 169% !important;} /*20px*/
.fnt24	{font-size: 184.6% !important;} /*24px*/

.Bld	{font-weight: bold !important;}
.Nml	{font-weight: normal !important;}
.clrBlk {color: #424c4f;}
.clrRed {color: #F00;}
.clrPle {color: #996699;}
.aClr { color: #C91; text-decoration: underline;}
/*■配置の設定*/

/*縦位置*/
.vlgnT	{vertical-align: top !important;}
.vlgnM	{vertical-align: middle !important;}
.vlgnB	{vertical-align: bottom !important;}

/*横位置*/
.algnR	{text-align: right !important;}
.algnL	{text-align: left !important;}
.algnC	{text-align: center !important;}

/*■マージン、パディング設定*/
/*上マージ*/
.mgT1	{margin-top: 1px !important; }.mgT3	{top-bottom: 3px !important;}
.mgT5	{margin-top: 5px !important; }.mgT10{margin-top: 10px !important;}
.mgT15	{margin-top: 15px !important;}.mgT20{margin-top: 20px !important;}
.mgT25	{margin-top: 25px !important;}.mgT30{margin-top: 30px !important;}
.mgT35	{margin-top: 35px !important;}.mgT40{margin-top: 40px !important;}
.mgT45	{margin-top: 45px !important;}.mgT50{margin-top: 50px !important;}
.mgT60	{margin-top: 60px !important;}.mgT70{margin-top: 70px !important;}
.mgT80	{margin-top: 80px !important;}.mgT90{margin-top: 90px !important;}
.mgT100 {margin-top: 100px !important;}
/*下マージ*/
.mgB1	{margin-bottom: 1px !important; }.mgB3	{margin-bottom: 3px !important;}
.mgB5	{margin-bottom: 5px !important; }.mgB10	{margin-bottom: 10px !important;}
.mgB15	{margin-bottom: 15px !important;}.mgB20	{margin-bottom: 20px !important;}
.mgB25	{margin-bottom: 25px !important;}.mgB30	{margin-bottom: 30px !important;}
.mgB35	{margin-bottom: 35px !important;}.mgB40	{margin-bottom: 40px !important;}
.mgB45	{margin-bottom: 45px !important;}.mgB50	{margin-bottom: 50px !important;}
.mgB60	{margin-bottom: 60px !important;}.mgB70	{margin-bottom: 70px !important;}
.mgB80	{margin-bottom: 80px !important;}.mgB90	{margin-bottom: 90px !important;}
.mgB100 {margin-bottom: 100px !important;}
/*右マージン*/
.mgR10	{margin-right: 10px !important;}.mgR15	{margin-right: 15px !important;}
.mgR20	{margin-right: 20px !important;}.mgR30	{margin-right: 30px !important;}
/*左右マージン*/
.mgRL5	{margin-right: 5px !important; margin-left: 5px !important;}.mgRL10	{margin-right: 10px !important; margin-left: 10px !important;}
.mgRL15	{margin-right: 15px !important; margin-left: 15px !important;}.mgRL20	{margin-right: 20px !important; margin-left: 20px !important;}

/*全てのマージン*/
.pg		{padding: 0 30px;}
.pg2	{padding: 0 40px;}

/*左右パディング*/
.pgRL5	{padding-left:5px !important; padding-right: 5px !important;}
.pgRL10	{padding-left:10px !important; padding-right: 10px !important;}
.pgRL15	{padding-left:15px !important; padding-right: 15px !important;}
.pgRL20	{padding-left:20px !important; padding-right: 20px !important;}
/*上下パディング*/

.pg0	{padding:0 !important;}
.pgTB5	{padding: 5px 0 !important;}
.pgTB10	{padding: 10px 0 !important;}
.pgTB15	{padding: 15px 0 !important;}
.pgTB20	{padding: 20px 0 !important;}

/*■テキスト装飾設定*/

/*共通UL,OLの設定*/

ul.Dul {
	margin-left: 2em;
	list-style-type: disc;
}

ol.Dol {
	margin-left: 2em;
	list-style-type: decimal;
}
.arw{
	padding-left: 10px;	
	background: transparent url(../images/arw_1.png) left center no-repeat;
	text-decoration: underline;	
}

select.slcM{
	width: 45px;
	margin-right: 3px;
}
select.slcL{
	width: 195px;
}
table.Dtable{
	width: 100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
table.Dtable th,
table.Dtable td{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 13px;
}
table.Dtable th{
	font-weight: bold;
	font-size: 108%;
	background: #EFEEF0;
	text-align: left;
	width: 161px;
	
}

.posiR{position: relative;}
.posiS{position: absolute;
}
/*■ハック関連*/

/*段落ち回避用ハック*/
.cfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cfix { display: inline-block;}
/*Hides from IE-mac\*/
*html .cfix{height:1%;}
.cfix{display: block}

/*段落ち回避用ハック*/
.cfixH:after{content: ".";display: block;clear: both;visibility: hidden;}
.cfixH { display: inline-block;}
/*Hides from IE-mac\*/
*html .cfixH{height:1%;}
.cfixH{display: block}

.hover:hover{
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}

/*====================================================================================
 * 基本レイアウト設定
 *===================================================================================*/
body{width: 100%;overflow-y: scroll;}

.wrap{position: relative;width: 1000px; margin: 0 auto;}

/*ヘッダー*/
header{position: relative; width: 100%; height: 317px; background: url("../img/top-bg.jpg") repeat-x;}
header .wrap{height: 317px; background: url("../img/stage-bg.jpg") no-repeat;}
header .wrap h1{width: 0px; height: 0px; white-space: nowrap; overflow: hidden;}
header .wrap h2{position: absolute; top: 60px; left: 16px;}
header .wrap .menu{position: absolute; top: 0px; left: 25px;}
header .wrap .menu li{float: left; margin-right: 11px;}
header .wrap .menu li a{display: block;}
header nav ul{position: absolute; top: 95px; right: 0px;}
header nav ul li{text-align: right; margin-bottom: 6px;}
header nav ul li a{display: block;}

/*フッター*/
footer{background: #231815; color: #fff;}
footer .wrap{width: 1000px; padding: 20px 0px;}
footer .wrap.steps{padding: 90px 0px 20px;}
footer .wrap nav ul{margin-bottom: 50px; text-align: center;}
footer .wrap nav ul li{width: 115px; height: 20px; border-right: 1px solid #fff; display: inline-block; text-align: center; line-height: 20px; vertical-align: middle;}
footer .wrap nav ul li.first{border-left: 1px solid #fff;}
footer .wrap nav ul li a{display: block; color: #fff;}
footer .wrap nav ul li a:hover{text-decoration: none;}
footer .wrap nav ul li span{display: block; font-size: 85%; line-height: 1.0em; margin-top: -3px;}
footer #close-btn{position: absolute; top: -5px; right: 68px;}
footer #footer-btn{position: absolute; top: -5px; right: 0px;}
footer #copyright{position: absolute; bottom: 25px; right: 0px;}

@media screen and (max-width: 1000px) {
	header,footer{width: 1000px;}
}

#main{position: relative; padding: 50px 0;}
/*====================================================================================
 * TOPページ
 *===================================================================================*/
#top-page header{background: transparent; position: absolute; z-index: 10;}
#top-page header .wrap{background: transparent;}
#top-page header .wrap h2{top: 60px;}
#top-page header nav ul{top: 95px;}

#top-page #main{padding: 0; background: url("../img/top-bg.jpg") repeat-x; height: 968px;}
#top-page #main .wrap{background: url("../img/top-img.jpg") no-repeat; height: 968px; width: 1000px;}
#top-page #main .wrap h1{width: 0px; height: 0px; white-space: nowrap; overflow: hidden;}

/*====================================================================================
 * 下層ページ　ヘッダー、メイン背景
 *===================================================================================*/
#lower-page header{background: transparent; position: absolute; z-index: 10; height: 124px;}
#lower-page header .wrap{background: transparent; height: 217px;}
#lower-page header .wrap h2{top: 60px;}
#lower-page header nav ul{top: 95px;}

#lower-page #main{padding: 0; background: #000 url("../img/top-bg.jpg") repeat-x;}
#lower-page #main .wrap{background: #000 url("../img/stage-bg.jpg") no-repeat; width: 1000px; min-height: 844px; padding: 124px 0 100px;}

/*====================================================================================
 * ROKKO ism
 *===================================================================================*/
#main.ism{padding: 0px 0px 0px;}
#main.ism h1{position: absolute; width: 100%; top: -193px; width: 447px; left: 289px;}
.ism-box1{width: 100%; height: 665px; background: url("../img/ism/bg.jpg") left bottom repeat-x;}
.ism-box1 .wrap{width: 560px; height: 665px; padding-left: 465px; background: url("../img/ism/img1.jpg") left top no-repeat;}
@media screen and (max-width: 1025px) {
	.ism-box1{width: 1025px;}
}
.ism-box1 .txt{color: #fff; font-size: 108%; line-height: 1.8em; padding: 20px 10px 0 20px;}

.ism-box2{background: url("../img/ism/img2.jpg") left bottom no-repeat;}
.ism-box2 .txt-box{float: left; width: 450px; padding: 50px 0 0 60px;}
.ism-box2 .txt-box p{font-size: 92.5%;line-height: 1.8em; margin-bottom: 35px;}
.ism-box2 .img{float: right;}

/*新着情報*/
/*#news{position: absolute; top: 260px; right: 0px; width: 400px; height: 300px; padding: 20px; background: #eb5500; color: #e5e5e5; z-index: 100;}*/
#news{
	position: fixed;
	background: #eb5500;
	width: 400px;
	height: 310px;
/*	top: 260px;*/
	top: 330px;
	right: -440px;
	padding: 20px 20px 10px;
	z-index: 20;
}
#news h1{position: absolute; left: -39px; top: 0px; cursor: pointer}
#news #news-scroll{
	position: relative;
	height: 310px;
	overflow: hidden;
	color: #e5e5e5;
}
#news #news-scroll ul li{border-bottom: 3px solid #a40d00; margin-bottom: 20px; padding-bottom: 20px;}
#news #news-scroll ul li p{margin-bottom: 15px;}
#news #news-scroll ul li a{color: #e5e5e5; text-decoration: underline; }
#news #news-scroll ul li a:hover{text-decoration: none;}

/*====================================================================================
 * STAGE2 Feature 強み
 *===================================================================================*/
#steps{position: relative; width: 1000px; height: 840px; margin-bottom: 70px;}
#steps a{display: block;}
#steps .step{position: absolute; bottom: 0px; left: 0px;}
#steps .step1{position: absolute; bottom: 29px; left: 25px; width: 917px; height: 126px;}
#steps .step2{position: absolute; bottom: 143px; left: 94px; width: 783px; height: 109px;}
#steps .step3{position: absolute; bottom: 241px; left: 144px; width: 679px; height: 126px;}
#steps .step4{position: absolute; bottom: 355px; left: 191px; width: 584px; height: 108px;}
#steps .step5{position: absolute; bottom: 451px; left: 236px; width: 500px; height: 94px;}
#steps .step6{position: absolute; bottom: 534px; left: 274px; width: 427px; height: 82px;}
#steps .step7{position: absolute; bottom: 605px; left: 304px; width: 368px; height: 71px;}
#steps .step8{position: absolute; bottom: 666px; left: 331px; width: 316px; height: 62px;}
#steps .step9{position: absolute; bottom: 718px; left: 352px; width: 274px; height: 71px;}
#steps .step10{position: absolute; bottom: 779px; left: 368px; width: 240px; height: 62px;}

.step-number{text-align: center; margin-bottom: 70px;}
.step-number li{display: inline-block; margin: 0 9px;}

.step-box{width: 1020px; margin: 0 0 0 -10px; background: url("../img/feature/step-bg-top.png") no-repeat; padding-top: 127px; margin-bottom: 66px;}
.step-box>.bottom{background: url("../img/feature/step-bg-bottom.png") left bottom no-repeat;padding-bottom: 188px;}
.step-box>.bottom>.inner{position: relative; background: url("../img/feature/step-bg-middle.png") left top repeat-y; width: 660px; padding: 0 180px 0;}
.step-box>.bottom>.inner .prev{position: absolute; top: 26px; left: 12px;}
.step-box>.bottom>.inner .next{position: absolute; top: 26px; right: 12px;}
.step-box>.bottom>.inner h1{position: absolute; top: -127px;}
.step-box>.bottom>.inner .txt{padding: 20px 65px; line-height: 1.6em; font-size: 13px;}
.step-box>.bottom>.inner .txt2{padding: 8px 110px; line-height: 1.6em; font-size: 13px;}
.step-box>.bottom>.inner .last{max-height: 380px;}
.step-box>.bottom>.inner .last3{max-height: 580px;}
.step-box>.bottom>.inner table{width: 530px; margin: -20px auto 30px;}
.step-box>.bottom>.inner table th{vertical-align: middle; text-align: left; padding-right: 20px; line-height: 1.6em;}

.step-box>.bottom>.inner .step2-box{position: relative;}
.step-box>.bottom>.inner .step2-box a{display: block; width: 62px; height: 62px; overflow: hidden; background: #000; text-indent: 120%; white-space: nowrap; opacity: 0.01;-ms-filter: "alpha(opacity=1)";  /* ie 8 */}
.step-box>.bottom>.inner .field1{position: absolute; left: 298px; top: 37px}
.step-box>.bottom>.inner .field2{position: absolute; left: 94px; top: 155px}
.step-box>.bottom>.inner .field3{position: absolute; left: 94px; top: 390px}
.step-box>.bottom>.inner .field4{position: absolute; left: 298px; top: 508px}
.step-box>.bottom>.inner .field5{position: absolute; left: 502px; top: 390px}
.step-box>.bottom>.inner .field6{position: absolute; left: 502px; top: 155px}

/*====================================================================================
 * 六興早わかり
 *===================================================================================*/
#main.summary{padding: 0px; text-align: center;}
.summary-box{padding: 0 0 55px;}
.summary-box .box-header{width: 704px; margin: 0 auto;}
.summary-box .box-header .box-inner{padding-bottom: 63px;}
.summary-box .box-header .box-inner p.txt{width: 530px; margin: 0 auto; text-align: left; font-size: 12px;line-height: 1.9em; padding: 20px 0 0;}

#q1.summary-box{background: #e95504;}
#q2.summary-box{background: #389838;}
#q3.summary-box{background: #1aa5b4;}
#q4.summary-box{background: #926b96;}
#q5.summary-box{background: #e18d00;}
#q6.summary-box{background: #e56c71;}
#q7.summary-box{background: #90b138;}
#q8.summary-box{background: #2c6eb7;}
#q9.summary-box{background: #da5d9e;}
#q10.summary-box{background: #73873e;}
#q1 .box-header{background: #fff url("../img/summary/bg1.png") left top no-repeat; border-top: 1px solid #e95504;}
#q1 .box-inner{background: url("../img/summary/bg1.png") left bottom no-repeat;}
#q2 .box-header{background: #fff url("../img/summary/bg2.png") left top no-repeat; border-top: 1px solid #5dab5d;}
#q2 .box-inner{background: url("../img/summary/bg2.png") left bottom no-repeat;}
#q3 .box-header{background: #fff url("../img/summary/bg3.png") left top no-repeat; border-top: 1px solid #53bcc7;}
#q3 .box-inner{background: url("../img/summary/bg3.png") left bottom no-repeat;}
#q4 .box-header{background: #fff url("../img/summary/bg4.png") left top no-repeat; border-top: 1px solid #ad90b0;}
#q4 .box-inner{background: url("../img/summary/bg4.png") left bottom no-repeat;}
#q5 .box-header{background: #fff url("../img/summary/bg5.png") left top no-repeat; border-top: 1px solid #e9aa40;}
#q5 .box-inner{background: url("../img/summary/bg5.png") left bottom no-repeat;}
#q6 .box-header{background: #fff url("../img/summary/bg6.png") left top no-repeat; border-top: 1px solid #ec9195;}
#q6 .box-inner{background: url("../img/summary/bg6.png") left bottom no-repeat;}
#q7 .box-header{background: #fff url("../img/summary/bg7.png") left top no-repeat; border-top: 1px solid #acc56a;}
#q7 .box-inner{background: url("../img/summary/bg7.png") left bottom no-repeat;}
#q8 .box-header{background: #fff url("../img/summary/bg8.png") left top no-repeat; border-top: 1px solid #5489c4;}
#q8 .box-inner{background: url("../img/summary/bg8.png") left bottom no-repeat;}
#q9 .box-header{background: #fff url("../img/summary/bg9.png") left top no-repeat; border-top: 1px solid #e17cb0;}
#q9 .box-inner{background: url("../img/summary/bg9.png") left bottom no-repeat;}
#q10 .box-header{background: #fff url("../img/summary/bg10.png") left top no-repeat; border-top: 1px solid #96a56e;}
#q10 .box-inner{background: url("../img/summary/bg10.png") left bottom no-repeat;}

.summary-navi{position: absolute; top: 20px; right: 50px; width: 37px; height: 354px; background: url("../img/summary/navi-bg.png") no-repeat; padding-top: 4px;}
.summary-navi li{position: relative; margin-bottom: 6px;}
.summary-navi li.q4{position: relative; margin-bottom: 7px;}
.summary-navi li.q8{position: relative; margin-bottom: 7px;}
.summary-navi li a{
	display: block;
	width: 29px;
	height: 29px;
	overflow: hidden;
	text-indent: 120%;
	white-space: nowrap;
	margin-left: 4px;
}
.summary-navi li.q1 a:hover,.summary-navi li.q1.slc a{background: url("../img/summary/navi1-on.png") left top no-repeat;}
.summary-navi li.q2 a:hover,.summary-navi li.q2.slc a{background: url("../img/summary/navi2-on.png") left top no-repeat;}
.summary-navi li.q3 a:hover,.summary-navi li.q3.slc a{background: url("../img/summary/navi3-on.png") left top no-repeat;}
.summary-navi li.q4 a:hover,.summary-navi li.q4.slc a{background: url("../img/summary/navi4-on.png") left top no-repeat;}
.summary-navi li.q5 a:hover,.summary-navi li.q5.slc a{background: url("../img/summary/navi5-on.png") left top no-repeat;}
.summary-navi li.q6 a:hover,.summary-navi li.q6.slc a{background: url("../img/summary/navi6-on.png") left top no-repeat;}
.summary-navi li.q7 a:hover,.summary-navi li.q7.slc a{background: url("../img/summary/navi7-on.png") left top no-repeat;}
.summary-navi li.q8 a:hover,.summary-navi li.q8.slc a{background: url("../img/summary/navi8-on.png") left top no-repeat;}
.summary-navi li.q9 a:hover,.summary-navi li.q9.slc a{background: url("../img/summary/navi9-on.png") left top no-repeat;}
.summary-navi li.q10 a:hover,.summary-navi li.q10.slc a{background: url("../img/summary/navi10-on.png") left top no-repeat;}

.summary-navi li span{
	position: absolute;
	display: none;
	right: 37px;
	top: 0px;
	text-align: right;
}
.summary-navi li.slc span{display: block;}
.summary-navi li.on span{display: block;}

@media screen and (max-width: 1025px) {
	#main.summary h1{width: 1025px;}
	.summary-box{width: 1025px;}
}

/*====================================================================================
 * 募集要項
 *===================================================================================*/
.contact-h1{position: absolute; top: -193px; left: 321px;}

.tbl-contact{width: 735px; margin: 0 auto; border-right: 1px solid #9fa0a0;}
.tbl-contact th{background: #f08c00; width: 150px; border-bottom: 1px solid #fff; padding: 20px 0; text-align: center; font-weight: bold; line-height: 1.4em; color: #fff; vertical-align:middle;}
.tbl-contact th.top{border-top: 1px solid #f08c00;}
.tbl-contact tr.last th{border-bottom: 1px solid #f08c00;}
.tbl-contact td{padding: 20px 15px; border-top: 1px solid #9fa0a0; line-height: 1.4em;}
.tbl-contact tr.last td{border-bottom: 1px solid #9fa0a0;}
.tbl-contact td .icn{position: relative; margin-left: 40px;}
.tbl-contact td .icn span{position: absolute; left: -40px; top: 0px;}

.tbl-contact table th{padding: 0; margin: 0; border: none; background: transparent; color: #000; font-weight: normal; width: auto;}
.tbl-contact table td{padding: 0 15px; border: none;}


/*====================================================================================
 * STAGE 3 Cast -社員紹介
 *===================================================================================*/
#stage-cast{color: #444;}
#stage-cast .wrap{width: 840px; margin: 0 auto;}
#stage-cast h2{font-size: 13px; font-weight: normal;}
#stage-cast h2 em{font-size: 20px;}
#stage-cast .cast-title{min-width: 840px; background: #f5b542; padding: 20px 0; font-size: 20px; font-weight: normal; text-align: center; color: #fff;}
#stage-cast .box1{padding: 30px 0px 60px 50px; line-height: 2em;}
#stage-cast .box2{padding: 30px 50px 60px 0px; line-height: 2em;}
#stage-cast .f-left{float: left; margin-right: 20px;}
#stage-cast .f-right{float: right; margin-left: 20px;}
#stage-cast .box3{background: #fff0c0; color: #bd8223; line-height: 2em;}
#stage-cast .box3 .wrap{padding: 40px 50px 20px; width: 740px; position: relative;}
#stage-cast .box3 ul.f-left{float: left; width: 370px; margin: 0}
#stage-cast .box3 ul li{margin-bottom: 40px;}
#stage-cast .box3 h4{background: url("../stage/images/icon.jpg") left 3px no-repeat; font-size: 17px; line-height: 1.0em; font-weight: normal; margin-bottom: 15px; padding-left: 15px;}
#stage-cast .box3 .f-right{float: right;width: 354px; margin: 0 0 40px;;}
#stage-cast .box3 .copyright{color: #444; text-align: center; padding-top: 20px;}
#stage-cast .box3 .close-btn{position: absolute; right: 0px; bottom: 35px;}

.cast-list{text-align: center; width: 1000px; margin-bottom: 30px;}
.cast-list li{margin: 12px; display: inline-block;}
.cast-list li a{display: block;}


/*====================================================================================
 * 支店情報
 *===================================================================================*/
/*マップ*/
#branch-map{position: relative; width: 700px; height: 620px; margin: 0 auto 30px;}
#branch-map .link1{position: absolute; left: 76px; top: 74px; color: #fff; font-size: 14px; line-height: 1.8em;}
#branch-map .link1 a{color: #fff;}
#branch-map .link1 a:hover{color: #fff100;}
#branch-map .link2{position: absolute; left: 224px; top: 74px; color: #fff; font-size: 14px; line-height: 1.8em;}
#branch-map .link2 a{color: #fff;}
#branch-map .link2 a:hover{color: #fff100;}

#branch-map .map-link .num1{position: absolute; left: 492px; top: 446px;}
#branch-map .map-link .num2{position: absolute; left: 515px; top: 446px;}
#branch-map .map-link .num3{position: absolute; left: 538px; top: 446px;}
#branch-map .map-link .num4{position: absolute; left: 551px; top: 151px;}
#branch-map .map-link .num5{position: absolute; left: 585px; top: 313px;}
#branch-map .map-link .num6{position: absolute; left: 490px; top: 337px;}
#branch-map .map-link .num7{position: absolute; left: 526px; top: 419px;}
#branch-map .map-link .num8{position: absolute; left: 577px; top: 395px;}
#branch-map .map-link .num9{position: absolute; left: 566px; top: 431px;}
#branch-map .map-link .num10{position: absolute; left: 515px; top: 474px;}
#branch-map .map-link .num11{position: absolute; left: 452px; top: 486px;}
#branch-map .map-link .num12{position: absolute; left: 398px; top: 466px;}
#branch-map .map-link .num13{position: absolute; left: 300px; top: 462px;}
#branch-map .map-link .num14{position: absolute; left: 277px; top: 431px;}
#branch-map .map-link .num15{position: absolute; left: 277px; top: 455px;}
#branch-map .map-link .num16{position: absolute; left: 221px; top: 442px;}
#branch-map .map-link .num17{position: absolute; left: 133px; top: 412px;}
#branch-map .map-link .num18{position: absolute; left: 27px; top: 530px;}
#branch-map .map-link .num19{position: absolute; left: 588px; top: 553px;}
#branch-map .return-btn{position: absolute; bottom: -55px; right: 35px;}

/*詳細*/
#branch-box{color: #444;}
#branch-box #header{position: relative; width: 780px; padding: 0 30px; margin: 0 auto 20px; z-index: 3000;}
#branch-box #header #pulldown-menu{position: absolute; top: 30px; left: 494px; width: 145px; font-size: 12px; z-index: 20;}
#branch-box #header #pulldown-menu p{width: 144px; padding: 5px 10px; background: #fff; cursor: pointer;}
#branch-box #header #pulldown-menu ul{display: none; width: 162px; border: 1px solid #ddd; border-bottom: none;}
#branch-box #header #pulldown-menu ul li{width: 142px; padding: 5px 10px; background: #fff; border-bottom: 1px solid #ddd;}
#branch-box #header #pulldown-menu ul li a{display: block; text-decoration: none; color: #444;}
#branch-box #header #pulldown-menu ul li:hover{background: #f5f5f5;}
#branch-box #header .title{position: relative; background: url("../branch/images/header-h1.jpg") left top no-repeat; padding-left: 136px;}
#branch-box #header .title h1{font-size: 46px; font-weight: normal; line-height: 1em; padding: 25px 0 10px;}
#branch-box #header .title p{line-height: 1em; font-size: 14px;}
#branch-box #header .title a{position: absolute; right: 0px; bottom: 0px;}

#branch-box .message-box{position: relative; width: 780px; padding: 0 30px; margin: 0 auto 20px;}
#branch-box .message-box .title h2{float: left;}
#branch-box .message-box .title p{float: right; width: 390px; padding-top: 15px;text-align: right; display: block; font-size: 16px; color: #f15a24;}
#branch-box .message-tab{position: relative; padding-top: 32px;}
#branch-box .message-tab .tab{position: absolute; background: #999; width: 260px; font-size: 18px; font-weight: normal; line-height: 32px; text-align: center; color: #fff; cursor:pointer;}
#branch-box .message-tab .tab.slc{background: #000;}
#branch-box .message-tab .tab.type1{top: 0px; left: 0px;}
#branch-box .message-tab .tab.type2{top: 0px; left: 260px; width: 258px; border-left:1px solid #fff; border-right: 1px solid #fff;}
#branch-box .message-tab .tab.type3{top: 0px; left: 520px;}
#branch-box .message-tab .contents{display: none; border: 1px solid #000; padding: 30px;}
#branch-box .message-tab .contents figure{width: 100px; float: left; text-align: center;}
#branch-box .message-tab .contents figure img{margin-bottom: 10px;}
#branch-box .message-tab .contents figure p{margin-bottom: 8px;}
#branch-box .message-tab .contents figure p.name{font-size: 15px;}
#branch-box .message-tab .contents .txt{display: block; width: 600px; float: right; line-height: 1.6em;}

#branch-box .workstyle-box{margin-bottom: 25px}
#branch-box .workstyle-box .title{position: relative; width: 780px; padding: 0 30px; margin: 0 auto;}
#branch-box .workstyle-box .title h2{float: left;}
#branch-box .workstyle-box .title p{float: right; width: 390px; padding-top: 15px;text-align: right; display: block; font-size: 16px; color: #f15a24;}
#branch-box .workstyle-box .bg{background: #eeeeee; padding: 30px 0 25px;}
#branch-box #keyimg-box{width: 840px; margin: 0 auto;}
#branch-box .bx-wrapper .bx-viewport{
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		border: none;
		left: 0px;
		background: #eee;
		overflow: hidden;
		width: 400px;
	}
#branch-box .bx-wrapper{margin: 0 auto 32px;}
#branch-box .bx-wrapper img{margin: 0 auto;}
#branch-box .bx-wrapper .bx-controls-direction a{width: 38px; height: 58px; margin-top: -19px}
#branch-box .bx-wrapper .bx-prev {
		left: -93px;
		background: url("../branch/images/bxslider-prev.jpg") 0px 0px no-repeat;
		background-size: 38px;
	}
#branch-box .bx-wrapper .bx-next {
		right: -93px;
		background: url("../branch/images/bxslider-next.jpg") 0px 0px no-repeat;
		background-size: 38px;
	}
#branch-box .bx-wrapper .bx-next:hover { background-position: 0px 0px;}
#branch-box .bx-wrapper .bx-pager{padding-top: 0px; bottom:-45px;}
#branch-box .bx-wrapper .bx-pager.bx-default-pager a {
		background: #ddd;
		text-indent: -9999px;
		display: block;
		width: 16px;
		height: 16px;
		margin: 0 8px;
		outline: 0;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
	}
#branch-box .bx-wrapper .bx-pager.bx-default-pager a.active{background: #999;}
#branch-box #bx-pager{text-align: center;}
#branch-box #bx-pager a{display: inline-block; width: 120px; margin: 0 6px; color: #666; text-decoration: none;}
#branch-box #bx-pager p{margin-top: 10px; font-size: 12px;}

#branch-box .performance-box{}
#branch-box .performance-box .title{position: relative; width: 780px; padding: 0 30px; margin: 0 auto;}
#branch-box .performance-box .title h2{float: left;}
#branch-box .performance-box .title p{float: right; width: 390px; padding-top: 15px;text-align: right; display: block; font-size: 16px; color: #f15a24;}
#branch-box .performance-box .bg{background: #000000; padding: 30px 0 30px;}
#branch-box .performance-box .bg ul{width: 792px; margin: 0 auto; padding: 0 18px 0 30px;}
#branch-box .performance-box .bg ul li{width: 252px; float: left; margin-bottom: 20px; margin-right: 12px;}
#branch-box .performance-box .bg ul li a{display: block; color: #fff; text-decoration: none; font-size: 14px; line-height: 1.4em;}
#branch-box .performance-box .bg ul li a img{margin-bottom: 10px;}

#branch-box #footer .top{background: #fbb03b;}
#branch-box #footer .top .bg{width: 780px; padding: 0 30px; margin: 0 auto; height: 70px; position: relative;}
#branch-box #footer .top .close-btn{position: absolute; right: 98px; top: -10px;}
#branch-box #footer .top .top-btn{position: absolute; right: 30px; top: -10px;}
#branch-box #footer .bottom{background: #f15a24;}
#branch-box #footer .bottom .bg{width: 780px; padding: 0 30px; margin: 0 auto; height: 85px; position: relative; vertical-align: top;}
#branch-box #footer .bottom .copyright{display: block;font-size: 12px; position: absolute; right: 30px; bottom: 5px; line-height: 1em; color: #fff;}

/*追加 2015/03/25 */
.footer-logo{background: #000; padding: 50px 0 100px;}
.footer-logo .algnC{width: 1000px; margin: 0 auto;}

/*村越追加 2015/03/25 */
table.data{
    border-top:1px solid #7f2d00;
    border-left:1px solid #7f2d00;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	line-height:180%;
}
.data th{
    border-right:1px solid #7f2d00;
    border-bottom:1px solid #7f2d00;
    color:#330000;
    background-color:#facd89;
    padding:0.4em 1em;
    text-align:center;
}
.data td{
    border-right:1px solid #7f2d00;
    border-bottom:1px solid #7f2d00;
    padding:0.4em 1em;