@charset "Shift_JIS";

/*Šî–{�Ý’è*/

* {
	margin: 0;
	padding: 0;
}
html {
}
body {
	background: url(../images/bg.jpg) repeat-y center;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
	text-align: center;/*IE’†‰›Šñ‚¹*/
	font-size: 100%;
}
a {
	text-decoration: none;
	outline: 0;
}
img {
	vertical-align: bottom;
	border: 0;
}
li {
	list-style-type: none;
}

/*div*/

div#bg {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	background-color: white;
	position: relative;
}

div#sidebanner {
	width: 210px;
}
div#sidebanner img {
	display: block;
}

div#left {
	width: 210px;
	float: left;
}
div#right {
	width: 590px;
	float: right;
}

div#container {
	width: 800px;
	background: url(../images/container_bg.gif) repeat-y left;
}

div#contents {
	margin: 30px 10px 40px 10px;
}

div#footer {
	width: 800px;
	height: 150px;
	background: url(../images/footer.jpg) no-repeat left bottom;
	clear: both;
	position: relative;
}

div#footer address {
	display: none;
}

/*ƒ�ƒjƒ…�[*/

ul#menu {
}
ul#menu li {
	width: 210px;
	height: 40px;
	text-indent: -9999px;
	background-image: url(../images/menu.jpg);
}
ul#menu li a {
	width: 210px;
	height: 40px;
	display: block;
	background-image: url(../images/menu.jpg);
}

li#toppage {
	background-position: -210px 0;
}
li#toppage a {
	background-position: 0 0;
}
li#toppage a:hover {
	background-position: -210px 0;
}

li#company {
	background-position: -210px -40px;
}
li#company a {
	background-position: 0 -40px;
}
li#company a:hover {
	background-position: -210px -40px;
}

li#enkaku {
	background-position: -210px -80px;
}
li#enkaku a {
	background-position: 0 -80px;
}
li#enkaku a:hover {
	background-position: -210px -80px;
}

li#works {
	background-position: -210px -120px;
}
li#works a {
	background-position: 0 -120px;
}
li#works a:hover {
	background-position: -210px -120px;
}

li#setsubi {
	background-position: -210px -160px;
}
li#setsubi a {
	background-position: 0 -160px;
}
li#setsubi a:hover {
	background-position: -210px -160px;
}

li#tokushoku {
	background-position: -210px -200px;
}
li#tokushoku a {
	background-position: 0 -200px;
}
li#tokushoku a:hover {
	background-position: -210px -200px;
}

li#iso {
	background-position: -210px -240px;
}
li#iso a {
	background-position: 0 -240px;
}
li#iso a:hover {
	background-position: -210px -240px;
}

li#recruit {
	background-position: -210px -280px;
}
li#recruit a {
	background-position: 0 -280px;
}
li#recruit a:hover {
	background-position: -210px -280px;
}

li#access {
	background-position: -210px -320px;
}
li#access a {
	background-position: 0 -320px;
}
li#access a:hover {
	background-position: -210px -320px;
}

li#contact {
	background-position: -210px -360px;
}
li#contact a {
	background-position: 0 -360px;
}
li#contact a:hover {
	background-position: -210px -360px;
}


/*”Ä—p*/

/*hŒ©�o‚µ*/

h1 {
	height: 80px;
	position: relative;
}
h1 a {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
}

h2#base_h2 {
	background: url(../images/base_h_bg.jpg) no-repeat bottom left;
	height: 80px;
	padding: 0 20px;
	line-height: 80px;
	color: white;
	font-size: 140%;
	letter-spacing: 5px;
}

h3.midashi_bg {
	background: url(../images/midashi_bg.jpg) no-repeat top left;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 10px 0 20px;
}
h3.midashi_bg a {
	color: black;
}

h4.h4a {
	border-left: 5px solid #002874;
	border-bottom: 1px solid #EEE;
	padding-left: 10px;
	font-size: 100%;
	line-height: 200%;
}

