@charset "utf-8";
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #E0F6FF;//#E5F8FF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size: 12px;
}

/* リンク */
a,
a:link,
a:visited {
	text-decoration: none;
	color: #F69;
	outline: 0;
}
a:hover {
	text-decoration: underline;
	color: #00AEEF;
}

/* リンクつき画像 */
a img {
	border: none;
}

/* IE用画像の隙間消し */
.index_page_top {
	vertical-align: bottom;
}

/* ヘッダー */

#header {
	width: 100%;
	overflow: auto;
}

/* メイン画像・ロゴ */

#index_page {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 50px;
	background: url(img/main.jpg) no-repeat;
	text-indent: -9999px;
}

/* インデックスページ下部 */
#index_sub {
	width: 647px;
	background: #57a7c8;
	color: #fff;
	margin: 0 auto 20px;
	padding: 20px 0;
	border-right: 2px solid #fff;
}
#index_sub a,
#index_sub a:link,
#index_sub a:visited {
	text-decoration: none;
	color: #FCC;
	outline: 0;
}
#index_sub a:hover {
	text-decoration: underline;
	color: #FFF;
}

#header h1,
#header h1 a {
	margin: 0px;
	padding: 0px;
	width: 262px;
	height: 187px;
	display: block;
	background: url(img/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
}

/* イメージマップ(index) */

dl#imagemap-nav {
	margin: 0;
	padding: 0;
	background: transparent url(img/main-nav.jpg) top left no-repeat;
	width: 800px;
	height: 400px;
	position: relative;
}
dt {
	margin: 0;
	padding: 0;
	position: absolute;
}
dd {
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
}
dt#map-consept {
	top: 7px;left: 120px;
}
dt#map-consept a:hover {
	position: absolute;
	background: transparent url(img/main-nav_o.jpg) -120px -7px no-repeat;
}
dt#map-product {
	top: 44px;
	left: 215px;
}
dt#map-product a:hover {
	position: absolute;
	background: transparent url(img/main-nav_o.jpg) -215px -44px no-repeat;
}
dt#map-wanted {
	top: 77px;
	left: 311px;
}
dt#map-wanted a:hover {
	position: absolute;
	background: transparent url(img/main-nav_o.jpg) -311px -77px no-repeat;
}
dt#map-report {
	top: 77px;
	left: 403px;
}
dt#map-report a:hover {
	position: absolute;
	background: transparent url(img/main-nav_o.jpg) -403px -77px no-repeat;
}
dt#map-rule {
	top: 53px;
	left: 494px;
}
dt#map-rule a:hover {
	position: absolute;
	background: transparent url(img/main-nav_o.jpg) -494px -53px no-repeat;
}
dt#map-download {
	top: 35px;
	left: 572px;
}
dt#map-download a:hover {
	position: absolute;
	background: transparent url(img/main-nav_o.jpg) -572px -35px no-repeat;
}
dt#map-banner {
	top: 9px;
	left: 615px;
}
dt#map-banner a:hover {
	position: absolute;
	background: transparent url(img/main-nav_o.jpg) -615px -9px no-repeat;
}
dt#map-consept a,
dt#map-product a,
dt#map-wanted a,
dt#map-report a,
dt#map-rule a,
dt#map-banner a {
	width: 70px;
	height: 240px;
	position: absolute;
	text-decoration: none;

}
dt#map-download a {
	width: 41px;
	height: 240px;
	position: absolute;
	text-decoration: none;
}
dt#map-consept a span,
dt#map-product span,
dt#map-wanted span,
dt#map-report span,
dt#map-rule span,
dt#map-download span,
dt#map-banner span {
	display: none;
}

/* 保留 */

#container-bg {
	width: 810px;
	background: url("bg.gif") repeat-y;
	margin: 0 auto;
}
#container {
	width: 800px;
	background: #FFF;
	margin: 0 auto;
}
#maincontent {
	padding: 0 0;
	background: #FFF;
}
#maincontent p {
	line-height: 20px;
}


/* ナビゲーション */

a:focus {
	overflow: hidden; /* firefox */
}

