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

/* 基本
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
	
html{
    height:100%;
}
	
body {
	font-size: 62.5%;
	font-family: meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	background:#EEF6F6;
	height:100%;
	color:#222;
	}
img {
	border: none;
	vertical-align: top;
	}
ul {
	list-style-type: none;
	}
a{
	color:#333;
	text-decoration:none;}
	
a:hover{
	color:#0F0FAA;}
	
div#wrapper{
    position:relative;
	margin:0 auto;
    width:904px;
	background:url(images/bg-wrapper.jpg) left top repeat-y;
    min-height: 100%;
	}
div#contener{
    margin:0 22px;
	font-size:120%;}
div#content{
    margin:0;}
	
div#content-left{
    width:200px;
	float:left;
	}
div#content-right{
    width:645px;
	float:right;}
	
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*　ヘッダー
---------------------------------------------*/	
div#header {
}
div#header p#subhead{
padding-top:20px;}



/*　フッター
---------------------------------------------*/
div#footer{
    clear:both;
	padding-top:20px;
	color:#888;
	font-size:95%;
	padding-bottom:20px;
	}
div#footer #p-nav{
    float:right;
	margin-right:2px;
	margin-bottom:5px;}
div#footer a{
    color:#888;}
div#footer a:hover{
    color:#0F0FAA;}
div#footer #copyright{
    margin-top:1px;}
div#footer p#dotbar{
    margin-bottom:5px;}


	
/*　トップページ
---------------------------------------------*/
#top div#content-left{
    margin-top:20px;
	}
#top div#content-right{
    margin-top:20px;}

/*　ニュース・インフォメーション　*/
#top dl{
    margin-top:5px;}
#top dl dt{
    float:left;}
#top dl dd{
    margin-left:5em;
	}
div#info dl dd h2{
    color:#0D0057;}
div#news{
    margin-top:15px;}
div#news dl dd p span{
    color:#0D0057;
	font-size:90%;
	margin-left:5px;}
	
/*　グローバルナビ+バナー
---------------------------------------------*/
div#glovalnav{
    width:200px;
	height:251px;
	background:url(images/bg-glovalnav.jpg) no-repeat;}
	
div#glovalnav li{
    width:200px;
	height:50px;}
div#glovalnav li a{
    display:block;
	overflow:hidden;
	width:100%;
	height:0;
	padding-top:50px;
	background-image:url(images/bg-glovalnav.jpg);}
	
/* 初期値 */	
div#glovalnav li#gnav01 a{background-position:0      0;}
div#glovalnav li#gnav02 a{background-position:0  -50px;}
div#glovalnav li#gnav03 a{background-position:0 -100px;}
div#glovalnav li#gnav04 a{background-position:0 -150px;}
div#glovalnav li#gnav05 a{background-position:0 -200px;}
/* マウスオーバー */	
div#glovalnav li#gnav01 a:hover{background-position:-200px      0;}
div#glovalnav li#gnav02 a:hover{background-position:-200px  -50px;}
div#glovalnav li#gnav03 a:hover{background-position:-200px -100px;}
div#glovalnav li#gnav04 a:hover{background-position:-200px -150px;}
div#glovalnav li#gnav05 a:hover{background-position:-200px -200px;}
/* 現在地 */	
div#glovalnav li#gnav01 a.active{background-position:-200px      0;}
div#glovalnav li#gnav02 a.active{background-position:-200px  -50px;}
div#glovalnav li#gnav03 a.active{background-position:-200px -100px;}
div#glovalnav li#gnav04 a.active{background-position:-200px -150px;}
div#glovalnav li#gnav05 a.active{background-position:-200px -200px;}

/*　バナー
---------------------------------------------*/
div#banner{
    margin-top:15px;}
	
/*　サブページ共通
---------------------------------------------*/

#outline div#glovalnav,
#works div#glovalnav,
#staff div#glovalnav,
#contact div#glovalnav,
#kyujin div#glovalnav,
#privacy div#glovalnav{
     margin-top:27px;}
	
#subimg p{
     margin:10px 0;}
.contentbox{
     margin-bottom:15px;}	
.contentbox .subbar{
     margin-bottom:10px;
	 }
.contentbox .txt{
}

/*　会社概要ページ　*/
.contentbox #outlinebox{
     float:left;
	 width:380px;
	 }
.contentbox #outlinebox dt{
     float:left;
	 padding-bottom:0.2em;}
.contentbox #outlinebox dt.m2{
     letter-spacing:3em;}
.contentbox #outlinebox dt.m3{
     letter-spacing:1em;}
.contentbox #outlinebox dt.m4{
     letter-spacing:0.4em;}
.contentbox #outlinebox dt.m5{
     letter-spacing:0;}
.contentbox #outlinebox dd{
	 margin-left:8em;
	 padding-bottom:0.2em;} 
.contentbox #maps{
     float:right;}
	 
/*　スタッフ紹介ページ　*/
.contentbox .staff-img{
	 width:110px;
	 height:300px;
	 float:left;
	 }
.contentbox #staffbox{
     float:left;
	 width:360px;
	 }
.contentbox #staffbox dt{
     float:left;
	 width:240px;}
.contentbox #staffbox dd{
	 margin-left:8em;
	 padding-bottom:0.2em;} 
.contentbox #maps{
     float:right;}
.contentbox .staff-txt{
	 width:505px;
	 float:right;
	 }
.contentbox .staff-txt.interior {
	font-size: 70%;
	 }
.contentbox .staff-txt p span{
     font-weight:bold;
	 }
