﻿@charset "UTF-8";
/*----------------------------------------------------
	Utility
----------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
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;
}

/*----------------------------------------------------
	Margin
----------------------------------------------------*/
.m00 {
	margin: 0px;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mr20 {
	margin-right: 20px;
}

.mt40{
	margin-top: 40px;
}

.w70 {
	width: 70px;
}

.w570 {
	width: 570px;
}

.w480 {
	width: 480px;
}

.w435 {
	width: 435px;
}


.w90 {
	width: 90px;
}

/*----------------------------------------------------
	Other
----------------------------------------------------*/

.ctr {
	text-align: center;
}

.attention {
	text-align: center;
	background-color: red;
	color: white;
	padding: 10px 0 10px 0;
	margin: 20px 0 10px 0;
}

.fl_l {
	float: left;
}

.fl_r {
	float: right;
}

.anchor {
	margin-top: -174px;
	padding-top: 174px;
}


/* For modern browsers */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}


/*select color*/
::selection {
	background: #0093C4;
	color: #FFF;
}


a img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* font Size 12px */
.fs_s {
	font-size: 12px;
}


/*layoutCSS*/

body{
	color:#666;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','Meiryo','メイリオ', 'sans-serif';
}

iframe.frameHeader {
	padding-top:0px;
	width: 980px;
	height: 120px;
}

iframe.frameKeyv {
	width: 980px;
	height: 450px;
	margin-bottom:30px;
}

iframe.frameTop {
	width: 980px;
	height: 2050px;
}

iframe.frameFooter {
	width: 980px;
}

#headerArea,
#keyvArea{
	width:980px;
	margin:0 auto;
	margin-bottom: 30px;
}

#sideArea{
	width:200px;
}

#contentArea{
	width: 920px;
	margin: 0 auto;
	background: #FFF;
	line-height: 1.7;
}

#contentArea h1{
	font-size: 1.6em;
	margin-bottom: 20px;
}

#contentArea h2{
	background: #4F5868;
	padding: 5px 10px 5px 15px;
	margin-bottom: 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.1em;
}

#contentArea h3{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}

#contentArea p{
	margin-bottom: 20px;
}

#topArea{
	width:980px;
	margin:0 auto;
}

#footerArea{
	margin: 0 auto;
	margin-top: 40px;
	text-align:center;
	font-size:12px;
	background:#DDDDDD;
	height:50px;
	width: 980px;
}

.companyName{
	font-weight: bold;
	font-size: 18px!important;
}

/*全体設定*/

table a,
table p{
		font-size: 12px!important;
		line-height:1.4;
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','Meiryo','メイリオ', 'sans-serif';
}

/*topArea設定*/

.lossleader {
display: block;
width: 150px !important;
padding: 0 0px 0 0px !important;
font-size: 11px !important;
font-weight: normal !important;
}

span.lossleader_price1 {
color: #000000;
font-size: 80%;
font-weight: bold;
margin-right: 10px;
}
.lossleader_price1 {
font-size: 10px !important;
color: #C00 !important;
}

span.lossleader_price2 {
color: #000000;
font-size: 80%;
font-weight: bold;
}
.lossleader_price2 {
font-size: 10px !important;
color: #C00 !important;
}

a{
	color:#000;
}

a.ta1{
	color:#000;
	text-decoration: none;
}


a:hover{
	text-decoration:none;
}

.btnFacebook{
	width:172px;
	border:solid 2px #4966B6;
	background:#FFF;
	padding:10px;
	margin-bottom:20px;
}


/*商品ページsetting*/
span.catch_copy {
	display: block !important;
}

/*
#risFil{
	width:690px;
	padding:30px;
	background:#FFF;
	margin-bottom:30px;
}
*/

/*カレンダースタイル*/
.calendar table{
	width: 100%;
	color: #333333;
	font-size: 12px;
	border:  #DDDDDD solid 1px;
}

.calendar table td{
	padding: 10px;
	border:  #DDDDDD solid 1px;
}

/*カード一覧*/
table.typeInfo {
	width: 100%;
	color: #333333;
	border:  #DDDDDD solid 1px;
	margin-bottom: 30px;
}

table.typeInfo th{
	padding: 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	background: #EFF0F1;
}

table.typeInfo td{
	padding: 10px;
	font-size: 0.9em;
}

