@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: #3560C1;
}

/* 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: 115px;
	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;
	width:550px;
}
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;
	float:left;
}
div#header h1#logo p {
float: left;
margin: 17px 0 0 40px;
font-size: 120%;
line-height: 1.3;
}
/* 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;*/
	overflow: hidden;
}
div#header ul#siteInfo li a {
	display: block;
}
div#header ul#siteInfo li.company {
	width: 81px;
}
div#header ul#siteInfo li.company a:link { margin-left: 0;}
div#header ul#siteInfo li.company a:visited { margin-left: 0;}
div#header ul#siteInfo li.company a:hover { margin-left: 0; margin-top: -79px;}
div#header ul#siteInfo li.company a:active { margin-left: 0; margin-top: -79px;}

div#header ul#siteInfo li.shop_list {
	width: 83px;
}
div#header ul#siteInfo li.shop_list a:link { margin-left: -81px;}
div#header ul#siteInfo li.shop_list a:visited { margin-left: -81px;}
div#header ul#siteInfo li.shop_list a:hover { margin-left: -81px; margin-top: -79px;}
div#header ul#siteInfo li.shop_list a:active { margin-left: -81px; margin-top: -79px;}

div#header ul#siteInfo li.sitemap {
	width: 83px;
}
div#header ul#siteInfo li.sitemap a:link { margin-left: -164px;}
div#header ul#siteInfo li.sitemap a:visited { margin-left: -164px;}
div#header ul#siteInfo li.sitemap a:hover { margin-left: -164px; margin-top: -79px;}
div#header ul#siteInfo li.sitemap a:active { margin-left: -164px; margin-top: -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;
}

div#mainHeader {
	padding: 15px 0 5px;
}

div#mainHeader h2 {
	width: 326px;
	float: left;
}

div#mainHeader div#box_right {
	width: 270px;
	float: right;
	text-align: center;
}

div#mainHeader div#box_right h3 {
/*	margin: 17px 0;*/
}

div#mainHeader div#box_right dl dt {
	margin: 10px 0 10px;
}

div#mainHeader div#box_right dl dd {
	width: 259px;
/*	margin: 0 auto 10px;*/
	margin: 0 auto;
	text-align: left;
	font-size: 90%;
	padding: 0 0 10px;
	border-bottom: 1px solid #CCCCCC;
}

div#mainHeader div#box_right dl dd #sjet {
	text-align: center;
	display: block;
	margin: 15px 0 0;
}

.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;
height:82px;
padding:0px 7px 0px 0px;
}

.box_top-feature_right{
float:right;
width:298px;
height:82px;
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 0;
}
/* 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#recommend
------------------------------------------------------------*/
div#main div#recommend {
	position: relative;
	width: 580px;
	margin: 20px auto 0;
}
/* div#news h3 */
div#main div#recommend h3 {
	margin-bottom: 20px;
	font-size: 0;
	line-height: 0;
}
/* 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;
}

.box_banner_area2{
width:180px;
padding:15px 0px 0;
margin:20px 0px 0;
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;
}



/* float
 * ******************************************************************************** */
div#header h1#logo:after,
div#mainHeader:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

div#header h1#logo,
div#mainHeader,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html div#header h1#logo,
* html div#mainHeader,
* html .clearfix {
height: 1%
}

div#header h1#logo,
div#mainHeader,
.clearfix {
display:block;
}
/* end MacIE5 */








/* ********************************************************************************
 * Home
 * ******************************************************************************** */
.home_pr{
float:left;
width:163px;
padding:3px 15px 5px 15px;
margin:10px 4px 0 4px;
background-color:#FAFAFA;
text-align:center;

border:#ddd solid 1px;
border-top:#305DAE 7px solid !important;


}


.home_pr div{
margin:10px 0;
padding-bottom:0px;
/*border-bottom:#CCCCCC dashed 1px;*/
font-weight:bold;
font-size:13px;

}

.home_pr p{
margin:10px 0;
font-size:10px;
}


.home_dl{
line-height:1.5;
margin-top:65px;
width:283px;
font-size:12px;
}

.home_dt,dd{
margin:0;
padding:0;
width:283px;

}