h4.h4a_green {
	border-left: 5px solid #669900;
	border-bottom: 1px solid #EEE;
	padding-left: 10px;
	font-size: 100%;
	line-height: 200%;
}

h4.h4a_red {
	border-left: 5px solid #CC0000;
	border-bottom: 1px solid #EEE;
	padding-left: 10px;
	font-size: 100%;
	line-height: 200%;
}

h4.h4a_orange {
	border-left: 5px solid #FF6600;
	border-bottom: 1px solid #EEE;
	padding-left: 10px;
	font-size: 100%;
	line-height: 200%;
}


h4.h4a a,
h4.h4a_green a,
h4.h4a_red a,
h4.h4a_orange a {
	color: black;
}



/*p*/

div#contents p {
	font-size: 90%;
	line-height: 180%;
	margin-bottom: 1em;
}
div#contents p a {
	color: #003366;
	text-decoration: underline;
}
p.add {
	padding: 10px;
	background-color: #F0F1FB;
	font-size: 80% !important;
	border: 1px solid #CCC;
	margin-bottom: 40px !important;
}

p.add a {
	color: #003366;
	text-decoration: underline;
}

/*list*/

ul.list01 {
}

ul.list01 li {
	background: url(../images/arrow01.gif) no-repeat center left;
	padding-left: 20px;
	line-height: 190%;
	font-size: 90%;
	border-bottom: 1px dashed #CCC;
}
ul.list01 li a {
	color: #003366;
}
ul.list01 li a:hover {
	color: #999999;
}


ul.list02 {
}

ul.list02 li {
	background: url(../images/arrow01.gif) no-repeat 5px left;
	padding-left: 20px;
	line-height: 190%;
	font-size: 90%;
}
ul.list02 li a {
	color: #003366;
}
ul.list02 li a:hover {
	color: #999999;
}


ul.liDisc {
	padding-left: 20px;
}

ul.liDisc li {
	list-style-type: disc;
	line-height: 190%;
	font-size: 90%;
}


ol.ol01 {
	padding-left: 25px;
}
ol.ol01 li {
	list-style-type: decimal;
	font-size: 90%;
	line-height: 180%;
}

/*ƒy�[ƒW‚Ì�擪‚Ö*/

p#pagetop {
	width: 130px;
	height: 20px;
	text-indent: -9999px;
	position: absolute;
	top: 20px;
	left: 660px;
}
p#pagetop a {
	width: 130px;
	height: 20px;
	display: block;
	background: url(../images/pagetop.jpg) no-repeat top left;
}

/*‚¨–â‚¢�‡‚킹*/

ul.shopnotice {
	background-color: #EEE;
	border: 1px solid #999;
	padding: 10px 10px 10px 35px;
}

ul.shopnotice li {
	list-style-type: disc;
	font-size: 85%;
	line-height: 190%;
}


/*�|�|�|�|�|�|�|�|�|[]ƒwƒbƒ_•”�@ƒTƒCƒg“àŒŸ�õ/•¶ŽšƒTƒCƒY�|�|�|�|�|�|�|�|�|*/

dl#font_size {
	width: 120px;
	height: 25px;
	position: absolute;
	top: 30px;
	left: 670px;
}
dl#font_size dt {
	width: 68px;
	float: left;
}
dl#font_size dd {
	width: 26px;
	float: left;
}
div#site_search {
	width: 240px;
	position: absolute;
	top: 0;
	left: 130px;
	font-size: 0;/*Šg‘厞‚̃YƒŒ�C�³*/
}
input#search_box_size {
	height: 20px;
	line-height: 20px;
	width: 160px;
	vertical-align: top;
	border: 1px solid #CCC;
	margin-right: 5px;
	font-size: 12px;
}


/*--------- table ----------*/

table.table01 {
	border-collapse: collapse;
	margin: 0 10px 20px 10px;
}
table.table01 th,
table.table01 td {
	padding: 5px;
	border: 1px solid #666;
	font-size: 90%;
	line-height: 180%;
	vertical-align: top;
}
table.table01 th.none,
table.table01 td.none {
	border: 0;
}
table.table01 th {
	text-align: center;
	letter-spacing: 3px;
}