/*会社概要*/
table.typeAbout {
	width: 100%;
	color: #333333;
	margin-bottom: 30px;
}

table.typeAbout th{
	padding: 10px;
	font-size: 0.9em;
	font-weight: bold;
}

table.typeAbout td{
	padding: 10px;
	font-size: 0.9em;
}



table.spec {
	width: 100%;
	color: #333333;
	border:  #DDDDDD solid 1px;
}

table.spec th {
	padding: 12px;
	background: #F5F5F5;
	border:  #DDDDDD solid 1px;
	font-size: 12px;
	font-weight: bold;
}

table.spec td {
	padding: 12px;
	background: #FFF;
	text-align: right;
	border-bottom: #DDDDDD solid 1px;
}

table.spec tr {
	border-bottom: #DDDDDD solid 1px;
}

table.tableIn {
	width: 100%;
	color: #333333;
	background: #EEEEEE;
	font-size: 12px;
}

table.tableIn th {
	padding: 6px;
	background: #E0E0E0;
	border: #FFF solid 1px;
	text-align: center;
	font-weight: bold;
}

table.tableIn td {
	padding: 6px;
	text-align: right;
	background: #EEEEEE;
	border: #FFF solid 1px;

}

table.tableIn tr {
	border: #FFF solid 1px;
}


/*カテゴリ*/
a.breadcrumbs_list:visited {
color: #000;
}
a.breadcrumbs_list:link {
color: #000;
}

td.breadcrumbs_list {
color: #000;
font-size: 80%;
}

a.subcategory_list:visited {
color: #000;
font-size: 80%;
}
a.subcategory_list:link {
color: #000;
font-size: 80%;
}

a.category_itemnamelink:visited {
color: #000;
font-size: 80%;
}
a.category_itemnamelink:link {
color: #000;
font-size: 80%;
}

#pagebody{

}

/*table choice部分*/
td.inventory_choice_name{
	padding:10px !important;
}
td.inventory{
	padding:5px !important;
	font-size:12px !important;
}

td.inventory font{
	font-size:12px !important;
	padding:1px !important;
}

/*
br + table{
	width: 100% !important;
	background: #FFF !important;
	border: 30px #FFF solid !important;
}
*/

.pageBox{
	width:690px;
	background:#FFF;
	margin-bottom:30px;
	line-height:1.6!important;
	font-size:10px!important;
}

.thumbBox{
	margin-bottom: 40px;
}

.sale_desc{
	padding-bottom: 30px;
}

table td{
height:auto !important;
}

h2.arrival{
	margin-bottom: 20px;
}


/*細かい設定*/
input[type="submit"]{
	padding:7px 5px;
	margin:10px 0px;
}


body{
	*background: #FFF;

}

#side p {
	margin-bottom: 20px;
}
#pagebody table{
	text-align: left;
}

/*
#pagebody .frameSide{
	*background: red;
	*padding-left: 30px;
	*padding-right: 30px;
	*width: 200px;
}
*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

td[width="630"] table[align="center"]{
     margin-left:-225px !important;
}
#pagebody table[align="center"]{
     margin-left:-225px !important;
}


td[width="630"] table[align="center"]{
     text-align:left !important;
     margin-left:0px !important;
     display:inline-block;
}
#pagebody table[align="center"]{
     text-align:left !important;
     margin-left:0px !important;
     display:inline-block;
}
td[width="630"] table[align="center"] tr{
     text-align:left !important;
     margin-left:0px !important;
}
#pagebody table[align="center"] tr{
     text-align:left !important;
     margin-left:0px !important;
}

/*タグの設定*/

.list_test-wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}
 
.list_test:before {
    content:  "";     /* 空の要素作成 */
    width: 20px;                /* 幅指定 */
    height: 20px;               /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #0074bf;  /* 背景色指定 */
    position:  relative;        /* 位置調整 */
    top: 3px;                   /* 位置指定 */
    border-radius:  50%;        /* 要素を丸くする */
    margin-right: 5px;          /* 余白指定 */
}
 
.list_test {
    padding:  10px;             /* 余白指定 */
    background-color:  #65ace4; /* 背景色指定 */
    border-radius:  10px;       /* 角丸指定 */
    margin-bottom: 5px;         /* 要素と要素の間指定 */
    color: #fff;                /* 文字色指定 */
    font-size:  20px;           /* 文字サイズ指定 */
}
}
