/* ------------------------------------- COMMON STYLE */

* {
margin: 0px;
padding: 0px;
font-family: "�q���M�m�p�SProW3","Hiragino Kaku Gothic Pro",Osaka,"���C���I",Meiryo,"MS P�S�V�b�N",sans-serif;
}

body {
text-align: center; 
color: #333;
background: url(../img/img_bg.gif) 0 7px repeat-x #FFF;
border-top: 2px solid #eb0000;
padding:1px 0 0;
padding:0px\9;
}

img {
padding: 0px;
margin: 0px;
border:0;
vertical-align:top;
}

h1,h2,h3,h4,h5,h6,p,th,td,dt,dd,li,strong,em,adress {
font-size: 0.9em;
font-weight: normal;
line-height: 120%;
text-align: left;
vertical-align:top;
}

a:link { color: #333; text-decoration:none; }
a:visited { color: #333; text-decoration:none; }
a:active { color: #333; text-decoration:none; }
a:hover { color: #eb0000; text-decoration:underline; }

/* ------------------------------------- CLASS STYLE */

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

.toTop {
float: right;
padding: 0 0 5px 0;
}

.navi2b {
border-right: 1px solid #333;
}

.pad01 {
padding: 0 0 0 12px;
}

.pad02 {
padding: 0 0 0 4px;
}

.pad03 {
padding: 0 0 0 6px;
}

.pad04 {
padding: 0 0 7px 0;
}

.mar01 {
padding: 5px 10px 0 10px;
}

.txtR {
text-align: right;
}

.floR {
float: right;
padding: 0 0 5px 10px;
}

.floR02 {
float: right;
}

.floR03 {
float: right;
width: 310px;
}

.floR04 {
float: right;
padding: 10px 0 10px 5px
}

.floL {
float: left;
padding: 0 8px 5px 15px;
}

.floL02 {
float: left;
padding: 10px 8px 5px 15px;
}

.floL03 {
float: left;
padding: 0 10px 5px 0;
}

.floL04 {
float: left;
padding: 10px 10px 5px 0;
}

.storeList {
background: url(../store/img/img_bottle.gif) 0 3px no-repeat;
}

.storeList01 {
padding: 7px 0 5px 30px;
color: #0088FF;
background: url(../store/img/img_bottle.gif) 10px 3px no-repeat;
}

.txtR {
text-align: right;
}

.txt01 {
font-weight: bold;
}

.txt02 {
float: right;
font-weight: bold;
text-align: right;
color: #FF6600;
}


/* ------------------------------------- LAYOUT STYLE */

#layout {
width: 760px;
margin: 0 auto;
}

/* ------------------------------------- HEADER STYLE */

#header {
width: 740px;
margin: 0 auto;
}

td {
vertical-align: top;
}

#header h1 {
padding: 5px;
font-size: 12px;
}

#header ul {
float: right;
list-style: none;
}

#header li {
float: left;
margin: 5px 0;
padding: 0 8px;
}

/*2011/12/09add*/
#toppage #header{
	width:820px;
	position:relative;
	left:50%;
	margin-left:-370px;
}
#toppage .pad01 img{
	position:relative;
	padding-left:30px;
}
#toppage ul.clearfix{
	position:relative;
	right:50px;
	font-size:0.9em;
}
#toppage #layout{
	width:840px;
	position:relative;
	margin-left:-380px;
	left:50%;
}
body{
	background: url(../img/img_bg.gif) 0 47px repeat-x #FFF;
}

/* ------------------------------------- GLOBALNAVI STYLE */

#globalnavi {
float: left;
width: 178px;
margin: 0 0 0 9px;
_margin: 0 0 0 5px;
}

#globalnavi ul {
padding: 15px 0 0 0;
list-style: none;
background: url(../img/img_navi_bg.gif) repeat-y;
}

#globalnavi li {
text-indent: -9999px;
}

#navi01 a {
display: block;
width: 168px;
height: 26px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi01.gif) no-repeat;
}

#navi02 {
display: block;
width: 168px;
height: 26px;
margin: 2px 0;
text-decoration: none;
background: url(../img/img_navi02.gif) no-repeat;
}

#navi03 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi03.gif) no-repeat;
}

#navi04 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi04.gif) no-repeat;
}

#navi05 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi05.gif) no-repeat;
}

#navi06 a {
display: block;
width: 168px;
height: 26px;
margin: 2px 0;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi06.gif) no-repeat;
}

#navi07 {
display: block;
width: 168px;
height: 26px;
margin: 2px 0;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi07.gif) no-repeat;
}

#navi08 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi08.gif) no-repeat;
}

#navi09 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi09.gif) no-repeat;
}

#navi10 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi10.gif) no-repeat;
}