table.table02 {
	border-collapse: collapse;
}
table.table02 th,
table.table02 td {
	padding: 5px;
	border: 1px solid #666;
	font-size: 90%;
	line-height: 180%;
	vertical-align: top;
}
table.table02 th.none,
table.table02 td.none {
	border: 0;
}
table.table02 th {
	text-align: center;
	letter-spacing: 3px;
}



table.layouttable td,
table.layouttable th {
	border: 0;
	font-size: 100%;
	padding: 0;
}


table.formTable {
	margin: 30px 15px;
	border-collapse: collapse;
}

table.formTable th,
table.formTable td {
	font-size: 90%;
	font-weight: normal;
	padding: 5px;
}

table.formTable th {
	background-color: #DDD;
	border-bottom: 1px solid #999;
	border-right: 1px solid white;
	color: black;
}
table.formTable td {
	border-bottom: 1px solid #CCC;
}


/**/

div.box550 {
	width: 550px;
	margin: 0 10px;
	text-align: center;
}

div.iso_container {
	width: 350px;
	float: right;
}

div.iso_bg {
	background-color: #FFFFCC;
	padding: 10px;
	margin-bottom: 20px;
}

/*“Š�eƒGƒ‰�[*/

body#post_error {
	background-image: none !important;
}
div.mes_box p {
	margin: 20px 0;
}


/*margin*/

.m5 {margin: 5px;}
.mb5 {margin-bottom: 5px;}
.mt5 {margin-top: 5px;}
.mlr5 {margin: 0 5px;}
.ml5 {margin-left: 5px;}
.mr5 {margin-right: 5px;}

.m10 {margin: 10px;}
.mb10 {margin-bottom: 10px;}
.mt10 {margin-top: 10px;}
.mlr10 {margin: 0 10px;}
.ml10 {margin-left: 10px;}
.mr10 {margin-right: 10px;}
.mrb10 {margin: 0 10px 10px 0}
.mlb10 {margin: 0 0 10px 10px}

.m20 {margin: 20px;}
.mb20 {margin-bottom: 20px;}
.mt20 {margin-top: 20px;}
.mlr20 {margin: 0 20px;}
.ml20 {margin-left: 20px;}
.mr20 {margin-right: 20px;}
.mtb20 {margin: 20px 0;}
.mrb20 {margin: 0 20px 20px 0}
.mlb20 {margin: 0 0 20px 20px}

.m30 {margin: 30px;}
.mb30 {margin-bottom: 30px;}
.mt30 {margin-top: 30px;}
.mlr30 {margin: 0 30px;}
.ml30 {margin-left: 30px;}
.mr30 {margin-right: 30px;}
.mtb30 {margin: 30px 0;}

/*padding*/

.pad10 {padding: 10px;}

/*font-size*/

.font12px {
	font-size: 12px !important;
}
.font13px {
	font-size: 13px !important;
}
.font14px {
	font-size: 14px !important;
}
.font80 {
	font-size: 80% !important;
}

.fontS {
	font-size: 75%;
}

/*font-style*/

.bold {
	font-weight: bold;
}

/*”z’u*/

.v_middle {
	vertical-align: middle !important;
}

/*float*/

.fl {float: left;}
.fr {float: right;}

.txt_l {text-align: left;}
.txt_r {text-align: right;}
.txt_c {text-align: center;}

/*”wŒi�F*/

.bg_white {background-color:white;}
.bg_black {background-color:black;}
.bg_yellow {background-color:#FFFFCC;}
.bg_gray01 {background-color: #DDD;}
.bg_gray02 {background-color: #EEE;}

/*•¶Žš�F*/

.red01 {
	color: #CC0000;
}
.orange {
	color: #FF3300;
}

/*clear*/

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	line-height: 0;
}

.clear {display: inline-table; clear:both;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */



/*print*/
@media print {
body {
	background: none;
}
dl#font_size {
	display: none;
}
}