@charset "UTF-8";

/* About This CSS File -----------------------------------------------
name: styles.css
information: 各ページのスタイル
date: 2012.01.06
--------------------------------------------------------------------*/

/* Index -------------------------------------------------------------
01: HOME
02: CONCEPT
03: MENU
04: LOCATION
05: COMPANY
06: RECRUIT
07: ERROR
--------------------------------------------------------------------*/

/*====================================================================
01: HOME
====================================================================*/

#homeContent{
width: 100%;
font-size: 12px;
line-height: 1.5em;
text-align: left;
background: url(../images/concept/bgi_header_01.png) no-repeat center 770px;
}
#homeContent #topBanner{
width: 900px;
height: 500px;
margin: -30px auto 0;
position: relative;
overflow: hidden;
}
#homeContent #contentsList{
width: 900px;
margin: 160px auto 0;
}
#homeContent #contentsList li{
width: 300px;
height: 250px;
float: left;
}
#homeContent #news{
width: 940px;
margin: 50px auto -30px;
}
#homeContent #news p{
height: 30px;
padding-left: 30px;
background: url(../images/common/lin_footer_01.gif) no-repeat left bottom;
}
#homeContent #news div{
width: 880px;
height: 120px;
overflow-y: scroll;
margin: 0 auto;
margin-top: 20px;
}
#homeContent #news div dl{
width: 860px;
border: solid 1px #f2eada;
margin-bottom: 1px;
line-height: 17px;
background-color: #ffffff;
}
#homeContent #news div dl dt{
width: 100px;
color: #e60012;
padding: 10px;
float: left;
}
#homeContent #news div dl dd{
padding: 10px;
}
#homeContent #news div dl dd p{
width: 720px;
display: inline;
background: none;
padding: 0;
margin: 0;
}


#homeContent #news2{
width: 940px;
margin: 50px auto -30px;
}
#homeContent #news2 p{
height: 30px;
padding-left: 30px;
background: url(../images/common/lin_footer_01.gif) no-repeat left bottom;
}
#homeContent #news2 div{
width: 900px;
height: 120px;
overflow-y: scroll;
margin: 0 auto;
margin-top: 20px;
}
#homeContent #news2 div dl{
width: 880px;
border: solid 1px #f2eada;
margin-bottom: 1px;
line-height: 17px;
background-color: #ffffff;
}
#homeContent #news2 div dl dt{
width: 100px;
color: #e60012;
padding: 10px 10px 10px 20px;
float: left;
}
#homeContent #news2 div dl dd{
padding: 10px;
}
#homeContent #news2 div dl dd p{
width: 730px;
display: inline;
background: none;
padding: 0;
margin: 0;
}
#homeContent #news2 div dl dd p a{
color: red;
}



#homeContent #backgroundImage li{
width: 100%;
position: absolute;
z-index: -1;
left: 0;
top: 0;
}

