@charset "EUC-JP";

/* **********************************************************************
 *
 *       Title:   G-Call共通style
 *
 ********************************************************************** */


/* IE用印刷設定CSS
======================================================= */

@media print{
body {
_zoom: 67%; /*WinIE only */
}
}

/* 基本設定
======================================================= */

#newf * {margin:0;padding: 0;}

body {
	text-align: center;
	font: 13px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "Verdana", "sans-serif";
	*font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "sans-serif";
	background: #fff;
	color: #333;
}
* html body { font: x-small; width: 100%;}
:first-child+html body { font-size: small; }

table { font-size:inherit; font:100%; }

a:link, a:visited { color: #0063c6; text-decoration:none; }
a:hover { color: #0063c6; text-decoration:underline; }
a:active { color: #0063c6; text-decoration:none; }

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;font-weight:normal;
	}

p { margin: 0; line-height: 1.5; }

.texts { font-size: 77% !important; line-height: 1.3; }
.textn { font-size: 100% !important; line-height: 1.5; }
.textl { font-size: 138.5% !important; line-height: 1.5; }
.textll { font-size: 200%; line-height: 1.5; }
.textxl { font-size: 350%; line-height: 1.5; }
.textxxl { font-size: 500%; line-height: 1.5; }

.tac {text-align:center !important;}
.tar {text-align:right !important;}

.txt_red { color: #a30830; }

table.nbr,
table.tbr table.nbr {
	border-top: none;
	border-left: none;
	border-collapse: collapse;
	}

table.nbr th,
table.tbr table.nbr th {
	padding: 0;
	border-right: none;
	border-bottom: none;
	font-size: 100%;
	line-height: 1.5;
	font-weight: bold;
	}

table.nbr td,
table.tbr table.nbr td {
	padding: 0;
	border-right: none;
	border-bottom: none;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
	}

table.tbr,
table.nbr table.tbr {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	}

table.tbr th,
table.nbr table.tbr th {
	padding: 10px;
	font-size: 100%;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background: #f4f4f4;
	color: #333;
	}

table.tbr td,
table.nbr table.tbr td {
	padding: 10px;
	font-size: 1;
	line-height: 1;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	}

table.default {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #dcdcdc;
	}

table.default th {
	padding: 10px;
	font-size: 100%;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
	background: #f4f4f4;
	color: #333;
	}

table.default td {
	padding: 10px;
	font-size: 1;
	line-height: 1;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	}

blockquote {
	clear: both;
	margin: 0;
	padding: 10px;
	border: 1px solid #cfcfcf;
	background: #f3f3f3;
	font-size: 100%;
	line-height: 1.4;
	text-align: left;
	}

img { border: 0; }

.photo_r {
	float:right;
	margin: 0px 0 20px 20px;
	font-size: 77%;
	line-height: 1.3;
	text-align: left;
	}

.photo_l {
	float:left;
	margin: 3px 20px 20px 0;
	font-size: 77%;
	line-height: 1.3;
	text-align: left;
	}

.photo_c {
	margin: 3px auto 10px auto;
	font-size: 77%;
	line-height: 1.3;
	}

.photo_r img, .photo_l img, .photo_c img {
	margin-bottom: 3px;
	}

.boxlink { cursor: pointer; }

ul {
	list-style-type: none;
}

/* clearfix
======================================================= */

.clearfix {zoom:1;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	}

*:after {
  display:block;
  clear:both;
} /* この記述は固定です */



/* common header
======================================================= */

#com_head2 {
	background: #eeeeee;
	padding: 0;
	font-size:12px;
	line-height:200%;
}

#com_head2 .inner {
	width: 940px;
	margin: 0 auto;
}

#com_head {
	background: #2f2f2f;
	padding: 0;
}

#com_head .inner {
	width: 940px;
	margin: 0 auto;
}

#com_head p {
	float: right;
	width: 132px;
	margin: 0;
	padding: 0;
}

#com_head p img {
	vertical-align: bottom;
}

#com_head ul {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#com_head li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#com_head ul a.menu {
	float: left;
	padding-top: 32px;
	height: 0px !important;
	height /**/: 32px;
	overflow: hidden;
	outline: none;
	background: url(../img/comnav2.gif) no-repeat;
}

