@charset "utf-8";

@import url("html4.0.css");

html{
	overflow-y: scroll;
}

/* containert */
.container {
	width: 100%;
	min-width: 1020px;
	position: relative;
}

/* header */
.header {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 190px;
	z-index: 999;
}

.header .site_logo a {
	width: 190px;
	height: 95px;
	display: block;
	text-indent: -9999em;
	background-image: url(../img/sitelogo.png);
}

/* header > menu */
.header .menu {
	width: 190px;
	margin-top: 15px;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.2);
}

.header .menu ul.lev1 {
	width: 190px;
}

.header .menu ul li {
	vertical-align: bottom;
}

.header .menu ul li.menu01 {
	height: 30px;
	position: relative;
}

.header .menu ul li.menu02,
.header .menu ul li.menu03,
.header .menu ul li.menu04,
.header .menu ul li.menu05,
.header .menu ul li.menu06,
.header .menu ul li.menu07 {
	height: 51px;
	position: relative;
}

.header .menu ul li a.lev1 {
	display: block;
	float: left;
	width: 190px;
	height: 51px;
	background-image: url(../img/menu/menu.png);
}

.header .menu ul li.menu01 a.lev1 { height: 30px; text-indent: -9999em; background-position: 0px 0px; }
.header .menu ul li.menu02 a.lev1 { text-indent: -9999em; background-position: 0px -30px; }
.header .menu ul li.menu03 a.lev1 { text-indent: -9999em; background-position: 0px -81px; }
.header .menu ul li.menu04 a.lev1 { text-indent: -9999em; background-position: 0px -132px; }
.header .menu ul li.menu05 a.lev1 { text-indent: -9999em; background-position: 0px -183px; }
.header .menu ul li.menu06 a.lev1 { text-indent: -9999em; background-position: 0px -234px; }
.header .menu ul li.menu07 a.lev1 { text-indent: -9999em; background-position: 0px -285px; }

.header .menu ul li.menu01:hover a.lev1 { background-position: -190px 0px; }
.header .menu ul li.menu02:hover a.lev1 { background-position: -190px -30px; }
.header .menu ul li.menu03:hover a.lev1 { background-position: -190px -81px; }
.header .menu ul li.menu04:hover a.lev1 { background-position: -190px -132px; }
.header .menu ul li.menu05:hover a.lev1 { background-position: -190px -183px; }
.header .menu ul li.menu06:hover a.lev1 { background-position: -190px -234px; }
.header .menu ul li.menu07:hover a.lev1 { background-position: -190px -285px; }

.header .menu ul li.menu01 a.current { background-position: -190px 0px; }
.header .menu ul li.menu02 a.current { background-position: -190px -30px; }
.header .menu ul li.menu03 a.current { background-position: -190px -81px; }
.header .menu ul li.menu04 a.current { background-position: -190px -132px; }
.header .menu ul li.menu05 a.current { background-position: -190px -183px; }
.header .menu ul li.menu06 a.current { background-position: -190px -234px; }
.header .menu ul li.menu07 a.current { background-position: -190px -285px; }

.header .copyright {
	width: 190px;
	height: 61px;
	text-indent: -9999em;
	background-image: url(../img/menu/copyright.png);
}
.header a:hover .copyright {
	background-image: url(../img/menu/copyright_on.png);
}

.header .menu ul li .megamenu {
	width: 780px;
	margin-top: 1px;
	position: absolute;
	left: 190px;
	display: none;
	padding-bottom: 4px;
	padding-left: 15px;
	background: url(../img/menu/megamenu_bg_bottom.png) bottom right no-repeat;
}

.header .menu ul li.menu04 .megamenu,
.header .menu ul li.menu05 .megamenu,
.header .menu ul li.menu06 .megamenu,
.header .menu ul li.menu07 .megamenu {
	width: 280px;
	background: url(../img/menu/megamenu_bg_bottom280.png) bottom right no-repeat;
}

