@charset "utf-8";

.非表示 -----------------------{}

.sm_non { display:none; }


.リンク -----------------------{}

/* テキスト */

.link_a a {
    background: url(../img/common/icon_link.gif) no-repeat 0px center;
    padding-left: 25px;
    margin-right:5px;
}

/* テキストボタン */

.btn_link a {
    display: block;
    background: url(../img/sweets/btn_link.gif) no-repeat right center;
    padding: 5px 25px 5px 5px;
    width: 250px;
    background-color: #FFCC00;
    text-align: right;
}


a.link_btn_a {
    width:auto;
    background: url(../img/common/link_a_wt.gif) no-repeat 0px center #E64064;
    padding: 5px;
    width:auto;
    color:#FFF;
    margin: 0px 0px 15px 0px;
}

.link_btn_b a {
    font-size:90%;
    background: url(../img/common/bg_btn_b.gif) no-repeat 0px center;
    padding: 5px 20px 5px 30px;
    margin: 10px 0px;
    display: block;
    width:200px;
}

.link_more a {
    background: url(../img/common/link_a.gif) no-repeat 10px center #eee;
    border:1px solid #ddd;
    font-size: 12px;
    line-height:12px;
    margin:10px;
    padding: 8px 20px 8px 20px;
    display:block;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}


.ページ目次 -----------------------{}


/* 目次 */

#page_nav li a{
    background: url(../img/common/link_b.gif) no-repeat 11px center;
    padding: 5px 0px 5px 25px;
    display: block;
}

#page_nav li.on a{
    background: url(../img/common/link_c.gif) no-repeat 10px center;
    padding: 5px 0px 5px 25px;
    display: block;
}

#page_nav li.on a:hover , 
#page_nav li a:hover{
    background: url(../img/common/link_c.gif) no-repeat 10px center #f8f8f8;
    padding: 5px 0px 5px 25px;
    display: block;
}

/* a:hover */

#page_nav li a:hover {
    background-color: #f8f8f8;
}


.フロート設定 -----------------------{}

.left  { float:left }
.right { float:right; }

/

* BOX内：左右カラム */

.cl_right {
    width:48%;
    float:right;
    margin-bottom:15px;
}

.cl_left {
    width:48%;
    float:left;
    margin-bottom:15px;
}


.hr設定 -----------------------{}

.hr_dot_15 {
    background: url(../img/common/hr_dot.gif) repeat-x left center;
    height: 15px;
    text-indent:-9999px;
}

.hr_dot_25 {
    background: url(../img/common/hr_dot.gif) repeat-x left center;
    height: 25px;
    text-indent:-9999px;
}


.イメージフロート設定 -----------------------{}

img.img_center { margin:15px auto 15px auto;display: block; }
div.img_center { margin:15px auto 15px auto;display: block; }

img.img_left   { float:left; width:30%; margin:0px 15px 15px 0px;display: block; }
div.img_left   {
    float:left;
	width:30%;
    margin:0px 15px 15px 0px;
    padding:5px;
    color:#666;
    display: table;
    min-width: 100px; /* minimum width */
    *width: auto; /* for IE7 and below */
 }

img.img_right { float:right; width:30%; margin:0px 0px 15px 15px;display: block; }
div.img_right {
    float:right;
	width:30%;
    margin:0px 0px 15px 15px;
    color:#666;
    display: table;
    min-width: 100px; /* minimum width */
    *width: auto; /* for IE7 and below */
 }

div.img_left p , div.img_right p , div.img_center p {
    font-size:85%;
    margin:0px;
    padding: 5px 5px 0px 5px;
}


.dl_リスト-----------------------{}

/* A */

dl.data_a  {
    font-size:108%;;
    line-height: 1.6em;
}

.data_a dt {
    margin-bottom: 0px;
    width: 9em;
    background-color: #eee;
    text-align: center;
    font-size: 10px;
}

.data_a dd {margin: -1.8em 0px 10px 8em;}

/* B */

dl.data_b  {
    font-size:108%;
    line-height: 20px;}

