@charset "utf-8";

/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
}

table{
font-size:inherit;
}


textarea{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

img{
border:0;
}

h3{
font-size:12px;
}

h4{
font-size:12px;
}

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

/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
width:100%;
height:100%;
}

body{
width:100%;
height:100%;
font-size:12px;
color:#000;
line-height:1;
letter-spacing:0.1em;
text-align:center;
font-family:"MS PMincho", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HGS明朝E", serif;
}

body > #wrap{
height:auto;
}


#wrap{
position:relative;
width:950px;
height:100%;
min-height:595px;
margin:0 auto;
padding:45px 0 0 0;
text-align:left;
}

.bgTop{
background:url(../img/top_bg01.gif) no-repeat 13px 18px;
}

.bgBiz{
background:url(../img/biz_bg01.gif) no-repeat 13px 18px;
}

.bgCase{
background:url(../img/case_bg01.gif) no-repeat 13px 18px;
}

.bgAbout{
background:url(../img/abo_bg01.gif) no-repeat 13px 18px;
}

.bgCompany{
background:url(../img/com_bg01.gif) no-repeat 13px 18px;
}

#eightyone{
position:absolute;
right:-3px;
top:159px;
}

#contact{
position:absolute;
left:840px;
width:104px;
background:url(../img/hd_icon01.gif) no-repeat 87px 4px;
}

#contact{
}

#head{
width:679px;
margin:0 0 88px 0;
padding:20px 165px 0 106px;
}

#head h1{
float:left;
width:319px;
height:47px;
font-size:0;
}

#head h1 a{
display:block;
width:319px;
height:47px;
background:url(../img/all_title01.gif) no-repeat;
}

#head ul{
float:right;
width:203px;
list-style:none;
}

#head ul li{
margin:0 0 14px 0;
font-size:0;
}

#head ul li a{
display:block;
width:203px;
height:17px;
font-size:0;
background:url(../img/hd_navi01_on.gif) no-repeat;
}

#head ul li a.navi01{background:url(../img/hd_navi01.gif) no-repeat;}
#head ul li a.navi02{background:url(../img/hd_navi02.gif) no-repeat;}
#head ul li a.navi03{background:url(../img/hd_navi03.gif) no-repeat;}
#head ul li a.navi04{background:url(../img/hd_navi04.gif) no-repeat;}
#head ul li a.navi05{background:url(../img/hd_twit01.gif) no-repeat;height:20px;}

#head ul li img{
vertical-align:middle;
}

#content{
}

#foot{
padding:0 14px 50px 41px;
}

#foot .pageTop{
margin:0 0 34px 0;
text-align:right;
}

#foot ul{
margin:0 0 20px 0;
list-style:none;
}

#foot ul li{
float:left;
padding:0 24px 0 0;
}

#foot address{
}



/*------------------------------------------------
   TOP
------------------------------------------------*/

.topArea{
position:relative;
margin:-20px 0 0 0;
padding:0 41px 0 106px;
}

.topArea .leftArea{
float:left;
width:480px;
}

.topArea .rightArea{
float:right;
width:242px;
padding:38px 0 0 0;
}

.topArea .floattxt{
position:absolute;
left:636px;
top:-25px;
}

.topArea .leftArea h2{
margin:0 0 62px 0;
padding:4px 0 0 20px;
font-size:0;
}

.topArea .leftArea p{
font-size:0;
}

.topArea .leftArea .subttl01{
margin:0 0 66px 0;
}

.topArea .leftArea .txt01{
margin:0 0 45px 0;
}

.topArea .leftArea .img01{
margin:0 0 23px 0;
}

.topArea .rightArea dl{
}

.topArea .rightArea dl dt{
margin:0 0 10px 0;
}

.topArea .rightArea dl dd{
margin:0 0 17px 2px;
font-size:12px;
line-height:1.4;
}

.topArea .rightArea dl dd a{
color:#333;
}

#twitArea{
margin:0 0 30px 0;
}

#twitArea dl{
float:left;
width:20px;
padding:0 27px 0 70px;
}

#twitArea dl dt{
margin:0 0 5px 0;
}

#twitArea dl dd{
}

#tweet{
float:left;
width:833px;
font-size:12px;
line-height:1.6;
}

#tweet ul{
list-style:none;
}

#tweet ul li{
margin:0 0 10px 0;
}



/*------------------------------------------------
   Business
------------------------------------------------*/

.bizArea{
position:relative;
width:828px;
margin:0 0 23px 0;
padding:0 21px 0 101px;
}