#com_head ul.login {
	float: left;
	width: 132px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#com_head ul.login a {
	float: left;
	padding-top: 32px;
	height: 0px !important;
	height /**/: 32px;
	overflow: hidden;
	outline: none;
	background: url(/type/_common/img/btn_mypagelogin_off_.gif) no-repeat;
}

/*++++++++++++++++ nav button set ++++++++++++++++*/

#com_head .nav01 a.menu { width:  90px; background-position: 0px 0px; }
#com_head .nav01 a.menu:hover,
#com_head .nav01 a.menu:active,
#com_head .nav01 a.menu.selected,
body #top #com_head .nav01 a.menu { width:  90px; background-position: 0px -32px; }

#com_head .nav02 a.menu { width: 87px; background-position: -90px 0px; }
#com_head .nav02 a.menu:hover,
#com_head .nav02 a.menu:active,
#com_head .nav02 a.menu.selected,
body #shop_food #com_head .nav02 a.menu { width: 87px; background-position: -90px -32px; }

#com_head .drop2 {
	width:120px;
	position:absolute;
	display:none;
	float: left;
	z-index:100;
	margin:0 0 0 90px;
	top:32px;
	background: #636363;
	color: #fff;
	font-size: 85%;
	padding: 7px;
	text-align: center;
}

#com_head .drop2 a {
	color: #fff;
}


#com_head .nav04 a.menu { width: 120px; background-position: -177px 0px; }
#com_head .nav04 a.menu:hover,
#com_head .nav04 a.menu:active,
#com_head .nav04 a.menu.selected,
body #tel #com_head .nav04 a.menu { width: 120px; background-position: -177px -32px; }

#com_head .nav05 a.menu { width:  76px; background-position: -297px 0px; }
#com_head .nav05 a.menu:hover,
#com_head .nav05 a.menu:active,
#com_head .nav05 a.menu.selected,
body #good_deals #com_head .nav05 a.menu { width:  76px; background-position: -297px -32px; }

#com_head .nav06 a.menu { width: 92px; background-position: -373px 0px; }
#com_head .nav06 a.menu:hover,
#com_head .nav06 a.menu:active,
#com_head .nav06 a.menu.selected,
body #furusato #com_head .nav06 a.menu { width: 92px; background-position: -373px -32px; }

#com_head .nav07 a.menu { width: 59px; background-position: -465px 0px; }
#com_head .nav07 a.menu:hover,
#com_head .nav07 a.menu:active,
#com_head .nav07 a.menu.selected,
body #etc #com_head .nav07 a.menu { width: 59px; background-position: -465px -32px; }

#com_head .nav09 a.menu { width: 58px; background-position: -542px 0px; }
#com_head .nav09 a.menu:hover,
#com_head .nav09 a.menu:active,
#com_head .nav09 a.menu.selected,
body #denki #com_head .nav09 a.menu { width: 58px; background-position: -542px -32px; }


#com_head .nav08 a { width: 132px; background-position: 0px 0px; }
#com_head .nav08 a:hover,
#com_head .nav08 a:active,
#com_head .nav08 a.selected,
body #myg #com_head .nav08 a { width: 132px; background-position: 0px -32px; }



#com_head_kf {
	background: #2f2f2f;
	padding: 0;
}

#com_head_kf .inner {
	width: 940px;
	margin: 0 auto;
}

#com_head_kf p {
	float: right;
	width: 132px;
	margin: 0;
	padding: 0;
}

#com_head_kf p img {
	vertical-align: bottom;
}

#com_head_kf ul {
	float: left;
	width: 540px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#com_head_kf li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#com_head_kf ul a.menu {
	float: left;
	padding-top: 32px;
	height: 0px !important;
	height /**/: 32px;
	overflow: hidden;
	outline: none;
	background: url(../img/comnav2.gif) no-repeat;
}

#com_head_kf ul.login {
	float: left;
	width: 132px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#com_head_kf ul.login a {
	float: left;
	padding-top: 32px;
	height: 0px !important;
	height /**/: 32px;
	overflow: hidden;
	outline: none;
	background: url(/type/_common/img/btn_mypagelogin_off_.gif) no-repeat;
}

/*++++++++++++++++ nav button set ++++++++++++++++*/

#com_head_kf .nav01 a.menu { width:  90px; background-position: 0px 0px; }
#com_head_kf .nav01 a.menu:hover,
#com_head_kf .nav01 a.menu:active,
#com_head_kf .nav01 a.menu.selected,
body #top #com_head_kf .nav01 a.menu { width:  90px; background-position: 0px -32px; }