.contentbox .bothsp{
	 clear:both;}
	 
/*　スタッフ募集ページ　*/
.contentbox #kyujinbox{
     float:left;
	 width:380px;
	 }
.contentbox #kyujinbox dt{
     float:left;
	 padding-bottom:0.2em;}
.contentbox #kyujinbox dt.m2{
     letter-spacing:3em;}
.contentbox #kyujinbox dt.m3{
     letter-spacing:1em;}
.contentbox #kyujinbox dt.m4{
     letter-spacing:0.4em;}
.contentbox #kyujinbox dt.m5{
     letter-spacing:0;}
.contentbox #kyujinbox dd{
	 margin-left:8em;
	 padding-bottom:0.2em;} 
.contentbox #maps{
     float:right;}
	 
/*　制作実績　*/
div#worksbox ul#worksnav{
    width:621px;
	height:45px;
	margin-left:53px;
	background:url(images/bg-works-nav.jpg) top left no-repeat;}

div#worksbox ul#worksnav li{
    float:left;
	height:45px;
	width:178px;
	font-size:50%;}

div#worksbox ul#worksnav li a{
    width:100%;
	height:0;
	padding-top:45px;
	display:block;
	overflow:hidden;
	background-image:url(images/bg-works-nav.jpg);}
	
/* 初期値　*/
div#worksbox ul#worksnav li#wnav01 a{background-position:      0    0;}
div#worksbox ul#worksnav li#wnav02 a{background-position: -178px    0;}
div#worksbox ul#worksnav li#wnav03 a{background-position: -356px    0;}
/* マウスオーバー　*/
div#worksbox ul#worksnav li#wnav01 a:hover{background-position:      0 -45px;}
div#worksbox ul#worksnav li#wnav02 a:hover{background-position: -178px -45px;}
div#worksbox ul#worksnav li#wnav03 a:hover{background-position: -356px -45px;}
/* 現在地 */
div#worksbox ul#worksnav li#wnav01 a.active{background-position:      0 -90px;}
div#worksbox ul#worksnav li#wnav02 a.active{background-position: -178px -90px;}
div#worksbox ul#worksnav li#wnav03 a.active{background-position: -356px -90px;}

div#worksbox div#worksweb ul{
    margin:10px 0;}
div#worksbox div#worksweb ul li{
    width:210px;
	height:15.5em;
	margin-left:5px;
	margin-bottom:10px;
	float:left;	
}
div#worksbox div#worksweb ul li p.type{
    background:url(images/icon01.gif) no-repeat;
	padding-left:25px;
	min-height:18px;
	margin-top:3px;
	padding-top:2px;
}
div#worksbox div#worksweb ul li p.name{
    text-align:center;
}
div#worksbox div#worksweb ul li p.webimg{ 
	padding:3px;
	width:204px;
	height:128px;
}
div#worksbox div#worksweb ul li p.webimg:hover{
    background:#bbb;}
	
/* IE6対応 */	
* html div#worksbox div#worksweb ul li {
    width:204px;
	height:14.5em;
	margin-left:3px;
	margin-bottom:10px;
	float:left;}
	
* html div#worksbox div#worksweb ul li p.webimg{ 
	width:204px;
	height:128px;
}
* html div#worksbox div#worksweb ul li p.type{
	height:22px;}
	
	
div#worksbox div#worksaan ul{
    margin:10px 0;}
div#worksbox div#worksaan ul li{
    width:210px;
	height:15.5em;
	margin-left:5px;
	margin-bottom:10px;
	float:left;	
}
div#worksbox div#worksaan ul li p.name{
    text-align:center;
}
div#worksbox div#worksaan ul li p.aanimg{ 
	padding:3px;
	width:204px;
	height:128px;
}
div#worksbox div#worksaan ul li p.aanimg:hover{
    background:#bbb;}
	
/* IE6対応 */	
* html div#worksbox div#worksaan ul li {
    width:204px;
	height:14.5em;
	margin-left:3px;
	margin-bottom:10px;
	float:left;}
	
* html div#worksbox div#worksaan ul li p.aanimg{ 
	width:204px;
	height:128px;
}
* html div#worksbox div#worksaan ul li p.type{
	height:22px;}
	
	
	
div#worksbox div#worksad ul{
    margin:10px 0;}
div#worksbox div#worksad ul li{
    width:64px;
	width:64px;
	float:left;	
}
div#worksbox div#worksad ul li.adimg,
div#worksbox div#worksad ul li.otherimg
{ 
	padding:3px;
	width:155px;
	height:155px;
    text-align:center;
}
div#worksbox div#worksad ul li.adimg img,
div#worksbox div#worksad ul li.otherimg img
{
	display:inline-block;
	vertical-align:middle;
}
div#worksbox div#worksad ul li.adimg:hover,
div#worksbox div#worksad ul li.otherimg:hover{
    background:#bbb;}
	
/* 個人情報
---------------------------------------------------------- */
#pribacybox{
	 line-height:1.5;}	
#pribacybox .ph2{
    font-size:130%;}
#pribacybox p{
    margin-top:15px;
	}
#pribacybox ol{
    margin-top:15px;}
#pribacybox ol p{
    margin-top:4px;}
#pribacybox ol li.list{
    margin-left:22px;
	margin-top:12px;}
#pribacybox ol li.list ul{
    margin-left:22px;
	list-style:disc;}
#pribacybox ol li.list ul li{
    margin-left:0em;
	margin-top:1px;}

ø