@charset "UTF-8";
@import url("style-base.css");

body {
	width: 100%;
	text-align: center;
	background: #EEEEEE;
	/*	font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
a:link,a:visited { color: #444444; text-decoration:underline; }
a:hover,a:active { color: #444444; text-decoration:none; }

td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }

form { margin: 0; }
textarea,select,input {
    /*	font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;*/
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;*/
	font-family:“ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”, Osaka,”メイリオ”,Meiryo, Verdana, Arial,sans-serif;
	font-size: 12px;
	vertical-align: middle;
}
img	{ vertical-align: top; border: none; }
.clear { clear: both; width:0px; height:0px; display:block; overflow:hidden; }


.pt4px	{ padding-top: 4px; }

.p-t05{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t15{ padding-top:15px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-b05{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b15{ padding-bottom:15px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}

.m-t05{ margin-top:5px;}
.m-t10{ margin-top:10px;}
.m-t20{ margin-top:20px;}
.m-t30{ margin-top:30px;}
.m-t40{ margin-top:40px;}
.m-b10{ margin-bottom:10px;}
.m-b20{ margin-bottom:20px;}
.m-b30{ margin-bottom:30px;}
.m-b40{ margin-bottom:40px;}

.cen { text-align:center;}
.right{ text-align:right;}
.l-box{ float:left;}
.r-box{ float:right;}
.blue{ color:#0E4693; }
.p-l10{padding-left: 10px;}
.p-l20{padding-left: 20px;}
.r-txt{text-align: right;}
.line-180 {line-height: 180%;}
.red-b{ color:#ff0000 ;}











/* ----------------------------------------------------------------- inner ---- */
#inmenu{
width: 158px;
padding-right:27px;
background:url(img/inner/inmenu-back02.gif) repeat-x left top;
float:left;
}
#inmenu ul {
background: #B6B6B6;
padding-bottom: 1px;
width: 158px;
list-style:none;
font-size: 12px;
line-height:150%;
}
#inmenu ul li {
padding: 8px 10px 8px 10px ;
background:url(img/inner/menu02.gif) no-repeat center bottom;
list-style:none;
margin: 0px 5px;
color:#FFFFFF;
}
#inmenu ul a:link,#inmenu ul a:visited {
 color: #ffffff; 
 text-decoration:none;
 background:url(img/inner/icon01.gif) no-repeat 0px 5px;
 padding-left:10px;
 display:block;
  }
#inmenu ul a:hover,#inmenu ul a:active {
color: #ffffff;
text-decoration:underline;
background:url(img/inner/icon01.gif) no-repeat 0px 5px;
padding-left:10px;
display:block;
 }


.inmenu02{

}


#in-main{
width: 675px;
float:right;
font-size:12px;
}
#in-main h3{
background:url(img/inner/ttl-back.gif) no-repeat left bottom;
color: #495059;
padding: 6px 15px 5px 15px;
font-size:14px;
}
#w675 {
width: 675px;
}
.entrybox {
width: 675px;
margin: 15px 0px 25px 0px;
}

#in-main02{
width: 860px;
font-size:12px;
}
#in-main02 h3{
background:url(img/inner/ttl-back02.gif) no-repeat left bottom;
color: #495059;
padding: 6px 15px 5px 15px;
font-size:14px;
}
.entrybox02 {
width: 860px;
margin: 15px 0px 25px 0px;
}
#w860 {
width: 860px;
}
.inbox{
width: 860px;
padding: 15px 0px;
line-height: 180%;
}