.header .menu ul li .megamenu .inner {
	padding: 18px 30px 14px 30px;
	background: url(../img/menu/megamenu_bg_top.png) top left no-repeat;
}

.header .menu ul li.menu04 .megamenu .inner,
.header .menu ul li.menu05 .megamenu .inner,
.header .menu ul li.menu06 .megamenu .inner,
.header .menu ul li.menu07 .megamenu .inner {
	background: url(../img/menu/megamenu_bg_top280.png) top left no-repeat;
}

.header .menu ul li .megamenu .inner .contents {
	width: 720px;
}

.header .menu ul li .megamenu .inner .contents p {
	margin-bottom: 20px;
}

.header .menu ul li.menu04 .megamenu .contents,
.header .menu ul li.menu05 .megamenu .contents,
.header .menu ul li.menu06 .megamenu .contents,
.header .menu ul li.menu07 .megamenu .contents {
	width: 220px;
}

.header .menu ul li .megamenu .inner .contents a {
	color: #222222;
	text-decoration: none;
}

.header .menu ul li .megamenu .inner .contents a:hover {
	color: #00ccff;
}

.header .menu ul li .megamenu .inner .contents .col3 {
    width: 750px;
    margin: 0 -30px 0 0;
    overflow: hidden;
    _zoom: 1;
}

.header .menu ul li.menu04 .megamenu .contents .col3,
.header .menu ul li.menu05 .megamenu .contents .col3,
.header .menu ul li.menu06 .megamenu .contents .col3,
.header .menu ul li.menu07 .megamenu .contents .col3 {
	width: 250px;
}

.header .menu ul li .megamenu .inner .contents .col3 .col {
    width: 220px;
    margin-right: 30px;
	padding: 10px 0;
    float: left;
}

.header .menu ul li .megamenu .inner .contents .col4 {
    width: 736px;
    margin: 0 -6px 0 0;
    overflow: hidden;
    _zoom: 1;
}

.header .menu ul li .megamenu .inner .contents .col4 .col {
    width: 168px;
    margin-right: 16px;
    float: left;
}

.header .menu ul li .megamenu .inner .contents .listlink {
	margin-top: 8px;
	line-height: 1.8;
}

.header .menu ul li .megamenu .inner .contents .listlink a {
	display: block;
	padding-left: 20px;
	background: url(../img/menu/arrow_icon.png) center left no-repeat;
}

.header .menu ul li .megamenu .inner .contents .listlink a:hover {
	background-image: url(../img/menu/arrow_icon_on.png);
}

/* onlineshop_link */
.onlineshop_link {
	position: fixed;
	display:none;
	width: 120px;
	height: 65px;
	right: 20px;
	bottom: 20px;
	z-index: 998;
}

.onlineshop_link a {
	display: block;
	width: 120px;
	height: 65px;
	text-indent: -9999em;
	background: url(../img/onlineshop.png) top left no-repeat;
}

.onlineshop_link a:hover {
	background: url(../img/onlineshop_on.png) top left no-repeat;
}

/* pagebody */
.pagebody{
	background: #dbdbdb;
}

/* bottom_navigation */
.bottom_navigation{
	position: relative;
	text-align: left;
}

.bottom_navigation a{
	position:absolute;
	bottom:0;
	padding-left:896px;
}

/* footer */
.footer {
	text-align: left;
	background: #2C2C2C url(../img/footer/footer_bg.gif) top left repeat;
}

.footer .contents {
	width: 1000px;
	padding-bottom:30px;

}

