*{border:0;margin:0;padding:0;text-decoration:none;}
body{font:12px Verdana, Geneva, sans-serif;background:#fff center ;}
a{color:#00c;}
a:hover{color:#c00;}
h1{display:inline;}
h2{padding:2px;text-align;text-shadow:2px 2px 3px #999;}
h3{border-left:5px solid #999;margin:10px;padding:5px;text-shadow:2px 2px 3px #999;clear:both;}
h4{border-left:5px solid #999;margin:10px;padding:5px;text-shadow:2px 2px 3px #999;clear:both;}
p{line-height:1.5em;padding:10px;}

/*-画像位置の指定-*/
img.center{display:block;margin:auto;}
img.left{display:inline;float:left;}
img.right{display:inline;float:right;}
/*--menuのヘッダー右画像の予備--*/
#header{background: url(ourworks/top_2.jpg) no-repeat right;margin:0;height:100px;}
/*--menuのヘッダー右画像の予備　終わり--*/
#container{width:800px;margin:auto;border:2px solid #ddd;background:#fff;}
.content{float:right;width:610px;}
#menu span{display:none;}
ul#menu{float:left;margin:0px 0 20px 10px;}
#menu a{display:block;padding:20px 0PX 50px 10px;text-align:center;}
#menu li{list-style:none;width:141px;height:51px;display:block;}
#menu li.m_free{background: url(images/m_free.png) no-repeat top;}
#menu li.m_home{background: url(menu/m_home.png) no-repeat top;}
#menu li.m_about{background: url(menu/m_about.png) no-repeat top;}
#menu li.m_works{background: url(menu/m_works.png) no-repeat top;}
#menu li.m_something{background: url(menu/m_something.png) no-repeat top;}
#menu li.current{background-position:0 -51px;}
#menu li:hover{background-position:0 -51px;}
#footer{padding-top:10px;clear:both;background:#E3E1E1;}

/*-floatとIEのバグフィックス-*/
.wrapper:after {visibility: hidden;display: block;font-size: 0;content: " "; clear: both; height: 0;}  
* html .wrapper{zoom:1;} /* IE6 */  
*:first-child+html .wrapper{zoom:1;} /* IE7 */
/*--バグフィックスここまで--*/

/*--HOMEのランダム画像にメニューを重ねる設定。--*/
#home .content{position:relative;float:none;width:800px;}
#home ul#menu{position:absolute;z-index:900;top:25px;}

/*--HOMEのリンク付きランダム画像部分の設定。透過PNGを使って画像参照。--*/
#featured{width:800px;height:550px;position:relative;auto;padding:0;}
#featured a{position:absolute;color:#fff;}
#featured h2{font-size:18px;color:#fff;text-shadow:none;}
#featured li{margin:0;padding:0;list-style:none;display:none;position:relative;text-align:left;}
#featured p{padding:0 15px;}
/*--トップ画像の説明部分--*/
.caption{width:300px;height:100px;bottom:-500px;right:100px;z-index:100;background-color:#000;filter:alpha(opacity=80);opacity:0.8;color:#fff;position:absolute;padding-top:1px;border:1px solid #fff;}

.caption.one{text-align:center;width:200px;height:47px;bottom:-500px;right:550px;}
.caption.two{text-align:center;width:250px;height:48px;bottom:-450px;right:80px;}
.caption.three{text-align:center;width:120px;height:50px;bottom:-500px;right:100px;}
.caption.four{text-align:center;text-align:center;width:130px;height:50px;bottom:-500px;right:600px;}
.caption.five{text-align:center;width:190px;height:48px;bottom:-300px;right:150px;}
.caption.six{text-align:center;width:200px;height:50px;bottom:-500px;right:440px;}
.caption.seven{text-align:center;width:150px;height:50px;bottom:-150px;right:125px;}
.caption.eight{text-align:center;width:180px;height:50px;bottom:-100px;right:30px;}

/*--ギャラリー用--*/
#slideshow {list-style:none;　color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:0 auto; display:none}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {border:none;text-align:center;padding:13px 2px 2px}
/*--キャプション詳細を排除--*/
#information p {padding:0 0px 0px}
/*--ここまで--*/
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background: url(ourworks/left.gif) left center no-repeat}
#imgnext {right:0; background: url(ourworks/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background: url(ourworks/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background: #222 url(ourworks/images/scroll-left.gif) no-repeat center center}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(ourworks/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/*--画像をクリックすると暗転・全画面表示する箇所のCSS--*/
#lbOverlay{background-color:#000;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999;}
#lbCenter,#lbBottomContainer{background-color:#fff;overflow:hidden;position:absolute;z-index:9999;}
.lbLoading{background:#fff url(ourworks/loading.gif) no-repeat center;}
#lbImage{background-repeat:no-repeat;border:10px solid #fff;left:0;position:absolute;top:0;}
#lbPrevLink,#lbNextLink{display:block;outline:none;position:absolute;top:0;width:50%;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(ourworks/images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(ourworks/images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom{border:10px solid #fff;border-top-style:none;color:#666;font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:11px;line-height:1.4em;text-align:left;}
#lbCloseLink{background:transparent url(ourworks/images/closelabel.gif) no-repeat center;display:block;float:right;height:22px;margin:5px 0;outline:none;width:66px;}
#lbCaption{margin-right:71px;font-weight:700;}
#lbNumber{text-align:center;}
/*トップのみの要素の追加
----------------------------------------*/
#informationArea {
	clear: both;
	padding: 20px 30px 20px 30px;
	height: auto !important;
	height: 1px; /* winIE */
}
#informationArea h4 {
	margin: 0 0 10px 0;
}
/* 見出し
---------------------------------------- */
	h4 {
	margin-bottom: 14px;
}
	h4.statement {
	padding: 10px 0 30px 0;
}
	h5 {
	margin-left: 45px;
	margin-bottom: 7px;
}

/* 会社概要テーブル--------------------- */
.sample2 th	{border-bottom: 1px solid #666;}
.sample2 td	{border-bottom: 1px solid #666;}
/* 会社概要テーブル終わり--------------------- */


/* aboutus の記載-- */
#aboutUsList ul {
	display: block;
	margin: 0 15px 30px 15px;
}
#aboutUsList li {
	display: block;
	width: 235px;
	float: left;
	padding: 0 0 30px 5px;
}
#aboutUsList p {
	margin: 0;
	padding: 1px 0 1px 8px;
	border-left: 1px solid #CCCCCC;
}
#aboutUsList li a {
	color: #333333;
	text-decoration: none;
}
#aboutUsList li a strong {
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin: 0 0 3px 0;
	height: 25px;
}
#aboutUsList li a:hover strong {
	background-position: 0 -50px;
}
#listPhilosophy a strong { background:  url(aboutus/images/philosophy.png) no-repeat; }
#listCorporateinfo a strong { background:  url(aboutus/images/corporateinfo.png) no-repeat; }
#listHistory a strong { background:  url(aboutus/images/list_aboutus3.gif) no-repeat; }
#listAccessmap a strong { background:  url(aboutus/images/accessmap.png) no-repeat; }
#listBusinessmenu a strong { background:  url(aboutus/images/businessmenu.png) no-repeat; }
#listRecruit a strong { background:  url(aboutus/images/recruit.png) no-repeat; }

/* ourworks の記載-- */
#ourworksList ul {
	display: block;
	margin: 0 15px 30px 15px;
}
#ourworksList li {
	display: block;
	width: 235px;
	float: left;
	padding: 0 0 30px 5px;
}
#ourworksList p {
	margin: 0;
	padding: 1px 0 1px 8px;
	border-left: 1px solid #CCCCCC;
}
#ourworksList li a {
	color: #333333;
	text-decoration: none;
}
#ourworksList li a strong {
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin: 0 0 3px 0;
	height: 60px;
}
#ourworksList li a:hover strong {
	background-position: 0 -40px;
}
#listSing a strong { background:  url(ourworks/images/menu_sign.png) no-repeat; }
#listDiplsy a strong { background:  url(ourworks/images/menu_display.png) no-repeat; }
#listPlanning_Design a strong { background:  url(ourworks/images/menu_planningdesign.png) no-repeat; }
#listFestival a strong { background:  url(ourworks/images/menu_festival.png) no-repeat; }
#listVarious a strong { background:  url(ourworks/images/menu_various.png) no-repeat; }

