@charset "utf-8";
/* CSS Document */

/*--------------------------------------------
初期化
--------------------------------------------*/
body { margin: 0; padding: 0; background-color: #FFFFFF; color: #1f1f1f; font-size: 78%; line-height:135%; width:100%;  font-family:'メイリオ', '微软雅黑',Meiryo, Verdana, Geneva, Arial, Helvetica, sans-serif;  }
a{ text-decoration:underline; color:#0033FF; outline:none;}
a:hover{ text-decoration:none;}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,form { margin: 0; padding: 0;}
input { margin: 0; padding: 0;}
img{ margin:0; padding:0; border:0;}
a{border:0;}
ul,li,dl,dt,dd{ list-style-type:none; margin:0; padding:0;}

/*--------------------------------------------
強制的にclearするセレクタ
--------------------------------------------*/
.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 1px;
	}
/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	display: inline-table;
	min-height: 1%;
	}
/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */

/*--------------------------------------------
全体を包むコンテナ
--------------------------------------------*/
#wrapper{ width: 956px; margin: 0 auto; text-align: left;}

/*--------------------------------------------
共通
--------------------------------------------*/
p.ImgArea{ font-size:0; line-height:0; clear:both;}

/*-----------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------*/
#header #logo{ width:186px; height:75px; background:url(../images/common/logo.gif); text-indent:-9999px; color:#FFFFFF; float:left;}

#header #LinkArea{ float:right; margin:32px 7px 15px 0; width:200px;}
#header #LinkArea .global{margin:0 7px 0 5px;padding:0 0 5px 0; }
#header #LinkArea ul{ margin:0 7px 0 0;}
#header #LinkArea ul li{ float:left; margin:0 0 0 5px; font-size:0; line-height:0;}
#header #logo a { margin: 0px; display: block; width:186px; height:75px; }

/*-----------------------------------------------------------------
コンテンツボックス
-----------------------------------------------------------------*/
#ContentsBox{ width:956px; clear:both; background:url(../images/common/contentsbox_bg.gif) repeat-y; margin:0 0 10px 0;}

/*-----------------------------------------------------------------
メインイメージ
-----------------------------------------------------------------*/
#ContentsBox h1{ font-size:0; margin:0 auto; width:917px;}

/*-----------------------------------------------------------------
ナビ
-----------------------------------------------------------------*/
ul#NaviArea{ margin:11px auto; border-bottom:1px dashed #c7c7c7; padding:0 0 9px 0; width:917px;}
ul#NaviArea li{ float:left; margin:0 1px; font-size:0; line-height:0;}
ul#NaviArea li.last{ float:left; margin:0 0 0 1px; font-size:0; line-height:0;}

ul#BreadArea{ margin:14px 0 0 20px; clear:both;}
ul#BreadArea li{ float:left; display:inline; color:#000000; margin:0 0 0 5px;}
ul#BreadArea li a{ color:#000000; text-decoration:none; margin:0 5px 0 0;}
ul#BreadArea li a:hover{ text-decoration:underline;}

ul#LnaviArea{ margin:25px 7px 0 6px; float:left; display:inline; *margin:25px 7px 0 0; _margin:25px 7px 0 0;}
ul#LnaviArea li#current{ background:url(../company/images/lnavi_bg.gif) no-repeat; padding:9px 0 9px 21px; width:169px; border-bottom:1px solid #b2b0b1; color:#cc0000; font-weight:normal;}
ul#LnaviArea li#subtitle{ background:none; padding:0; margin:0; border:none;}
ul#LnaviArea li a{ display:block; font-weight:normal; color:#1f1f1f; text-decoration:none; padding:9px 0 9px 21px; width:169px; border-bottom:1px solid #b2b0b1;}
ul#LnaviArea li a:hover{ background:url(../company/lnavi_bg.gif) no-repeat; color:#cc0000; font-weight:normal;}

