/* ---------------------------------------------------------------------------------
1. Elements
2. Font
3. Container
4. Navigation
5. Main
--------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------
  1. Elements
--------------------------------------------------------------------------------- */
@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;
}

html, body {
	height:100%;
}

body {
	background:#fff;
	margin:0;
	padding:0;
}

img,table {
	border: none;
}

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

/* firefox3でmargin指定 */
body,x:-moz-broken {
	margin-left:-1px;
}

/* IE7でpadding指定 */
*:first-child+html body {
	padding-left: 1px;
	margin-left:0;
}

/* IE6以下でpadding指定 */
*html body {
	padding-left: 1px;
}



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

.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}


/* ---------------------------------------------------------------------------------
  2. Font
--------------------------------------------------------------------------------- */

body {
 color: #666;
 font-size: 10px;
 _font-size: 62.5%;
 font-family: "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', sans-serif;
 background-color: #fff;
 text-align:center;
}

/* Opera 9 */
;;body{
	font-family: "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', sans-serif;
}

/* Internet Explorer 7 */
*:first-child+html body{
	font-family: "Verdana", 'ＭＳ Ｐゴシック';
}

/* Internet Explorer 6 or sooner */
* html body{
	font-family: "Verdana", 'ＭＳ Ｐゴシック';
}


a {
	text-decoration: none;
}

a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #DE116C;
	text-decoration:none;
}

a:active {
	color: #DE116C;
}

.small {
	_font-size: 10px;
	line-height: 1.4em;
}

.pink {
	color: #DE116C;
}


*:first-child+html body .small{
	font-size: 10px;
	line-height: 1.4em;
}


.link-ul {
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	font-size: 100%;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px;
}


br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

#keywords {
	position: fixed;
	left: -9999px;
	font-size: 0px;
}


/* ---------------------------------------------------------------------------------
  3. Layout
--------------------------------------------------------------------------------- */

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-330px;
	float:left;
}

#container {
 margin: 0px auto;
 width: 880px;
	height: 640px;
 text-align: left;
 font-size: 1.1em;
 line-height: 1.5em;
	position:relative;
	clear:left;
}



/* ---------------------------------------------------------------------------------
  4. Navigation
--------------------------------------------------------------------------------- */
#mainmenu {
	width: 400px;
	height: 39px;
	margin-top: 41px;
	float: left;
}
#mainmenu li {
	margin: 0;
	padding: 0;
	float:left;
}


#bt-home a {
 display: block;
 width: 35px;
 height: 39px;
 background: url(../images/bt_home.gif) 0 0 no-repeat;
 margin-right: 35px;
}
#bt-home a:hover {
	background: url(../images/bt_home_on.gif) 0 0 no-repeat;
	background-color: #FFF;
}
#bt-home a:hover img {
	visibility: hidden;
}


#bt-news a {
 display: block;
 width: 33px;
 height: 39px;
 background: url(../images/bt_news.gif) 0 0 no-repeat;
 margin-right: 35px;
}
#bt-news a:hover {
	background: url(../images/bt_news_on.gif) 0 0 no-repeat;
	background-color: #FFF;
}
#bt-news a:hover img {
	visibility: hidden;
}

.sakiyomi {
	display: none;
}


#bt-about a {
 display: block;
 width: 35px;
 height: 39px;
 background: url(../images/bt_about_on.gif) 0 0 no-repeat;
 margin-right: 35px;
}
#bt-about a:hover {
	background-color: #FFF;
}
#bt-about a:hover img {
	visibility: hidden;
}


#bt-brand a {
 display: block;
 width: 35px;
 height: 39px;
 background: url(../images/bt_brand_on.gif) 0 0 no-repeat;
 margin-right: 35px;
}
#bt-brand a:hover {
	background-color: #FFF;
}
#bt-brand a:hover img {
	visibility: hidden;
}


#bt-shopping a {
 display: block;
 width: 55px;
 height: 39px;
 background: url(../images/bt_shopping_on.gif) 0 0 no-repeat;
}
#bt-shopping a:hover {
	background-color: #FFF;
}
#bt-shopping a:hover img {
	visibility: hidden;
}


/* Pull Down Menu
--------------------------------------------------------------------------------- */

#nav li {
	display: inline;
	list-style: none;
	float: left;
	position: relative;
	left: 1px;
	z-index: 100;
}

#nav ul {
	width: 130px;
	display: none;
	position: absolute;
}

* html #nav ul {
	line-height: 0;
} /* IE6 "fix" */

#nav ul a {
 zoom: 1;
} /* IE6/7 fix */

#nav ul li {
	float: none;
}

#nav li ul li.navi1 a {
 display: block;
 width: 129px;
 height: 25px;
 background: url(../images/bt_sshome_on.gif) 0 0 no-repeat;
}
#nav li ul li.navi1 a:hover {
	background-color: #FFF;
}
#nav li ul li.navi1 a:hover img {
	visibility: hidden;
}

#nav li ul li.navi2 a {
 display: block;
 width: 129px;
 height: 24px;
 background: url(../images/bt_sspro_on.gif) 0 0 no-repeat;
}
#nav li ul li.navi2 a:hover {
	background-color: #FFF;
}
#nav li ul li.navi2 a:hover img {
	visibility: hidden;
}



/* ---------------------------------------------------------------------------------
  5. Main
--------------------------------------------------------------------------------- */

#mask-index {
	width: 700px;
	height: 18px;
	background: #FFF;
	position: absolute;
	z-index: 102;
	padding: 80px 0 0 5px;
	left: 0px;
	top: 0px;
	opacity: 0.8;
 filter: alpha(opacity=80);
}

#header {
	height: 81px;
	padding-top: 18px;
	background: url(../images/dot.gif) 0 98px repeat-x;
}

#logo {
	height: 81px;
	width: 102px;
	float: left;
	margin-right: 78px;
	position: relative;
	z-index: 200;
}

#main-body-top {
	margin-top: 25px;
	height: 520px;
}

#main-body-l {
	padding-top: 5px;
	float: left;
	width: 100px;
}

#flash-area {
	position: absolute;
	z-index: 0;
}

#main-body-r {
	padding-top: 5px;
	float: right;
	width: 700px;
}

.bn {
	margin-bottom: 12px;
}

#copyright {
	float: right;
	margin-top: 41px;
}

#footer {
	width: 700px;
	height:30px;
	position: absolute;
	top: 614px;
	left: 180px;
}

.footer-parts {
	float:left;
	margin-right: 30px;
}

.footer-tt {
	font-weight: bold;
}

/* Google Map */
#map {
	width: 165px;
	height:115px;
}

#map2 {
	width: 600px;
	height: 400px;
	text-align: left;
	clear: both;
}



/* 下層ページ共通
--------------------------------------------------------------------------------- */

#main-body {
	margin-top: 25px;
	height: 520px;
	background: url(../images/dot.gif) 0 484px repeat-x;
}

.page-title {
	position: absolute;
	top: 70px;
	left: 6px;
}



/* contents switch
--------------------------------------------------------------------------------- */

#cnt0, #cnt01, #cnt02, #cnt03, #cnt04, #cnt05 {
	width: 880px;
	height: 455px;
	position: absolute;
	display: none;
}


/* error
--------------------------------------------------------------------------------- */

.error {
	float: left;
	font-size: 17px;
	margin: 10px 0 0 15px;
	clear: both;
}