#navi11 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi11.gif) no-repeat;
}

#navi12 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi12.gif) no-repeat;
}

#navi13 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi13.gif) no-repeat;
}

#navi14 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi14.gif) no-repeat;
}

#navi15 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi15.gif) no-repeat;
}

#navi16 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi16.gif) no-repeat;
}

#navi17 a {
display: block;
width: 168px;
height: 26px;
margin: 2px 0;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi17.gif) no-repeat;
}

#navi18 a {
display: block;
width: 168px;
height: 26px;
margin: 2px 0;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi18.gif) no-repeat;
}

#navi19 a {
display: block;
width: 168px;
height: 26px;
margin: 2px 0;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi19.gif) no-repeat;
}

#navi20 a {
display: block;
height: 22px;
margin: 2px 0 2px 16px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_navi21.gif) no-repeat;
}

#navi21 a {
display: block;
width: 168px;
height: 26px;
margin: 2px 0;
text-decoration: none;
overflow: hidden;
background: url(../img/navi21.png) no-repeat;
}

#navi22 a {
display: block;
width: 168px;
height: 26px;
margin: 2px 0;
text-decoration: none;
overflow: hidden;
background: url(../img/navi22.png) no-repeat;
}

#navi01 a:hover,
#navi02 a:hover,
#navi06 a:hover,
#navi07 a:hover,
#navi17 a:hover,
#navi18 a:hover,
#navi19 a:hover { 
width: 168px;
background-position: 0 -26px;
}

#navi03 a:hover,
#navi04 a:hover,
#navi05 a:hover,
#navi08 a:hover,
#navi09 a:hover,
#navi10 a:hover,
#navi11 a:hover,
#navi12 a:hover,
#navi13 a:hover,
#navi14 a:hover,
#navi15 a:hover,
#navi16 a:hover,
#navi20 a:hover { background-position: 0 -22px; }
#navi21 a:hover { width: 168px; background-position: 0 -26px;}
#navi22 a:hover { width: 168px; background-position: 0 -26px;}

/* ------------------------------------- MAIN IMG STYLE */

#mainImg {
height: 279px;
padding: 15px 0;
}

#mainImg02 {
padding: 15px 0;
}

/* ------------------------------------- BANNER STYLE */
#banner {
margin: 0 0 15px 0;
padding:0;
}
	#banner ul {
	list-style:none;
	}

.bnr01 {
margin-bottom:10px;
}
.bnr01 a {
display: block;
height: 135px;
text-decoration: none;
overflow: hidden;
background: url(../img/bnr_recruit01.jpg) no-repeat;
}

.bnr02 a {
display: block;
height: 55px;
text-decoration: none;
overflow: hidden;
background: url(../img/bnr_recruit02.jpg) no-repeat;
}
.btn01{
	margin:5px 0 5px 12px;
}
#toppage .btn01{
	margin:5px 0 5px 29px;
}
/* ------------------------------------- CONTENT STYLE */

#content {
margin: 0 0 15px 0;
background: #f9f9f9;
}

#content ul {
list-style: none;
}

#content li {
float: left;
width: 136px;
text-indent: -9999px;
}

#cont01 a {
display: block;
height: 130px;
text-decoration: none;
overflow: hidden;
background: url(../img/banner_mynavi18_130_130.jpg) no-repeat;
}

#cont02 a {
display: block;
height: 138px;
text-decoration: none;
overflow: hidden;
background: url(../img/001.png) no-repeat;
}

#cont03 a {
display: block;
height: 138px;
text-decoration: none;
overflow: hidden;
background: url(../img/002.png) no-repeat;
}

#cont04 a {
display: block;
height: 174px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_store.gif) no-repeat;
}

#cont05 a {
display: block;
width: 415px;
height: 33px;
text-decoration: none;
overflow: hidden;
background: url(../img/img_recruit04.gif) no-repeat;
}

#cont06 a {
display: block;
width: 415px;
height: 33px;
text-decoration: none;
overflow: hidden;
background: url(../img/intern2.png) no-repeat;
}

#cont01 a:hover{ background-position: 0 -130px; }

#cont02 a:hover{ background-position: 0 -138px; }

#cont03 a:hover{ background-position: 0 -138px; }

#cont04 a:hover{ background-position: 0 -174px; }

#cont05 a:hover{ background-position: 0 -33px; }

#cont06 a:hover{ background-position: 0 -33px; }

/* ------------------------------------- CONTENT STYLE */

#whatsnew {
margin: 0 0 15px 0;
background: #f9f9f9;
}

#whatsnew ul {
padding: 0 0 10px 0;
list-style: none;
}

#whatsnew li {
padding: 5px 15px;
border-bottom: 1px dashed #AAA;
}

