@charset "UTF-8";
/*文字の大きさ参考（13px基準）
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 124%    17px = 131%
 18px = 139%    19px = 147%    20px = 154%    21px = 162%
 22px = 170%    23px = 177%    24px = 185%    25px = 193%
 26px = 200%    27px = 208%    28px = 216%    29px = 224%
 30px = 231% 
*/
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
#yui3-css-stamp.cssreset{display:none}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block }
caption { text-align: left; }
abbr,acronym {font-variant: normal; }
[hidden] { display: none; }
option { background-color: #ffffff; }
img { vertical-align: top; }
svg:not(:root) { overflow: hidden; }
:focus { outline: 0; }
::selection { background: #FFFF26; }
::-moz-selection { background: #FFFF26; }
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
address,caption,cite,code,dfn,em,strong,var,b {
	font-style: normal;
	font-weight: normal;
}
optgroup {
	background-color: #ffffff;
	color: #000000;
}
input,button,textarea,select {
	font-size: 100%;
	font-family: inherit;
	color: inherit;
}
input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
li{
	list-style: none;
}
/*==================================================
Body
==================================================*/
body {
	font-size: 93%;
	line-height: 175%;
	color: #444;
	letter-spacing: 0.05em;
	font-family: 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-serif;
	min-width: 960px;
	background: url(../img/bg_footer.gif) repeat-x bottom left;
}
#wrapper {
	overflow: hidden;
	background: url(../img/bg_footerimg.png) no-repeat bottom center;	/* shopとcopyright部分の背景 */
}
#container {
	background: url(../img/bg_footerimg03.png) no-repeat bottom center;	/* 三角形と斜線背景 */
	-moz-background-size: 2000px 932px;
	background-size: 2000px 932px;
}
body.index{
	background: url(../img/bg_footer_index.gif) repeat-x bottom left;	/* index_footerの黒背景 */
}
.index #container {
	background: url(../img/bg_footerimg02.png) no-repeat bottom center;	/* index_三角形と斜線背景 */
	-moz-background-size: 2000px 1632px;
	background-size: 2000px 1632px;
}
em.new {
	background: #ff0;
	color: #c00;
	font-size: 85%;
	padding: 2px 5px;
}
/* ---------- link ---------- */
a,
a:hover {
	color: #626262;
	text-decoration: none;
}
#header ul,#header ol,
#footer ul,#footer ol {
	list-style: none;
}
.txtc { text-align: center; }
.txtr { text-align: right; }
.mtop30 {
	margin-top: 30px !important;
}
/*==================================================
#Header
==================================================*/
#header {
	position: relative;
	width: 100%;
	height: 45px;
	z-index: 9999;
}
#header_cover_frame{
	width: 960px;
	height: 45px;
	z-index: 5000;
	position: absolute;
	left: 50%;
	margin-left: -480px;
}
#headerframe {
	width: 100%;
	height: 45px;
	position: relative;
	z-index: 9000;
}
#header .header {
	width: 960px ;
	margin: 0 auto ;
	position: relative;
}
#header h1 {
	position: absolute;
	top: 20px;
}
/* navi ---------------------------- */
#header .nav{
	height: 45px;
}
#header .nav ul {
	position: absolute;
	top: 0px;
	left: 230px;
}
#header .nav li{
	float: left;
	padding: 0 20px 0 0;
}
#header .nav li img {
	margin: 15px 0 0;
}
#header .nav .gsc-control-cse {
	width: 250px;
	height: 30px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