#com_head_kf .nav02 a.menu { width: 87px; background-position: -90px 0px; }
#com_head_kf .nav02 a.menu:hover,
#com_head_kf .nav02 a.menu:active,
#com_head_kf .nav02 a.menu.selected,
body #shop_food #com_head_kf .nav02 a.menu { width: 87px; background-position: -90px -32px; }

#com_head_kf .drop2 {
	width:120px;
	position:absolute;
	display:none;
	float: left;
	z-index:100;
	margin:0 0 0 90px;
	top:32px;
	background: #636363;
	color: #fff;
	font-size: 85%;
	padding: 7px;
	text-align: center;
}

#com_head_kf .drop2 a {
	color: #fff;
}


#com_head_kf .nav04 a.menu { width: 120px; background-position: -177px 0px; }
#com_head_kf .nav04 a.menu:hover,
#com_head_kf .nav04 a.menu:active,
#com_head_kf .nav04 a.menu.selected,
body #tel #com_head_kf .nav04 a.menu { width: 120px; background-position: -177px -32px; }

#com_head_kf .nav05 a.menu { width:  76px; background-position: -297px 0px; }
#com_head_kf .nav05 a.menu:hover,
#com_head_kf .nav05 a.menu:active,
#com_head_kf .nav05 a.menu.selected,
body #good_deals #com_head_kf .nav05 a.menu { width:  76px; background-position: -297px -32px; }

#com_head_kf .nav06 a.menu { width: 90px; background-position: -373px 0px; }
#com_head_kf .nav06 a.menu:hover,
#com_head_kf .nav06 a.menu:active,
#com_head_kf .nav06 a.menu.selected,
body #furusato #com_head_kf .nav06 a.menu { width: 90px; background-position: -373px -32px; }

#com_head_kf .nav07 a.menu { width: 59px; background-position: -465px 0px; }
#com_head_kf .nav07 a.menu:hover,
#com_head_kf .nav07 a.menu:active,
#com_head_kf .nav07 a.menu.selected,
body #etc #com_head_kf .nav07 a.menu { width: 59px; background-position: -465px -32px; }

#com_head_kf .nav08 a { width: 132px; background-position: 0px 0px; }
#com_head_kf .nav08 a:hover,
#com_head_kf .nav08 a:active,
#com_head_kf .nav08 a.selected,
body #myg #com_head_kf .nav08 a { width: 132px; background-position: 0px -32px; }



#loginmenu {
	float: right;
	width:132px;
	margin:0 0 0px;
	text-align: right;
	display:inline-block;
	position: relative;
}

#loginmenu .btn img {
	vertical-align: bottom;
}

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

#loginmenu .drop {
	width:150px;
	position:absolute;
	display:none;
	float:none;
	z-index:100;
	right:0;
	top:32px;
	background: #636363;
	color: #fff;
	font-size: 85%;
	padding: 7px;
	text-align: center;
}

#loginmenu .drop a {
	color: #fff;
}

header .head_l {
	width: 152px;
	padding-left:15px;
	padding-top:17px;
	float: left;
}


header p.selectmenu2 {
	float:left;
	padding: 27px 0 0 10px;
}

header p.selectmenu3 {
	float:left;
	padding: 12px 0 0 50px;
}

header p.selectmenu {
	font-size: 115%;
	float:left;
	padding: 28px 0 0 15px;
}

header p.selectmenu a{
	text-decoration: none;
}

header p.selectmenu:hover {
	text-decoration: underline;
}

header p.selectmenu a,
header p.selectmenu a:visited {
	color: #333;
}

header .head_rr {
	float:right;
}

header .head_rr p.logininfo {
	text-align: right;
	font-size: 110%;
	padding: 5px 0 0;
}

header .head_rr p.nologin {
	padding: 22px 0 0;
}

header .head_rr p.logininfo a,
header .head_rr p.logininfo a:visited {
	color: #333;
}

header .head_rr p span:hover {
	text-decoration: underline;
}

header .head_rr p span.noline:hover {
	text-decoration: none;
}

header .head_r ul.h_con {
	text-align: left;
}

header .head_r ul.h_con li {
	float: left;
	font-size: 11px;
}