.footer a { color: #222222; text-decoration: none; }
.footer a:hover { color: #00ccff; }

/* news */
.footer .news {
	float: left;
	width: 400px;
	padding-top:25px;
	margin-left:50px;
	

}

.footer .news .heading {
	margin-bottom: 18px;
}

.footer .news dl {
	margin-bottom: 26px;
	font-size: 11px;
}

.footer .news dl dt {
	float: left;
	width: 6.8em;
	margin: 0 0 0.8em 0;
}

.footer .news dl dt.icon_release { 
	width: 10.6em;
	background: url(../img/footer/news/icon_release.gif) right 3px no-repeat;
}

.footer .news dl dt.icon_news {
	width: 10.6em;
	background: url(../img/footer/news/icon_news.gif) right 3px no-repeat;
}

.footer .news dl dt.icon_meiti {
	width: 10.6em;
	background: url(../img/footer/news/icon_meiti.gif) right 3px no-repeat;
}

.footer .news dl dd {
	margin: 0 0 0.8em 12em;
}

.footer .news dl dd a {
	display: block;
}

/* related */
.footer .related {
	float: left;
	width: 310px;
	padding-top:25px;
	
	margin-left:240px;
}

.footer .related .heading {
	margin-bottom: 14px;
}

.footer .related #related_link {
	width: 310px;
	margin-bottom: 26px;
}

.footer .related #related_link li {
	float: left;
	width: 145px;
}

.footer #related_link li:first-child {
	margin-right: 20px;
}

/* sns_link */
.footer #sns_link {
	width: 310px;
	overflow: hidden;
}

.footer #sns_link li {
	float: left;
	width: 145px;
}

.footer #sns_link li:first-child {
	margin-right: 20px;
}

/* footer_menu */
.footer .footer_menu {
	background-color: #222222;
}

.footer .footer_menu ul {
	text-align: left;
	padding: 16px 0 16px 240px;
}

.footer .footer_menu ul li {
	margin-right: 20px;
	display: inline;
}

.footer .footer_menu ul li a {
	color: #ffffff;
	text-decoration: none;
}

.footer .footer_menu ul li a:hover {
	color: #00ccff;
}

/* no display for PC view */
.hidepc {
	display: none;
}

/* sp-img */
.sp-img{
	visibility: hidden;
}

/* clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/*404 page*/
body.page404{
}

body.page404 .pagebody{
	background:	#ffffff url(../img/404/header_bg.jpg) left top no-repeat;
	background-attachment: fixed;
	text-align: left;
}
body.page404 div.pagebody div.inner div.content{
	padding:35px 0 75px 0;
	width:735px;
}

body.page404 .pagebody > .pagebody_title{
	width:100%;
	min-height: 260px;
}

body.page404 .pagebody > .inner{
	padding-left: 265px;
}

body.page404 .pagebody{
	font-size:116.7%;
	color:#222222;
}
body.page404 .pagebody .content h2{
	width:735px;
	margin: 0 0 30px 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:19px;
	background-image:url('../img/404/h_404.png');
}
body.page404 .pagebody .content p{
	margin:20px 0 20px 0;
}
body.page404 .pagebody > .inner{
	background-color:#ffffff;
}

body.page404 .pagebody .wrap{
	padding:30px 0 40px 0;
}
body.page404  div.pagebody div.content ul li{
	padding-left:1em;
	background-image:url('../../common/img/img_listmark.gif');
	background-repeat:no-repeat;
	background-position:left 0.5em;
}
body.page404  div.pagebody div.content ul li a{
	color:#222222;
	text-decoration: none;
}
body.page404  div.pagebody div.content ul li a:hover{
	color:#00ccff;
}
body.page404 div.footer div.footer_menu {
	background: #222222 url(../img/404/footer_bg.png) 625px center no-repeat;
}
#tq_float_container{
top:300px;
}

.footshop{position: absolute;z-index:555; width:300px; height:160px; left:310px; top:92px; display:none; padding-left:10px; }
.fshoplist{ float:left; margin-left:10px; margin-top:15px;}
.fshoplist .url{ margin-top:3px;}
.fshoplist .url a{ font-size:12px;}
.fshoplist .url a:hover{ color:#4BBFEA;}