/*
PCからのCSSの引継ぎは無し
引き継ぐ場合は
@import url(style.css) ;
@charset "Shift_JIS";
を先頭に追加する
*/

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

div.lp #header {
display: none;
}
div.lp div.top_back {
display: none;
}
div.lp div.saidin3{
display: none;
}
div.explain3 {
display: none;
}
#footer div.facebook {
display: none;
}

/* ↓ styleから抜出 */

/* --- 全体のリンクテキスト --- */
a:link { color: #4682b4; }
a:visited { color: #386992; }
a:hover { color: #79a7cc; }
a:active { color: #a2c1db; }

a img {border-style:none;}
a:hover img { 
filter: alpha(opacity=60); 
opacity:0.6; 
background: #ffffff; 
}

/* -- iframeResizerで高さ調整のため。pcで幅指定してあってもこっちが優先される -- */
.autoresize{
width: 100%;
}

/* -- メイン内のカウントダウン -- */
#main .countdown{
text-align: center;
font-size:90%;
background: #ce0437;
padding: 10px;
margin:20px;
}

/* --- LP上部エリア --- */
.lp-header1{
display: block;
position: fixed;
right: 0;
top: 0px;
z-index: 999;
width: 100%;
max-width: 100%;
max-height: auto;
opacity: 0.9;
text-align: center;
background: #ffffff;
}

/* ページ内サイドリンク */
/*（カートへスクロール）*/
#main div.cart-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 80px;
    height: 40px;
    z-index: 100;
}
/*（ページトップへスクロール）*/
#main div.page-top {
    position: fixed;
    bottom: 107px;
    right: 20px;
    width: 39px;
    height: 39px;
    z-index: 100;
}
/*（左側リンク集）*/
#main div.link-group {
color : #000000;
line-height: 120%;
font-size:13px;
padding:3px;
position: fixed;
top: 60px;
left: 0px;
/* IE5 later && javascript-on */
position: expression('absolute');
top: expression(documentElement.scrollTop + 260 + 'px');
left: expression(documentElement.scrollLeft + 0 + 'px');
}
/*（スクロールアクション1）*/
#main #scrollaction1 {
    position: fixed;
    width: 0px;
    height: 0px;
    bottom: 0;
    right: 80px;
    background: #fff;
    border: solid 5px #eee;
    text-align: center;
}
#main #scrollaction1-in {
    padding: 5px 10px;
}
#main #scrollaction1 a {
    text-decoration: none;
    cursor: pointer;
}
#main #scrollaction1 .scrollaction1-title {
    padding: 5px 0;
    font-size:18px;
    font-weight: bold;
    color: #ff0000;
    float: left;
}
#main #scrollaction1 .scrollaction1-text1 {
    padding: 5px 0;
    font-size:10px;
}
#main #scrollaction1-contents {
    border-top: 2px #FDBD19 dotted;
    padding-top: 5px;
    text-align: center;
}
#main #scrollaction1 .scrollaction1-coupon {
    font-size:13px;
}
#main #scrollaction1 #open-btn {
    position: fixed;
    right: 0px;
    bottom: 40px;
    width: 80px;
    height: 40px;
    cursor: pointer;
    background: url(../image/0_fixing/imgfixing0010.gif);
}

/* --- 強調セクション（四角） --- */
#main div.box2 {
width: 100%; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}
/* 見出し */
#main div.box2 h2 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(../image/img0062.gif) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}
/* 段落 */
#main div.box2 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
line-height: 150%; /* 行の高さ */
}

#main div.main_img {
border: none;
margin:10px 10px ;
text-align: center;
}

#main div.section div.textArea-auto2 {
padding:5px;
border: 1px #c0c0c0 solid;
height: 200px;
overflow: auto;
margin: 10px; /* マージン */
font-size: 70%;
}

/* 表4（表1の95％幅 色無し 一括表示で使用）  */
#main div.section table.example4 {
width: 95%; /* 表の幅 */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
line-height: 150%;
}
#main div.section table.example4 caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}
#main div.section table.example4 th,
#main div.section table.example4 td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
vertical-align: top; /* セルの垂直揃え */
}
#main div.section table.example4 colgroup.item {
width: 20%; /* セルの幅 */
background-color: #ffffff; /* 1列目の背景色 */
}
#main div.section table.example4 colgroup.data {
background-color: #ffffff; /* 2列目以降の背景色 */
}
#main div.section table.example4 thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}
#main div.section table.example4 tfoot td {
background-color: #f5f5f5; /* フッタセルの背景色 */
}

#main div.pick1{
margin: 1.4em 0;
padding: 3.5em 0.7em 0.6em 0.7em;
border-right: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
color: #111111;
background: #ffffff url(../image/img0089.gif) no-repeat top; /* 見出しの背景 */
font-size: 70%;
}
#main div.pick1 h1,
#main div.pick1 h2,
#main div.pick1 h3{
color: #111111;
line-height: 150%;
font-size: 100%;
}