.bizArea h2{
margin:0 0 44px 114px;
font-size:0;
}

.bizArea .leftArea{
float:left;
width:461px;
}

.bizArea .leftArea .ttl01{
margin:0 0 12px 0;
}

.bizArea .leftArea .subttl01{
margin:0 0 40px 55px;
}

.bizArea .leftArea ul{
margin:0 0 40px 57px;
list-style:none;
}

.bizArea .leftArea ul li{
margin:0 0 10px 0;
padding:0 0 0 8px;
background:url(../img/biz_icn01.gif) no-repeat left center;
}

.bizArea .rightArea{
float:right;
width:367px;
}


/*------------------------------------------------
   Case
------------------------------------------------*/

.caseArea{
position:relative;
width:855px;
margin:0 0 23px 0;
padding:7px 34px 0 61px;
}

.caseArea h2{
margin:0 0 55px 0;
font-size:0;
}

.caseArea .leftArea{
float:left;
width:230px;
}

.caseArea .leftArea ul{
width:230px;
margin:0 0 0 45px;
list-style:none;
background:#fff;
}

.caseArea .leftArea ul li{
min-height:38px;
margin:0 0 10px 0;
background:url(../img/case_icn01.gif) no-repeat left top;
}

.caseArea .leftArea ul li a{
text-decoration:none;
}

.caseArea .leftArea ul li img{
display:block;
float:left;
width:38px;
border-right:#fff solid 8px;
}

.caseArea .leftArea ul li span{
display:block;
float:left;
width:182px;
line-height:1.3;
}

.caseArea .leftArea ul li span b{
display:block;
font-weight:normal;
}

.caseArea .rightArea{
float:right;
width:570px;
}

.entry{
}

.entry .img{
margin:0 0 20px 0;
text-align:center;
}

.entry .title{
margin:0 0 20px 0;
font-size:14px;
}

.entry .data{
margin:0 0 40px 0;
}

.entry .data span{
margin:0 20px 0 0;
}

.entry .txt1{
margin:0 0 20px 0;
padding:0 40px 120px 70px;
line-height:2;
background:url(../img/case_bg02.gif) no-repeat left bottom;
}

.entry .txt2{
padding:0 30px 0 0;
line-height:2;
}


/*------------------------------------------------
   About
------------------------------------------------*/

.aboArea{
position:relative;
width:875px;
margin:0 0 23px 0;
padding:32px 32px 0 43px;
}

.aboArea h2{
margin:0 0 48px 82px;
font-size:0;
}

.aboArea .img1{
margin:0 0 10px 74px;
}

.aboArea .box1{
float:left;
width:300px;
min-height:338px;
background:url(../img/abo_bg02.gif) no-repeat;
}

.aboArea .box1 h3{
margin:0 0 16px 61px;
}

.aboArea .box1 h4{
margin:0 0 10px 0;
text-align:center;
}

.aboArea .box1 .career{
margin:0 0 34px 0;
}

.aboArea .box1 dl{
margin:0 10px 0 9px;
font-size:10px;
line-height:2;
}

.aboArea .box1 dl dt{
width:3.5em;
}

.aboArea .box1 dl dd{
margin:-2em 0 0 3.5em;
}

.aboArea .box2{
float:left;
width:300px;
min-height:338px;
background:url(../img/abo_bg03.gif) no-repeat;
}

.aboArea .box2 h3{
margin:2px 0 18px 15px;
}

.aboArea .box2 h4{
margin:0 0 14px 0;
text-align:center;
}

.aboArea .box2 .career{
margin:0 0 42px 0;
}

.aboArea .box2 .mess{
margin:0 0 0 29px;
}

.aboArea .box3{
float:left;
width:275px;
min-height:338px;
background:url(../img/abo_bg04.gif) no-repeat;
}

.aboArea .box3 h3{
margin:2px 0 18px 16px;
}

.aboArea .box3 h4{
margin:0 0 30px 0;
text-align:center;
}

.aboArea .box3 .career{
margin:0 0 32px 27px;
}

.aboArea .box3 dl{
margin:0 10px 0 15px;
font-size:10px;
line-height:2;
}

.aboArea .box3 dl dt{
width:3.5em;
}

.aboArea .box3 dl dd{
margin:-2em 0 0 3.5em;
}


/*------------------------------------------------
   Company
------------------------------------------------*/

.comArea{
position:relative;
width:750px;
margin:0 0 23px 0;
padding:32px 0 0 139px;
}

.comArea h2{
margin:0 0 40px 0;
font-size:0;
}

