@charset "UTF-8"

/* 基本タグ -------------------- */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
	border: none;
}

body {
	background-color:#000;
	margin: 0;
}

img,table {
	border: none;
}

ol,ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
	vertical-align:top;
}

/* clearfix */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix {
	min-height: 1px;
	}

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

/* 基本フォント -------------------- */

body {
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color: #FFF;
	font-size: 12px;
	line-height: 1.5em;
}

h1 {
	font-size: 0px;
	line-height: 0em;
	margin: 0px;
	padding: 0px;
	text-indent:-9999px;
}

h2 {
	font-size: 90%;
	font-weight: bold;
	line-height: 2.5em;
	margin: 0px;
	padding: 0px;
}

h3,h4,h5,h6 {
	font-size: 90%;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
}

/* Opera 9 */
;;body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/* Internet Explorer 7 */
*:first-child+html body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/* Internet Explorer 6 or sooner */
* html body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

span.super { vertical-align: super; }

/* --------------------------------------------------------------------------------------
 フォント
--------------------------------------------------------------------------------------- */

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

.large {
	font-size: 120%;
}

.small {
	font-size: 10px;
}

.red {
 color:#900;
}

.yellow {
 color:#F90;
}

/* --------------------------------------------------------------------------------------
layout
--------------------------------------------------------------------------------------- */

#container {
	width:100%;
	margin:0 auto;
}

/* --------------------------
メインイメージ
--------------------------- */

#head {
	width:100%;
	height:467px;
	margin:0 auto;
}

/* --------------------------
タイトルやメニューボタン
--------------------------- */

#main {
	width:100%;
}

#menu {
	/*width:182px;*/
	height:19px;
	margin:8px 0 0 20px;
}


/* --------------------------
Whats NEW!
--------------------------- */

#news {
	margin: 5px 0 0 20px;
	height: 35px;
	background: url(../images/img_news.gif) no-repeat;
}

#news-txt {
	height: 28px;
	padding: 9px 0 0 0;
	float: right;
}

#scroller-v {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.9em;
}

#scroller-v a {
	color: #FFF;
}

/* --------------------------
プロジェクト一覧
--------------------------- */

#containts {
	width:100%;
	margin:0 auto;
	background-color:#FFF;
}

/* --------------------------
プロジェクトの詳細
--------------------------- */

.project {
	width:455px;
	float:left;
	margin:10px 10px 0 0;
}

.project img {
	float:left;
	margin: 0;
}

.project-r {
	width: 245px;
	float: left;
	margin: 0 0 0 10px;
}

.project-txt {
	padding:10px 0 0 0;
	height:61px;
	color:#333;
	margin:0;
	clear: both;
}

.project-btn {
	height:19px;
	width:120px;
	clear: both;
}

/* --------------------------
フッダー
--------------------------- */

#footer {
	width:100%;
	height:40px;
	margin:0 auto;
	background-image:url(../images/bg.gif);
	clear:both;
}

#copyright {
	width:350px;
	padding:10px 0 0 20px;
	line-height: 1.6em;
	color: #000;
	float:left;
}

#banner {
	float:right;
	padding:0;
}

#banner li {
	float:left;
	margin:0;	
	display: block;
	list-style:0;
}

/* --------------------------
共有ボックス
--------------------------- */

.box-960 {
	width:960px;
	margin:0 auto;
}

.box-940 {
	width:940px;
	margin:0;
	padding:0;
	clear:both;
}

.box-930 {
	width:930px;
	margin:0 10px 0 20px;
	padding:0 0 10px 0;
}


/* --------------------------------------------------------------------------------------
　マウスオン・プロジェクト
--------------------------------------------------------------------------------------- */

/* [ project-btn ] -------------------- */

.project-btn a {
	display: block;
	width: 120px;
	height: 19px;
	background: url(../images/btn_detailimages_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

.project-btn a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

.project-btn a:hover img {
	visibility: hidden;
}

/* --------------------------------------------------------------------------------------
　マウスオン・フッダーバナー部分
--------------------------------------------------------------------------------------- */

/* [ edo ] -------------------- */

#edo a {
	display: block;
	width: 35px;
	height: 40px;
	background: url(../images/bnr_edo_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

#edo a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

#edo a:hover img {
	visibility: hidden;
}

/* [ kunoya ] -------------------- */

#kunoya a {
	display: block;
	width: 70px;
	height: 40px;
	background: url(../images/bnr_kunoya_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

#kunoya a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

#kunoya a:hover img {
	visibility: hidden;
}

/* [ muta ] -------------------- */

#muta a {
	display: block;
	width: 65px;
	height: 40px;
	background: url(../images/bnr_muta_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

#muta a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

#muta a:hover img {
	visibility: hidden;
}

/* [ muta ] -------------------- */

#muta a {
	display: block;
	width: 65px;
	height: 40px;
	background: url(../images/bnr_muta_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

#muta a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

#muta a:hover img {
	visibility: hidden;
}

/* [ muta ] -------------------- */

#tanbaya a {
	display: block;
	width: 75px;
	height: 40px;
	background: url(../images/bnr_tanbaya_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

#tanbaya a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

#tanbaya a:hover img {
	visibility: hidden;
}

/* [ nagae ] -------------------- */

#nagae a {
	display: block;
	width: 90px;
	height: 40px;
	background: url(../images/bnr_nagae_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

#nagae a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

#nagae a:hover img {
	visibility: hidden;
}

/* [ interfusion ] -------------------- */

#interfusion a {
	display: block;
	width: 35px;
	height: 40px;
	background: url(../images/bnr_interfusion_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

#interfusion a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

#interfusion a:hover img {
	visibility: hidden;
}

/* [ puntos ] -------------------- */

#puntos a {
	display: block;
	width: 115px;
	height: 40px;
	background: url(../images/bnr_puntos_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

#puntos a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

#puntos a:hover img {
	visibility: hidden;
}

/* [ kai ] -------------------- */

#kai a {
	display: block;
	width: 45px;
	height: 40px;
	background: url(../images/bnr_kai_2.gif) 0 0 no-repeat;
	border-bottom:none;
}

#kai a:hover { /* IE6で動作させるために必要な記述 */
	background-color: #FFF;
}

#kai a:hover img {
	visibility: hidden;
}