@charset "utf-8";

/*******************************************************
 INIT
*******************************************************/
*{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}
a img {border:0;}
li    {list-style-type:none;}
input {padding:1px;}
h1, h2, h3, h4, h5, h6 {clear:both; font-weight:normal;}

body {
	font-size:14px;
	color:#000;
	background-color:#fff;
}

/*******************************************************
 LAYOUT
*******************************************************/
#header {width:900px; height:150px; margin:0 auto; position:relative;}
#main   {width:900px; margin:0 auto; padding-top:28px;}
#main2   {width:900px; margin:0 auto; padding-top:5px;}
#footer {}

/*******************************************************
 HEADER
*******************************************************/
#header .logo1 {position:absolute; left:0px ; top:42px;}
#header .logo2 {position:absolute; left:88px ; top:25px;}
#header .grp   {position:absolute; left:819px ; top:36px;}
#header ul     {position:absolute; left:81px ; top:68px; width:718px; height:38px; background:url(../image/shared/menu.gif);}
#header .sub   {position:absolute; left:483px ; top:0px; width:310px; height:28px; background:url(../image/shared/line.gif) center bottom no-repeat; font-size:12px; line-height:28px; text-align:right; padding:10px 6px 0 0;}

#header .sub a:link, #header .sub a:visited {color:#000; text-decoration:none;}
#header .sub a:hover, #header .sub a:active {color:#f8b826; text-decoration:underline;}

#header li {float:left; list-style:none; display:inline;}
#header .nav1 {width:176px; height:38px;}
#header .nav2 {width:169px; height:38px;}
#header .nav3 {width:170px; height:38px;}
#header .nav4 {width:203px; height:38px;}
#header .nav1 a{width:176px; height:38px; display:block;}
#header .nav2 a{width:169px; height:38px; display:block;}
#header .nav3 a{width:170px; height:38px; display:block;}
#header .nav4 a{width:203px; height:38px; display:block;}
#header .nav1 a:hover {background:url(../image/shared/menu.gif) 0px -38px no-repeat;}
#header .nav2 a:hover {background:url(../image/shared/menu.gif) -176px -76px no-repeat;}
#header .nav3 a:hover {background:url(../image/shared/menu.gif) -345px -114px no-repeat;}
#header .nav4 a:hover {background:url(../image/shared/menu.gif) -515px -152px no-repeat;}
#header span {display:none;}
#home     #header .nav1 a {background:url(../image/shared/menu.gif) 0px -38px no-repeat;}
#company  #header .nav2 a {background:url(../image/shared/menu.gif) -176px -76px no-repeat;}
#solution #header .nav3 a {background:url(../image/shared/menu.gif) -345px -114px no-repeat;}
#inquiry  #header .nav4 a {background:url(../image/shared/menu.gif) -515px -152px no-repeat;}

/*******************************************************
 bread, image
*******************************************************/
#bread {width:890px; margin:0 auto; color:#707070; font-size:12px; line-height:29px;}
#bread a:link, #bread a:visited {color:#707070; text-decoration:none;}
#bread a:hover, #bread a:active {color:#f8b826; text-decoration:underline;}

#image {height:122px;}
#company  #image {background:url(../image/image/company.jpg) center top no-repeat;}
#solution #image {background:url(../image/image/solution.jpg) center top no-repeat;}
#inquiry  #image {background:url(../image/image/inquiry.jpg) center top no-repeat;}
#privacy  #image {background:url(../image/image/privacypolicy.jpg) center top no-repeat;}
#sustainability  #image {background:url(../image/image/sustainability.png) center top no-repeat;}

#news  #image {background:url(../image/image/news.jpg) center top no-repeat;}

#koukoku  #image {background:url(../image/image/koukoku.jpg) center top no-repeat;}

#stuff  #image {background:url(../image/image/stuff.jpg) center top no-repeat;}

/*******************************************************
 MAIN
*******************************************************/
#contents{width:640px; padding-left:20px; float:left;}
#side    {width:210px; float:right;}

