@charset "utf-8";
/*
====================================================================================================
■ basic setting
 □ tag
 □ class
■ layout
 □ #site_header
 └  #gnav
 □ #page_area
  □ #main_area
  □ #sub_area
 □ #site_footer
 ├  #fnav
 └  #flink
■ additional
----------------------------------------------------------------------------------------------------

==================================================================================================== */
/*
====================================================================================================
■ basic setting
----------------------------------------------------------------------------------------------------
 □ tag
---------------------------------------------------------------------------------------------------- */
body {
	margin:0 auto; padding:0;
	background:#fff;
	color:#3f3f3f;
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka,sans-serif;
}
p, li, pre, dt, dd { line-height:1.5; }  /* 基本の行の高さ */

h1,h2,h3,h4,h5,h6 { font-weight:normal; }

a,
a:link, a:visited {
	color:#FF9900;
	text-decoration:underline;
}
a:hover, a:active {
	color:#ff6800;
	text-decoration:none;
}
a.filter:hover img {
	opacity:0.7;
}
td, th {
	line-height:1.5;
	vertical-align:top;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
sub, sup {
	font-size:66.7%; /* 12px */
}
/*
----------------------------------------------------------------------------------------------------
 □ class
---------------------------------------------------------------------------------------------------- */
.clearfix:after { display:block; clear:both; content:""; }

/* ページトップへのリンク */
.page_up {
	margin:5px 0 15px 0;
	clear:both;
	text-align:right;
	font-size:85.8%; /* 12px */
}
.page_up a {
	line-height:40px;
}
.page_up a:before { content:"▲"; }

/*
--------------------------------------------------
 ▽ CSSアニメーション用強制再描画設定
-------------------------------------------------- */
.redraw {
	-webkit-animation: redraw 1s infinite; /* for Chrome */
	-ms-animation: redraw 1s infinite; /* for IE10 */
}
@-webkit-keyframes redraw {
	from { min-width:1px; }
	to   { min-width:2px; }
}
@keyframes redraw {
	from { min-width:1px; }
	to   { min-width:2px; }
}
/*
--------------------------------------------------
 ▽ レイアウト用設定
-------------------------------------------------- */
.float_l { float:left; }
.float_r { float:right; }
.float_no { float:none; }

.align_l { display:block; text-align:left; }
.align_r { display:block; text-align:right; }
.align_c { display:block; text-align:center; }

.ta_l { text-align:left; }
.ta_r { text-align:right; }
.ta_c { text-align:center; }

.txt_style_bold { font-weight:bold; }
.txt_style_italic { font-style:italic; }
.txt_style_line { text-decoration:underline;}

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

.posi_rl { position:relative; }
.posi_ab { position:absolute; }
.posi_fx { position:fixed; }

/*
--------------------------------------------------
 ▽ text設定専用クラス
-------------------------------------------------- */
.fz10 { font-size: 71.5% !important; } /* 10px */    .fz11 { font-size: 78.6% !important; } /* 11px */
.fz12 { font-size: 85.8% !important; } /* 12px */    .fz13 { font-size: 92.9% !important; } /* 13px */
.fz14 { font-size:100.0% !important; } /* 14px */    .fz15 { font-size:107.2% !important; } /* 15px */
.fz16 { font-size:114.3% !important; } /* 16px */    .fz17 { font-size:121.5% !important; } /* 17px */
.fz18 { font-size:128.6% !important; } /* 18px */    .fz19 { font-size:135.8% !important; } /* 19px */
.fz20 { font-size:142.9% !important; } /* 20px */    .fz21 { font-size:150.0% !important; } /* 21px */
.fz22 { font-size:157.2% !important; } /* 22px */    .fz23 { font-size:164.3% !important; } /* 23px */
.fz24 { font-size:171.5% !important; } /* 24px */    .fz25 { font-size:178.6% !important; } /* 25px */

.lh0  { line-height: 0px !important; }
.lh2  { line-height: 2px !important; }
.lh16 { line-height:16px !important; }
.lh18 { line-height:18px !important; }
.lh20 { line-height:20px !important; }
.lh22 { line-height:22px !important; }
.lh24 { line-height:24px !important; }

.txt_size_xxs { font-size:xx-small; }
.txt_size_xs  { font-size:x-small; }
.txt_size_s   { font-size:small; }
.txt_size_m   { font-size:medium; }
.txt_size_l   { font-size:large; }
.txt_size_xl  { font-size:x-large; }
.txt_size_xxl { font-size:xx-large; }

.txt_red    { color:#f00 !important; }
.txt_orange { color:#ff6800 !important; }
.txt_blue   { color:#1460bf !important; }
.txt_white  { color:#fff !important; }
.txt_grey   { color:#888 !important; }
.txt_black  { color:#000 !important; }

.fw_l { font-weight:lighter !important; }
.fw_b { font-weight:bold !important; }

/*
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00  { margin: 0px !important; }         .m05  { margin: 5px !important; }
.m10  { margin:10px !important; }         .m15  { margin:15px !important; }
.m20  { margin:20px !important; }         .m25  { margin:25px !important; }
.m30  { margin:30px !important; }         .m35  { margin:35px !important; }
.m40  { margin:40px !important; }         .m45  { margin:45px !important; }

.mt00 { margin-top: 0px !important; }     .mt05 { margin-top: 5px !important; }
.mt10 { margin-top:10px !important; }     .mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }     .mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }     .mt35 { margin-top:35px !important; }
.mt40 { margin-top:30px !important; }     .mt45 { margin-top:35px !important; }

.mr00 { margin-right: 0px !important; }   .mr05 { margin-right: 5px !important; }
.mr10 { margin-right:10px !important; }   .mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }   .mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }   .mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }   .mr45 { margin-right:45px !important; }

.mb00 { margin-bottom: 0px !important; }  .mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom:10px !important; }  .mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }  .mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }  .mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }  .mb45 { margin-bottom:45px !important; }

.ml00 { margin-left: 0px !important; }    .ml05 { margin-left: 5px !important; }
.ml10 { margin-left:10px !important; }    .ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }    .ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }    .ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }    .ml45 { margin-left:45px !important; }

/*
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding: 0px !important; }     .p05 { padding: 5px !important; }
.p10 { padding:10px !important; }     .p15 { padding:15px !important; }
.p20 { padding:20px !important; }     .p25 { padding:25px !important; }
.p30 { padding:30px !important; }     .p35 { padding:35px !important; }
.p40 { padding:40px !important; }     .p45 { padding:45px !important; }

.pt00 { padding-top: 0px !important; }    .pt05 { padding-top: 5px !important; }
.pt10 { padding-top:10px !important; }    .pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }    .pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }    .pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }    .pt45 { padding-top:45px !important; }

.pr00 { padding-right: 0px !important; }  .pr05 { padding-right: 5px !important; }
.pr10 { padding-right:10px !important; }  .pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }  .pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }  .pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }  .pr45 { padding-right:45px !important; }

.pb00 { padding-bottom: 0px !important; } .pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; } .pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; } .pb45 { padding-bottom:45px !important; }

.pl00 { padding-left: 0px !important; }   .pl05 { padding-left: 5px !important; }
.pl10 { padding-left:10px !important; }   .pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }   .pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }   .pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }   .pl45 { padding-left:45px !important; }

/*
--------------------------------------------------
 ▽ radious（角丸）設定専用クラス
-------------------------------------------------- */
.r03 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.r04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.r05 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.r06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.r07 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.r08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.r09 { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.r10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.r11 { -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; }
.r12 { -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
.r13 { -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }
.r14 { -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }
.r15 { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.r16 { -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }
.r17 { -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; }
.r18 { -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
.r19 { -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; }
.r20 { -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }

/*
--------------------------------------------------
 ▽ 新着などのページネーション
-------------------------------------------------- */
.pagination li {
	width:40%;
}
.pagination a {
	line-height:42px;
	font-weight:bold;
	font-size:128.6%; /* 18px */
	text-decoration:none;
}
/* 前へ */
.pagination .page_prev {
	float:left;
	text-align:right;
}
.pagination .page_prev a:before {
	margin-right:5px;
	display:inline-block;
	content:"▲";
	-webkit-transform:rotate(-90deg) scale(0.8,1.3);
	-moz-transform:rotate(-90deg) scale(0.8,1.3);
	-ms-transform:rotate(-90deg) scale(0.8,1.3);
	-o-transform:rotate(-90deg) scale(0.8,1.3);
	transform:rotate(-90deg) scale(0.8,1.3);
}
/* 次へ */
.pagination .page_next {
	float:right;
}
.pagination .page_next a:after {
	margin-left:5px;
	display:inline-block;
	content:"▲";
	-webkit-transform:rotate(90deg) scale(0.8,1.3);
	-moz-transform:rotate(90deg) scale(0.8,1.3);
	-ms-transform:rotate(90deg) scale(0.8,1.3);
	-o-transform:rotate(90deg) scale(0.8,1.3);
	transform:rotate(90deg) scale(0.8,1.3);
}
.page_back a {
	padding:10px 0;
}
/*
--------------------------------------------------
 ▽ 左右均等2カラムコンテンツ
-------------------------------------------------- */
.col02:after { display:block; clear:both; content:""; }
.col02 .float_l, .col02 .float_r {
	width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
/*
--------------------------------------------------
 ▽ ベーシックな定義リスト設定
-------------------------------------------------- */
.dl_std {
	margin-bottom:0.5em;
	border:1px solid #CCC;
	border-top:none;
}
/* 項目名 */
.dl_std>dt {
	padding:5px;
	background-color:#EEE;
	font-weight:bold;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
/* 項目内容 */
.dl_std>dd {
	padding:10px 5px;
	background-color:#FFF;
}
/*
--------------------------------------------------
 ▽ テーブル設定
-------------------------------------------------- */
.table_std {
	width:100%;
}
/* セル共通 */
.table_std th, .table_std td {
	padding:5px;
	border:1px solid #CCC;
}
/* 見出しセル */
.table_std th {
	background-color:#EEE;
}
/* データセル */
.table_std td {
	background-color:#FFF;
}

.table_orange {
	margin-bottom:0.5em;
	width:100%;
	border-collapse:separate;
	border-spacing:4px;
}
.table_orange th, .table_orange td {
	padding:5px;
	border-bottom:1px dotted #f93;
}
.table_orange th {
	background-color:#FFEEDF;
}
/*
--------------------------------------------------
 ▽ 共通エラー表示
 （※問い合わせや、ショッピングを追加した場合にも共通で使用）
-------------------------------------------------- */
.error_disp {
	color:#C00;
}
.error_disp ul {
	margin-left:1.5em;
	list-style-type:disc;
}
/*
--------------------------------------------------
 ▽ 各種ヘッダ設定
-------------------------------------------------- */
.hstyle_01 {
	padding:10px 0 10px 8px;
	border-bottom:solid 3px #77c7f0;
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#2c7fcf), to(#0b43a9));
	background:-webkit-linear-gradient(top, #2c7fcf, #0b43a9);
	background:   -moz-linear-gradient(top, #2c7fcf, #0b43a9);
	background:     -o-linear-gradient(top, #2c7fcf, #0b43a9);
	background:        linear-gradient(to bottom, #2c7fcf, #0b43a9);
	font-weight:bold;
	font-size:114.3%; /* 16px */
	text-shadow:0 1px 1px #2159B6;
}
.hstyle_01 span {
	padding:2px 0 0 6px;
	display:block;
	border-left:4px solid #A6BEE4;
}
.hstyle_02 {
	margin:0 -10px; padding:12px 36px 12px 24px;
	position:relative;
	color:#FF6800;
	font-weight:bold;
}
.hstyle_02:before {
	margin-top:-9px;
	position:absolute;
	top:50%; left:4px;
	display:block;
	width:18px; height:18px;
	line-height:18px;
	content:"●";
	font-size:18px;
	text-align:center;
}
.hstyle_03 {
	margin:0 -10px; padding:12px 36px 12px 24px;
	position:relative;
	color:#1460BF;
	font-weight:bold;
}
.hstyle_03:before {
	margin-top:-9px;
	position:absolute;
	top:50%; left:4px;
	display:block;
	width:18px; height:18px;
	line-height:18px;
	content:"●";
	font-size:18px;
	text-align:center;
}
.hstyle_04 {
	margin:0 -10px; padding:12px 40px 12px 24px;
	position:relative;
	color:#333;
	background-color:#FFDFC0;
	font-weight:bold;
}
.hstyle_04:before {
	margin-top:-9px;
	position:absolute;
	top:50%; left:4px;
	display:block;
	width:18px; height:18px;
	line-height:18px;
	content:"●";
	font-size:18px;
	text-align:center;
}
.hstyle_05 {
	margin:1.5em 0 8px; padding-bottom:4px;
	border-bottom:1px solid #000;
	font-weight:bold;
	font-size:114.3%; /* 16px */
}
/*
--------------------------------------------------
 ▽ 各種ボタン設定
-------------------------------------------------- */
.btn_01 {
	border-radius:5px;
	display:block;
	color:#fff !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#86abf2), to(#325bdf));
	background:-webkit-linear-gradient(top, #86abf2, #325bdf);
	background:   -moz-linear-gradient(top, #86abf2, #325bdf);
	background:     -o-linear-gradient(top, #86abf2, #325bdf);
	background:        linear-gradient(to bottom, #86abf2, #325bdf);
	font-weight:bold;
	font-size:85.8%; /* 12px */
	text-align:center;
	text-decoration:none !important;
}
.btn_02 {
	border-radius:5px;
	display:block;
	color:#fff !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffb200), to(#ff7d00));
	background:-webkit-linear-gradient(top, #ffb200, #ff7d00);
	background:   -moz-linear-gradient(top, #ffb200, #ff7d00);
	background:     -o-linear-gradient(top, #ffb200, #ff7d00);
	background:        linear-gradient(to bottom, #ffb200, #ff7d00);
	font-weight:bold;
	font-size:85.8%; /* 12px */
	text-align:center;
	text-decoration:none !important;
}
.btn_03 {
	padding:3px 8px;
	border-radius:2px;
	color:#fff !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffb200), to(#ff7d00));
	background:-webkit-linear-gradient(top, #ffb200, #ff7d00);
	background:   -moz-linear-gradient(top, #ffb200, #ff7d00);
	background:     -o-linear-gradient(top, #ffb200, #ff7d00);
	background:        linear-gradient(to bottom, #ffb200, #ff7d00);
	font-weight:bold;
	font-size:71.5%; /* 10px */
	text-align:center;
	text-decoration:none !important;
}
.btn_04 {
	padding:5px 10px;
	border:1px solid #e4e4e4;
	line-height:40px;
	color:#353535 !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background:-webkit-linear-gradient(top, #ffffff, #efefef);
	background:   -moz-linear-gradient(top, #ffffff, #efefef);
	background:     -o-linear-gradient(top, #ffffff, #efefef);
	background:        linear-gradient(to bottom, #ffffff, #efefef);
	font-weight:bold;
	font-size:85.8%; /* 12px */
	text-decoration:none !important;
}
.btn_05 {
	border:1px solid #ccc;
	border-radius:5px;
	display:block;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeee));
	background:-webkit-linear-gradient(top, #ffffff, #eeeeee);
	background:   -moz-linear-gradient(top, #ffffff, #eeeeee);
	background:     -o-linear-gradient(top, #ffffff, #eeeeee);
	background:        linear-gradient(to bottom, #ffffff, #eeeeee);
	font-weight:bold;
	text-align:center;
	text-decoration:none !important;
}
/*
--------------------------------------------------
 ▽ トグルスイッチ系
-------------------------------------------------- */
.switch_dd, switch_ac {
	position:relative;
}
.switch_dd.switch_on, .switch_ac.switch_on {
	color:#888;
}
.switch_dd.hstyle_01.switch_on, .switch_ac.hstyle_01.switch_on {
	background:#0B43A9;
	color:#A6BEE4;
}
.switch_dd:after, .switch_ac:after {
	margin-top:-12px;
	display:block;
	position:absolute;
	top:50%; right:8px;
	width:24px; height:24px;
	line-height:24px;
	content:"";
	background:url(../common_img/switch_02off.png) center center no-repeat;
	background-size:24px;
	font-weight:bold;
	font-size:24px;
	text-align:center;
}
.switch_dd.hstyle_01:after, .switch_ac.hstyle_01:after {
	background-image:url(../common_img/switch_01off.png);
}
.switch_dd.hstyle_03:after, .switch_ac.hstyle_03:after {
	background-image:url(../common_img/switch_03off.png);
}
.switch_dd.hstyle_04:after, .switch_ac.hstyle_04:after {
	background-image:url(../common_img/switch_04off.png);
}
.switch_dd.switch_on:after, .switch_ac.switch_on:after {
	background-image:url(../common_img/switch_02on.png);
}
.switch_dd.hstyle_01.switch_on:after, .switch_ac.hstyle_01.switch_on:after {
	background-image:url(../common_img/switch_01on.png);
}
.switch_dd.hstyle_04.switch_on:after, .switch_ac.hstyle_04.switch_on:after {
	background-image:url(../common_img/switch_04on.png);
}
.switch_dd:hover, .switch_ac:hover {
	cursor:pointer;
}
/*
--------------------------------------------------
 ▽ 写真入れる用のハコ
-------------------------------------------------- */
.photo {
	margin-bottom:4px;
	border:1px solid #CCC;
	padding:4px;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-box-shadow:0 1px 3px #eee;
	-moz-box-shadow:0 1px 3px #eee;
	box-shadow:0 1px 3px #eee;
}
/* 拡大アイコン（lightbox使用） */
a[rel^="lightbox"] {
	position:relative;
	display:block;
}
a[rel^="lightbox"]:after {
	display:block;
	position:absolute;
	right:0; bottom:0;
	width:24px; height:24px;
	content:"";
	background:#FF6800 url(../common_img/ico_zoom.png) center center no-repeat;
	background-size: 24px 24px;
}
/* 写真入れる用のハコ内のキャプション */
.photo .photo_cap {
	margin:3px 0 -2px;
	font-size:71.5%; /* 10px */
}
/*
--------------------------------------------------
 ▽ スライダー
-------------------------------------------------- */

/*
--------------------------------------------------
 ▽ その他、パーツ
-------------------------------------------------- */

/* ブランクページ用のクラス */
.blank_area {
	padding:3em 0;
	text-align:center;
}
.blank_area a {
	line-height:42px;
}
/* rssアイコン */
.ico_rss {
	display:inline-block;
	width:24px;
	line-height:24px;
	background-color:#F60;
	text-align:center;
}
.ico_rss img {
	margin-top:4px;
	width:16px;
}
/*
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	margin:0 auto;
	width:320px;
	background-color:#FFF;
	overflow-x:hidden;
	font-size:107.7%; /* 14px */
}
/*
----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
#site_header {
	margin:0 auto;
}
/* メインロゴ等 */
#site_title {
	float:left;
}
#site_title img {
	margin:7px 0 0 10px;
	width:154px;
}

/*
--------------------------------------------------
 ▽ #pnav （プライマリナビゲーション）
-------------------------------------------------- */
#pnav {
	margin-bottom:12px;
}
#pnav ul {
	padding-top:24px;
}
#pnav li {
	float:right;
}
#pnav li a {
	margin-right:2px;
}
#pnav li:first-child a {
	margin-right:10px;
}
#pnav li img {
	width:45px;
}
/*
--------------------------------------------------
 ▽ #gnav （グローバルナビゲーション）
-------------------------------------------------- */
#gnav {
	margin-bottom:5px; padding-bottom:3px;
	border-top:1px solid #c4c4c4;
	border-bottom:3px solid #ff9d00;
}
#gnav>ul {
	width:100%; height:50px;
	display:table;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background:-webkit-linear-gradient(top, #ffffff, #efefef);
	background:   -moz-linear-gradient(top, #ffffff, #efefef);
	background:     -o-linear-gradient(top, #ffffff, #efefef);
	background:        linear-gradient(to bottom, #ffffff, #efefef);
}
#gnav>ul>li {
	border-bottom:1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
	display:table-cell;
	line-height:1.2;
	vertical-align:middle;
	color:#3f3f3f;
	font-weight:bold;
	text-align:center;
}
#gnav>ul>li:first-child {
	border-left:none;
}
#gnav>ul>li>a {
	padding-top:4px;
	display:block;
	color:#3f3f3f;
	text-decoration:none;
	text-shadow:1px 0 0 #fff;
}
/*
----------------------------------------------------------------------------------------------------
 □ #page_area
---------------------------------------------------------------------------------------------------- */
/* 共通ヘッダー&フッターを除いた、ページ内容エリア */
#page_area {}

/*
----------------------------------------------------------------------------------------------------
  □ #main_area
---------------------------------------------------------------------------------------------------- */
/* メインコンテンツ部分 */
#main_area {}

/*
----------------------------------------------------------------------------------------------------
  □ #sub_area
---------------------------------------------------------------------------------------------------- */
#sub_area {}

#sub_area section {
	margin-bottom:20px;
	border-bottom:1px solid #c4c4c4;
}
/* お買い物はこちらから */
#sub_area #sec_shopbnr a {
	margin:0 10px 20px; padding:10px;
	font-size:18px;
	text-shadow:0 1px 1px #345AE3;
}
#sub_area #sec_shopbnr a img {
	width:34px;
}
/* ワッポンのことならお任せください */
#sub_area #sec_subarea header {
	margin:0 0 10px;
}
#sub_area #sec_subarea>div {
	margin:0 10px 5px 15px;
}
#sub_area #sec_subarea>div>* {
	float:left;
}
#sub_area #sec_subarea>div img {
	margin-right:5px;
	width:47px;
}
#sub_area #sec_subarea footer {
	margin:15px auto 20px;
	width:190px;
}
/* 外部サイトリンク */
#sub_area #sec_links dl {
	padding-bottom:10px;
	text-align:center;
}
#sub_area #sec_links dt {
	font-size:78.6%; /* 11px */
}
#sub_area #sec_links dd {
	margin-bottom:10px;
}
#sub_area #sec_links dd img {
	width:150px;
}
/*
----------------------------------------------------------------------------------------------------
 □ #site_footer
---------------------------------------------------------------------------------------------------- */
#site_footer {
}
#site_footer>section {
	margin-bottom:25px;
	text-align:center;
}
#site_footer>section .btn_02 {
	margin:0 10px 5px;
	text-shadow:0 1px 1px #E37C00;
	font-size:14px;
}
#site_footer>section .btn_02 img {
	width:35px;
}
#footer_logo {
	margin-bottom:5px;
	width:212px;
}
/*
--------------------------------------------------
 ▽ #fnav （フッターナビ）
-------------------------------------------------- */
#fnav{
	margin-bottom:10px;
}
#fnav ul {
	border-bottom:1px solid #c4c4c4;
}
#fnav li {
	border-top:1px solid #c4c4c4;
	color:#5f5f5f;
	background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
	background:-webkit-linear-gradient(top, #efefef, #ffffff);
	background:   -moz-linear-gradient(top, #efefef, #ffffff);
	background:     -o-linear-gradient(top, #efefef, #ffffff);
	background:        linear-gradient(to bottom, #efefef, #ffffff);
}
#fnav li a {
	padding:10px 5px;
	display:block;
	color:#5f5f5f;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
	line-height:21px;
}
#fnav li a:before {
	margin:0 8px;
	display:block;
	float:left;
	vertical-align:middle;
	content:"▼";
	font-size:9px;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
/*
--------------------------------------------------
 ▽ フッターリンク
-------------------------------------------------- */
#pclink {
	padding:0 10px 5px 10px;
	font-weight:bold;
	font-size:11px;
}
#creditlink {
	padding:0 10px 10px 10px;
	float:right;
	font-size:11px;
}
#creditlink a {
	color:#888;
}

/*
====================================================================================================
■ additional
---------------------------------------------------------------------------------------------------- */
/* TOP含めた全ページ「共通の設定」を追加する際、ここ以下に追記します。 */





/*
====================================================================================================
■ other
---------------------------------------------------------------------------------------------------- */
/* その他*/


.top_kakakku {
	border : solid 1px #767575 ;
	padding :20px;
}

.bold{
	font-weight: bold
}