/*-----------------------------------------------------------------
メインボックス
-----------------------------------------------------------------*/
#ContentsBox div#MainBox{ width:917px; margin:0 auto; padding:9px 0; clear:both;}
#ContentsBox div#MainBox #LeftArea{ float:left; width:447px; background:url(../images/top/LeftArea_bg.gif) no-repeat; height:487px;margin:0 8px 0 0; }
#ContentsBox div#MainBox #LeftArea h2{ margin:30px 0 0 31px; *margin:30px 0 0 31px; _margin:20px 0 0 31px;}
#ContentsBox div#MainBox #LeftArea p#servicepic{ margin:0 0 0 31px;}
#ContentsBox div#MainBox #LeftArea p#pr{ margin:12px 36px 0 33px; line-height:16px;}
#ContentsBox div#MainBox #LeftArea dl#jp{ margin:12px 36px 0 31px; border-bottom:1px dashed #7c7c7c;background:#fef2da; width:371px; height:62px;  clear:both; *margin:14px 36px 0 31px; _margin:14px 36px 0 31px;}
#ContentsBox div#MainBox #LeftArea dl#jp dt{  padding:8px 0 0 10px; float:left; font-size:16px; font-weight:bold; color:#c91825; }
#ContentsBox div#MainBox #LeftArea dl#jp dd{  padding:8px 5px 0 10px; float:right;text-align:left; width:210px; line-height:16px;}
#ContentsBox div#MainBox #LeftArea dl#jp dd p.txt{ line-height:14px; height: 40px;}
#ContentsBox div#MainBox #LeftArea dl#jp dd p.link a { text-align:right; font-size:12px; color:#c91825; text-decoration:none; padding-left:110px;}

#ContentsBox div#MainBox #LeftArea dl#en{ margin:12px auto 0 auto; border-bottom:1px dashed #7c7c7c; width:370px; height:57px;  clear:both; background:#fef2da;}
#ContentsBox div#MainBox #LeftArea dl#en dt{  padding:8px 0 0 10px; float:left; font-size:16px; font-weight:bold; color:#c91825;  }
#ContentsBox div#MainBox #LeftArea dl#en dd{  padding:8px 5px 0 10px; float:right; text-align:left; width:230px; line-height:12px; }
#ContentsBox div#MainBox #LeftArea dl#en dd p.txt{ line-height:13px; height: 35px;}
#ContentsBox div#MainBox #LeftArea dl#en dd p.link a { text-align:right; font-size:12px; color:#c91825; text-decoration:none; padding-left:160px;}

#ContentsBox div#MainBox #LeftArea dl#cn{ margin:10px auto 0 auto; border-bottom:1px dashed #7c7c7c; width:380px; height:70px;  clear:both; background:#fef2da;}
#ContentsBox div#MainBox #LeftArea dl#cn dt{  padding:5px 0 0 5px; float:left;  font-size:14px; font-weight:bold; color:#c91825; }
#ContentsBox div#MainBox #LeftArea dl#cn dd {width:220px;  height:60px; padding:5px; float:right;}
#ContentsBox div#MainBox #LeftArea dl#cn dd p.txt{ line-height:14px; height: 48px;}
#ContentsBox div#MainBox #LeftArea dl#cn dd p.link a { text-align:right; font-size:12px; color:#c91825; text-decoration:none; padding-left:145px;}

#ContentsBox div#MainBox #LeftArea p.detail{ text-align:right; margin:0 38px 0 0;}

#ContentsBox div#MainBox #RightArea{ float:left; width:461px; background:url(../images/top/RightArea_bg.gif) no-repeat; height:487px;}
#ContentsBox div#MainBox #RightArea li{ width:204px; float:left; display:inline; margin:0 0 8px 15px;}
#ContentsBox div#MainBox #RightArea li h3{ margin:25px 0 0 20px;}
#ContentsBox div#MainBox #RightArea li p.pr{ margin:5px 17px 10px 21px; line-height:16px; height:48px;}
#ContentsBox div#MainBox #RightArea li p.en{ margin:5px 17px 20px 21px; line-height:16px; height:50px; }
#ContentsBox div#MainBox #RightArea li .pic{ display:block; width:169px; margin:10px auto 0 auto;}
#ContentsBox div#MainBox #RightArea li .detail{ text-align:right; margin:5px 19px 0 0;}
#ContentsBox div#MainBox #RightArea li .detail a{font-size:12px; color:#c91825; text-decoration:none;}

