@charset "Shift_JIS";


/* パンくず・ページトップへ・お問い合わせ
----------------------------------------------------------*/

div#pankuzu{
padding:5px 0 5px 5px;
font-size:11px;
}

p.gototop{
clear:both;
padding:0 0 2px 0;
text-align:right;
}

div.inquiry_btn{
clear:both;
margin:15px 5px 0 5px;
padding:5px 0;
background-color:#E1DCCE;
text-align:center;
}



/* サブページ共通
----------------------------------------------------------*/

/* リピートオーダー */
div#repetition{
width:200px;
background:url(../img/repetition_frm_bg.gif);
}

div#repetition p.pic{
padding:10px 10px 0 10px;
background:url(../img/repetition_frm_top.gif) no-repeat;
}

/* 携帯サイト */
div#mobile{
width:200px;
background:url(../img/mobile_frm_bg.gif);
}

div#mobile div.inner{
background:url(../img/mobile_frm_top.gif) no-repeat;
}

div#mobile div.inner2{
padding:10px 15px 20px 15px;
background:url(../img/mobile_frm_bottom.gif) bottom no-repeat;
font-size:11px;
}

div#mobile div.inner2 img{
margin:10px 28px 0;
padding:1px;
border:1px solid #CCCCCC;
text-align:center;
}

/* ユニークデザインバナー */
div#unique_bnr{
padding:10px 0 0 0;
background:url(../img/unique_bnr_top.gif) no-repeat;
}

div#unique_bnr div.inner{
padding:0 0 10px 0;
background:url(../img/unique_bnr_bottom.gif) left bottom no-repeat;
}

div#unique_bnr ul{
padding:0 10px;
background:url(../img/unique_bnr_bg.gif);
}

div#unique_bnr li{
display:block;
float:left;
}

/* 汎用ボックス */
div.block1, div.block2{
clear:both;
background:url(../img/cont_frm_bg.gif);
}

div.block2{
margin:20px 0 0 0;
}

div.block1 div.inner, div.block2 div.inner{
padding:10px 25px 25px 25px;
background:url(../img/cont_frm_bottom.gif) bottom no-repeat;
}

div.block1 h2, div.block2 h2{
display:block;
height:33px;
padding:12px 0 0 20px;
font-weight:bold;
color:#573C2C;
background:url(../img/cont_frm_top.gif) no-repeat;
overflow:hidden;
}

/* 汎用セット */
dl.set1{
clear:both;
display:inline-table;
width:530px;
margin:0 0 10px 0;
zoom:1;
}

dl.set1:after{
display:block; 
clear:both;
visibility:hidden;
height:0; 
content:".";
}

/* Hides from IE-mac \*/
* html dl.set1{
height:1%;
}
dl.set1{
display:block;
}
/* End hide from IE-mac */

dl.set1 dt{
float:left;
}

dl.set1 dt img{
margin:0 0 5px 0;
padding:2px;
border:1px solid #CCCCCC;
}

dl.set1 dd{
/* padding:0 0 0 280px; コンテンツごとに指定 */
}

dl.set1 dd dt{ /* ddの中のdl関連指定リセット */
float:none;
padding:0;
}

dl.set1 dd dt img{
padding:0;
border:none;
}

dl.set1 dd dd{
float:none;
padding:0;
}

/* 汎用テーブル */
table.table1{
clear:both;
width:100%;
border-collapse:collapse;
}

table.table1 th{
width:30%;
padding:5px;
border:1px solid #CCCCCC;
background-color:#ECECEC;
font-weight:normal;
}

table.table1 td{
width:70%;
padding:5px;
border:1px solid #CCCCCC;
}

table.table2{
clear:both;
width:100%;
margin:10px 0 0 0;
border-collapse:collapse;
}

table.table2 th{
padding:5px;
font-weight:normal;
}

table.table2 td{
padding:5px;
}

/* 汎用お問い合わせ方法 */
div#form_method h3{
padding:0 0 10px 0;
background:url(../img/dotline.gif) left bottom repeat-x;
}