/* ----------------------------------------------------------------- info ---- */
.info-entrybox {
width: 655px;
margin: 5px 10px 25px 10px;
line-height:180%;
}
.info-entrybox p {
padding-bottom:10px;
}
.info-date{
padding-bottom: 15px;
text-align:right;
font-color:#444444;
}
.info-date a:link,.info-date a:visited { color: #C1191C; text-decoration:none; }
.info-date a:hover,.info-date a:active { color: #C1191C; text-decoration:underline; }
.more{ 
padding-top: 10px;
text-align:right;
}
.more span{
background: url(img/inner/icon02.gif) no-repeat 0px 3px;
padding-left: 12px;
}
.more a:link,.more a:visited { color: #444444; text-decoration:underline; }
.more a:hover,.more a:active { color: #444444; text-decoration:none; }










/* ----------------------------------------------------------------- brand ---- */
.plr-10 {
padding: 0px 15px;
}
.table-box{
width: 860px;
margin-bottom:20px;
}
.bra-logo02{
padding: 15px 10px 0px 10px;
line-height:180%;
border-top:1px solid #FFFFFF;
vertical-align:top;
}
.bra-logo{
vertical-align:top;
line-height:180%;
border-top:1px solid #FFFFFF;
}








/* ----------------------------------------------------------------- history ---- */
table#history{
width:860px;
border-left:1px solid #aaaaaa;
border-top:1px solid #aaaaaa;
}
table#history th{
text-align:center;
border-bottom:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
padding: 5px;
color: #ffffff;
background:url(img/inner/historyback.gif) repeat-x top left;
}
table#history td{
vertical-align:top;
padding: 10px;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
}
.nengo{
background: #DEDEDE;
}
.right-img img{
float:right;
}

.history01{
background:url(img/inner/hisback01.jpg) no-repeat right bottom;
padding:0;
margin:0;
}
.bor-btm{
border-bottom:1px solid #aaaaaa;
width: 425px;
}
.history02{
background:url(img/inner/hisback02.jpg) no-repeat left bottom;
}
.history03{
background:url(img/inner/hisback03.jpg) no-repeat right bottom;
height: 200px;
}










/* ----------------------------------------------------------------- world ---- */
.world01 {
width: 673px;
border: 1px solid #D4D4D4;
background-color: #FFFFFF;
margin-bottom: 15px;
}
.world02 {
width: 643px;
margin: 10px auto;
}
.ttl02{
border-bottom:2px solid #D4D4D4;
background: url(img/inner/icon03.gif) no-repeat 10px 9px #F4F4F4;
font-weight:bold;
color: #495059;
width: 608px;
padding: 2px 10px 2px 25px;
font-size:12px;
}
.world02 td{
line-height:180%;
}
.wor-txt01{
padding-top: 10px;
}
.wor-txt01 img{
padding-top:10px;
}

.world03{
background:url(img/inner/worldback.jpg) no-repeat right top;
width: 423px;
line-height:180%;
padding: 0px 250px 60px 0px;
}





/* ----------------------------------------------------------------- policy ---- */
.policy {
padding: 5px 300px 10px 10px;
line-height:180%;
}
.policy02 {
padding: 10px 10px 10px 20px;
line-height:180%;
}
.policy02 img{
vertical-align: middle;
}
.policy03 {
padding: 5px 10px 10px 300px;
line-height:180%;
}

.policy-box{
background: url(img/inner/polback.jpg) no-repeat 530px 25px;
margin-bottom: 30px;
}

.policy-box02{
margin-bottom: 30px;
background: url(img/inner/polback02.jpg) no-repeat left bottom;
padding-bottom:10px;
}
.policy-box03{
margin-bottom: 30px;
background: url(img/inner/polback03.jpg) no-repeat right center;
padding-bottom:10px;
}
.policy-box04{
margin-bottom: 30px;
background: url(img/inner/polback04.jpg) no-repeat left bottom;
}








/* ----------------------------------------------------------------- company ---- */
table.company,table.contact {
width: 650px;
background: #aaaaaa;
margin: 0px auto;
text-align:left;
}
table.company th{
font-weight:normal;
vertical-align: top;
background: #CACACA;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
padding: 5px 0px 10px 10px;
width: 100px;
}
table.company td,table.contact td {
background: #EEEEEE;
padding: 6px 0px 10px 11px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}











/* ----------------------------------------------------------------- recruite ---- */
.recruite{
background:url(img/inner/recback.jpg) no-repeat right top;
line-height:180%;
padding:0px 300px 20px 0px;
width:373px;
}










/* ----------------------------------------------------------------- about ---- */
table.kiyaku{
width: 650px;
margin: 0px auto;
}
table.kiyaku th,.ttl04{
border-bottom:1px solid #aaaaaa;
background:url(img/inner/icon03.gif) no-repeat 0px 15px;
padding:10px 0px 5px 15px;
text-align:left;
}
table.kiyaku h4{
font-size:12px;
}
table.kiyaku td{
padding:10px 15px 30px 15px;
border-top: 1px solid #FFFFFF;
line-height:180%;
}
table.kiyaku ul,table.kiyaku ol,table.jyuto03 ol{
padding:10px 10px 10px 25px;
}
address.kiyaku02{
font-style: normal;
text-align:right;
color:#333333;
}

.jyu-red{
color: #C41818;
}
.jyu-redb{
color: #C41818;
font-weight:bold;
}
table.jyuto{
width: 650px;
margin: 0px auto;
line-height:180%;
}
table.jyuto th{
color: #C41818;
text-align:left;
}
table.jyuto td{
padding:10px 15px 20px 15px;
line-height:180%;
border-top: 1px solid #FFFFFF;
}
table.jyuto02{
width: 650px;
margin: 0px auto;
}
table.jyuto02 td{
padding: 0px 15px 40px 15px;
line-height:180%;

}

table.jyuto03{
width: 650px;
margin: 10px auto 0px auto;
}
table.jyuto03 th{
background:url(img/inner/icon04.gif) no-repeat 0px 14px;
font-weight:bold;
text-align:left;
color: #C41818;
padding:10px 10px 0px 15px;
}
table.jyuto03 td{
padding: 10px 15px 20px 15px;
line-height:180%;

}



table#sitemap{
margin: 0px auto;
width: 650px;
}
.site-ttl{
border-bottom:2px solid #D4D4D4;
background: url(img/inner/icon03.gif) no-repeat 10px 12px #F4F4F4;
font-weight:bold;
color: #495059;
padding: 5px 10px 5px 25px;
font-size:12px;
}

