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

body{
	margin: 0;
	padding: 0;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,verdana, helvetica, arial,sans-serif;
}

img{
	border: 0;
	display:inline-block;
}

a {
  color:#e4007f;
}

a:hover {
  color:#f66ab8;
}

.logo {
   position:fixed;
   top:0px;
   left:0px;
   width:200px;
   height:140px;
   z-index:999;
}

#nav{
	list-style: none;
	position: fixed;
	left: 0px;
	z-index: 999;
	width:110px;
}

#nav li{
	margin: 0;
}

#header, #top, #company{
	width: 100%;
}

.wrapper {
  position:relative;
  z-index:10;
}

h2 {
  margin:120px 0 30px !important;
}

.link_blank a{
    background: url(../images/link_blank_icon.gif) no-repeat left center;
    padding-left:18px;
    font-size:92%;
}

.mar_b30 {
   margin-bottom:30px;
}

.mar_b40 {
   margin-bottom:40px;
}

.center {
   text-align:center;
}

#top{
	margin: 0 auto;
    background: url(../images/top_header_bg.gif) right top no-repeat !important;
	min-height:800px;
}

#top .wrapper{
    background: url(../images/top_footer_bg.gif) right bottom no-repeat !important;
    min-height:800px;
}

#top .bg{
	background: url(../images/top_square_bg.gif) left 95% no-repeat fixed !important;
	min-height:800px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

#top .content{
    position:relative;
}

#top .fukidashi {
    position:absolute;
    width:204px;
    height:163px;
    top:50px;
    left:364px;
}

#top .top_logo {
    text-align:center;
    margin-top:225px;
    margin-bottom:50px;
}

#top .arrow {
    width:105px;
    height:46px;
    margin:100px auto 0;
    text-indent:-9999px;
  }
  
#top .arrow a{
    display:block;
    width:105px;
    height:46px;
    background: url(../images/top_arrow.gif) left top no-repeat;
  }

#top .arrow a:hover{
    background: url(../images/top_arrow.gif) left bottom no-repeat;
    overflow:hidden;
  }

#company{
	margin: 0 auto;
	padding: 0;
	background: url(../images/company_header_bg.gif) right top no-repeat !important;
	min-height:1245px;
}

#company .wrapper{
    background: url(../images/company_footer_bg.gif) right bottom no-repeat !important;
    min-height:1295px;
}

#company .bg{
	background: url(../images/company_dot_bg.gif) left bottom no-repeat fixed !important;
	min-height:1245px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

#company table{
   border-bottom:1px solid #dddddd;
   width:700px;
   margin-bottom:100px;
}

#company table th{
   background:#eeeeee;
   font-weight:bold;
   padding:15px;
   border-top:1px solid #dddddd;
   width:120px;
}

#company table td{
   padding:15px;
   border-top:1px solid #dddddd;
}

#company table iframe {
   width:516px;
   height:296px;
   border:2px solid #dddddd;
}

#company .arrow {
    width:141px;
    height:50px;
    margin:0 auto;
    text-indent:-9999px;
  }
  
#company .arrow a{
    display:block;
    width:141px;
    height:50px;
    background: url(../images/company_arrow.gif) left top no-repeat;
  }

#company .arrow a:hover{
    background: url(../images/company_arrow.gif) left bottom no-repeat;
    overflow:hidden;
  }



#works{
	z-index: 300;
	background: url(../images/works_header_bg.gif) no-repeat left top #f8f8f8 !important;
	min-height:1450px;
	padding-bottom:30px;
}

#works .bg{
	background: url(../images/works_circle_bg.gif) 90% 50% no-repeat fixed !important;
	height:100%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

#works table {
    width:700px;
    border-top:1px solid #dddddd;
}

#works table th {
    border-bottom:1px solid #dddddd;
    padding:15px 0;
    width:170px;
    vertical-align:top;
}

#works table td {
    border-bottom:1px solid #dddddd;
    padding:15px 15px 15px 20px;
    vertical-align:top;
}

#works .photo{
    background: url(../images/works_photo_bg.gif);
    padding:3px;
    width:164px;
}

#works .photo img{
    display:block;
}

#works .name{
    font-weight:bold;
    width:395px;
    margin-bottom:5px;
    font-size:114%;
}

#works .description{
    margin-top:8px;
}

#works .date{
    float:right:
    width:100px;
    font-size:92%;
}

#works .category li{
    font-size:85%;
    background:#666666;
    width:80px;
    text-align:center;
    color:#FFFFFF;
    float:left;
    margin-right:5px;
    padding:2px 0;
}

#works dl{
    font-size:92%;
    padding-top:10px;
}

#works dl dt{
    font-size:92%;
    background:#666666;
    width:80px;
    text-align:center;
    color:#FFFFFF;
    float:left;
    margin-right:10px;
    padding:2px 0;
}

#works dl dd{
    padding-top:2px;
}

.content{
	margin: 0 auto;
	min-width: 700px;
	overflow: auto;
	width: 700px;
	line-height:1.5;
}

.slide {
	width: 100%;
}

#nav li a {
	display: block;
	width: 110px;
}

#nav li.home a {
	background: url(../images/navi_home.gif) no-repeat top left;
	height:54px;
}

#nav li.home a:hover,
#nav li.home a.current {
	background: url(../images/navi_home.gif) no-repeat top right;
}

#nav li.company a {
	background: url(../images/navi_company.gif) no-repeat top left;
	height:54px;
}

#nav li.company a:hover,
#nav li.company a.current {
	background: url(../images/navi_company.gif) no-repeat top right;
}

#nav li.works a {
	background: url(../images/navi_works.gif) no-repeat top left;
	height:53px;
}

#nav li.works a:hover,
#nav li.works a.current {
	background: url(../images/navi_works.gif) no-repeat top right;
}