header .head_r ul.h_con li.faq {
	width: 92px;
	padding-top: 7px;
	margin-right: 10px;
}

header .head_r ul.h_con li.how_use {
	width: 147px;
	padding-top: 7px;
	margin-right: 10px;
}

header .head_r ul.h_con li.btn {
	width: 152px;
}

header .head_r ul.h_con li a {
	float: left;
	padding-left: 14px;
	background: url("../../_img/tel/ico_h_list.gif") no-repeat 0 4px;
}

header .head_r ul.h_con li a:link,
header .head_r ul.h_con li a:hover,
header .head_r ul.h_con li a:active,
header .head_r ul.h_con li a:visited {
	color: #000;
}

header .head_r ul.h_con li.btn a {
	background: none;
	padding: 0;
}

/* 共通設定
======================================================= */

#wrapper {
	width: 940px;
	margin: 0 auto;
}

#wrapcolor {
	background: #2f2f2f;
	padding: 0;
}


#container {
	padding: 0 20px 0 0;
}

#sidenav {
	padding: 10px 0 0px;
	background:#f8f8f8;
	height:100%;
	float: left;
	width: 180px;
}

#contents {
	float: right;
	width: 740px;
	padding:15px 0 40px 15px;
}

.underpage section {
	margin-bottom: 40px;
}

.underpage section p,
.underpage section h3,
.underpage section h4,
.underpage section h5 {
	text-align: left;
}

.pagetop a {
	display: block;
	padding: 10px 0;
	background: #d9d9d9;
}

.txtlink {
	text-align: right;
}

.txtlink a {
	background: url(../img/arw.gif) 0 50% no-repeat;
	padding: 0 0 0 15px;
}

#directory {
	text-align: left;
	font-size: 85%;
	margin: 0 0 8px;
}

.catemenu {
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	margin: 0 0 20px;
}

.catemenu li {
	float: left;
	width: 193.5px;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}

.catemenu li a {
	display: block;
	padding: 7px 10px 7px 22px;
	background: #f4f4f4 url(../img/shopping/arw_catenav.gif) 10px 50% no-repeat;
	text-align: left;
	font-size: 12px;
}

.catemenu li a:hover,
.catemenu li a.active {
	display: block;
	padding: 7px 10px 7px 22px;
	background: #a30830 url(../img/shopping/arw_catenav_ov.gif) 10px 50% no-repeat;
	text-align: left;
	font-size: 12px;
	color: #fff;
}




/* サイド設定
======================================================= */

.sidebox {
	height:100%;
	padding: 1px;
	margin: 0 0 10px;
	background: #f8f8f8;
}

.sideSearch {
	height:60px;
}

#tel .sidebox {
	background: #f8f8f8;
}

#good_deals .sidebox {
	height:100%;
	background: #f8f8f8;
}

#etc .sidebox {
	background: #f8f8f8;
}

.sidebox h2 {
	text-align: left;
	padding:0px 0 5px 6px;
	background: #f8f8f8;
}

.sidebox input.searchbox {
	text-align: left;
	width: 105px;
}

.sidebox p {
	margin: 0; 
	padding: 0 0 5px 6px; 
	display: inline;
	background: #f8f8f8;
	float:left;
}

.sidebox ul {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.sidebox ul li {
	display: inline; 
	padding: 0; 
	margin-left: 5px;
	margin-bottom: 10px;
	float: left;
}

.catenav {
	background: #f8f8f8;
	padding: 5px 0px;
}


div.mcate {
	padding: 0 0 30px;
	margin: 0 0 3px;
}

div.mcate a,
div.mcate a:visited {
	text-decoration: none;
	color: #333;
}

div.mcate p {
	float: left;
	margin: 0 0 0 0;
	font-size: 95%;
}

div.mcate p.thumb {
	width: 12px;
}

div.mcate p.title {
	width: 88px;
	padding: 3px 0 0 0;
	text-align: left;
}

div.mcate p.title a {
	display: block;
}

div.mcate span {
	float: right;
	display: block;
	width: 14px;
	height: 14px;
	background: url(../img/ico_open.gif) 0 0 no-repeat;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 2px 0 0 0;
    cursor: pointer;
}

div.mcate span.selected {

	background: url(../img/ico_close.gif) 0 0 no-repeat;

}

div.mcate ul {
	display: none;
	clear: both;
	padding: 7px 0 0 0;
}

div.mcate ul.on {
	display: block;
	clear: both;
	padding: 3px 0 0 0;
}

div.mcate ul.off {
	display: none;
	clear: both;
	padding: 3px 0 0 0;
}

div.mcate ul li {
	padding: 0 0 0 2px;
	font-size: 100%;
	margin: 0 0 0;
}

div.mcate ul li p:hover {
	text-decoration: underline;
}

div.mcate ul li p.title {
	width: 120px;
}


/* ページ下部設定
======================================================= */

#top_finfo {
	width: 780px;
	margin: 0 auto 40px;
}