#ContentsBox div#MainBox #RightArea li.wide{ width:380px; float:left; display:inline; margin:0 auto 8px 15px;}
#ContentsBox div#MainBox #RightArea li.wide h3{ margin:50px 0 0 20px;}
#ContentsBox div#MainBox #RightArea li.wide p.pr{ margin:5px 17px 10px 21px; line-height:16px; }
#ContentsBox div#MainBox #RightArea li.wide p.en{ margin:5px 17px 20px 21px; line-height:16px;  height:44px;}
#ContentsBox div#MainBox #RightArea li.wide .pic{ display:block; width:380px;  margin:10px auto 8px 0;}
#ContentsBox div#MainBox #RightArea li.wide .detail{ text-align:right; margin:50px 0 0 21px; width:380px;}
#ContentsBox div#MainBox #RightArea li.wide .detail a{font-size:12px; color:#c91825; text-decoration:none;}
#ContentsBox div#MainBox #RightArea li.wide .detail_en{ text-align:right; margin:70px 0 0 21px; width:380px;}
#ContentsBox div#MainBox #RightArea li.wide .detail_en  a{font-size:12px; color:#c91825; text-decoration:none;}


#ContentsBox div#MainBox .banner{ width:917px; margin:0 auto; padding:10px 0 30px 0; clear:both;}

/*-----------------------------------------------------------------
POPUP
-----------------------------------------------------------------*/
#PopBox{ width:696px; clear:both; margin:0 0 10px 0;}
#PopBox div#Pop{ width:696px; margin:0 0 0 19px; padding:9px 0; clear:both;}
#PopBox div#Pop p#point{ width:598px; background-image:url(../images/service/service_line.gif); background-repeat:no-repeat; background-position:bottom; margin: 0 0 10px 25px; padding:5px 0; font-weight:bold; font-size:14px; color:#c51d24;}

/*-----------------------------------------------------------------
会社概要
-----------------------------------------------------------------*/
#Rarea{ width:696px; float:left; margin:0 0 30px 0;}
#Rarea #Box{ background:url(../images/common/boxr_bg.gif) repeat-y; padding:0 0 0 23px;}
#Rarea #Box h2{ margin:0 10px 10px 10px; border-bottom:3px solid #cc0000; font-size:18px; font-weight:bold; width:632px; line-height:22px; padding:10px 0;}
#Rarea #Box h2 span{ font-size:12px; color:#cc0000;}
#Rarea #Box h3{ margin:0 auto 0 25px; font-size:14px; font-weight:bold; color:#cc0000; padding:10px 0;}
#Rarea #Box h4{color:#333; line-height:14px;font-weight:bold; font-size:12px; padding:2px 0 2px 10px; margin:0 0 5px 28px; border-left: 5px solid #cd0003; }
#Rarea #Box he{ clear:both;}
#Rarea #Box #InfoArea{ width:598px; margin:0 0 0 25px; border:1px solid #f2f2f2; padding:1px; *margin:0 0 0 25px; _margin:0 0 0 25px;}
#Rarea #Box #InfoArea dl{ margin:0 0 1px 0; clear:both; }
#Rarea #Box #InfoArea dt{ float:left; clear:left; width:164px; font-weight:bold; background:#e9e7e7; padding:5px 10px 5px 10px; height:25px; line-height:16px;}
#Rarea #Box #InfoArea dd{ float:left; clear:right; width:390px; padding:5px 0px 5px 10px;height:25px; line-height:16px;}