.comArea table{
margin:0 0 15px 244px;
}

.comArea table th{
padding:0 0 22px 0;
font-size:14px;
font-weight:bold;
line-height:1.5;
vertical-align:top;
}

.comArea table td{
padding:0 0 22px 0;
font-size:14px;
line-height:1.5;
vertical-align:top;
}

.comArea h3{
margin:0 0 30px 244px;
font-size:14px;
}

.comArea dl{
margin:0 0 20px 244px;
}

.comArea dl dt{
width:3.5em;
font-size:14px;
}

.comArea dl dd{
margin:-1em 0 10px 3.5em;
font-size:14px;
}



/*------------------------------------------------
   CONTACT
------------------------------------------------*/

#fwrap{
position:relative;
width:827px;
height:554px;
text-align:left;
background:url(../img/con_bg02.gif) no-repeat;
}

#fcontent{
padding:66px 0 71px 40px;
}

#fcontent h1{
margin:0 0 25px 108px;
font-size:12px;
}

#fcontent .read{
width:726px;
margin:0 0 25px 0;
}

#fcontent .read .left{
float:left;
width:630px;
}

#fcontent .read .right{
float:right;
width:96px;
text-align:right;
}

#fcontent .read .right img{
margin:0 7px 0 0;
vertical-align:middle;
}

.formTbl{
width:726px;
}

.formTbl th{
width:120px;
padding:0 10px 17px 0;
font-size:14px;
vertical-align:top;
}

.formTbl td{
width:596px;
padding:0 0 17px 0;
vertical-align:top;
}

.formTbl th img{
margin:0 0 0 7px;
vertical-align:middle;
}

.formTbl td img{
margin:0 0 0 7px;
vertical-align:middle;
}

.form01{
width:595px;
padding:2px;
background:#ccc;
border:#ccc solid 1px;
}

.form01:focus{
background:#fff;
border:#ddd solid 1px;
}

#fcontent .send{
position:absolute;
width:726px;
right:60px;
bottom:35px;
text-align:right;
}

#fcontent .send2{
position:absolute;
width:726px;
right:215px;
bottom:35px;
text-align:right;
}

.thanks{
width:726px;
margin:0 0 25px 0;
padding:20px 0 0 0;
}

.thanks h2{
float:left;
width:210px;
font-size:14px;
}

.thanks p{
float:right;
width:500px;
font-size:14px;
line-height:1.75;
}

.errorTtl{
margin:0 0 20px 0;
font-size:14px;
}

.errorList{
margin:0 0 30px 0;
list-style:none;
}

.errorList li{
margin:0 0 5px 0;
color:#FF3300;
}

.closeBtn{
position:absolute;
right:72px;
top:122px;
}


/*------------------------------------------------
   Default
------------------------------------------------*/