#contents h1 {margin-bottom:30px;}
#contents h2 {margin-bottom:15px;}
#contents h3 {margin-bottom:15px; font-size:17px; color:#073190; padding-top:5px;}
#contents h4 {font-size:16px; color:#073190;}
#contents h5 {font-size:14px; margin-bottom:5px; margin-top:10px;}
#contents .block1{width:640px; padding-bottom:20px;}
#contents .block2{width:640px; padding-bottom:15px;}
#contents .pagetop{font-size:12px; text-align:right; padding:20px 0 30px 0;}
#contents .pagetop a:link, #contents .pagetop a:visited {color:#626262; text-decoration:underline;}
#contents .pagetop a:hover, #contents .pagetop a:active {color:#f8b826; text-decoration:underline;}
#contents .btn_box2 a:link, #contents .btn_box2 a:visited {color:#626262; text-decoration:none;}
#contents .btn_box2 a:hover, #contents .btn_box2 a:active {color:#25221d; text-decoration:none; background-color:#e2f0bf;}
#contents .btn_box3 a:link, #contents .btn_box3 a:visited {color:#626262; text-decoration:none;}
#contents .btn_box3 a:hover, #contents .btn_box3 a:active {color:#25221d; text-decoration:none; background-color:#e2f0bf;}

#side .head {height:50px; text-align:center; font-size:16px; color:#FFF; background:#8fc1e6; line-height:50px;}
#side .block {padding:0 10px 6px 10px; border-bottom:#a0a0a0 1px solid;}
#side .on {background:url(../image/shared/side_bg.gif);}
#side li {font-size:14px; line-height:30px; color:#626262;}
#side li.parent {line-height:35px; padding-top:6px; font-weight:bold;}
#side li.parent2 {line-height:25px; padding-top:6px; font-weight:bold;}

#side a:link, #side a:visited {color:#626262; text-decoration:none;}
#side a:hover, #side a:active {color:#f8b826; text-decoration:underline;}
#side .on a:link, #side .on a:visited {color:#381001; text-decoration:none;}
#side .on a:hover, #side .on a:active {color:#f8b826; text-decoration:underline;}
#side .parent a:link, #side .parent a:visited {color:#381001; text-decoration:none;}
#side .parent a:hover, #side .parent a:active {color:#f8b826; text-decoration:underline;}
#side .parent2 a:link, #side .parent2 a:visited {color:#381001; text-decoration:none;}
#side .parent2 a:hover, #side .parent2 a:active {color:#f8b826; text-decoration:underline;}
#side .banner {padding-bottom:13px;}
#side .line {line-height:150%;}

/*******************************************************
 FOOTER
*******************************************************/
#footer #pagetop {width:900px; margin:0 auto; text-align:right; padding-top:10px;}
#footer #group   {width:900px; height:94px; margin:0 auto; border-top:#a0a0a0 1px solid; background:url(../image/shared/group.jpg);}
#footer #group li{width:129px; height:94px; float:left;}
#footer #group li a {width:129px; height:94px; display:block;}
#footer #group .nav0 {width:124px;}
#footer #group .nav1 {width:86px;}
#footer #group .nav2 {width:86px;}
#footer #group .nav3 {width:86px;}
#footer #group .nav4 {width:86px;}
#footer #group .nav5 {width:86px;}
#footer #group .nav6 {width:86px;}
#footer #group .nav7 {width:86px;}
#footer #group .nav8 {width:86px;}
#footer #group .nav9 {width:86px;}
#footer #group .nav1 a{width:86px;}
#footer #group .nav2 a{width:86px;}
#footer #group .nav3 a{width:86px;}
#footer #group .nav4 a{width:86px;}
#footer #group .nav5 a{width:86px;}
#footer #group .nav6 a{width:86px;}
#footer #group .nav7 a{width:86px;}
#footer #group .nav8 a{width:86px;}
#footer #group .nav9 a{width:86px;}
#footer #group .nav1 a:hover {background:url(../image/shared/group.jpg) -124px -94px no-repeat;}
#footer #group .nav2 a:hover {background:url(../image/shared/group.jpg) -210px -94px no-repeat;}
#footer #group .nav3 a:hover {background:url(../image/shared/group.jpg) -296px -94px no-repeat;}
#footer #group .nav4 a:hover {background:url(../image/shared/group.jpg) -383px -94px no-repeat;}
#footer #group .nav5 a:hover {background:url(../image/shared/group.jpg) -469px -94px no-repeat;}
#footer #group .nav6 a:hover {background:url(../image/shared/group.jpg) -555px -94px no-repeat;}
#footer #group .nav7 a:hover {background:url(../image/shared/group.jpg) -641px -94px no-repeat;}
#footer #group .nav8 a:hover {background:url(../image/shared/group.jpg) -727px -94px no-repeat;}
#footer #group .nav9 a:hover {background:url(../image/shared/group.jpg) -814px -94px no-repeat;}
#footer #group span {display:none;}