/*====================================================================
02: CONCEPT
====================================================================*/
#conceptContent{
width: 100%;
background: url(../images/concept/bgi_header_01.png) no-repeat center 200px;
position: relative;
z-index: 1;
}
#conceptContent .mainArea{
min-height: 500px;
margin: 0 auto;
position: relative;
font-size: 14px;
line-height: 25px;
text-align: left;
}
#conceptContent #backgroundImage li{
width: 100%;
position: absolute;
z-index: -1;
left: 0;
top: 0;
}
#conceptContent strong{
font-size: 120%;
font-weight: bold;
}
/*INDEX*/
#conceptContent #indexContent{
width: 780px;
position: relative;
padding-top: 700px;
}
#conceptContent #indexContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#conceptContent #indexContent #conceptText{
width: 780px;
height: 680px;
position: absolute;
left: 60px;
top: -50px;
background: url(../images/concept/lin_concept_01.gif) no-repeat left bottom;
}
#conceptContent #indexContent ul li{
width: 180px;
float: left;
}
#conceptContent #indexContent #listTop{
width: 540px;
margin: 0 auto;
}
#conceptContent #indexContent #listBottom{
width: 360px;
margin: 40px auto;
}
#conceptContent #backgroundImage #index01{
height: 900px;
background: url(../images/concept/bgi_gyutan_01.png) no-repeat left 500px;
}
#conceptContent #backgroundImage #index02{
height: 1200px;
background: url(../images/concept/bgi_tororo_02.png) no-repeat right 800px;
}
#conceptContent #backgroundImage #index03{
height: 1500px;
background: url(../images/concept/bgi_mugimeshi_01.png) no-repeat left 1100px;
}
/*CATEGORY*/
#conceptContent #categoryContent{
width: 780px;
position: relative;
padding-top: 50px;
text-align: center;
}
#conceptContent #categoryContent h2{
width: 70px;
position: absolute;
right: -90px;
top: -40px;
}
#conceptContent #categoryContent p{
padding-bottom: 70px;
}
/*BOTTOM NAVI*/
#conceptContent #bottomNavi{
width: 360px;
margin: 40px auto;
}
#conceptContent #bottomNavi li{
float: left;
}
#conceptContent #bottomNavi .prevPage{
width: 120px;
text-align: left;
}
#conceptContent #bottomNavi .prevPage a{
display: block;
background: url(../images/common/ico_link_03.gif) no-repeat left center;
padding-left: 20px;
}
#conceptContent #bottomNavi .indexPage{
width: 120px;
text-align: center;
background: url(../images/common/lin_bottomnavi_01.gif) repeat-y 10px top;
}
#conceptContent #bottomNavi .nextPage{
width: 120px;
text-align: right;
}
#conceptContent #bottomNavi .nextPage a{
display: block;
background: url(../images/common/ico_link_01.gif) no-repeat right center;
padding-right: 20px;
}
/*GYUTAN*/
#conceptContent #gyutanContent{
width: 780px;
position: relative;
padding-top: 310px;
}
#conceptContent #gyutanContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#conceptContent #gyutanContent .visual{
width: 640px;
height: 350px;
position: absolute;
left: 105px;
top: -50px;
}
#conceptContent #gyutanContent dl{
padding-bottom: 20px;
}
#conceptContent #gyutanContent dl dt{
width: 570px;
min-height: 50px;
}
#conceptContent #gyutanContent dl dd.text{
width: 500px;
padding-left: 70px;
}
#conceptContent #gyutanContent dl dd.image{
width: 180px;
float: right;
}
#conceptContent #gyutanContent .detail{
width: 780px;
padding-top: 40px;
margin-top: 20px;
border-top: dotted 1px #e5cfa1;
text-align: center;
}
#conceptContent #backgroundImage #gyutan01{
height: 1000px;
background: url(../images/concept/bgi_gyutan_01.png) no-repeat left 600px;
}
#conceptContent #backgroundImage #gyutan02{
height: 1400px;
background: url(../images/concept/bgi_gyutan_02.png) no-repeat right 1000px;
}
/*TORORO*/
#conceptContent #tororoContent{
width: 780px;
position: relative;
padding-top: 260px;
}
#conceptContent #tororoContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#conceptContent #tororoContent .visual{
width: 380px;
height: 290px;
position: absolute;
left: 250px;
top: -50px;
}
#conceptContent #tororoContent dl{
padding-bottom: 20px;
}
#conceptContent #tororoContent dl dt{
width: 570px;
height: 50px;
}
#conceptContent #tororoContent dl dd.text{
width: 500px;
padding-left: 70px;
}
#conceptContent #tororoContent dl dd.image{
width: 180px;
float: right;
}
#conceptContent #backgroundImage #tororo01{
height: 800px;
background: url(../images/concept/bgi_tororo_01.png) no-repeat left 400px;
}
#conceptContent #backgroundImage #tororo02{
height: 1200px;
background: url(../images/concept/bgi_tororo_02.png) no-repeat right 800px;
}
/*MUGIMESHI*/
#conceptContent #mugimeshiContent{
width: 780px;
position: relative;
padding-top: 290px;
}
#conceptContent #mugimeshiContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#conceptContent #mugimeshiContent .visual{
width: 500px;
height: 350px;
position: absolute;
left: 195px;
top: -50px;
}
#conceptContent #mugimeshiContent dl{
padding-bottom: 20px;
}
#conceptContent #mugimeshiContent dl dt{
width: 570px;
min-height: 50px;
}
#conceptContent #mugimeshiContent dl dd.text{
width: 500px;
padding-left: 70px;
}
#conceptContent #mugimeshiContent dl dd.image{
width: 180px;
float: right;
}
#conceptContent #backgroundImage #mugimeshi01{
height: 900px;
background: url(../images/concept/bgi_mugimeshi_01.png) no-repeat left 500px;
}
#conceptContent #backgroundImage #mugimeshi02{
height: 1400px;
background: url(../images/concept/bgi_mugimeshi_02.png) no-repeat right 1000px;
}
/*OTHER*/
#conceptContent #otherContent{
width: 780px;
position: relative;
padding-top: 50px;
}
#conceptContent #otherContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#conceptContent #otherContent .visual{
width: 720px;
height: 300px;
position: absolute;
left: 50px;
top: -50px;
}
#conceptContent #otherContent dl{
padding-bottom: 30px;
}
#conceptContent #otherContent dl dt{
width: 570px;
height: 50px;
padding-bottom: 20px;
}
#conceptContent #otherContent dl dd.text{
width: 500px;
padding-left: 70px;
}
#conceptContent #otherContent dl dd.image{
width: 180px;
padding-top: 20px;
float: right;
}
#conceptContent #backgroundImage #other01{
height: 900px;
background: url(../images/concept/bgi_other_01.png) no-repeat left 500px;
}
#conceptContent #backgroundImage #other02{
height: 1250px;
background: url(../images/concept/bgi_other_02.png) no-repeat right 850px;
}
/*SUB*/
#conceptContent #subContent{
width: 780px;
position: relative;
padding-top: 50px;
}
#conceptContent #subContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#conceptContent #subContent .visual{
width: 720px;
height: 300px;
position: absolute;
left: 50px;
top: -50px;
}
#conceptContent #subContent dl{
padding-bottom: 30px;
}
#conceptContent #subContent dl dt{
width: 570px;
height: 50px;
padding-bottom: 20px;
}
#conceptContent #subContent dl dd.text{
width: 500px;
padding-left: 70px;
}
#conceptContent #subContent dl dd.image{
width: 180px;
padding-top: 20px;
float: right;
}
#conceptContent #backgroundImage #sub01{
height: 900px;
background: url(../images/concept/bgi_sub_01.png) no-repeat left 500px;
}
#conceptContent #backgroundImage #sub02{
height: 1200px;
background: url(../images/concept/bgi_sub_02.png) no-repeat right 800px;
}