ul#nav {
	margin: 0px;
	padding: 0px;
	list-style-type: none; 
	display: block;
	float: left;
}
ul#nav li {
	height: 155px;
	float: left;
	text-indent: -9999px;
}
ul#nav li a {
	display: block;
	height: 100%;
}
ul#nav li a:hover {
	background: none !important;
}
li#top {
	background: url(img/top_o.gif); /* mouse over */
	width: 88px;
}
li#top a {
	background: url(img/top.gif);
	width: 88px;
}
li#concept {
	background: url(img/concept_o.gif); /* mouse over */
	width: 77px;
}
li#concept a {
	background: url(img/concept.gif);
	width: 77px;
}
li#product {
	background: url(img/product_o.gif); /* mouse over */
	width: 100px;
}
li#product a {
	background: url(img/product.gif);
	width: 100px;
}
li#report {
	background: url(img/report_o.gif); /* mouse over */
	width: 83px;
}
li#report a {
	background: url(img/report.gif);
	width: 83px;
}
li#rule {
	background: url(img/rule_o.gif); /* mouse over・linkなし */
	width: 80px;
}
li#rule a {
	background: url(img/rule.gif);
	width: 80px;
}
li#download {
	background: url(img/download_o.gif); /* mouse over・linkなし */
	width: 110px;
}
li#download a {
	background: url(img/download.gif);
	width: 110px;
}


/* テキストナビゲーション */

ul#text-nav {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 10px;
	color: #3798cb;
}
ul#text-nav li {
	display: inline;
	list-style-type: none;
	margin-right: 11px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
ul#text-nav li+li {
	border-left: 1px solid #3798cb;
}


/* 項目名 */

h2{
	color: #3EC8FF;
	font-size: 20px;
	margin: 0px;
	padding: 35px;
	float: left;
	border: solid 0px #000;
	width: 500px;
	text-align: left;
}


/* フッター */

#footer {
	margin: 0px;
	padding: 20px;
	color: #39C;
	background: #E0F6FF;
	font-size: 14px;
	font-family: Verdana,Arial,sans-serif;
}


/* 以下各個別ページ */

/* コンセプト */

#concept_page {
	margin: 30px auto;
	padding: 0;
	text-align: left;
	line-height: 20px;
}

#concept_page img {
	margin: 0 20px 10px 0;
}

#concept_page  {
	margin: 0 30px 10px;
}

/* プロダクト */

#product_list {
	width: 750px;
	margin: 30px auto;
	padding:0 0;
	text-align: left;
	line-height: 20px;
}
#product_list table {
	width: 750px;
	margin: 0 auto;
}
#product_list td {
	width: 750px;
	margin: 30px auto;
	padding:10px 20px;
	border: 1px solid #e5e5e5;
}
.product_list_table_td {
	background: #B7DEFF;
}

/* 制作レポート */

#production_report {
	margin: 20px auto 0;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #FFF;
}
#production_report h1 {
	color: #3CF;
}
#production_report p {
	margin: 0 0 10px;
	padding: 10px 15px;
	background: #B7DEFF;
	line-height: 20px;
}

/* 制作レポート - インラインフレーム内 */

#imgp {
	background: #fff;
	text-align: center;
}
#imgp img {
	margin: 0;
	padding: 0;
}

#imgp h1 {
	font-size: 18px;
	line-height: 18px;
	color: #F69;
	background: #FFF;
}
#imgp p {
	height: 60px;
	margin-right: 12px;
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 18px;
}
#imgp table {
	margin: 0 auto 10px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
#imgp table h2 {
	margin: 3px;
	padding: 0;
	font-size: 16px;
	line-height: 14px;
	color: #39f;
}
#navi {
	width: 650px;
	margin: 0 auto;
	padding: 0 auto 0 0;
	text-align: left;
}
.navi_text {
	padding: 3px;
	background: #9cf;
	font-size: 10px;
}

/* 応援バナー */

#banner-content {
	width: 730px;
	margin: 30px auto;
	padding: 0 0;
	text-align: center;
	border: 1px solid #a4e1f9;
}
.bannertext {
	margin: 0 0 20px;
	padding: 5px 30px 15px;
	text-align: left;
	background: #f2f2f2;
}
.bannertext h2 {
	border-bottom: 1px solid #fff;
	font-size: 12px;
	line-height: 18px;
}
#banner-content table {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#banner-content table .tdtext {
	margin: 5px 0;
	font-size: 10px;
}