#Rarea #Box #InfoArea02{ width:598px; margin:0 0 0 25px; border:1px solid #f2f2f2; padding:1px; *margin:0 0 0 25px; _margin:0 0 0 25px;}
#Rarea #Box #InfoArea02 dl{ margin:0 0 1px 0; clear:both;}
#Rarea #Box #InfoArea02 dt{ float:left; clear:left; width:150px; font-weight:bold; background:#e9e7e7; padding:5px 10px 5px 10px; height:70px; line-height:16px;}

#Rarea #Box #InfoArea02 dd{ float:left; clear:right; width:404px; padding:5px 0px 5px 10px; height:70px; line-height:16px;}
#Rarea #Box #InfoArea02 dd span{ font-size:10px;}

/*-----------------------------------------------------------------
サービス内容
-----------------------------------------------------------------*/
#Rarea #Box #ServiceArea{ width:598px; margin:0 0 0 25px;*margin:0 0 0 25px; _margin:0 0 0 25px;}

#Rarea #Box #ServiceArea .box{ width:578px; outline: 1px solid #ddd; border: 1px solid #fff; padding: 10px; background: #f0f0f0; margin:10px 0 0 0; }
#Rarea #Box #ServiceArea .box p#explain{width:558px; margin: 0; padding:10px;}
#Rarea #Box #ServiceArea .box h4{ margin:0; font-size:14px; font-weight:bold; padding:10px 0 10px 10px;}
#Rarea #Box #ServiceArea #point{ width:578px; outline: 1px solid #ddd; border: 1px solid #fff; padding: 10px; background: #f0f0f0; margin:10px 0 0 0;}
#Rarea #Box #ServiceArea #point h3#ttl{ color:#333; line-height:16px;font-weight:bold; font-size:14px; padding:2px 0 2px 10px; margin:0 0 5px 0; border-left: 5px solid #cd0003;}
#Rarea #Box #ServiceArea #point p{ line-height:18px; width:560px; padding:0 0 0 10px;margin:0;}
#Rarea #Box #ServiceArea dl.flow{width:560px;padding:0 10px 20px 10px; margin:20px auto 0 auto;clear:both; border-bottom:1px solid #ddd;}
#Rarea #Box #ServiceArea dl.flow  dt{float:left;  width:52px; padding:0 10px 0 0;clear: left;}
#Rarea #Box #ServiceArea dl.flow  dd{width:480px; padding:0 0 0 10px;margin:0 0 0 52px; }
#Rarea #Box #ServiceArea dl.flow  dd img{ padding:5px 0;}

#Rarea #Box #ServiceArea dl.flow .point{ border:1px solid #999; background:#FFF; font-weight:bold; font-size:12px; margin:5px 0; width:480px; padding:5px;}



/*-----------------------------------------------------------------
sample
-----------------------------------------------------------------*/

#Rarea #Box #ServiceArea #sample_detail{ width:598px; padding-bottom:15px;}

#Rarea #Box #ServiceArea #sample_detail dl{ width:387px;clear:both;}

#Rarea #Box #ServiceArea #sample_detail dt{ float:left; width:68px; height:18px; border-right:1px solid #b4b2b3; border-bottom:1px dotted #b4b2b3; border-left:1px solid #b4b2b3; background:#fbfbfb; padding:10px;}
#Rarea #Box #ServiceArea #sample_detail dd{ float:right; width:276px; height:18px; border-bottom:1px dotted #b4b2b3; border-right:1px solid #b4b2b3; padding:10px; text-align:left;}

#Rarea #Box #ServiceArea #sample_detail dt#line{ float:left; width:68px; height:18px; border-right:1px solid #b4b2b3; border-bottom:1px solid #b4b2b3; border-left:1px solid #b4b2b3; background:#fbfbfb; padding:10px;border-top:1px solid #b4b2b3;}
#Rarea #Box #ServiceArea #sample_detail dd#line{ float:right; width:276px; height:18x; border-bottom:1px solid #b4b2b3; border-right:1px solid #b4b2b3; padding:10px; text-align:left;border-top:1px solid #b4b2b3;}