div#form_method p{
padding:0 0 10px 0;
background:url(../img/dotline.gif) left bottom repeat-x;
}

div#form_method ul{
margin:10px 0 0 0;
}

div#form_method li{
float:left;
padding:0 0 10px 50px;
width:200px;
}

div#form_method li#mail{
clear:both;
width:450px;
}

div#form_method em{
font-size:24px;
font-weight:bold;
font-style:normal;
color:#810313;
}

div#form_method li#tel{
background:url(../img/tel.gif) no-repeat;
}

div#form_method li#fax{
background:url(../img/fax.gif) no-repeat;
}

div#form_method li#mail{
background:url(../img/mail.gif) no-repeat;
}

/* 汎用入力フォーム関連 */
div#form_input td h3{
padding:0 0 2px 0;
}

div#form_input td p{
padding:0 0 10px 0;
}

div#form_input td span{
font-size:11px;
}

div#form_input .input_rule{
padding:0;
border:none;
border:1px solid #CCCCCC;
border-top:none;
}

div#form_input .input_submit{
text-align:center;
padding:10px;
}

div#form_input .input_err{
padding:30px;
}



/* トップページ
----------------------------------------------------------*/

/* Flash */
body#home div#keyvisual{
display:block;
position:relative;
width:900px;
margin:0 auto;
}

/* トップバナー */
body#home div#bnr a{
text-decoration:none;
}

body#home div#bnr table{
background:url(../img/top/bnr02-03_bg.gif);
}

body#home td#bnr01_txt{
padding:0 15px;
background:url(../img/top/bnr01_bg.gif);
}

body#home td#bnr02_txt{
padding:0 15px 10px 140px;
background:url(../img/top/bnr02_bg.gif) no-repeat;
}

body#home td#bnr03_txt{
padding:0 15px 10px 80px;
background:url(../img/top/bnr03_bg.gif) no-repeat;
color:#FFFFFF;
}

body#home td#bnr03_txt a{
color:#FFFFFF;
}

/* キャッチ */
body#home div#catch{
background:url(../img/top/catch_bg2.gif);
}

body#home div#catch div.inner{
padding:0 0 20px 0;
background:url(../img/top/catch_bottom.gif) left bottom no-repeat;
}

body#home div#catch div.inner2{
padding:20px 0;
padding:0 9px;
background:url(../img/top/catch_bg.gif) no-repeat;
}

body#home div#catch h2{
padding:20px 10px 10px 10px;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #DDDDCE;
}

body#home div#catch p{
padding:5px 10px;
border-bottom:1px solid #DDDDCE;
}

/* 新着情報 */
body#home div#news{
clear:both;
background:url(../img/top/news_frm_bg.gif);
}

body#home div#news .inner{
background:url(../img/top/news_frm_top.gif) no-repeat;
}

body#home div#news .inner2{
padding:4px 15px 20px 15px;
background:url(../img/top/news_frm_bottom.gif) bottom no-repeat;
}


body#home div#news .scrollBox{
width:100%;
height:500px;
overflow-y:scroll;
overflow-x:hidden ;
}

body#home div#news table{
width:100%;
}

body#home div#news th{
width:15%;
padding:8px 0;
background:url(../img/dotline.gif) bottom repeat-x;
}

body#home div#news th img{
padding:0 5px 5px 0;
}

body#home div#news td{
padding:8px;
background:url(../img/dotline.gif) bottom repeat-x;
}

/* ユニークデザイン */
body#home div#unique{
background:url(../img/top/unique_frm_bg.gif);
}

body#home div#unique div.inner{
padding:0 10px 15px 10px;
background:url(../img/top/unique_frm_bottom.gif) bottom no-repeat;
}

body#home div#unique table{
width:100%;
background:url(../img/top/unique_infrm_bg.gif);
}

body#home div#unique th{
padding:10px 10px 0 10px;
background:url(../img/top/unique_infrm_top.gif) no-repeat;
}

