@charset "UTF-8";

body {color: #555555; background: #FFFFFF; padding:0px; margin:0px; font-size:12px; font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","MS UI Gothic",sans-serif; padding:0px; margin: 0px;}

img {border:none; margin: 0px; padding: 0px;}
p {margin:0px;}

a:link,a:visited,a:active {color: #3399CC; text-decoration: underline;}
a:hover {color: #3399CC; text-decoration: none;}

/* 共通パーツ */
a.top {font-size: 1%;position: absolute;top: -9999px;}

br.clear-left{clear: left; line-height:0%;}
br.clear-right{clear: right; line-height:0%;}
br.contents-top-margin {font-size:0px}


#contents div.my-contents div.ten-line,
div.ten-line
{margin: 0px; background: url(../../shared/img/p_ten-line.gif) repeat-x; font-size: 1px;}

#contents div.go-top {padding-left:10px; margin-right: 0px; padding-top:10px; text-align: right;}
#contents div.go-top a {background: url(../../shared/img/p_arrow.gif) no-repeat; padding-left:14px;}


#contents div.margin10 {margin:10px; font-size:1%; line-height:1%;}
#contents div.margin20 {margin:20px; font-size:1%; line-height:1%;}
#contents div.margin40 {margin:40px; font-size:1%; line-height:1%;}
#contents div.margin60 {margin:60px; font-size:1%; line-height:1%;}
#contents div.margin80 {margin:80px; font-size:1%; line-height:1%;}
#contents div.margin100 {margin:100px; font-size:1%; line-height:1%;}

/* ヘッダー */

#head {position:absolute; top: 0px; width: 800px; height:81px; background: url(../../shared/img/gp_head_bg.gif) no-repeat;}
#head div.title {position:absolute; top: 7px;left:74px; font-size:0px;}
#head div.title a img.logo { width:212px; height: 52px;}
#head ul.gb-menu {position:absolute; list-style: none; top:7px; right:80px; font-size: 0px; padding:0px; margin: 0px;}
#head ul.gb-menu li {float: right;}

/* コンテンツ枠など */

#contents {position:absolute; top: 81px; width: 800px;}
#contents div.contents-top {background: url(../../shared/img/gp_contents_bg-top.gif) no-repeat; height:13px;}
#contents div.my-contents {background: url(../../shared/img/gp_contents_bg.gif) repeat-y; padding: 0px 72px; margin-bottom:0px;}
#contents div.contents-body {padding:10px;}
#contents div.contents-end {background: url(../../shared/img/gp_contents_end.gif) no-repeat; width:800px; height:60px;}
#contents div.privacy-link {padding-left:10px; margin-left: 610px; padding-top:10px;}
#contents div.privacy-link a {background: url(../../shared/img/p_privacy-point.gif) no-repeat; padding-left:10px;}


#contents div.footer {background: url(../../shared/img/gp_foot.gif) no-repeat; height:43px;}


/* コンテンツタイトル */
#contents div.contents-title-works {background: url(../../works/img/ti_works.gif) no-repeat #CCCCCC; width:655px; height:19px; margin:0px padding:0px;}
#contents div.contents-title-about {background: url(../../about/img/ti_about.gif) no-repeat #CCCCCC; width:655px; height:19px;}
#contents div.contents-title-contact {background: url(../../contact/img/ti_contact.gif) no-repeat #CCCCCC; width:655px; height:19px;}
#contents div.contents-title-recruit {background: url(../../recruit/img/ti_recruit.gif) no-repeat #CCCCCC; width:655px; height:19px;}
#contents div.contents-title-privacy {background: url(../../privacy/img/ti_privacy.gif) no-repeat #CCCCCC; width:655px; height:19px;}


/* ローカルメニュー（works） */
#contents div.localmenu {background: url(../../works/img/mi_bg.gif) repeat-x;}
#contents div.localmenu div.work_web {background: url(../../works/img/mi_website.gif) no-repeat; height:18px;}
#contents div.localmenu div.work_grp {background: url(../../works/img/mi_grp.gif) no-repeat; height:18px;}
#contents div.localmenu div.work_elearn {background: url(../../works/img/mi_elearn.gif) no-repeat; height:18px;}
#contents div.localmenu div.work_game {background: url(../../works/img/mi_game.gif) no-repeat; height:18px;}
#contents div.localmenu div.work_oth {background: url(../../works/img/mi_other.gif) no-repeat; height:18px;}
#contents div.localmenu div.work_pick {background: url(../../works/img/mi_pickup.gif) no-repeat; height:18px;}
#contents ul.ul-work {list-style: none; height:18px; margin:0px; padding:0px; position:absolute; right:73px;}
#contents ul.ul-work li {float: left; background: url(../../works/img/lb_bg.gif); height:12px; font-size: 11px; padding-left:6px; padding-right:6px; padding-top:4px; border-left:solid 1px #999999; border-top:solid 1px #999999; border-bottom:solid 1px #999999;}

#contents ul.ul-work li.li01 {margin-left:0px;text-align:center;}
#contents ul.ul-work li.li02 {text-align:center;}
#contents ul.ul-work li.li03 {text-align:center;}
#contents ul.ul-work li.li04 {text-align:center;}
#contents ul.ul-work li.li05 {text-align:center; border-right:solid 1px #999999;}

#contents ul.ul-work li a:link,
#contents ul.ul-work li a:visited,
#contents ul.ul-work li a:active  {text-decoration: none; color: #666666;}
#contents ul.ul-work li a:hover  {text-decoration: none; color: #FFFFFF;}


/* ローカルメニュー（recruit） */
#contents div.localmenu div.recruit {background: url(../../recruit/img/mi_website.gif) no-repeat; height:18px;}
#contents ul.ul-recruit {list-style: none; height:18px; margin:0px; padding:0px; position:absolute; right:73px;}
#contents ul.ul-recruit li {float: left; background: url(../../recruit/img/lb_bg.gif); height:12px; font-size: 11px; padding-left:6px; padding-right:6px; padding-top:4px; border-left:solid 1px #999999; border-top:solid 1px #999999; border-bottom:solid 1px #999999;}

#contents ul.ul-recruit li.li01 {margin-left:0px;text-align:center;}
#contents ul.ul-recruit li.li02 {text-align:center;}

#contents ul.ul-recruit li a:link,
#contents ul.ul-recruit li a:visited,
#contents ul.ul-recruit li a:active  {text-decoration: none; color: #666666;}
#contents ul.ul-recruit li a:hover  {text-decoration: none; color: #FFFFFF;}