@charset "utf-8";

/*メディアクエリの指定（※widthが640px以下の場合に{}内のCSSを適用する）*/
@media screen and (max-width: 640px) {
	
body {
background: none;
}

/*=====================
ヘッダーエリアの設定
=======================*/
.catch {
width:100%;
position:static;
text-align:center;
}

#superHeader {
width: 100%;
text-align:center;
}
/*ヘッダーのコンテンツ領域を100%に設定*/
#header_top{
clear:both;
width:100%;
background: none;
position:relative;
}
#header_top h1 {
margin:0;
}
#header-sp {
display:block;
background:none repeat scroll #FFF;
border-top:3px solid #0D4B95;
}
#header-sp .line {
position:fixed;
right:0;
top:0;
display:block;
width:100%;
z-index:10000;
border-top:7px solid #0D4B95;
}
#header-sp .menu-btn {
position:fixed;
right:0;
top:3px;
width:60px;
}
/*ヘッダーのコンテンツ領域のフロート解除(rssとsitemapの領域確保)*/
#header_top:after{
visibility:hidden;
height:0;
display:block;
font-size:0;
content: " ";
clear: both;
}  

/*rss・sitemapを右に設定*/
ul#subnav{
width: 100%;
position:static;
margin: 0;
}

ul#subnav li{
float:left;
margin:0;
}

ul#subnav li img{
float:left;
margin:0;
}

ul#shp {
width: 100%;
float:right;
position:static;
}

ul#exnav {
width:100%;
margin:10px 0;
position:static;
}

ul#exnav li {
margin:10px 0;
text-align:left;
}

a.caution, a.cal, a.pdf {
width:280px;
margin: 0 auto;
}

/*=====================
グローバルナビゲーションの設定
=======================*/
/*ナビゲーションの帯の背景画像を表示しない*/
#globalnav {
background:none;
clear: both;
padding:10px;
margin:10px 0 0 0;
background:#59b9c6;
width:auto;

}
#globalnav .hide {
display:none;
}
/*ナビゲーションの領域を100%に設定*/
#globalnav ul {
width:100%;
background:none;
}

/*ナビゲーションの背景画像とサイズの設定*/
#globalnav ul li {
width:100%;
background:#59b9c6;
border-bottom:1px #fff solid;
}

/*#globalnav ul li.first {
width:100%;background:url(./images/nav.gif) repeat-x;
}*/

/*ナビゲーションのリンクボタンの装飾の設定*/
#globalnav li a, #globalnav li a.home {
display:block;
width:100%;
}

.show {
display: block;
}

.show {
padding: 7px 10px;
font-size: 14px;
line-height: 1.7142857;
font-weight: bold;
color: #fff;
background-color: #2b2b2b;
background-repeat: repeat-x;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
cursor: pointer;
}
.show:hover {
color: yellow;
background-repeat: repeat-x;
}
.show:active {
color: #777;
background-color: #e1e1e1;
background-repeat: repeat-x;
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
border: none;
}

/*==================
検索ボックスの設定
====================*/

.searchMain  {
width: 100%;
line-height: 40px;
margin:0 auto;
overflow:hidden;
}

/*==================
画像サイズの設定
====================*/
/*画像のサイズを100%にする*/
img{
max-width: 100%;
height: auto;
width /***/:auto;　/*IE8のみ適用*/
}

/*=================
コンテンツエリア設定
===================*/
#pankuzu {
width: 100%;
}

.clearlsp {
clear:left;
}

/*コンテンツ領域の背景設定*/
#contents{
}

/*コンテンツ領域のサイズと余白の設定*/
#contents_inner{
width:100%;
padding-top:1px;
}

/*メインコンテンツをフロートさせない*/
#contents_right{
width:100%;
float:none;
margin:0 0 20px 0;
}

#contents_right .box{
clear:both;
width:100%;
}

/*サイドエリアをフロートさせない*/
#sidebar{
width:100%;
float:none;
}

.bx {
margin:0;
padding:0 0 40px 0;
background:#59b9c6;
}

.bx img {
float:left;
margin:0 10px;
}

.bx h2 {
height:40px;
margin:0;
padding:0;
text-align:left;
background:none;
}