/* --- フッタ --- */
#footer {
padding: 15px 0 5px; /* フッタのパディング（上、左右、下） */
border-top: 3px #c0c0c0 solid; /* フッタの上境界線 */
background: #e7e7e7 url(../image/img0010.png) repeat; /* フッタの背景 */
}
/* フッター内の画像 */
#footer div.footer_img1 {
border: none;
float: left;
margin:0px 10px 5px 10px ;
}

/* --- フッタ ボックス --- */
#footer div.box {
width: 100%; /* コンテンツの幅 */
margin-bottom: 10px; /* コンテンツの下マージン */
float: left;
}
/* --- フッタ ノーマル --- */
#footer div.box div.normal {
width: 350px; /* 幅 */
margin: 0px 0px 0px 10px; /* マージン */
display : inline; /* IE6マージンバグ対応用（floatを指定時marginが2倍になる対処方法） */
float: left;
}
/* ボックス */
#footer div.box div.normal div.section {
width: 350px; /* ボックスの幅 */
margin-bottom: 10px; /* ボックスの下マージン */
padding-bottom: 1px; /* ボックスの下パディング */
background-color: #ffffff; /* ボックスの背景色 */
text-align: left;
}
#footer div.box div.normal div.section p.link1 {
text-align: right;
font-size: 80%; /* 文字サイズ */
}
/* 見出しエリア */
#footer div.box div.normal div.section div.heading {
margin: 0 0 1em; /* 見出しエリアのマージン（上、左右、下） */
padding: 5px; /* 見出しエリアのパディング */
background: #ffffff url(../image/img0010.gif) repeat-x top; /* 見出しエリアの背景 */
}
/* 見出し */
#footer div.box div.normal div.section h2 {
margin: 0;
padding: 2px 0 2px 7px; /* 見出しのパディング（上右下左） */
border-left: 4px #555555 solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
color: #666666; /* 見出しの文字色 */
line-height: 100%;
}
/* ボックス内の段落 */
#footer div.box div.normal div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
line-height: 150%; /* 行の高さ（上書き） */
font-size: 80%; /* 文字サイズ */
}

/* --- フッタ 強調ボックス --- */
#footer div.box div.emphasis {
width: 210px; /* ボックスの幅 */
margin: 0px 10px; /* ボックスのマージン */
display : inline; /* IE6マージンバグ対応用（floatを指定時marginが2倍になる対処方法） */
float: right;
}
/* ボックス */
#footer div.box div.emphasis div.section {
width: 210px; /* ボックスの幅 */
margin-bottom: 10px; /* ボックスの下マージン */
padding-bottom: 1px; /* ボックスの下パディング */
background-color: #ffffff; /* ボックスの背景色 */
text-align: left;
}
/* 見出しエリア */
#footer div.box div.emphasis div.section div.heading {
margin: 0 0 1em; /* 見出しエリアのマージン（上、左右、下） */
padding: 5px; /* 見出しエリアのパディング */
background: #3f3f3f url(../image/img0015.gif) repeat-x top; /* 見出しエリアの背景 */
border: 1px #666666 solid; /* 見出しエリアの境界線 */
}
/* 見出し */
#footer div.box div.emphasis div.section h2 {
margin: 0;
padding: 2px 0 2px 7px; /* 見出しのパディング（上右下左） */
border-left: 4px #add8e6 solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
color: #f9f9f9; /* 見出しの文字色 */
line-height: 100%;
}
/* ボックス内の段落 */
#footer div.box div.emphasis div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}
/* 電話番号 */
#footer div.box div.emphasis div.section p.free-tel {
margin-bottom: 0.1em; /* 段落の下マージン（上書き） */
padding: 0px 0px 0px 40px; /* パディング */
font-size: 140%; /* 電話番号の文字サイズ */
font-weight: bold; /* 文字の太さ（太字） */
color: #2b2b2b; /* 電話番号の文字色 */
background: url(../image/img0013.gif) no-repeat 0px 0px; /* 項目の背景 */
line-height: 100%;
}
/* フォームへのリンク */
#footer div.box div.emphasis div.section p.form {
margin-top: 0.7em; /* 段落の上マージン（上書き） */
padding: 3px; /* 段落のパディング（白フチの幅） */
background-color: #ffffff; /* 段落の背景色（白フチの色） */
border: 1px solid; /* 段落の境界線（太さ、スタイル） */
border-color: #e0e0e0 #cccccc #cccccc #e0e0e0; /* 段落の境界線色（上右下左） */
text-align: center;
line-height: 100%; /* 行の高さ（上書き） */
}
/* リンクエリア */
#footer div.box div.emphasis div.section p.form a {
display: block;
position: relative; /* IE6用 */
padding: 12px 2px; /* リンクエリアのパディング（上下、左右） */
background: #3f99b3 url(../image/img0011.gif) repeat-x top; /* リンクエリアの背景 */
font-size: 110%; /* リンクエリアの文字サイズ */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* リンクエリアの文字色 */
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#footer div.box div.emphasis div.section p.form a:hover {
background: #54b3cf url(../image/img0012.gif) repeat-x top; /* ポイント時の背景 */
}
/* リスト */
#footer div.box div.emphasis ul.footer-list1 {
margin: 0 10px 0.7em; /* 段落のマージン（上、左右、下） */
padding: 0px;
line-height: 130%; /* 行の高さ */
list-style-type: none;
}
/* リスト項目 */
#footer div.box div.emphasis ul.footer-list1 li {
padding: 0px 10px 0px 20px; /* パディング */
background: url(../image/img0004.gif) no-repeat 5px 4px; /* 項目の背景 */
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../image/img0027.gif) no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal; /* 文字のスタイル（ノーマル） */
text-align: center;
line-height: 140%; /* 行の高さ */
}