/* Original */
.ct01{color:#993300;}
.ct02{color:#DB5E12;}
.ct03{color:#000;}

.whitebox{
padding:5px 8px;
background:#fff;
}

/* Table Skins */
.tblSkin01{
}

.tblSkin01th{
padding:10px 5px;
vertical-align:top;
border-bottom:#ccc dotted 1px;
}

.tblSkin01 td{
padding:10px 5px;
vertical-align:top;
border-bottom:#ccc dotted 1px;
}


/* float */
.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 */

.fleft{float:left;}
.fright{float:right;}

/* text */
.lh01{line-height:1;}
.lh02{line-height:1.1;}
.lh03{line-height:1.2;}
.lh04{line-height:1.3;}
.lh05{line-height:1.4;}
.lh06{line-height:1.5;}
.lh07{line-height:1.6;}
.lh08{line-height:1.7;}
.lh09{line-height:1.8;}
.lh10{line-height:1.9;}
.lh11{line-height:2;}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}

.blt{font-weight:bold;}
.nlt{font-weight:normal;}

.mint{font-size:10px;}
.bigt{font-size:14px;}

.alignl{text-align:left;}
.alignc{text-align:center;}
.alignr{text-align:right;}

.valignt{vertical-align:top;}
.valignm{vertical-align:middle;}
.valignb{vertical-align:bottom;}

.black01{color:#000000;}
.glay01{color:#333333;}
.glay02{color:#666666;}
.glay03{color:#999999;}
.blue01{color:#003366;}
.blue02{color:#006699;}
.blue03{color:#0099cc;}
.red01{color:#cc0000;}
.red02{color:#990000;}
.red03{color:#CC3300;}
.orange01{color:#FF9900;}
.orange02{color:#FF6600;}
.green01{color:#339900;}
.green02{color:#006600;}

/* margin */
.mat01{margin-top:5px;}
.mat02{margin-top:10px;}
.mat03{margin-top:15px;}
.mat04{margin-top:20px;}
.mat05{margin-top:25px;}
.mat06{margin-top:30px;}
.mat07{margin-top:35px;}
.mat08{margin-top:40px;}
.mat09{margin-top:45px;}
.mat10{margin-top:50px;}

.mar01{margin-right:5px;}
.mar02{margin-right:10px;}
.mar03{margin-right:15px;}
.mar04{margin-right:20px;}
.mar05{margin-right:25px;}
.mar06{margin-right:30px;}
.mar07{margin-right:35px;}
.mar08{margin-right:40px;}
.mar09{margin-right:45px;}
.mar10{margin-right:50px;}

.mab01{margin-bottom:5px;}
.mab02{margin-bottom:10px;}
.mab03{margin-bottom:15px;}
.mab04{margin-bottom:20px;}
.mab05{margin-bottom:25px;}
.mab06{margin-bottom:30px;}
.mab07{margin-bottom:35px;}
.mab08{margin-bottom:40px;}
.mab09{margin-bottom:45px;}
.mab10{margin-bottom:50px;}

.mal01{margin-left:5px;}
.mal02{margin-left:10px;}
.mal03{margin-left:15px;}
.mal04{margin-left:20px;}
.mal05{margin-left:25px;}
.mal06{margin-left:30px;}
.mal07{margin-left:35px;}
.mal08{margin-left:40px;}
.mal09{margin-left:45px;}
.mal10{margin-left:50px;}


/* padding */
.pat01{padding-top:5px;}
.pat02{padding-top:10px;}
.pat03{padding-top:15px;}
.pat04{padding-top:20px;}
.pat05{padding-top:25px;}
.pat06{padding-top:30px;}
.pat07{padding-top:35px;}
.pat08{padding-top:40px;}
.pat09{padding-top:45px;}
.pat10{padding-top:50px;}

.par01{padding-right:5px;}
.par02{padding-right:10px;}
.par03{padding-right:15px;}
.par04{padding-right:20px;}
.par05{padding-right:25px;}
.par06{padding-right:30px;}
.par07{padding-right:35px;}
.par08{padding-right:40px;}
.par09{padding-right:45px;}
.par10{padding-right:50px;}

.pab01{padding-bottom:5px;}
.pab02{padding-bottom:10px;}
.pab03{padding-bottom:15px;}
.pab04{padding-bottom:20px;}
.pab05{padding-bottom:25px;}
.pab06{padding-bottom:30px;}
.pab07{padding-bottom:35px;}
.pab08{padding-bottom:40px;}
.pab09{padding-bottom:45px;}
.pab10{padding-bottom:50px;}

.pal01{padding-left:5px;}
.pal02{padding-left:10px;}
.pal03{padding-left:15px;}
.pal04{padding-left:20px;}
.pal05{padding-left:25px;}
.pal06{padding-left:30px;}
.pal07{padding-left:35px;}
.pal08{padding-left:40px;}
.pal09{padding-left:45px;}
.pal10{padding-left:50px;}

.paa01{padding:5px;}
.paa02{padding:10px;}
.paa03{padding:15px;}
.paa04{padding:20px;}

.tbl01{
border-left:#9097A4 solid 1px;
border-top:#9097A4 solid 1px;
}

.tbl01 th{
padding:6px 8px;
font-weight:bold;
color:#fff;
vertical-align:top;
border-right:#9097A4 solid 1px;
border-bottom:#9097A4 solid 1px;
background:#202F48;
}

.tbl01 td{
padding:6px 8px;
vertical-align:top;
border-right:#9097A4 solid 1px;
border-bottom:#9097A4 solid 1px;
}

.tbl02{
border-left:#ccc solid 1px;
border-top:#ccc solid 1px;
}

.tbl02 th{
padding:6px 8px;
font-weight:bold;
color:#222;
vertical-align:top;
border-right:#ccc solid 1px;
border-bottom:#ccc solid 1px;
background:#eee;
}

.tbl02 td{
padding:6px 8px;
vertical-align:top;
border-right:#ccc solid 1px;
border-bottom:#ccc solid 1px;
}

.tbl02 .mark{
color:#CC0000;
}

a.redlink{
color:#CC0000;
}

.glayBox{
padding:10px 15px;
background:#eee;
border:#ccc solid 1px;
}

.glayBox .ttl{
font-weight:bold;
color:#202F48;
}