body#home div#unique td{
padding:0 12px 8px 12px;
background:url(../img/top/unique_infrm_bottom.gif) bottom no-repeat;
font-size:11px;
line-height:1.2;
}

body#home div#unique td a{
text-decoration:none;
}

/* 利用方法 */
body#home div#method{
background:url(../img/top/method_frm_bg.gif);
}

body#home div#method div.inner{
background:url(../img/top/method_frm_bottom.gif) bottom no-repeat;
}

body#home div#method table{
width:100%;
background:url(../img/top/method_frm_top.gif) no-repeat;
}

body#home div#method th{
width:80px;
padding:10px 6px 10px 10px;
}

body#home div#method td{
padding:10px 11px 10px 0;
font-size:11px;
line-height:1.2;
}

body#home div#method td a{
text-decoration:none;
}

body#home div#method td.td1{
width:87px;
}

body#home div#method td.td2{
width:86px;
}

/* ワードプレス記事 */
div#wpBlog{
width:200px;
background:url(../img/mobile_frm_bg.gif);
}

div#wpBlog .ttl{
background-color:#7a614f;
font-size:14px;
color:#fff;
margin:0 5px;
padding:7px 10px;
}

div#wpBlog div.inner{
background:url(../img/mobile_frm_top.gif) no-repeat;
}

div#wpBlog div.inner2{
padding:10px 15px 20px 15px;
background:url(../img/mobile_frm_bottom.gif) bottom no-repeat;
font-size:11px;
}

div#wpBlog div.inner2 .feedBlc{
border-bottom:1px dotted #ccc;
margin-bottom:7px;
padding-bottom:5px;
}

div#wpBlog .iframeBlog{
border:0;
}



/* オススメパック
----------------------------------------------------------*/

/* オススメパックについて */
body#recommend div#about{
background:url(../img/recommend/about_bg.gif);
}

body#recommend div#about p.txt{
padding:20px;
}

body#recommend div#about table#about_inquiry{
width:580px;
background:url(../img/recommend/about_inquiry_bg.gif);
}

body#recommend div#about table#about_inquiry td.txt{
width:270px;
padding:20px 0 10px 40px;
font-size:24px;
font-weight:bold;
color:#810313;
vertical-align:middle;
}

body#recommend div#about table#about_inquiry td.btn{
width:270px;
padding:20px 0 10px 0;
vertical-align:middle;
}



/* まとめてパック
----------------------------------------------------------*/

/* まとめてパックについて */
body#together div#about{
background:url(../img/recommend/about_bg.gif);
}

body#together div#about p.txt{
padding:20px;
}

body#together div#about table#about_inquiry{
width:580px;
background:url(../img/recommend/about_inquiry_bg.gif);
}

body#together div#about table#about_inquiry td.txt{
width:270px;
padding:20px 0 10px 40px;
font-size:24px;
font-weight:bold;
color:#810313;
vertical-align:middle;
}

body#together div#about table#about_inquiry td.btn{
width:270px;
padding:20px 0 10px 0;
vertical-align:middle;
}



/* 価格表
----------------------------------------------------------*/

/* 価格表 */
body#price table.table2{
margin:0;
}

body#price table.table2 caption{
padding:5px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
background-color:#810313;
}

body#price table.table2 th{
background-color:#E9E2D0;
border:1px solid #CCCCCC;
}

body#price table.table2 td{
width:25%;
border:1px solid #CCCCCC;
}

body#price table.table2 td.hd{
background-color:#ECECEC;
}

body#price p.att{
padding:5px 0 15px 0;
}



/* ギャラリー
----------------------------------------------------------*/

/* 一覧 */
body#gallery table{
margin:0 auto 10px auto;
border-collapse:collapse;
padding:0 37px;
display:block;
}

body#gallery td{
width:90px;
border:1px solid #CCCCCC;
display:block;
float:left;
margin-bottom:10px;
margin-right:-1px;
}