/*====================================================================
03: MENU
====================================================================*/
#menuContent{
width: 100%;
background: url(../images/menu/bgi_header_01.png) no-repeat center 200px;
}
#menuContent .mainArea{
min-height: 500px;
margin: 0 auto;
position: relative;
font-size: 14px;
line-height: 25px;
text-align: left;
}
/*INDEX*/
#menuContent #indexContent{
width: 780px;
padding-top: 20px;
}
#menuContent #indexContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#menuContent #indexContent p{
width: 780px;
height: 15px;
font-size: 12px;
line-height: 15px;
}
#menuContent #indexContent ul{
width: 780px;
position: relative;
}
#menuContent #indexContent ul li{
min-width: 250px;
min-height: 100px;
padding: 5px;
font-size: 0;
line-height: 1px;
float: left;
}
#menuContent #indexContent ul li.mixTitle{
min-width: 336px;
min-height: 74px;
position: absolute;
left: -45px;
top: 4035px;
}

/*---GRAND_MENU / LUNCH_MENU / TAKASHIMAYA_MENU---*/
#menuContent #grandMenu, #menuContent #lunchMenu,  #menuContent #TgrandMenu{
width: 900px;
text-align: center;
}
#menuContent #grandMenu h2, #menuContent #lunchMenu h2, #menuContent #TgrandMenu h2{
position: absolute;
width: 70px;
right: -95px;
top: -40px;
}
#menuContent #grandMenu #gmBook, #menuContent #lunchMenu #lmBook, #menuContent #TgrandMenu #tgmBook{
width: 920px;
height: 971px;
margin: 0 auto;
}
#menuContent #grandMenu #gmBook .flipbook-book{
background: #e5ddc3 url(../images/menu/GM_title.png) no-repeat center center !important;
}
#menuContent #lunchMenu #lmBook .flipbook-book{
background: #e5ddc3 url(../images/menu/LM_title.png) no-repeat center center !important;
}
#menuContent #TgrandMenu #tgmBook .flipbook-book{
background: #e5ddc3 url(../images/menu/TGM_title.png) no-repeat center center !important;
}
#menuContent #grandMenu #gm-sub, #menuContent #lunchMenu #lm-sub, #menuContent #TgrandMenu #tgm-sub{
width: 900px;
height: 280px;
text-align: left;
}
#menuContent #grandMenu #gm-sub p, #menuContent #lunchMenu #lm-sub p, #menuContent #TgrandMenu #tgm-sub p{
width: 780px;
height: 15px;
font-size: 12px;
line-height: 15px;
padding-left: 60px;
}
#menuContent #grandMenu #gm-sub a, #menuContent #TgrandMenu #tgm-sub a{
color: #dc143c;
text-decoration: underline;
}
#menuContent #grandMenu ul, #menuContent #lunchMenu ul{
position: absolute;
top: 22px;
right: 9px;
list-style-type: none;
}
#menuContent #grandMenu ul li, #menuContent #lunchMenu ul li{
float: left;
}
#menuContent #grandMenu ul li a, #menuContent #lunchMenu ul li a{
display: block;
}
#menuContent #grandMenu ul li:first-of-type a, #menuContent #lunchMenu ul li:first-of-type a{
width: 174px;
height: 38px;
background: url(../images/menu/GM-LM_btn.png) no-repeat 0px 0px;
}
#menuContent #grandMenu ul li:last-of-type a, #menuContent #lunchMenu ul li:last-of-type a{
width: 157px;
height: 38px;
background: url(../images/menu/GM-LM_btn.png) no-repeat -174px 0px;
}
#menuContent #grandMenu ul li a:hover, #menuContent #lunchMenu ul li a:hover{
opacity: 0.5
}
#menuContent #grandMenu ul li a span, #menuContent #lunchMenu ul li a span{
display: none;
}
#menuContent #footer{
clear: both;
}

