@charset "utf-8";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : top.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@import "./reset.css";
@import "./class.css";

	
/* ********************************************************************************
 * Link
 * ******************************************************************************** */

a {
	outline: none;
}
/* a:link */
a:link {
	color: #627f95;
	text-decoration: underline;
}
/* a:active */
a:active {
	color: #627f95;
	text-decoration: underline;
}
/* a:visited */
a:visited {
	color: #627f95;
	text-decoration: underline;
}
/* a:hover */
a:hover {
	color: #627f95;
	text-decoration: none;
}


/*Leftmenu*/


div#sub ul li a {
	outline: none;
	text-decoration:none;
}
/* a:link */
div#sub ul li a:link {
	color: black;
}
/* a:active */
div#sub ul li a:active {
	color: black;
}
/* a:visited */
div#sub ul li a:visited {
	color: black;
}

/* a:hover */
div#sub ul li a:hover {
	color: #627f95;
	text-decoration: none;
}


/*footer*/


#copyright a {
	outline: none;
	text-decoration:none;
}
/* a:link */
#copyright a:link {
	color: #ffffff;
}
/* a:active */
#copyright a:active {
	color: #ffffff;
}
/* a:visited */
#copyright a:visited {
	color: #ffffff;
}

/* a:hover */
#copyright a:hover {
	color: #ffffff;
	text-decoration: none;
}



/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */

.clearfix:after,
ul#siteInfo:after,
div#content:after,
div#main:after,
div#news dl:after,
div.section:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
ul#siteInfo,
div#content,
div#main,
div#news dl,
div.section {
	display: inline-block;
}
* html .clearfix,
* html ul#siteInfo,
* html div#content,
* html div#main,
* html div#news dl,
* html div.section {
	height: 1%;
}
.clearfix,
ul#siteInfo,
div#content,
div#main,
div#news dl,
div.section {
	display: block;
}


/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */

/* html, body */
html, body {
	height: 100%;
}

/* body */
body {
	*padding-left: 1px;
	background: url(../images/main_bg.gif) 50% 0 repeat-y;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center; /* for IE6 */
	color: #627f95;
}

/* div#container
 * ******************************************************************************** */
div#container {
	width: 849px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
*html div#container {
	height: 100%;
}

/* div#header
 * ******************************************************************************** */
div#header {
	position: relative;
	width: 849px;
	height: 325px;
	background-image:url(../images/header_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
/* h1#logo */
div#header h1#logo {
	position:absolute; top:34px; left:20px;
}
div#header h1#logo a {
	display: block;
	width: 166px;
	height: 67px;
	background: url(../images/logo.jpg) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* h2 */
div#header h2 {
	position:absolute; top:140px; left:1px;
}

/* ul#siteInfo
------------------------------------------------------------*/
div#header ul#siteInfo {
	position:absolute; top:22px; left:597px;
	width: 247px;
}
div#header ul#siteInfo li {
	float: left;
	height: 79px;
	text-indent: -9000px;
 	font-size: 0;
	line-height: 0;
}
div#header ul#siteInfo li a {
	display: block;
	height: 79px;
	background: url(../images/navi_site_info.gif) 0 0 no-repeat;
}
div#header ul#siteInfo li.company a {
	width: 81px;
	background-position: 0 0;
}
div#header ul#siteInfo li.shop_list a {
	width: 83px;
	background-position: -81px 0;
}
div#header ul#siteInfo li.sitemap a {
	width: 83px;
	background-position: -164px 0;
}

div#header ul#siteInfo li.company a:hover {
	background-position: 0 -79px;
}
div#header ul#siteInfo li.shop_list a:hover {
	background-position: -81px -79px;
}
div#header ul#siteInfo li.sitemap a:hover {
	background-position: -164px -79px;
}

/* div#content
 * ******************************************************************************** */
div#content {
	width: 849px;
	padding-bottom: 85px;
	background: url(../images/content_bg.gif) 0 0 repeat-y;
	border-top: 1px solid #c1c1c1;
}

/* div#main
 * ================================================================================ */
div#main {
	display: inline;
	float: right;
	width: 609px;
	margin-right: 14px;
	_letter-spacing:1px;
	_line-height:1.5;
}

.box_top_left{
float:left;
width:281px;
padding:0px 11px 0px 12px;
}