#whatsnew li span {
color: #F90;
}

#whatsnew a {
color: #08F;
text-decoration:underline;
}

#whatsnew a:hover {
color: #eb0000;
text-decoration:underline;
}

/* ------------------------------------- FOOTER STYLE */

#footer {
width: 100%;
border-top: 2px solid #000;
}

#footer table {
width: 740px;
margin: 0 auto;
}

#footer td {
padding: 5px 0;
text-align: right;
font-size: 0.85em;
font-family: Arial;
}

/* ------------------------------------- OUTLINE STYLE */

.outline {
clear: both;
width: 552px;
}

.outline h3 {
font-size: 1.2em;
font-weight: bold;
color: #0088FF;
}

.outline p {
margin: 5px 0 10px 15px;
line-height: 160%;
}

#outlineInfo {
width: 552px;
margin: 5px 0;
border-collapse: collapse;
border: 1px solid #AAA;
background: url(../outline/img/img_outline_bg.jpg) right bottom no-repeat;
}

#outlineInfo td {
padding: 10px;
border: 1px solid #AAA;
}

#outlineHis {
width: 540px;
margin: 5px 10px;
border-collapse: collapse;
}

#outlineHis th {
padding: 5px;
text-align: right;
border-bottom: 1px solid #AAA;
}

#outlineHis td {
padding: 5px 5px 5px 25px;
border-left: 1px solid #AAA;
border-bottom: 1px solid #AAA;
}

/* ------------------------------------- STORE STYLE */

#store {
clear: both;
width: 552px;
border-collapse: collapse;
}

#store th {
padding: 5px;
text-align: center;
background: #CCC;
border: 1px solid #AAA;
}

#store td {
padding: 5px 5px 5px 20px;
border: 1px solid #AAA;
}

#store a {
color: #03F;
}

#store a:hover {
color: #03F;
text-decoration: underline;
}


#eachstore {
clear: both;
width: 552px;
margin: 10px 0 0 0;
border-collapse: collapse;
}

#eachstore th {
width: 60px;
padding: 5px 5px 5px 10px;
border: 1px solid #AAA;
}

#eachstore td {
padding: 5px 5px 5px 10px;
border: 1px solid #AAA;
}

#eachstore td img {
margin: 20px 0;
}

#map {
margin: 25px 0;
border: 2px solid #0062a4;
}

/* ------------------------------------- PRYVACY POLICY STYLE */

#policy {
width: 552px;
}

#policy h3 {
padding: 5px 0 5px 20px;
font-size: 1.2em;
font-weight: bold;
color: #0088FF;
}

#policy ol {
width: 500px;
padding: 0 0 0 40px;
}

#policy li {
padding: 8px 0;
line-height: 150%;
}

#policy p {
padding: 0 0 0 40px;
line-height: 150%;
color: #FF3300;
}

/* ------------------------------------- INQUIRY STYLE */

#inquiry table {
margin: 0 auto;
background: url(../inquiry/img/img_inquiry_bg.gif) 10px 0 repeat-y;
}

#inquiry th {
width: 155px;
padding: 3px 0 0 10px;
vertical-align: top;
}

#inquiry td p {
width: 400px;
margin: 100px auto;
line-height: 180%;
}

#inquiry span {
margin: 0 5px;
color: #FF3300;
}

#inquiry textarea {
font-size: 1.0em;
}

#inquiry noscript {
font-size: 1.2em;
font-weight: bold;
line-height: 300%;
text-decoration: underline;
color: #FF3300;
}

/* ------------------------------------- RECRUITMENT STYLE */

.recruitment {
clear: both;
width: 552px;
}

.recruitment h3 {
margin: 15px 0 0 0;
font-size: 1.1em;
line-height: 160%;
color: #0088FF;
}

.recruitment p {
margin: 5px 0 5px 15px;
line-height: 160%;
}

/* ------------------------------------- NEWS STYLE */

.news {
width: 540px;
margin: 0 auto 15px auto;
border-bottom: 1px dotted #CCC;
}

.news th {
padding: 0 0 0 20px;
font-size: 1.0em;
line-height: 160%;
vertical-align: top;
color: #0088FF;
background: url(../recruitment/img/img_news_mark.gif) 0 0 no-repeat;
}

.news td {
padding: 0 0 10px 0;
line-height: 160%;
vertical-align: top;
}

.news td span {
float: right;
padding: 0 8px 0 0; 
}

.news a {
color: #FF6600;
}

/* ------------------------------------- EXPLANATION STYLE */

.explanation,.explanation02 {
width: 552px;
margin: 10px 0 20px 0;
}

