@charset "utf-8";

/* ------------------------------------------------------------------------ デフォルト */

* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	_font-size: 11px;
	line-height: 1.5;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
*:first-child+html * {  } /* IE7 */
html>body * {  } /* Firefox */

html { width: 100%; overflow-y: scroll; }
body {
	color: #ccc;
	background: #000;
}

a { overflow: hidden; _cursor: pointer; }
a:link { text-decoration: underline; }
a:visited {  text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { text-decoration: underline; }

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

table {
	font-size: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset { border: none; }
input.text, select {
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
}

button { cursor: pointer; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.left { display: inline; float: left; }
.right { display: inline; float: right; }
.center { display: block; margin: 0 auto 0 auto; clear: both; }



/* ------------------------------------------------------------------------------------ header */

#header {
	position: relative;
	display: block;
	margin: 0 auto 15px auto;
	padding: 30px 0 0px 0;
	width: 1000px;
}

#header img#mark { margin: 0px 0 0px 30px; }

#header h1 {
	margin: 20px 0 5px 0px;
	padding: 0px 0px 0 0;
	font-size: 100%;
	text-indent: -9999em;
	width: 174px;
	height: 22px;
	background: url(../img/base/header-logo.gif) 0 0 no-repeat;
}

/* ガイド */
#header ul.guide {
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	list-style: none;
	width: 350px;
}

#header ul.guide li {
	display: inline;
	list-style: none;
	float: left;
}

#header ul.guide a {
	display: block;
	margin: 0 0px 0 40px;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 120px;
	height: 14px;
	background: url(../img/base/header-guide.gif) 0 0 no-repeat;
}
#header ul.guide a.detail { background-position: 0 0; }
#header ul.guide a.privacy { background-position: 0px -14px; }



/* ------------------------------------------------------------------------------------ nav */

#nav {
	position: relative;
	display: block;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	list-style: none;
	width: 100%;
	height: 24px;
	background: #fff url(../img/base/nav-bg.gif) center top no-repeat;
	clear: both;
}

#nav ul {
	display: block;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	list-style: none;
	width: 966px;
}

#nav ul li {
	display: inline;
	list-style: none;
	float: left;
}

#nav ul a {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-indent: -9999em;
	height: 24px;
	background: url(../img/base/nav-ul.gif) 0 0 no-repeat;
}
#nav ul a.home { width: 160px; background-position: 0px 0; }
#nav ul a.flow { width: 162px; background-position: -160px 0px; }
#nav ul a.example { width: 161px; background-position: -322px 0; }
#nav ul a.about { width: 161px; background-position: -483px 0; }
#nav ul a.inquiry { width: 161px; background-position: -644px 0; }
#nav ul a.download { width: 160px; background-position: -805px 0; }

#nav ul a.home:hover { background-position: 0px -24px; }
#nav ul a.flow:hover { background-position: -160px -24px; }
#nav ul a.example:hover { background-position: -322px -24px; }
#nav ul a.about:hover { background-position: -483px -24px; }
#nav ul a.inquiry:hover { background-position: -644px -24px; }
#nav ul a.download:hover { background-position: -805px -24px; }



/* ------------------------------------------------------------------------------------ container */

#container {
	position: relative;
	display: block;
	margin: 0 auto 20px auto;
	padding: 0px 0 0px 0px;
	width: 870px;
	clear: both;
}

/* バナー */
#banner {
	margin: 40px 0px 15px 0;
	padding: 0px 0 0px 0px;
	width: 269px;
}

#banner a.gallery {
	display: block;
	margin: 0 0 0px 0;
	padding: 0px 0 0px 0px;
	text-indent: -9999em;
	width: 269px;
	height: 71px;
	background: url(../img/base/container-banner01.gif) 0px 0px no-repeat;
}
#banner a.gallery:hover { background-position: 0 -71px; }

/* ページ最上部へ */
#container a.pagetop {
	display: block;
	margin: 0 0 15px 0;
	padding: 0px 0 0px 0px;
	text-indent: -9999em;
	width: 103px;
	height: 14px;
	background: url(../img/base/container-pagetop.gif) 0px 0px no-repeat;
	clear: both;
	float: right;
}



/* ------------------------------------------------------------------------------------ footer */


#footer {
	position: relative;
	margin: 0 auto 20px auto;
	padding: 0px 0 0px 0px;
	width: 870px;
	clear: both;
}

#footer address {
	margin: 0 0 0px 0px;
	padding: 0px 0 0px 0px;
	color: #fff;
	font-size: 90%;
	font-style: normal;
	text-align: center;
}