@charset "Shift_JIS";

body{
margin:0;
padding:0;
font:normal 80%/1.6em Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#444;
background-color:#FFFFFF;
}

/*-----初期設定-----*/
div,p,ul,ol,li,dl,dt,dd,img{
margin:0;
padding:0;
}

h1,h2,h3,a{
margin:0;
padding:0;
overflow:hidden;
}

a    {text-decoration:none;}
a img{ border:none; }
.title-hide{ display:none; }
.txt-bold{ font-weight:bold }
.txt-large{ font-size:120%; }
.caption{ font-size:90%; line-height:1.2em; color:#666; }
.caption-red{ font-size:90%; color:#FF0000; }

/*clearfix*/
#wrap:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
zoom:100%;
}

/*-----ヘッダ-----*/

#logo-con{
position:relative;
width:990px;
height:50px;
margin:0 auto;
}

#logo-con h1{
position:absolute;
width:200px;
height:50px;
top:5px;
right:0;
text-indent:-9999px;
background:url(images/sitetitle.gif) no-repeat;
}

#logo-con h1 a{
display:block;
width:185px;
height:50px;
}

#logo-con #logo{
position:absolute;
width:290px;
height:50px;
top:8px;
left:0;
}

/*-----コンテンツ・メインナビ共通エリア-----*/
#wrap{
position:relative;
width:990px;
margin:30px auto 0 auto;
background:url(images/wrap.gif) repeat-y;
}

#illust{
position:absolute;
width:250px;
height:200px;
top:115px;
right:265px;
}

/*-----コンテンツエリア-----*/
/*タイトル*/
#contents-con{
width:745px;
float:left;
}

#contents-con-long{
width:745px;
float:left;
}

#contents-title-con{
position:relative;
width:722px;
height:34px;
margin:10px auto 20px auto;
}

#contents-title-con h2{
position:absolute;
width:380px;
height:34px;
top:0;
right:0;
text-indent:-9999px;
}

#contents-title-con h3{
height:34px;
text-indent:-9999px;
}

/*本文*/
#contents-con h4{
margin:0 20px 20px 20px;
font-size:120%;
font-weight:bold;
}

#contents-con p{
width:450px;
margin:0 auto 10px 20px;
}

#contents-con-long p{
width:695px;
margin:0 auto 10px 20px;
}

/*サブリンク*/
#sublink{ margin:20px 0 0 20px; }

#sublink ul{
height:22px;
margin-right:20px;
list-style:none;
text-indent:-9999px;
}

#sublink ul li{
display:block;
height:22px;
margin-right:18px;
float:left;
}

#sublink ul li a{
display:block;
height:22px;
}

/*ページトップへもどる*/
#back-head{
clear:both;
position:absolute;
bottom:10px;
right:265px;
}

#back-head a{ color:#1597C2; }
#back-head a:hover{ color:#1597C2; }

/*-----メインナビゲーション-----*/
#mainnav-con{
width:245px;
float:right;
}

#mainnav-inner{
width:225px;
margin:0px 10px 0 10px;
}

#mainnav-inner ul{
width:225px;
height:210px;
list-style:none;
}

#mainnav-inner ul li{
display:block;
width:225px;
height:70px;
text-indent:-9999px;
}

#mainnav-inner ul li a{
display:block;
width:225px;
height:70px;
background:url(images/mainnav-items.gif) no-repeat;
}

#mainnav-inner ul li#li-promo  a{ background-position:0 0;      }
#mainnav-inner ul li#li-cogn   a{ background-position:0 -70px;  }
#mainnav-inner ul li#li-gather a{ background-position:0 -140px; }

#mainnav-inner ul li#li-promo  a:hover{ background-position:-225px 0;      }
#mainnav-inner ul li#li-cogn   a:hover{ background-position:-225px -70px;  }
#mainnav-inner ul li#li-gather a:hover{ background-position:-225px -140px; }

#mainnav-inner ul li#li-promo.mainnav-current  { background:url(images/mainnav-items.gif) -450px 0;      }
#mainnav-inner ul li#li-cogn.mainnav-current   { background:url(images/mainnav-items.gif) -450px -70px;  }
#mainnav-inner ul li#li-gather.mainnav-current { background:url(images/mainnav-items.gif) -450px -140px; }

/*お問い合わせリンク*/
#inqlink-title{
width:220px;
height:26px;
margin:0 auto;
text-indent:-9999px;
background:url(images/inquirynav-title.gif) no-repeat;
}

#inqlink-address{
width:220px;
height:55px;
margin:0 auto;
text-indent:-9999px;
background:url(images/inquirynav-address.gif) no-repeat;
}

#inqlink-inner{
width:220px;
height:159px;
margin:0 auto 10px auto;
}

#inqlink-inner ul{
width:220px;
height:159px;
list-style:none;
}