.explanationSub {
width: 532px;
margin: 10px 0;
padding: 5px 10px;
font-size: 1.0em;
font-weight: bold;
color: #FFF;
background: #0023ae;
}

.explanation a,.explanation02 a {
color: #0088FF;
}

.explanation p {
padding: 0 0 10px 15px;
line-height: 160%;
}

.explanation td p a {
text-decoration: underline;
color: #0088ff;
}

.explanation02 th {
width: 300px;
padding: 10px 0 0 15px;
vertical-align: top;
color:#0023ae;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}

.explanation02 td {
padding: 10px;
vertical-align: middle;
border-bottom: 1px solid #CCC;
}

/* ------------------------------------- INFORMATION STYLE */

.information {
width: 552px;
}

.information p {
padding: 10px 0 10px 15px;
line-height: 160%;
}

.information th {
width: 120px;
padding: 10px 0 10px 15px;
vertical-align: top;
color:#0023ae;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}

.information td {
padding: 10px;
border-bottom: 1px solid #CCC;
}

.typeJob {
font-size: 1.1em;
color: #0023ae;
}

/* ------------------------------------- SENIOR STYLE */

.senior {
width: 552px;
}

.senior h3 {
clear: both;
width: 532px;
margin: 10px 0;
padding: 5px 10px;
font-size: 1.1em;
font-weight: bold;
color: #FFF;
background: #0023ae;
}

.senior h4 {
display: block;
margin: 0 0 5px 0;
padding: 0 0 0 25px;
font-size: 1.1em;
font-weight: bold;
background: url(../recruitment/img/img_news_mark.gif) 0 -5px no-repeat;
color: #333;
}

.senior p {
margin: 0 0 10px 0;
line-height: 170%;
}

/* ------------------------------------- WELFARE STYLE */

.welfare,.welfare02 {
width: 530px;
margin: 5px auto;
border-collapse: collapse;
}

.welfare th {
width: 100px;
padding: 5px 10px;
vertical-align: top;
background: #d7fbff;
border: 1px solid #999;
}

.welfare td {
padding: 5px 10px;
vertical-align: top;
border: 1px solid #999;
}

.welfare02 th {
padding: 0 0 0 20px;
font-size: 1.0em;
font-weight: bold;
line-height: 160%;
vertical-align: top;
color: #0ab1e7;
background: url(../recruitment/img/img_news_mark.gif) 0 0 no-repeat;
border-bottom: 1px solid #0ab1e7;
}

.welfare02 td {
padding: 10px 0 0 20px;
}

/* ------------------------------------- EDUCATION STYLE */

.education {
width: 542px;
margin: 15px 0 0 10px;
}

.education h3 {
display: block;
margin: 0 0 5px 0;
padding: 0 0 0 25px;
font-size: 1.1em;
font-weight: bold;
background: url(../recruitment/img/img_news_mark.gif) 0 -5px no-repeat;
color: #0ab1e7;
}

.education p {
margin: 0 0 10px 0;
line-height: 160%;
}

.education02 {
width: 552px;
margin: 10px 0;
}

.education02 h3 {
display: block;
margin: 0 0 5px 0;
padding: 0 0 0 25px;
font-size: 1.1em;
font-weight: bold;
background: url(../recruitment/img/img_news_mark.gif) 0 -5px no-repeat;
color: #0ab1e7;
}

.education02 th {
width: 100px;
_width: 350px;
padding: 4px 10px;
vertical-align: top;
font-weight: bold;
color: #003399;
background: #d7eefc;
border-bottom: 1px solid #003399;;
}

.education02 td {
padding: 4px 10px;
border-bottom: 1px solid #003399;
}

/* ------------------------------------- SITEMAP STYLE */

#sitemap {
width: 740px;
margin: 10px 0 0 0;
}

#sitemap dl {
float: left;
width: 300px;
margin: 0 0 0 30px;
padding: 5px 15px;
border-bottom: 1px solid #ccc;
}

#sitemap dt {
margin: 3px 0 3px 10px;
padding: 5px 10px 5px 20px;
background: url(../recruitment/img/img_news_mark.gif) 0 0 no-repeat;
}

#sitemap dd {
padding: 2px 0;
background: url(../sitemap/img/img_sitemap_bg01.gif) 20px 0 repeat-y;
}

#sitemap dd a {
padding: 0 0 0 40px;
background: url(../sitemap/img/img_sitemap_bg02.gif) 20px 5px no-repeat;
}

#sitemap a {
color: #0033ff;
text-decoration: underline;
}

#sitemap a:hover {
color: #c60000;
text-decoration: underline;
}



.table_list{margin:0px; 
            padding:0px;
		    border-collapse: collapse;

			}
			
.table_list td{margin:0px;
               padding:0px;
			   border: 1px solid #888888;
			   }