/* 会社概要に戻る
---------------------------------------- */
.pageBack {
	font-size: 12px;font-weight:bold;
	text-align: left;
	margin-left: 200px;
	clear: both;
}
.pageBack a:link, .pageBack a:visited {
	color: #999999;
}
.pageBack a:hover, .pageBack a:active {
	color: #333333;
}

/* ourworksに戻る
---------------------------------------- */
.pageBackOurworks {
	font-size: 12px;font-weight:bold;
	text-align: right;
	margin-right: 30px;
	clear: both;
}
.pageBackOurworks a:link, .pageBackOurworks a:visited {
	color: #999999;
}
.pageBackOurworks a:hover{text-decoration: underline;}
.pageBackOurworks a:active {color: #333333;}

/* ページのトップに戻る
---------------------------------------- */
.pageTopAnchor {
	font-size: 11px;
	text-align: right;
	margin-right: 30px;
	clear: both;
}
.pageTopAnchor a:link, .pageTopAnchor a:visited {
	color: #999999;
}
.pageTopAnchor a:hover, .pageTopAnchor a:active {
	color: #333333;
}
/* ツイッターの名前と枠を見えなく横幅を変える-------------------- */
.twtr-hd {display:none;}
#twitter-widget-0 {min-width:750px !important; width:750px !important;}