/* --- 無断転用禁止 --- */
#footer div.ban {
margin: 5px 0px 0px 0px; /* マージン */
background: #c0c0c0; /* 背景 */
text-align: center;
}
#footer div.ban p {
padding: 5px 0;
font-size: 80%; /* 文字サイズ */
}

/* --- ▲フッタ内の設定終了 --- */


/* --- ▼iframeのスライダーの幅が640以下のため追加 --- */
/* --- 強調セクション（2段　写真＆文字入り） --- */
#main div.box6 {
width: 675px;
}
/* 見出しエリア */
#main div.box6 div.heading {
width: 675px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding-bottom: 0px; /* 見出しエリアの下パディング */
}
/* 見出しh2 */
#main div.box6 div.heading h2 {
margin: 0;
padding: 9px 10px; /* 見出しのパディング */
font-size: 130%; /* 見出しの文字サイズ */
line-height: 100%;
border-left: 5px #808080 solid; /* 見出しの左境界線 */
}
/* left */
#main div.box6 div.left {
float: left;
width: 330px; /* 左の幅 */
margin: 0px 15px 0px 0px;
display : inline; /* IE6マージンバグ対応用（floatを指定時marginが2倍になる対処方法） */
}
/* right */
#main div.box6 div.right {
float: left;
width: 330px; /* 右の幅 */
margin: 0;
display : inline; /* IE6マージンバグ対応用（floatを指定時marginが2倍になる対処方法） */
}
/* footer(clearFix:afterを使わない場合) */
#main div.box6 div.footer {
clear: left; /* フロートのクリア */
width: 100%;
}
#main div.box6 div.left ul.thumbnail,
#main div.box6 div.right ul.thumbnail {
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}
#main div.box6 div.left ul.thumbnail li,
#main div.box6 div.right ul.thumbnail li {
padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}
#main div.box6 div.left ul.thumbnail dl,
#main div.box6 div.right ul.thumbnail dl {
width: 100%;
margin: 0;
font-size: 100%;
}
#main div.box6 div.left ul.thumbnail dt.photo,
#main div.box6 div.right ul.thumbnail dt.photo {
width: 120px; /* 写真エリアの幅 */
float: left;
}
#main div.box6 div.left ul.thumbnail dt.photo img,
#main div.box6 div.right ul.thumbnail dt.photo img {
border: 1px #ffffff solid; /* 写真の境界線 */
}
#main div.box6 div.left ul.thumbnail dt.title1,
#main div.box6 div.left ul.thumbnail dd,
#main div.box6 div.right ul.thumbnail dt.title1,
#main div.box6 div.right ul.thumbnail dd {
margin: 0 0 0 120px; /* 写真有りエリアのマージン（上右下左） */
}
#main div.box6 div.left ul.thumbnail dt.title1,
#main div.box6 div.right ul.thumbnail dt.title1 {
margin-bottom: 5px; /* 写真有りタイトルエリアの下マージン */
line-height: 120%;
}
#main div.box6 div.left ul.thumbnail dt.title2,
#main div.box6 div.left ul.thumbnail dd,
#main div.box6 div.right ul.thumbnail dt.title2,
#main div.box6 div.right ul.thumbnail dd {
margin: 0; /* 写真無しエリアのマージン（上右下左） */
}
#main div.box6 div.left ul.thumbnail dt.title2,
#main div.box6 div.right ul.thumbnail dt.title2 {
margin-bottom: 5px; /* 写真無しタイトルエリアの下マージン */
line-height: 120%;
}
#main div.box6 div.left ul.thumbnail dd,
#main div.box6 div.right ul.thumbnail dd {
line-height: 150%;
}
/* --- ▼iframeのスライダーの幅が640以下のため終了 --- */