table.sitemap02 h4{
font-weight:normal;
font-size:12px;
}
table.sitemap02 {
margin-left: 25px;
}
table.sitemap02 td{
padding: 0px 15px 10px 10px;
background:url(img/inner/icon04.gif) no-repeat 0px 5px;
}









/* ----------------------------------------------------------------- product ---- */
.product{
width: 860px;
background:url(img/inner/proback.jpg) no-repeat center top;
height: 459px;
}
.pro01{
padding: 48px 0px 0px 220px;
}
ul.pro01-list{
padding-left:256px;
margin-bottom:10px;
}
ul.pro01-list li{
list-style: none;
float:left;
}
.pro02{
padding-left: 220px;
}
ul.pro02-list{
padding-left:242px;
margin-bottom:10px;
}
ul.pro02-list li{
list-style: none;
float:left;
}
ul.pro02-list li img{
vertical-align:bottom;
}
.pro03{
padding-left: 175px;
}
ul.pro03-list{
padding-left:202px;
}
ul.pro03-list li{
list-style: none;
float:left;
}
ul.pro03-list li img{
vertical-align:bottom;
}







/* ----------------------------------------------------------------- contact ---- */
table.contact th{
font-weight:normal;
vertical-align: center;
background: #CACACA;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
padding: 5px 0px 10px 10px;
width: 150px;
}

.cont{
width: 650px;
margin: 0px auto 20px auto;
}


.absored{
color:#FF0000;
font-size: 12px;
font-weight:normal;
}
#F-NAME,#F-MAIL,#F-MAIL2,#F-TEL,#F-POST,#F-FAX {width: 50%;margin: 5px 0px 5px 0px;}
#F-ADDRESS,#F-COMPANY { width: 90%; margin: 5px 0px 5px 0px;}
#F-MESSAGE { width: 90%; height: 150px;margin: 5px 0px 5px 0px;}
#F-ZIP {width: 30%;margin: 5px 0px 5px 0px;}










/* ----------------------------------------------------------------- map ---- */
.map{
margin-left: 33px;
margin-top: 10px;
}
.map02{
width:675px;
}
.map03{
width: 310px;
padding-left:9px;
vertical-align:top;
background: url(img/map/mapimg03.gif) no-repeat right bottom;
}
.map04{
margin:0px 0px 11px 161px;
}
.map05{
margin-bottom:22px;
}
.map06{
margin-left:11px;
}
.map07{
width:675px;
background:url(img/map/mapimg08.gif) no-repeat center top;
}
.map08{
padding-left: 33px;
}
.map09{
padding:154px 0px 144px 49px;
margin:0px;
text-align:left;
}
.map10{
padding:122px 80px 0px 0px;
vertical-align:top;
text-align:right;
}