/*COOKING*/
#menuContent #cookingContent{
width: 730px;
padding-top: 40px;
}
#menuContent #cookingContent h2{
width: 70px;
position: absolute;
right: -120px;
top: -40px;
}
#menuContent #cookingContent dl{
margin-bottom: 40px;
border-top: solid 1px #e5cfa1;
padding-top: 30px;
}
#menuContent #cookingContent dl dt{
width: 200px;
height: 160px;
float: left;
}
#menuContent #cookingContent dl dd{
width: 530px;
height: 160px;
padding-bottom: 20px;
float: left;
}
/*NUTRITION*/
#menuContent #nutritionContent{
width: 780px;
padding-top: 20px;
}
#menuContent #nutritionContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#menuContent #nutritionContent h3{
height: 40px;
background: url(../images/common/bgi_caption_01.gif);
font-size: 16px;
line-height: 40px;
font-weight: bold;
padding-left: 10px;
margin: 40px 0 20px 0;
}
#menuContent #nutritionContent table{
width: 100%;
font-size: 12px;
line-height: 18px;
border-collapse: collapse;
border: dotted 1px #e5cfa1;
background-color: #fff;
}
#menuContent #nutritionContent table th{
font-weight: normal;
vertical-align: middle;
border: dotted 1px #e5cfa1;
padding: 5px;
background-color: #fcfced;
}
#menuContent #nutritionContent table th.ue{
background-color: #fcf0d7;
text-align: center;
}
#menuContent #nutritionContent table td{
border: dotted 1px #e5cfa1;
padding: 5px;
}
#menuContent #nutritionContent table td.center{
text-align: center;
} 
#menuContent #nutritionContent table td.low{
color: #000066;
background-color: #ebf8fc;
}
#menuContent #nutritionContent table span.stext{
font-size: smaller;
} 
#menuContent #nutritionContent table span.colorred{
color: #FF0000;
}
#menuContent #nutritionContent #nutritionList{
margin-top: 10px;
font-size: 80%;
}
#menuContent #nutritionContent #nutritionList li{
line-height: 1.5em;
}
/*ALLERGY*/
#menuContent #allergyContent{
width: 780px;
padding-top: 50px;
}
#menuContent #allergyContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#menuContent #allergyContent p#garlic{
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
}
#menuContent #allergyContent h3 {
	font-size: 24px;
	font-weight: bold;
	text-indent: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #C90;
	margin-top: 30px;
	padding-top: 10px;
}
#menuContent #allergyContent h4{
height: 40px;
background: url(../images/common/bgi_caption_01.gif);
font-size: 16px;
line-height: 40px;
font-weight: bold;
padding-left: 10px;
margin: 40px 0 20px 0;
}
#menuContent #allergyContent table{
width: 100%;
font-size: 12px;
line-height: 18px;
border-collapse: collapse;
border: dotted 1px #e5cfa1;
background-color: #fff;
}
#menuContent #allergyContent table th{
font-weight: normal;
vertical-align: middle;
border: dotted 1px #e5cfa1;
padding: 5px;
background-color: #fcfced;
}
#menuContent #allergyContent table th.ue{
background-color: #fcf0d7;
text-align: center;
}
#menuContent #allergyContent table td{
border: dotted 1px #e5cfa1;
padding: 5px;
text-align: center;
}
#menuContent #allergyContent table td.center{
text-align: center;
} 
#menuContent #allergyContent table td.low{
color: #000066;
background-color: #D0E6F4;
}
#menuContent #allergyContent table td.bllw{
width:10%;
}
#menuContent #allergyContent table span.stext{
font-size: smaller;
} 
#menuContent #allergyContent table span.colorred{
color: #FF0000;
}
#menuContent #allergyContent #allergyList{
font-size: 80%;
}
#menuContent #allergyContent #allergyList li{
line-height: 1.5em;
}
#menuContent #allergyContent p#presentDay{
font-size:	80%;
text-align:	right;
margin:0;
}


/*====================================================================
04: LOCATION
====================================================================*/
#locationContent{
width: 100%;
background: url(../images/location/bgi_header_01.png) no-repeat center 200px;
}
#locationContent .mainArea{
width: 780px;
min-height: 500px;
margin: 0 auto;
position: relative;
padding-top: 50px;
font-size: 14px;
line-height: 25px;
text-align: left;
}
#locationContent .mainArea h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#locationContent .mainArea h3{
	height: 40px;
	background: url(../images/common/bgi_caption_01.gif);
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#locationContent .mainArea p{
margin-bottom: 20px;
}
#locationContent .mainArea ul{
width: 760px;
font-size: 12px;
margin-bottom: 40px;
padding: 9px 9px;
border: dotted 1px #e5cfa1;
background-color: #fffcfa;
}
#locationContent .mainArea ul li{
width: 250px;
float: left;
}
#locationContent .mainArea ul li .color01{
color: #2B92A4;
}
#locationContent .mainArea ul li .color02{
color: #FF2200;
}
#locationContent .mainArea ul li .color03{
color: #006600;
}
#locationContent .mainArea ul li .color04{
color: #FF6600;
}
#locationContent .mainArea ul li .color05{
color: #E987A9;
}
#locationContent .mainArea ul li .color06{
color: #996600;
}
#locationContent .mainArea #negishiMap div{
width: 750px;
height: 450px;
padding: 15px;
background: url(../images/location/bse_map_01.gif) no-repeat left top;
}
#locationContent .mainArea #negishiMap p{
margin-top: 30px;
padding-bottom: 20px;
text-align: center;
}
#locationContent .mainArea #negishiMap p a:hover{
opacity: 0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
}
#locationContent .mainArea table{
width: 780px;
border-bottom: solid 1px #e5cfa1;
font-size: 13px;
line-height: 20px;
}
#locationContent .mainArea table th{
font-weight: bold;
color: #663333;
vertical-align: top;
padding: 5px;
}
#locationContent .mainArea table td{
vertical-align: top;
border-top: solid 1px #e5cfa1;
background-color: #fffcfa;
padding: 10px 0 10px 5px;
}
#locationContent .mainArea table td img{
margin-bottom: 5px;
}
#locationContent .mainArea table td h4{
font-size: 16px;
font-weight: bold;
margin: 5px 0 5px 0;
}
#locationContent .mainArea table td .color01{
background-color: #2B92A4;
color: #FFFFFF;
padding: 2px 4px;
}
#locationContent .mainArea table td .color02{
background-color: #FF2200;
color: #FFFFFF;
padding: 2px 4px;
}
#locationContent .mainArea table td .color03{
background-color: #006600;
color: #FFFFFF;
padding: 2px 4px;
}
#locationContent .mainArea table td .color04{
background-color: #FF6600;
color: #FFFFFF;
padding: 2px 4px;
}
#locationContent .mainArea table td .color05{
background-color: #E987A9;
color: #FFFFFF;
padding: 2px 4px;
}
#locationContent .mainArea table td .color06{
background-color: #996600;
color: #FFFFFF;
padding: 2px 4px;
}
#locationContent .mainArea table tr.access td{
border-top: none;
padding: 0 5px 10px 5px;
}
#locationContent .mainArea table tr.access td span{
display: block;
padding: 5px;
background: #f5efeb;
}
#locationContent .mainArea #photoBox {
	margin-bottom: 20px;
	background: #f2e3ce;
}