#inqlink-inner ul li{
display:block;
width:220px;
height:53px;
text-indent:-9999px;
font-size:12px;
}

#inqlink-inner ul li a{
display:block;
width:220px;
height:53px;
background:url(images/inquirynav-items.gif) no-repeat;
}

#inqlink-inner ul li#li-client  a{ background-position:0 0;      }
#inqlink-inner ul li#li-partner a{ background-position:0 -53px;  }
#inqlink-inner ul li#li-recruit a{ background-position:0 -106px; }

#inqlink-inner ul li#li-client  a:hover{ background-position:-220px 0;      }
#inqlink-inner ul li#li-partner a:hover{ background-position:-220px -53px;  }
#inqlink-inner ul li#li-recruit a:hover{ background-position:-220px -106px; }

#inqlink-inner ul li#li-client.inqnav-current  { background:url(images/inquirynav-items.gif) no-repeat -220px 0;      }
#inqlink-inner ul li#li-partner.inqnav-current { background:url(images/inquirynav-items.gif) no-repeat -220px -53px;  }
#inqlink-inner ul li#li-recruit.inqnav-current { background:url(images/inquirynav-items.gif) no-repeat -220px -106px; }

#smallflash{
width:220px;
height:65px;
margin:10px auto;
}

/*-----ヘッダナビゲーション-----*/
#headnav-con{
position:absolute;
width:100%;
height:20px;
top:60px;
overflow:hidden;
background-color:#1597C2;
}

#headnav-con ul{
width:990px;
height:20px;
margin:0 auto;
background:#000000;
list-style:none;
}

#headnav-con ul li{
display:block;
float:left;
text-indent:-9999px;
}

#headnav-con ul li#li-company{ width:144px; }
#headnav-con ul li#li-link   { width:60px;  }
#headnav-con ul li#li-sitemap{ width:75px;  }
#headnav-con ul li#li-top    { width:54px; float:right;  }

#headnav-con ul li a{
display:block;
height:20px;
background:url(images/headnav-items.gif) no-repeat;
}

#headnav-con ul li#li-company a{ background-position:0 0;      }
#headnav-con ul li#li-link    a{ background-position:-144px 0; }
#headnav-con ul li#li-sitemap a{ background-position:-204px 0; }
#headnav-con ul li#li-top     a{ background-position:-936px 0; }

#headnav-con ul li#li-company a:hover{ background-position:0 -20px;      }
#headnav-con ul li#li-link    a:hover{ background-position:-144px -20px; }
#headnav-con ul li#li-sitemap a:hover{ background-position:-204px -20px; }
#headnav-con ul li#li-top     a:hover{ background-position:-936px -20px; }

#headnav-con ul li#li-company.headnav-current	{ background:url(images/headnav-items.gif) no-repeat 0 -20px;      }
#headnav-con ul li#li-link.headnav-current		{ background:url(images/headnav-items.gif) no-repeat -144px -20px; }
#headnav-con ul li#li-sitemap.headnav-current	{ background:url(images/headnav-items.gif) no-repeat -204px -20px; }
#headnav-con ul li#li-top.headnav-current		{ background:url(images/headnav-items.gif) no-repeat -936px -20px; }

/*-----フッタ-----*/
#footer-con{
clear:both;
width:100%;
height:60px;
background:url(images/footer-con.gif) repeat-x;
}

#footer-inner{
position:relative;
width:990px;
height:60px;
margin:0 auto;
background:url(images/footer-inner.gif) repeat-x;
}

#footer-inner ul{
position:absolute;
width:240px;
height:25px;
top:10px;
left:0;
list-style:none;
}

#footer-inner ul li{
display:block;
width:120px;
height:25px;
float:left;
text-indent:-9999px;
}

#footer-inner ul li a{
display:block;
width:120px;
height:25px;
background:url(images/footer-items.gif) no-repeat;
}

#footer-inner ul li#li-privacy  a{ background-position:0 0;      }
#footer-inner ul li#li-security a{ background-position:-120px 0; }
#footer-inner ul li#li-privacy  a:hover{ background-position:0 -25px;      }
#footer-inner ul li#li-security a:hover{ background-position:-120px -25px; }
#footer-inner ul li#li-privacy.footernav-current{ background:url(images/footer-items.gif) no-repeat 0 -25px;      }
#footer-inner ul li#li-security.footernav-current{ background:url(images/footer-items.gif) no-repeat -120px -25px; }

#geotrust1 {
width:115px;
height:55px;
padding:0px 0px 0px 0px;
margin:0px 0px 20px 0px;
float:right;
}

#geotrust2 {
height:55px;
padding:0px 25px 0px 0px;
margin:0px 0px 10px 0px;
float:right;
}

#copyright {
width:326px;
height:20px;
margin-top:10px;
float:right;
text-indent:-9999px;
background:url(images/copyright.gif) no-repeat;
}