#header .nav .gsc-control-cse .gsc-input {
	padding-right: 5px;
}
#header .nav .gsc-control-cse table td {
	border: none;
}
#header .nav .nav_home {
	position: absolute;
	top: -2px;
	left: 340px;
}
.ttl {
	width: 100%;
	margin: 0 auto;
}
.ttl h1 {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
/* breadcrumb ---------------------------- */
ol.breadcrumb {
	position: relative;
	left: 30px;
	list-style: none;
	font-size: 77%;
}
ol.breadcrumb li {
	display: inline;
	font-size: 85%;
}
ol.breadcrumb li a,
ol.breadcrumb li span {
	position: relative;
	float: left;
	margin: 0 5px 0 0;
	padding: 0px 10px 0 35px;
	display: block;
	background: #999;
	color: #fff;
	text-align: center;
	line-height: 25px;
}
ol.breadcrumb li a:before,
ol.breadcrumb li span:before {
	content: "";  
	border-bottom: 25px solid transparent;
	border-left: 25px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
}
ol.breadcrumb li a:after,
ol.breadcrumb li span:after {
	content: ""; 
	border-bottom: 25px solid transparent;
	border-left: 25px solid #999;
	position: absolute;
	right: -25px;
	top: 0;
	z-index: 1;
}
ol.breadcrumb li span {
	color: #666;
	padding: 0 10px 0 20px;
	background: #fff;
}
ol.breadcrumb li span:after {
	border-left: 24px solid #fff;
}
/*==================================================
pager
==================================================*/
#pager {
	position: relative;
	overflow: hidden;
	background: none;
	z-index: 9;
	width: 100%;
	display: block;
}
#pager ul {
	position: relative;
	left: 50%;
	float:left;
	margin: 30px 0 50px;
	background: none;
	z-index: 9;
}
#pager ul li {
	position: relative;
	left: -50%;
	float: left;
	text-align: center;
	list-style: none;
	margin: 0 30px 0 0;
	padding: 0;
	line-height: 35px;
	z-index: 999;
	background: none;
}
#pager ul li a {
	text-align: center;
}
#pager ul li a.link_page,
#pager ul li .current_page {
	display: block;
	width: 35px;
	color: #fff;
}
/*==================================================
Contents
==================================================*/
#contents {
	position: relative;
	z-index: 5050;
}
#contents,
#tabContents,
.ttl h2,
.breadcrumb {
	width: 960px;
	margin: 0 auto;
}
#tabContents,
.ttl h2,
.breadcrumb {
	overflow: hidden;
}
.index h2 {
	text-align: center;
	padding: 70px 0 50px;
}
/*====================================================================
Footer
====================================================================*/
#footer {
	position: relative;
	margin: 0 auto;
	width: 960px;
	z-index: 8000;
}
#footer ul {
	overflow: hidden;
	list-style: none;
}
#footer ul li {
	float: left;
	list-style: none;
}
#footer ul.banner {
	margin: 0 auto -12px;
	padding: 80px 0 68px 0;
	width: 875px;
	height:186px;
}
#footer ul.banner li {
	width: 200px;
	margin: 0 15px 15px 0;
}
#footerframe{
	position: relative;
	width: 100%;
	height: 37px;
}
#footerarea{
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 37px;
	background: #000;
	z-index: 9999;
}
#footernavicontents {
	margin: auto;
	width: 960px;
	height: 37px;
}
#footer ul.nav {
	float: left;
	width: 650px;
	background: url(../img/bg_footernav.gif) no-repeat 0 0;
}
#footer ul.sns {
	float: right;
}
#footer ul.brands {
	width: 972px;
	height: 276px;
	padding: 40px 0 30px;
}
#footer ul.brands li {
	width: 150px;
	margin: 0 12px 12px 0;
}
#footer .aside {
	position: absolute;
	bottom: 75px;
}
#footer .aside li {
	font-size: 90%;
	padding: 0 15px 0 0;
}
.copyright {
	position: absolute;
	bottom: 75px;
	right: 0px;
	color: #626262;
}
/*==================================================
Header Triangle
==================================================*/
#header_cover {
	width: 3000px;
	height: 1500px;
	position: absolute;
	top: -1700px;
	left: 50%;
	z-index: 5000;
	background: #000;
	margin-left: -2950px;
	min-width: 960px;
}
/*==================================================
Header Modal
==================================================*/
.navimodal {
	position: absolute;
	top: -16px;
	left: 0px;
	height: 416px;
	display: block;
	display: none;
	width: 800px;
	background: url(../img/bg_menu.png) no-repeat 0 100%;
	overflow:hidden;
	z-index:9950;
}
#navimodalarea{
	position:relative;
}
.navimodal_contents{
	margin: 40px 5px 5px;
}
.navimodal_menu {
	list-style-type: none;
	position:relative;
	z-index:8000;
	width:100%;
}
.navimodal_menu li,
.navimodal_menu li a {
	position:relative;
	display:block;
	line-height: 21px;
	width:100%;
}
.navimodal_menu li a {
		z-index:8100;
		background-image:url(../img/transparent10.png);
}

.navimodal_rightimg {
	position: absolute;
	top: 21px;
	right: 5px;
	z-index:7000;
}
/*==================================================
Promotion
==================================================*/
#promotion {
	width: 100%;
	height: 480px;
	position: relative;
	overflow: hidden;
	z-index:4999;
}
#promotion ul,
#promotion ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
#promotion_base {
	top: 0;
	position: absolute;
}
#promotion_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 8100;
	cursor: pointer;
}
.slider_prev {background: #000 url(../img/arrow_left.png) no-repeat 95% center;}
.slider_next {background: #000 url(../img/arrow_right.png) no-repeat 5% center;}
.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 6200;
}
.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
	
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#assist_prev,#assist_main{
	position:absolute;
	z-index:6100;
	cursor: pointer;
}

/*==================================================
table
==================================================*/
table {
    width: auto;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 20px;
}

table th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}

/*==================================================
clearfix
==================================================*/
#contents:after,
.clearfix:after,
ul:after,
dl:after,
.footer_nav:after,
.list_ttl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#contents,
.clearfix,
ul,
dl,
.footer_nav,
.list_ttl {
	min-height: 1px;
}