/*====================================================================
05: COMPANY
====================================================================*/
#companyContent{
width: 100%;
background: url(../images/company/bgi_header_01.png) no-repeat center 200px;
position: relative;
z-index: 1;
}
#companyContent .mainArea{
min-height: 500px;
margin: 0 auto;
position: relative;
font-size: 14px;
line-height: 25px;
text-align: left;
}
#companyContent #backgroundImage li{
width: 100%;
position: absolute;
z-index: -1;
left: 0;
top: 0;
}
/*PHILOSOPHY*/
#companyContent #philosophyContent{
width: 780px;
padding-top: 60px;
}
#companyContent #philosophyContent h2{
width: 70px;
position: absolute;
right: -95px;
top: -40px;
}
#companyContent #philosophyContent #mainArea{
width: 780px;
position: relative;
text-align: center;
padding-bottom: 20px;
}
#companyContent #philosophyContent #mainArea h3{
width: 50px;
position: absolute;
left: 0;
top: -20px;
}
#companyContent #philosophyContent #mainArea p.image{
	width: 160px;
	height: 240px;
	position: absolute;
	left: 41px;
	top: 253px;
}
#companyContent #philosophyContent #mainArea p{
margin-bottom: 50px;
}
#companyContent #philosophyContent #subArea{
width: 780px;
padding-top: 60px;
position: relative;
background: url(../images/company/lin_philosophy_01.gif) no-repeat left top;
}
#companyContent #philosophyContent #subArea h3{
width: 50px;
position: absolute;
left: 0;
top: 60px;
}
#companyContent #philosophyContent #subArea p{
text-align: center;
padding-bottom: 50px;
}
/*HISTORY*/
#companyContent #historyContent{
width: 700px;
padding-top: 50px;
}
#companyContent #historyContent h2{
width: 70px;
position: absolute;
right: -135px;
top: -40px;
}
#companyContent #historyContent dl dt{
margin-bottom: 20px;
}
#companyContent #historyContent dl dd{
padding-left: 20px;
margin-bottom: 40px;
}
/*EFFORT*/
#companyContent #effortContent{
width: 960px;
position: relative;
padding-top: 50px;
text-align: center;
}
#companyContent #effortContent h2{
width: 70px;
position: absolute;
right: 0px;
top: -40px;
}
#companyContent #effortContent h3{
margin-bottom: 30px;
}
#companyContent #effortContent div{
width: 650px;
text-align: left;
margin: 0 auto;
}
#companyContent #effortContent div .text{
width: 500px;
padding-top: 20px;
float: left;
}
#companyContent #effortContent div .line{
width: 10px;
padding-right: 115px;
float: right;
}
/*
#companyContent #effortContent .prize li{
	width: 310px;
	float: left;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	text-align: center;
}
*/
#companyContent #effortContent .graph li{
padding: 30px;
}
#companyContent #effortContent strong{
color: #ff0000;
}
#companyContent #effortContent dl{
width: 690px;
height: 2180px;
position: relative;
margin: 0 auto;
margin-bottom: 40px;
}
#companyContent #effortContent dl dt{
width: 690px;
height: 2180px;
position: absolute;
z-index: 1;
left: 0;
top: 0;
}
#companyContent #effortContent dl dd{
width: 540px;
height: 100px;
position: absolute;
z-index: 10;
left: 0;
top: 740px;
text-align: left;
}
/*CSR*/
#companyContent #csrContent{
	width: 720px;
	position: relative;
	padding-top: 0px;
}
#companyContent #csrContent h2{
width: 70px;
position: absolute;
right: -125px;
top: -40px;
}
#companyContent #csrContent h3{
margin-bottom: 0px;
right: 0;
top: -50px;
}
#companyContent #csrContent div.gallery{
width: 660px;
height: 440px;
padding: 30px 30px 40px 30px;
background: url(../images/company/bse_csr_01.png) no-repeat left top;
}
#companyContent #csrContent p.text{
width: 700px;
padding: 10px;
margin-top: 60px;
}
#companyContent #csrContent p.fanLogo{
width: 700px;
margin-top: 30px;
text-align: center;
}
#companyContent #csrContent p.okawariText{
width: 720px;
height: 900px;
margin-top: 30px;
}
#companyContent #backgroundImage #csr01{
height: 900px;
background: url(../images/company/bgi_csr_01.png) no-repeat left 500px;
}
#companyContent #backgroundImage #csr02{
height: 1200px;
background: url(../images/company/bgi_csr_02.png) no-repeat right 800px;
}
/*AWORD*/
#companyContent #awordContent{
width: 800px;
position: relative;
padding-top: 40px;
}
#companyContent #awordContent h2{
width: 70px;
position: absolute;
right: -85px;
top: -40px;
}
#companyContent #awordContent h3{
margin-bottom: 20px;
}
#companyContent #awordContent .mainImage{
width: 720px;
height: 420px;
position: relative;
top: -10px;
left: 40px;
z-index: 100;
}
#companyContent #awordContent .awordBox{
width: 800px;
margin: 0 auto;
margin-top: 50px;
}
#companyContent #awordContent .awordBox h4{
text-align: center;
padding-bottom: 20px;
}
#companyContent #awordContent .awordBox dl dt{
padding-bottom: 20px;
margin-top: 40px;
}
#companyContent #awordContent .awordBox dl dd p{
padding-bottom: 10px;
}
#companyContent #awordContent .awordBox dl dd p.image{
width: 200px;
height: 200px;
padding: 0 0 20px 20px;
float: right;
}
#companyContent #awordContent .awordBox .boxTop{
height: 20px;
font-size: 0;
line-height: 0;
background: url(../images/company/box_aword_01.gif) no-repeat left top;
}
#companyContent #awordContent .awordBox .boxMiddle{
padding: 20px 40px;
background: url(../images/company/box_aword_02.gif) repeat-y left top;
}
#companyContent #awordContent .awordBox .boxBottom{
height: 20px;
font-size: 0;
line-height: 0;
background: url(../images/company/box_aword_03.gif) no-repeat left top;
}
#companyContent #awordContent .section{
width: 800px;
margin-top: 50px;
}
#companyContent #awordContent .bottomLine{
padding-bottom: 50px;
background: url(../images/company/lin_philosophy_01.gif) no-repeat center bottom;
}
#companyContent #awordContent .section h4{
padding-bottom: 20px;
}
#companyContent #awordContent .section p.image{
width: 200px;
height: 200px;
padding-right: 30px;
float: left;
}
#companyContent #awordContent .section dl{
margin-top: 30px;
}
#companyContent #awordContent .section dl dt{
padding-bottom: 10px;
}
#companyContent #awordContent .section dl dd.read{
width: 500px;
padding-left: 40px;
float: left;
}
#companyContent #awordContent .section dl dd.image{
width: 220px;
padding: 0 10px;
float: right;
}
#companyContent #awordContent .video{
margin-top: 50px;
}
#companyContent #awordContent .video h4{
text-align: center;
}
#companyContent #awordContent .video #videoArea{
width: 640px;
height: 360px;
padding: 40px;
margin: 20px auto;
background: url(../images/recruit/bse_video_01.png) no-repeat left top;
}
/*PROFILE*/
#companyContent #profileContent{
width: 700px;
padding-top: 50px;
}
#companyContent #profileContent h2{
width: 70px;
position: absolute;
right: -135px;
top: -40px;
}
#companyContent #profileContent table{
width: 700px;
border-top: dotted 1px #e5cfa1;
background-color: #fffcfa;
margin-bottom: 3px;
}
#companyContent #profileContent table th{
color: #663333;
vertical-align: top;
border-bottom: dotted 1px #e5cfa1;
background: url(../images/common/bgi_table_01.gif) repeat-y -5px top;
padding: 10px 0 10px 20px;
}
#companyContent #profileContent table td{
vertical-align: top;
border-bottom: dotted 1px #e5cfa1;
padding: 10px;
}
#companyContent #profileContent table td dl dt{
width: 80px;
float: left;
}
#companyContent #profileContent table td dl dd{
width: 460px;
float: left;
}