#Rarea #Box #ServiceArea #sample_detail dt#line02{ float:left; width:68px; height:100px; border-right:1px solid #b4b2b3; border-bottom:1px solid #b4b2b3; border-left:1px solid #b4b2b3; background:#fbfbfb; padding:10px;border-top:1px solid #b4b2b3;}
#Rarea #Box #ServiceArea #sample_detail dd#line02{ float:right; width:276px; height:100px; border-bottom:1px solid #b4b2b3; border-right:1px solid #b4b2b3; padding:10px; text-align:left;border-top:1px solid #b4b2b3;}


#Rarea #Box #ServiceArea #sample_detail dt#h02{ float:left; width:68px; height:35px; border-right:1px solid #b4b2b3; border-bottom:1px dotted #b4b2b3; border-left:1px solid #b4b2b3; background:#fbfbfb; padding:5px 10px; line-height:16px;}
#Rarea #Box #ServiceArea #sample_detail dd#h02{ float:right; width:276px; height:35px; border-bottom:1px dotted #b4b2b3; border-right:1px solid #b4b2b3; padding:5px 10px; text-align:left; line-height:16px;}

#Rarea #Box #ServiceArea #sample_detail dt#top{ float:left; width:68px; height:18px; border-right:1px solid #b4b2b3; border-left:1px solid #b4b2b3; background:#fbfbfb; border-top:1px solid #b4b2b3; padding:10px; }
#Rarea #Box #ServiceArea #sample_detail dd#top{ float:right; width:276px; height:18px;border-right:1px solid #b4b2b3;border-top:1px solid #b4b2b3; padding:10px;text-align:left;}

#Rarea #Box #ServiceArea #sample_detail dt#last{ float:left; width:68px; height:18px; border-right:1px solid #b4b2b3;  border-left:1px solid #b4b2b3; background:#fbfbfb; border-bottom:1px solid #b4b2b3; padding:10px; }
#Rarea #Box #ServiceArea #sample_detail dt#last02{ float:left; width:68px; height:35px; border-right:1px solid #b4b2b3;  border-left:1px solid #b4b2b3; background:#fbfbfb; border-bottom:1px solid #b4b2b3; padding:5px 10px; }
#Rarea #Box #ServiceArea #sample_detail dd#last{ float:right; width:276px; height:18px; border-right:1px solid #b4b2b3;border-bottom:1px solid #b4b2b3; padding:10px;text-align:left;}
#Rarea #Box #ServiceArea #sample_detail dd#last02{ float:right; width:276px; height:35px; border-right:1px solid #b4b2b3;border-bottom:1px solid #b4b2b3; padding:5px 10px; text-align:left;}

/*-----------------------------------------------------------------
お問合わせ
-----------------------------------------------------------------*/
#Rarea #Box p {width:584px; line-height:18px;  margin:0 0 0 20px;*margin:0 0 0 20px; _margin:0 0 0 20px; padding:10px 0;}
#Rarea #Box #ContactArea{ width:598px; margin:0 0 0 25px; border:1px solid #f2f2f2; padding:1px; *margin:0 0 0 25px; _margin:0 0 0 25px;}
#Rarea #Box #ContactArea dl{ margin:0 0 1px 0; clear:both; }
#Rarea #Box #ContactArea dt{ float:left; clear:left; width:135px; font-weight:bold; background:#e9e7e7; padding:5px 10px 5px 10px; height:25px; line-height:16px;}
#Rarea #Box #ContactArea dd{ float:left; clear:right; width:419px; padding:5px 0px 5px 10px;height:25px; line-height:16px;}

/*--------------------------------------------
フッター
--------------------------------------------*/
ul#Fnavi{ width:697px; margin:0 auto; border-top:1px dashed #8d8d8d; background:url(../images/common/footer_bg.gif) repeat-x; padding:0 0 6px 220px; clear:both; line-height:0;height:37px;}
ul#Fnavi li{ float:left; font-size:0; }