.data_b dt {
    margin-bottom: 0px;
    width: 140px;
    background-color: #eee;
    font-size: 12px;
    padding:5px;
}

.data_b dd {margin: -25px 0px 20px 160px;}



.テーブル-----------------------{}

/* A */

.table_theme_a table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ddd;
    background-color:#fff;
    margin-bottom:10px;
}

.table_theme_a table th, td	{
    padding:10px;
    color: #47332C;
}

.table_theme_a table th	{
    border: 1px solid #ddd;
    text-align:left;
    background-color:#eee;
}

.table_theme_a table td	{
    border: 1px solid #ddd;
}


/* B */

.table_theme_b table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #dedede;
    background-color:#fff;
    margin-bottom:10px;
}

.table_theme_b table th, td	{
    padding:10px;
}

.table_theme_b table th	{
    border: 1px solid #dedede;
    text-align:left;
    background-color:#fcf6e8;
}

.table_theme_b table td	{
    border: 1px solid #dedede;
}

table .price {
	color: #C33;
	text-align:right;
}


.フォーム-----------------------{}

/* 共通 */

fieldset {
    padding: 1px 0;
    border: none;
}

legend {
    padding: 0 10px;
    background-color: #fff;
}


textarea {
    padding: 0.5em 10px;
}

input.submit {
    padding: 2px 5px;
    border: none;
    font-size: 85%;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background-color: #0F7DA1;
}

input.submit:hover {
    background-color: #000;
}

input.radio {
    border: none;
    background-color: transparent;
    background-image: none;
}

/* 個別ボタン */

.form_btn {
    color: #FFF;
    padding: 7px 15px 7px 30px;
    background: url(../img/common/link_next.gif) no-repeat 10px center #40302A; 
    border: 1px solid #271E1B;
    -webkit-box-shadow: 1px 1px 2px 0px #ddd;
       -moz-box-shadow: 1px 1px 2px 0px #ddd;
            box-shadow: 1px 1px 2px 0px #ddd;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.タイトル-----------------------{}

h1.title {
    font-size:160%;
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    padding:0px 0px 10px 0px;
}

h1.title_b , 
h2.title_b {
    background: url(../img/sweets/bg_title.gif) no-repeat left center #ffe7e5;
    clear: both;
    margin: 0px 0px 15px 0px;
    padding: 14px 10px 14px 15px;
    font-size: 120%;
    line-height:1em;
    font-weight:normal;
}


.padding-----------------------{}

.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.pad25 { padding:25px; }
.pad30 { padding:30px; }
.pad40 { padding:40px; }
.pad50 { padding:50px; }


.その他 -----------------------{}

p.read{
    color:#978055;
    line-height:1.8em;
}

.at{
    text-indent:-1em;
    padding-left:1em;
    margin-bottom: 15px;
    font-size: 100%;
    line-height: 1.6em;
}


/* 商品リスト
---------------*/

ul.item_list    {}
ul.item_list li {
    float:left;
    width:31.33%;
	height:180px;
    margin:0px 1%;
    text-align:center;
}

ul.item_list li img {
    width:150px;
    margin: 15px 0px 15px 0px;
}

ul.item_list li h2 {
    font-size:85%;
    font-weight:normal;
}

ul.item_list li p.price {
    font-size:80%;
    font-weight:normal;
    color:#C33;
    text-align:center;
}

ul.item_list li p.price span {
    font-size:120%;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif
    color:#C33;
    margin:0px 2px;
}


/* ページナビ
---------------*/

ul.page_nav li a { background:url(../img/common/link_a.png) no-repeat 5px center; display:block; padding:8px 8px 8px 30px; -moz-background-size:11px 11px; background-size:11px 11px;}
ul.page_nav li a:hover { background:url(../img/common/link_b.gif) no-repeat 5px center #FDF3E8; }

.page_top   { height:40px; }
.page_top a {
    background:url(../img/common/link_up.png) no-repeat 10px center;
    display:block;
    text-indent:-9999px;
    width:100%;
    height:40px;
    float:right;
    -moz-background-size:11px 11px;
	     background-size:11px 11px;
}