#footer #sitemap {height:320px; overflow:hidden;}
#footer #sitemapWrap {background:#f4f2e4; border-top:#a0a0a0 1px solid; border-bottom:#a0a0a0 1px solid; padding:10px 0 0 0; height:308px;}
#footer #sitemapArea {width:900px; margin:0 auto; color:#313131;}
#footer #sitemap1 {width:180px; padding-left:20px; float:left;}
#footer #sitemap2 {width:240px; float:left;}
#footer #sitemap3 {width:205px; float:left;}
#footer #sitemap4 {width:238px; float:left;}
#footer #sitemapArea li{font-weight:bold; font-size:13px;}
#footer #sitemapArea li li{font-weight:bold; font-size:12px;}
#footer #sitemapArea li li li{font-weight:normal; font-size:12px; padding-left:12px;}
#footer #recruitBox {width:220px; padding:15px 15px; border:#a0a0a0 1px solid; background:#FFF;}

#footer #sitemapArea a:link, #footer #sitemapArea a:visited {color:#313131; text-decoration:underline;}
#footer #sitemapArea a:hover, #footer #sitemapArea a:active {color:#f8b826; text-decoration:underline;}

#footer #copyright {height:42px; background:url(../image/shared/copyright_bg.gif);}
#footer #copyrightArea {width:900px; height:42px; margin:0 auto; position:relative;}
#footer #copyrightArea .button {position:absolute; left:0; top:0;}
#footer #copyrightArea .text   {width:600px; position:absolute;  left:300px; top:0; text-align:right; font-size:13px; line-height:36px; color:#FFF; font-family:Arial, Helvetica, sans-serif;}

/*******************************************************
 FONT SIZE / LINK
*******************************************************/
.fs9 {font-size:9px;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}

.fb {font-weight:bold;}

a:link, a:visited {color:#d0111b; text-decoration:underline;}
a:hover, a:active {color:#f8b826; text-decoration:underline;}

.red1 {color:#d0111b;}
.brown1 {color:#381001;}


/*******************************************************
 ALIGN
*******************************************************/
.alignC {text-align:center !important;}
.alignL {text-align:left !important;}
.alignR {text-align:right !important;}

/*******************************************************
 FLOAT
*******************************************************/
.floatR {float:right;}
.floatL {float:left;}
.floatN {float:none;}
.clearR {clear:right;}
.clearL {clear:left;}
.clear  {clear:both;}
.clearfix:after {content:""; display: block; clear: both;}
.clearfix{zoom: 100%;}

/*******************************************************
 MARGIN / PADDING
*******************************************************/
.mg0  {margin:0 !important;}
.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd0  {padding:0 !important;}
.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.mgL5  {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL35 {margin-left:35px !important;}
.mgL40 {margin-left:40px !important;}
.mgL45 {margin-left:45px !important;}
.mgL50 {margin-left:50px !important;}
.mgR5  {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR25 {margin-right:25px !important;}
.mgR30 {margin-right:30px !important;}
.mgR35 {margin-right:35px !important;}
.mgR40 {margin-right:40px !important;}
.mgR45 {margin-right:45px !important;}
.mgR50 {margin-right:50px !important;}
.mgT0  {margin-top:0px !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;}
.mgB0  {margin-bottom:0px !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;}

.pdL5  {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL35 {padding-left:35px !important;}
.pdL40 {padding-left:40px !important;}
.pdL45 {padding-left:45px !important;}
.pdL50 {padding-left:50px !important;}
.pdR5  {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR35 {padding-right:35px !important;}
.pdR40 {padding-right:40px !important;}
.pdR45 {padding-right:45px !important;}
.pdR50 {padding-right:50px !important;}
.pdT0  {padding-top:0px !important;}
.pdT5  {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}
.pdT35 {padding-top:35px !important;}
.pdT40 {padding-top:40px !important;}
.pdT45 {padding-top:45px !important;}
.pdT50 {padding-top:50px !important;}
.pdB0  {padding-bottom:0px !important;}
.pdB5  {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB35 {padding-bottom:35px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB45 {padding-bottom:45px !important;}
.pdB50 {padding-bottom:50px !important;}