.box_top_right{
float:right;
width:281px;
padding:0px 12px 0px 11px;
border-left:#CCCCCC solid 1px;
}


.box_top-feature_left{
float:left;
width:298px;
padding:0px 7px 0px 0px;
}

.box_top-feature_right{
float:right;
width:298px;
padding:0px 0px 0px 6px;
}





/* div#description
 * -------------------------------------------------------------------------------- */
div#main div#description {
	position: relative;
	width: 608px;
	height: 235px;
	background: url(../../images/description_bg.gif) 0 0 no-repeat;
	margin: 20px auto 0;
}
/* div#description dl */
div#main div#description dl {
	position:absolute; top:24px; left:27px;
	font-size: 0;
	line-height: 0;
}
div#main div#description dl dt {
	margin-bottom: 18px;
}
/* div#movie
------------------------------------------------------------*/
div#main div#description div#movie {
	position:absolute; top:23px; left:377px;
	width: 206px;
}
/* p.thumbnail */
div#main div#description div#movie p.thumbnail {
	margin: 14px 0;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
/* ul.btns */
div#main div#description div#movie ul.btns {
	width: 146px;
	margin: 0 auto;
	font-size: 0;
	line-height: 0;
}
/* div#news
------------------------------------------------------------*/
div#main div#news {
	position: relative;
	width: 580px;
	margin: 20px auto 20px;
}
/* div#news h3 */
div#main div#news h3 {
	margin-bottom: 10px;
	font-size: 0;
	line-height: 0;
}
/* div#news dl */
div#main div#news dl {
	margin-bottom: 6px;
	padding-bottom:6px;

	line-height: 1.3;
	border-bottom:#CCCCCC solid 1px;
}
div#main div#news dl dt {
	float: left;
	width: 83px;
	padding-left: 17px;
	background: url(../images/icon_arrow_1.gif) 6px 0.3em no-repeat;
}
div#main div#news dl dd {
	float: right;
	width: 470px;
}
/* div#products
------------------------------------------------------------*/
div#main div#products {
	display: inline;
	float: left;
	width: 281px;
	margin-left: 14px;
}
/* div#products h3 */
div#main div#products h3 {
	margin-bottom: 8px;
	font-size: 0;
	line-height: 0;
}
/* div#products ul */
div#main div#products ul {
	font-size: 0;
	line-height: 0;
}
div#main div#products ul li {
	margin-bottom: 10px;
}
/* div#products p.link-other */
div#main div#products p.link-other {
	text-align: right;
}
/* div#supports
------------------------------------------------------------*/
div#main div#supports {
	display: inline;
	float: right;
	width: 281px;
	margin-right: 14px;
}
/* div#supports h3 */
div#main div#supports h3 {
	margin-bottom: 8px;
	font-size: 0;
	line-height: 0;
}
/* div#supports ul */
div#main div#supports ul {
	font-size: 0;
	line-height: 0;
}
div#main div#supports ul li {
	margin-bottom: 10px;
}


/* div#sub
 * ================================================================================ */
div#sub {
	display: inline;
	float: left;
	width: 212px;
	margin-left: 1px;
	color:black;
}



div#sub ul{
margin:0px;
padding:0px;
font-size:11px;
}



div#sub ul li{
width:192px;
height:22px;
margin:0px;
padding:5px 0px 0px 20px;
float:left;
background-image:url(../images/leftmenu_bg.gif);
background-position:top left;
background-repeat:no-repeat;
}


#banner_area{
text-align:center;
clear:both;
}


.box_banner_area{
width:180px;
padding:15px 0px;

margin:20px 0px;
border-top:#CCCCCC solid 1px;
text-align:left;
}




/* div#footer
 * ******************************************************************************** */
div#footer {
	position: relative;
	width: 849px;
	height: 55px;
	margin: -55px auto 0;
/*	background-color: #093f9f;*/
	background-image:url(../images/footer_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
/* p.description */
div#footer p.description {
	position:absolute; bottom:12px; left:22px;
	display: block;
	width: 143px;
	height: 26px;
	background: url(../images/description.gif) 0 0 no-repeat;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/* p#copyright */
div#footer p#copyright {
	position:absolute; bottom:12px; right:20px;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana,"Courier New",Courier,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
}




/* コンテンツ内
 * ******************************************************************************** */

#s-jet{
position:relative; top:7px;
}