body#gallery td p.pic{
padding:5px;
}

body#gallery td p.txt{
padding:5px;
background-color:#ECEAE1;
font-size:11px;
}

body#gallery td p.detail{
padding:5px;
font-size:11px;
}

body#gallery td p.detail img{
padding:0 3px 4px 0;
}

/* 詳細 */
body#gallery_detail div.inner table{
width:530px;
}

body#gallery_detail div.inner table img{
padding:2px;
border:1px solid #CCCCCC;
}

body#gallery_detail div.inner th{
width:290px;
}

body#gallery_detail div.inner h3{
clear:both;
padding:15px 0 5px 0;
font-size:14px;
font-weight:bold;
}

body#gallery_detail div.inner li{
float:left;
width:60px;
}



/* 初めての方へ
----------------------------------------------------------*/

/* アートコースターについて */
body#first div#about{
background:url(../img/first/about_bg.gif);
}

body#first div#about div.inner{
padding:0 0 5px 0;
background:url(../img/first/about_bottom.gif) left bottom no-repeat;
}

body#first div#about p.txt{
padding:25px 35px;
background:url(../img/first/about_txt_bg.gif) no-repeat;
}

body#first div#about p.txt em{
font-size:24px;
font-weight:bold;
color:#810313;
}

/* バナー */
body#first  div#bnr{
padding:10px 0 0 0;
background:url(../img/first/bnr_frm_top.gif) no-repeat;
}

body#first  div#bnr div.inner{
padding:0 0 10px 0;
background:url(../img/first/bnr_frm_bottom.gif) left bottom no-repeat;
}

body#first  div#bnr div.inner ul{
padding:0 10px;
background:url(../img/first/bnr_frm_bg.gif);
}

body#first  div#bnr div.inner li{
display:block;
float:left;
}



/* ご注文までの流れ
----------------------------------------------------------*/

/* ボタン */
body#flow ul#btn li{
float:left;
}

/* ご注文までの流れ */
body#flow div.block1 h3, body#flow div.block2 h3{ /* 汎用block1・block2拡張 */
display:block;
padding:2px 5px;
color:#FFFFFF;
font-weight:bold;
background-color:#810313;
}

body#flow div.block1 p, body#flow div.block2 p{ /* 汎用block1・block2拡張 */
padding:10px 5px 30px 5px;
}



/* お支払い方法
----------------------------------------------------------*/

body#payment table.table1{
margin:10px 0 0 0;
}



/* よくある質問
----------------------------------------------------------*/

/* 質問一覧 */
body#faq table.list{
width:100%;
border-collapse:collapse;
}

body#faq table.list th{
width:20px;
padding:10px 5px;
background:url(../img/dotline.gif) bottom repeat-x;
}

body#faq table.list td{
padding:10px 5px;
background:url(../img/dotline.gif) bottom repeat-x;
}

/* 質問と答え */
body#faq table.list2{
width:100%;
border-collapse:collapse;
}

body#faq table.list2 tr.q th{
width:20px;
padding:10px 5px;
}

body#faq table.list2 tr.q td{
padding:10px 5px;
}

body#faq table.list2 tr.a th{
padding:0 5px 10px 5px;
background:url(../img/dotline.gif) bottom repeat-x;
}

body#faq table.list2 tr.a td{
padding:0 5px 10px 5px;
background:url(../img/dotline.gif) bottom repeat-x;
}



/* お客様の声
----------------------------------------------------------*/

/* お客様の声 */
body#voice div#voicelist{
background:url(../img/voice/about_bg.gif);
}

body#voice div#voicelist div.inner{
padding:0 0 5px 0;
background:url(../img/voice/about_bottom.gif) left bottom no-repeat;
}

body#voice div#voicelist ul{
padding:25px 35px;
background:url(../img/voice/about_txt_bg.gif) no-repeat;
}

body#voice div#voicelist li{
padding:10px 0;
background:url(../img/dotline.gif) left bottom repeat-x;
}