/*LECTURE*/
#companyContent #lectureContent{
width: 700px;
padding-top: 50px;
}
#companyContent #lectureContent h2{
width: 70px;
position: absolute;
right: -135px;
top: -90px;
}
#companyContent #lectureContent table{
	border-top: dotted 1px #e5cfa1;
	background-color: #fffcfa;
	margin-bottom: 0px;
	margin-top: -75px;
	margin-right: 0px;
	margin-left: 140px;
}
#companyContent #lectureContent table th{
	color: #000000;
	vertical-align: center;
	background-image: url(../images/company/lecture_point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	width: 70px;
	padding-top: 3px;
	padding-right: 5;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
#companyContent #lectureContent table td{
	vertical-align: top;
	width: 460px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 12px;
}
#companyContent #lectureContent table td dl dt{
width: 80px;
float: left;
}
#companyContent #lectureContent table td dl dd{
width: 460px;
float: left;
}

/* ------------ 経営理念 ------------ */
dl.keiei-rinen {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
	margin: 44px auto 0;
	padding: 0;
	text-align: center;
}
dt.keiei-rinen-sub {
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
}
dd.keiei-rinen-main {
	font-size: 18px;
	line-height: 30px;
	margin-top: 14px;
}
dd.keiei-rinen-main div {
	font-size: 14px;
	line-height: 26px;
	text-align: left;
	margin-top: 18px;
	display: inline-block;
	margin: 18px auto 0;
}
dd.keiei-rinen-main div span {
	display: inline-block;
	margin-left: 1.9em;
}
dl#keiei-rinen-tomoni {
	width: 700px;
	height: 320px;
	padding-top: 40px;
	background: url("../images/company/txt_philosophy_04_alt.gif") no-repeat;
}