#top_finfo ul.sns {
	float: left;
	width: 780px;
	padding:0 0 0 150px;
}

#top_finfo .sns li {
	float: left;
	width: 128px;
	margin: 0 50px 0 0;
}

#top_finfo .sns li a {
	display: block;
	width: 128px;
	height: 110px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#top_finfo .sns li.fb a { background: url(../../_img/btn_top_facebook.gif) 0 0 no-repeat; }
#top_finfo .sns li.fb a:hover { background: url(../../_img/btn_top_facebook_ov.gif) 0 0 no-repeat; }

#top_finfo .sns li.tw a { background: url(../../_img/btn_top_twitter.gif) 0 0 no-repeat; }
#top_finfo .sns li.tw a:hover { background: url(../../_img/btn_top_twitter_ov.gif) 0 0 no-repeat; }

#top_finfo .sns li.bl a { background: url(../../_img/btn_top_blog.gif) 0 0 no-repeat; }
#top_finfo .sns li.bl a:hover { background: url(../../_img/btn_top_blog_ov.gif) 0 0 no-repeat; }


#top_finfo2 #top_inquiry {
	float: left;
	width: 740px;
}

#top_finfo2 #top_inquiry img {
	vertical-align: bottom;
}

#top_finfo2 #top_inquiry .inner {
	border: 1px solid #d8d8d8;
	border-top: none;
	padding: 15px 19px;
}

#top_finfo2 #top_inquiry .inner li {
	float: left;
}

#top_finfo2 #top_inquiry .inner li.btn {
	float: right;
	padding: 4px 0 0 0;
}

#top_finfo2 #top_inquiry .inner a {
	display: block;
	width: 257px;
	height: 38px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#top_finfo2 #top_inquiry .inner a { background: url(../../_img/btn_top_contact.gif) 0 0 no-repeat; }
#top_finfo2 #top_inquiry .inner a:hover { background: url(../../_img/btn_top_contact_ov.gif) 0 0 no-repeat; }



#tops_finfo {
	width: 780px;
	margin: 40px auto 0px;
}

#tops_finfo ul.sns {
	float: left;
	width: 780px;
	padding:0 0 0 40px;
}

#tops_finfo .sns li {
	float: left;
	width: 128px;
	margin: 0 50px 0 0;
}

#tops_finfo .sns li a {
	display: block;
	width: 128px;
	height: 110px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#tops_finfo .sns li.fb a { background: url(../../_img/btn_top_facebook.gif) 0 0 no-repeat; }
#tops_finfo .sns li.fb a:hover { background: url(../../_img/btn_top_facebook_ov.gif) 0 0 no-repeat; }

#tops_finfo .sns li.tw a { background: url(../../_img/btn_top_twitter.gif) 0 0 no-repeat; }
#tops_finfo .sns li.tw a:hover { background: url(../../_img/btn_top_twitter_ov.gif) 0 0 no-repeat; }

#tops_finfo .sns li.bl a { background: url(../../_img/btn_top_blog.gif) 0 0 no-repeat; }
#tops_finfo .sns li.bl a:hover { background: url(../../_img/btn_top_blog_ov.gif) 0 0 no-repeat; }

#tops_finfo .sns li.insta a { background: url(../../_img/btn_top_instagram.gif) 0 0 no-repeat; }
#tops_finfo .sns li.insta a:hover { background: url(../../_img/btn_top_instagram_ov.gif) 0 0 no-repeat; }



/* margin設定
======================================================= */

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }

.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w30 { width: 30% !important; }
.w40 { width: 40% !important; }
.w50 { width: 50% !important; }
.w60 { width: 60% !important; }
.w70 { width: 70% !important; }
.w80 { width: 80% !important; }
.w90 { width: 90% !important; }
.w100 { width: 100% !important; }