.bx h2 span{
display:inline-block;
color:#fff;
padding:8px 10px 5px 38px;
background:url(./images/mn_icon.png) left top no-repeat;
}

#ranking{
width:100%;
float:none;
}

#ranking ul li{
height:60px;
} 

#ranking ul li img{
} 

/*WelcomeとRecommendMenuの余白設定*/
#welcome,
#recommend{
margin:15px 10px;
}

/*メニューの枠のサイズを100%に設定*/
#recommend .box{ 
width:100%;
}

/*アクセス領域の余白の設定*/
#access{ 
width:90%; 
margin:20px auto;
}

/*アクセス情報項目の設定*/
#access ul{ 
padding-bottom:0;
}

#access p{ 
padding-bottom:10px;
}

/*バナーを中央に設定*/
#bnr{ 
text-align:center;
}

/*=============
ページの先頭へ戻る
===============*/
/*ページ先頭へ戻るの位置の設定*/
p#top{
position:absolute;
top:10px;
right:0;
}

/*=============
仕事と給料
===============*/
dl.jobs dt {
float: none;
width: 100%;
}
dl.jobs dd {
clear:both;
padding: 0;
line-height: 150%;
border-bottom: 1px #CCCCCC solid;
}
/*=============
テーブル
===============*/
table.spc {
clear: both;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin:0 auto;
}

table.car spc {
border-bottom: solid 1px #eee;
cursor: pointer;
}

table.spc tr:hover {
background-color: #d4f0fd;
}

table.spc th,table.spc td {
width:auto;
display:block;
}

table.spc th {
margin-top:5px;
border-bottom:0;
}

table.spc td.icon {
background-size: 35px;
background-position: left 5px center;
background-repeat: no-repeat;
padding-left: 30px;
}
/*=============
Product Image
===============*/
.bigImage img {
width: 100%;
}
ul.smallImage {
width: 100%;
}
li.imagePhoto img {
width: 25%;
}
/*=============
Apply Button
===============*/
.apparea {
position: static;
background: #ccc;
}
a.btn-gradation, a.btn-gradation:visited {
}
/*=============
フッターエリア
===============*/

#shopinfo{
width:100%;
}

/*コピーライトの設定*/
#footer p small{
width:200px;
font-size:10px;
}

#footer .footer-wrapper {
width:100%;
}

/*▼▼▼▼ここからが下層ページ用▼▼▼▼*/

/*コンテンツ領域内の余白設定*/
#info,
#news,
#menu_all,
#page{
margin:15px 10px;
}

/*menu_kobetsu & menu*/

/*メニュー領域の余白設定*/
#menu_all #subtitle{ 
margin-bottom:20px;
}

/*商品画像をフロートさせない*/
#page .box_b p img{
float:none;
margin:20px auto;
}

/*見出しと詳細説明を中央に設定*/
#page .box_b h3,
#page .box_b p.txt{ 
text-align:center;
}

/*メニューの枠をフロートさせない*/
#menu_all .box,
.menu_list .box,
.menu_list .none{
float:none;
margin:0 auto !important;
}
/*メニュー説明の余白設定*/
#menu_all .box p.txt{
margin:3px 0 20px 16px;
}


dl.formt {
}
	
dl.formt dt {
}

dl.formt dd input, dl.formt dd textarea {
width:80%;
}

.button {
margin:0 2px;
padding:3px;
font-size:16px;
font-weight:700;
}

/*使用上の注意*/
.caution {
clear:both;
position:static;
}
.search-text {
background: #fff;
width:100%;
height:26px;
padding:0;
margin:0px;
border: 1px #ccc solid;
}

.sbs {
margin:0;
width: 100%;
}

/*カテゴリーリスト*/
li.catList {
width: 100%;
margin:0 0 2px 0;
padding:0;
}
ul.catListArea {
margin: 0;
padding:5px;
}

/*記事リスト*/	
dl.kiji dt {
display: static;
width: 100%;
}

/*スライドショー*/
#slideshow {
width:100%;
margin:0  auto 10px;
}
.rslides {
width:100%;
background:#fff;
}

}