/* ------------ 経営の目的 ------------ */
dl.keiei-mokuteki {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
	margin: 0 auto 60px;
	padding: 0;
	text-align: center;
}
dt.keiei-mokuteki-sub a {
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	border-bottom: 1px solid black;
	padding-bottom: 2px;
	text-decoration: none;
	color: black;
	cursor: default;
}
dd.keiei-mokuteki-main {
	font-size: 16px;
	line-height: 30px;
	margin-top: 16px;
}

/*====================================================================
06: RECRUIT
====================================================================*/
#recruitContent{
width: 100%;
background: url(../images/recruit/bgi_header_01.png) no-repeat center 200px;
position: relative;
z-index: 1;
}
#recruitContent .mainArea{
min-height: 500px;
margin: 0 auto;
position: relative;
font-size: 14px;
line-height: 25px;
text-align: left;
}
#recruitContent #backgroundImage li{
width: 100%;
position: absolute;
z-index: -1;
left: 0;
top: 0;
}
/*REQUIRED*/
#recruitContent #requiredContent{
width: 750px;
padding-top: 530px;
position: relative;
}
#recruitContent #requiredContent h2{
width: 70px;
position: absolute;
right: -60px;
top: -40px;
}
#recruitContent #requiredContent .visual{
width: 750px;
height: 560px;
position: absolute;
left: 0;
top: -50px;
}
#recruitContent #requiredContent dl{
width: 750px;
margin-top: 40px;
}
#recruitContent #requiredContent dl dt{
width: 750px;
padding-bottom: 20px;
}
#recruitContent #requiredContent dl dd.image{
width: 80px;
height: 80px;
padding-right: 20px;
float: left;
}
#recruitContent #requiredContent dl dd.text{
width: 650px;
float: right;
}
#recruitContent #backgroundImage #required01{
height: 1350px;
background: url(../images/recruit/bgi_required_01.png) no-repeat left 650px;
}
/*OUTLINE*/
#recruitContent #outlineContent{
width: 700px;
padding-top: 50px;
}
#recruitContent #outlineContent h2{
width: 70px;
position: absolute;
right: -135px;
top: -40px;
}
#recruitContent #outlineContent h3{
margin-bottom: 40px;
}
#recruitContent #outlineContent table{
width: 700px;
border-top: dotted 1px #e5cfa1;
background-color: #fffcfa;
margin-bottom: 5px;
}
#recruitContent #outlineContent table th{
color: #663333;
vertical-align: top;
border-bottom: dotted 1px #e5cfa1;
background: url(../images/common/bgi_table_01.gif) repeat-y -5px top;
padding: 10px 0 10px 20px;
}
#recruitContent #outlineContent table td{
vertical-align: top;
border-bottom: dotted 1px #e5cfa1;
padding: 10px;
}
/*RANKUP*/
#recruitContent #rankupContent{
width: 700px;
padding-top: 50px;
}
#recruitContent #rankupContent h2{
width: 70px;
position: absolute;
right: -135px;
top: -40px;
}
#recruitContent #rankupContent h3{
margin-bottom: 20px;
}
#recruitContent #rankupContent .rank{
margin-bottom: 40px;
}
#recruitContent #rankupContent .rank p{
padding-left: 40px;
margin-bottom: 20px;
}
#recruitContent #rankupContent .rank small{
display: block;
font-size: 12px;
line-height: 20px;
padding-left: 40px;
margin-bottom: 20px;
}
#recruitContent #rankupContent .rank #jobType{
padding-left: 40px;
margin-bottom: 20px;
}
#recruitContent #rankupContent .rank #jobType dl{
width: 200px;
padding-right: 20px;
float: left;
}
#recruitContent #rankupContent .rank #jobType dl dt{
padding-left: 10px;
border-left: solid 2px #e5cfa1;
line-height: 20px;
font-weight: bold;
color: #995c1f;
margin-bottom: 10px;
}
#recruitContent #rankupContent .rank #jobType dl dd{
font-size: 12px;
line-height: 20px;
}
#recruitContent #rankupContent #pointArea{
width: 640px;
position: relative;
border: solid 1px #b38937;
padding: 29px;
margin: 60px 0 20px 0;
}
#recruitContent #rankupContent #pointArea h4{
width: 340px;
height: 50px;
position: absolute;
left: 180px;
top: -25px;
}
#recruitContent #rankupContent #pointArea dl{
margin-top: 20px;
}
#recruitContent #rankupContent #pointArea dl dt{
margin-bottom: 10px;
}
#recruitContent #rankupContent #pointArea dl dd{
padding-left: 20px;
}
/*TRAINING*/
#recruitContent #trainingContent{
width: 700px;
padding-top: 50px;
}
#recruitContent #trainingContent h2{
width: 70px;
position: absolute;
right: -135px;
top: -40px;
}
#recruitContent #trainingContent h3{
margin-bottom: 60px;
}
#recruitContent #trainingContent dl{
margin-bottom: 30px;
clear: both;
}
#recruitContent #trainingContent dl dt{
margin-bottom: 10px;
}
#recruitContent #trainingContent dl dd{
padding-left: 20px;
margin-bottom: 20px;
}
#recruitContent #trainingContent dl dd.trainingImage{
float: right;
}
#recruitContent #trainingContent dl dd.trainingImage p{
margin-top: 5px;
font-size: 12px;
line-height: 20px;
text-align: center;
}
/*VOICE*/
#recruitContent #voiceContent{
width: 700px;
padding-top: 50px;
position: relative;
}
#recruitContent #voiceContent.detail{
padding-top: 550px;
}
#recruitContent #voiceContent h2{
width: 70px;
position: absolute;
right: -135px;
top: -40px;
}
#recruitContent #voiceContent #voiceIndex li{
width: 350px;
height: 290px;
float: left;
}
#recruitContent #voiceContent .visual{
width: 700px;
height: 540px;
position: absolute;
left: 0;
top: -50px;
}
#recruitContent #voiceContent dl{
width: 700px;
padding-bottom: 30px;
}
#recruitContent #voiceContent dl dt{
width: 700px;
padding-bottom: 10px;
}
#recruitContent #voiceContent dl .text{
width: 500px;
float: left;
}
#recruitContent #voiceContent dl .image{
width: 180px;
float: right;
}
#recruitContent #voiceContent #bottomNavi{
width: 240px;
margin: 40px auto;
}
#recruitContent #voiceContent #bottomNavi li{
float: left;
}
#recruitContent #voiceContent #bottomNavi .prevPage{
width: 60px;
text-align: left;
}
#recruitContent #voiceContent #bottomNavi .prevPage a{
display: block;
background: url(../images/common/ico_link_03.gif) no-repeat left center;
padding-left: 20px;
}
#recruitContent #voiceContent #bottomNavi .indexPage{
width: 120px;
text-align: center;
background: url(../images/common/lin_bottomnavi_01.gif) repeat-y 10px top;
}
#recruitContent #voiceContent #bottomNavi .nextPage{
width: 60px;
text-align: right;
}
#recruitContent #voiceContent #bottomNavi .nextPage a{
display: block;
background: url(../images/common/ico_link_01.gif) no-repeat right center;
padding-right: 20px;
}