body#voice div#voicelist li p.pic{
float:left;
}

body#voice div#voicelist li p.pic img{
padding:1px;
border:1px solid #CCCCCC;
}

body#voice div#voicelist li p.txt{
padding:0 0 0 140px;
}

body#voice div#voicelist li span{
display:block;
padding:10px 0 0 0;
color:#B07959;
}

/* お客様の声 */
body#voice div#present li{
padding:5px 0;
background:url(../img/dotline.gif) left bottom repeat-x;
}



/* 宅急便追跡
----------------------------------------------------------*/

body#pursuit table.table2{
margin:10px 0 0 0;
border-collapse:collapse;
}

body#pursuit table.table2 th{
width:40%;
border:1px solid #CCCCCC;
}

body#pursuit table.table2 td{
width:60%;
border:1px solid #CCCCCC;
}

body#pursuit table.table2 td input{
margin:2px 0;
}



/* コースター付きカード
----------------------------------------------------------*/

/* コースター付きカードについて */
body#card div#about{
background:url(../img/card/about_bg.gif);
}

body#card div#about div.inner{
padding:0 0 5px 0;
background:url(../img/card/about_bottom.gif) left bottom no-repeat;
}

body#card div#about p.txt{
padding:25px 35px;
background:url(../img/card/about_txt_bg.gif) no-repeat;
}

body#card div#about p.txt em{
font-size:24px;
font-weight:bold;
color:#810313;
}



/* 両面コースター
----------------------------------------------------------*/

/* 両面コースターについて */
body#both div#about{
background:url(../img/both/about_bg.gif);
}

body#both div#about div.inner{
padding:0 0 5px 0;
background:url(../img/card/about_bottom.gif) left bottom no-repeat;
}

body#both div#about p.txt{
padding:25px 35px;
background:url(../img/both/about_txt_bg.gif) no-repeat;
}

body#both div#about p.txt em{
font-size:24px;
font-weight:bold;
color:#810313;
}



/* アート箸袋
----------------------------------------------------------*/

/* アート箸袋について */
body#hashifukuro div#about{
background:url(../img/hashifukuro/about_bg.gif);
}

body#hashifukuro div#about div.inner{
padding:0 0 5px 0;
background:url(../img/card/about_bottom.gif) left bottom no-repeat;
}

body#hashifukuro div#about p.txt{
padding:25px 35px;
background:url(../img/hashifukuro/about_txt_bg.gif) no-repeat;
}

body#hashifukuro div#about p.txt em{
font-size:24px;
font-weight:bold;
color:#810313;
}




/* アートランチョンマット
----------------------------------------------------------*/

/* アートランチョンマットについて */
body#mat div#about{
background:url(../img/mat/about_bg.gif);
}

body#mat div#about div.inner{
padding:0 0 5px 0;
background:url(../img/card/about_bottom.gif) left bottom no-repeat;
}

body#mat div#about p.txt{
padding:25px 35px;
background:url(../img/mat/about_txt_bg.gif) no-repeat;
}

body#mat div#about p.txt em{
font-size:24px;
font-weight:bold;
color:#810313;
}



/* サイトマップ
----------------------------------------------------------*/

body#sitemap table.table2{
background:url(../img/dotline.gif) left bottom repeat-x;
}

body#sitemap table.table2 th{
width:40%;
padding:10px;
background:url(../img/dotline.gif) left top repeat-x;
}

body#sitemap table.table2 th img{
padding:0 5px 4px 0;
}

body#sitemap table.table2 td{
width:60%;
padding:10px;
background:url(../img/dotline.gif) left top repeat-x;
}


/* --------------------------------------------------
 To SP site
-------------------------------------------------- */
#spLinkBlockInPc{
display:none;
}
#spLinkBlockInPc a{
display:block;
background:#5D402F;
width:100%;
height:200px;
line-height:150px;
font-size:50px;
font-weight:bold;
color:#fff !important;
text-decoration:none;
text-align:center;
}