div.training-sub {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
	letter-spacing: -1px;
}

/*FAQ*/
#recruitContent #faqContent{
width: 700px;
padding-top: 50px;
}
#recruitContent #faqContent h2{
width: 70px;
position: absolute;
right: -135px;
top: -40px;
}
#recruitContent #faqContent h3{
height: 40px;
background: url(../images/common/bgi_caption_01.gif);
font-size: 16px;
line-height: 40px;
font-weight: bold;
padding-left: 10px;
margin-bottom: 20px;
}
#recruitContent #faqContent dl{
margin-bottom: 50px;
}
#recruitContent #faqContent dl dt{
padding-left: 30px;
background: url(../images/recruit/ico_faq_01.gif) no-repeat left 3px;
margin-bottom: 10px;
font-weight: bold;
}
#recruitContent #faqContent dl dd{
padding-left: 30px;
margin-bottom: 20px;
}
/*VIDEO*/
#recruitContent #videoContent{
width: 800px;
padding-top: 50px;
}
#recruitContent #videoContent h2{
width: 70px;
position: absolute;
right: -85px;
top: -40px;
}
#recruitContent #videoContent h3{
width: 530px;
margin: 0 auto;
}
#recruitContent #videoContent #videoArea{
width: 640px;
height: 360px;
padding: 40px;
margin: 20px auto;
background: url(../images/recruit/bse_video_01.png) no-repeat left top;
}

/* ------------ 人財共育トップ ------------ */
dt.jinzai-sub {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 19px;
	font-weight: bold;
}



/*====================================================================
07: ERROR
====================================================================*/
#errorContent{
width: 100%;
background: url(../images/recruit/bgi_header_01.png) no-repeat center 200px;
position: relative;
z-index: 1;
}
#errorContent .mainArea{
width: 700px;
min-height: 500px;
margin: 0 auto;
padding-top: 50px;
text-align: center;
}
#errorContent .mainArea dl dt{
font-weight: bold;
font-size: 30px;
line-height: 40px;
padding-bottom: 30px;
}
#errorContent .mainArea dl dd{
font-size: 14px;
line-height: 25px;
padding-bottom: 30px;
}
#wrapper #companyContent #lectureContent p span {
	display: block;
	margin-top: -15px;
	font-size: 12px;
}
#lec_navi {
	height: 30px;
	width: 700px;
}
h6 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: large;
	font-weight: bold;
	color: #333;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #877625;
	border-left-color: #877625;
	background-image: url(../images/company/lec_back.gif);
	height: 20px;
}
#wrapper #homeContent #contentsListss {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.akaji {
	color: #F00;
}
/* ------------  どのブラウザでも同じ大きさ表示のために ------------ */
.text8 { font-size:61.6%; }
.text9 { font-size:69.3%; }
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/*追加1512144*/
#homeContent #contArea {
	width: 940px;
	margin: 50px auto -30px;
}
#homeContent #contArea .ayumi {
	background: url(../images/common/lin_footer_01.gif) no-repeat left bottom;
	padding-top: 10px;
	padding-bottom: 20px;
}
#homeContent #contArea h2 {
	height: 30px;
	padding-left: 30px;
	background: url(../images/common/lin_footer_01.gif) no-repeat left bottom;
}
#homeContent #contArea .ayumi .next {
	text-align: right;
	display: block;
	padding-top: 10px;
}
#homeContent #contArea .ayumi a {
	color: #65110f;
	text-decoration: none;
}