@charset "UTF-8";
/*
Theme Name: jp.garrettpopcorn.com
Theme URI: http://jp.garrettpopcorn.com/theme/
Description: This is WordPress Version of the site.
Author: Tiedhearts Inc.
Author URI:　http://www.tiedhearts.com/
Version:0.2
*/

@import url("print.css");

/* Reset
----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

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

table { font-size: 100%; }

caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

img,abbr,acronym,fieldset { border: 0; }

li { list-style-type: none; }

html,
body { height:100%; }


/* Base
----------------------------------------------------*/

body {
	color: #333333;
	line-height:140%;
	font-size: 0.9em;
	font-family:
		'ヒラギノ角ゴ Pro W3',
		'Hiragino Kaku Gothic Pro',
		'メイリオ', 'Meiryo';
	/font-family:
		'メイリオ', 'Meiryo',
		'ＭＳ Ｐゴシック';
	text-justify: inter-ideograph;
	text-align: left;
	background: url("img/common/bg.png") repeat-x;
	background-position:center top;
	min-width:1010px;
	-webkit-text-size-adjust: none;
}
body.home {
	min-width:1200px;
	-webkit-text-size-adjust: auto;
}
* + html body { font-family: "メイリオ","Meiryo"; }

/* Link
----------------------------------------------------*/

a {
	color: #023f7d;
	text-decoration: none;
}
a:hover { text-decoration: underline; }



/* 汎用class
----------------------------------------------------*/

.fLeft {
	float: left;
	_display:inline;
}

.fRight {
	float: right;
	_display:inline;
}

.over {
	overflow: hidden;
	height: 100%;
}

.clear { clear: both; }

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

*:first-child+html .clear_fix { height:1%; }

* html .clear_fix { height: 1%; }

.over {
	overflow: hidden;
	height: 100%;
}

.vis {
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

.centerMargin {
	margin-left: auto;
	margin-right: auto;
}


/* img
---------------------------------------- */

.imgL {
	float: left;
	margin-right: 20px;
}

.imgLbtm {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

.imgR {
	float: right;
	margin-left: 20px;
}

.imgRbtm {
	float: right;
	margin-right: 15px;
	margin-bottom: 10px;
}

.imgBottom { vertical-align:bottom; }

.imgTop { vertical-align:top; }

.imgbotan { float:right; }



/* text
---------------------------------------- */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.txt_narrow { letter-spacing: -1px; }
.txt_space { letter-spacing: 1px; }
.txt_indent { text-indent: 1em; }


/* fontsize・color・weight
---------------------------------------- */
.fontNone {
	font-size:0;
	line-height:0;
}
.xsmall { font-size: x-small; }
.small { font-size: small; }
.middle { font-size: medium; }
.large { font-size: large; }
.xLarge { font-size: x-large; }
.per90 { font-size: 90%; }

.white { color: #fff; }
.gray { color: #999; }
.red { color: #f00; }
.blue { color: #003767; }
.lightblue { color: #6197c2; }
.yellow { color: #aa6802; }

.bold { font-weight: bold; }
.noBold { font-weight: 100; }

/* bgColor
---------------------------------------- */
.bgGrey{ background: #e0e0e0; }
.bgWhite { background:#ffffff; }
.bgBlue { background:#003767; }
.bgLightblue { background:#e5eff7; }
.bgYellow { background:#aa6802; }

/* Border
---------------------------------------- */
.blueBorder { border: #0e4983 solid 4px; }
.lightblueBorder { border: #b9cfdf solid 4px; }



/* display
---------------------------------------- */
.displayInline { display: inline; }

/* margin
---------------------------------------- */
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }
.m_15 { margin: 15px; }
.m_20 { margin: 20px; }
.m_30 { margin: 30px; }
.m_40 { margin: 40px; }
.m_50 { margin: 50px; }
.m_60 { margin: 60px; }
.m_top5 { margin-top: 5px; }
.m_top10 { margin-top: 10px; }
.m_top15 { margin-top: 15px; }
.m_top20 { margin-top: 20px; }
.m_top30 { margin-top: 30px; }
.m_top40 { margin-top: 40px; }
.m_top50 { margin-top: 50px; }
.m_top90 { margin-top: 90px; }
.m_top100 { margin-top: 100px; }
.m_bottom5 { margin-bottom: 5px; }
.m_bottom10 { margin-bottom: 10px; }
.m_bottom15 { margin-bottom: 15px; }
.m_bottom20 { margin-bottom: 20px; }
.m_bottom25 { margin-bottom: 25px; }
.m_bottom30 { margin-bottom: 30px; }
.m_bottom40 { margin-bottom: 40px; }
.m_bottom50 { margin-bottom: 50px; }
.m_left5 { margin-left: 5px; }
.m_left10 { margin-left: 10px; }
.m_left15 { margin-left: 15px; }
.m_left20 { margin-left: 20px; }
.m_left25 { margin-left: 25px; }
.m_left30 { margin-left: 30px; }
.m_left40 { margin-left: 40px; }
.m_left50 { margin-left: 50px; }
.m_left100 { margin-left: 100px; }
.m_left120 { margin-left: 120px; }
.m_left150 { margin-left: 150px; }
.m_left180 { margin-left: 180px; }
.m_left190 { margin-left: 190px; }
.m_left200 { margin-left: 200px; }
.m_left300 { margin-left: 300px; }
.m_left330 { margin-left: 330px; }
.m_left350 { margin-left: 350px; }
.m_left400 { margin-left: 400px; }
.m_left410 { margin-left: 410px; }
.m_right5 { margin-right: 5px; }
.m_right10 { margin-right: 10px; }
.m_right14 { margin-right: 14px; }
.m_right15 { margin-right: 15px; }
.m_right20 { margin-right: 20px; }
.m_right30 { margin-right: 30px; }
.m_right40 { margin-right: 40px; }
.m_right50 { margin-right: 50px; }
.m_right100 { margin-right: 100px; }


/* padding
---------------------------------------- */
.p_5 { padding:5px; }
.p_10 { padding:10px; }
.p_15 { padding:15px; }
.p_20 { padding:20px; }
.p_30 { padding:30px; }
.p_60 { padding:60px; }
.p_top5 { padding-top: 5px; }
.p_top10 { padding-top: 10px; }
.p_top15 { padding-top: 15px; }
.p_top20 { padding-top: 20px; }
.p_top30 { padding-top: 30px; }
.p_bottom5 { padding-bottom: 5px; }
.p_bottom10 { padding-bottom: 10px; }
.p_bottom15 { padding-bottom: 15px; }
.p_bottom20 { padding-bottom: 20px; }
.p_bottom30 { padding-bottom: 30px; }
.p_bottom40 { padding-bottom: 40px; }
.p_bottom50 { padding-bottom: 50px; }
.p_left5 { padding-left: 5px; }
.p_left10 { padding-left: 10px; }
.p_left15 { padding-left: 15px; }
.p_left20 { padding-left: 20px; }
.p_left30 { padding-left: 30px; }
.p_right5 { padding-right: 5px; }
.p_right10 { padding-right: 10px; }
.p_right15 { padding-right: 15px; }
.p_right20 { padding-right: 20px; }
.p_right30 { padding-right: 30px; }
.p_right100 { padding-right: 100px; }
.p_right120 { padding-right: 120px; }

/* width
---------------------------------------- */
.width_100 { width:100px; }
.width_150 { width:150px; }
.width_200 { width:200px; }
.width_250 { width:250px; }
.width_300 { width:300px; }
.width_320 { width:320px; }
.width_330 { width:320px; }
.width_350 { width:350px; }
.width_400 { width:400px; }
.width_410 { width:410px; }
.width_450 { width:450px; }
.width_500 { width:500px; }
.width_550 { width:550px; }
.width_600 { width:600px; }
.width_650 { width:650px; }
.width_700 { width:700px; }
.width_750 { width:750px; }
.width_800 { width:800px; }
.width_850 { width:850px; }
.width_900 { width:900px; }
.width_fix { width:100%; }



/* リスト
---------------------------------------- */

.listNumber li{
	list-style: outside;
	list-style-type: decimal;
	margin-left:25px;
	padding:0 0 3px 0;
}
.listCircle li{
	list-style: outside;
	list-style-type: circle;
	margin-left:25px;
	padding:0 0 3px 0;
}

.listDisc li{
	list-style: outside;
	list-style-type: disc;
	margin-left:25px;
	padding:0 0 3px 0;
}
.listNone li{ display:inline; }


/* font設定
----------------------------------------------------*/

@font-face {
	font-family: MainFont;
  src:url('font/Barmeno_Regular.eot?');
}
@font-face {
	font-family: MainFont;
	src:url('font/Barmeno_Regular.ttf') format("truetype");
}


/* wrapper
----------------------------------------------------*/

#wrapper {
	position:relative;
	width: 1010px;
	margin: 0 auto;
}
.home #wrapper { width: 1200px; }

/* header
----------------------------------------------------*/

#header {
	position: relative;
	height: 134px;
	background:url("img/common/head_bg.png") no-repeat;
	background-position:left 4px;
}

#headerWrapper {
	position:relative;
	width: 1010px;
	margin: 0 auto;
	z-index:50;
	-webkit-text-size-adjust: none;
}

/*  ========================= menu-global */
#header #logo{
	position: absolute;
	top:50px;
	left:410px;
	z-index:5;
}

/*  ========================= menu-global */

#header ul#menu-global {
	background:url("img/common/navi_back.jpg") repeat-x;
	line-height:140%;
}
.abt { /* about */
	position: absolute;
	top: 78px;
	left:15px;
	text-align:center;
}
.flvrs { /* flavors */
	position: absolute;
	top: 78px;
	left:185px;
	text-align:center;
}
.shp { /* access */
	position: absolute;
	top: 78px;
	left:265px;
	text-align:center;
}
.whtsnw { /* whats new */
	position: absolute;
	top: 78px;
	left:600px;
	text-align:center;
}
.fq { /* faq */
	position: absolute;
	top: 78px;
	left:740px;
	text-align:center;
}
.cntctus { /* contact us */
	position: absolute;
	top: 78px;
	left:845px;
	text-align:center;
}
#header ul#menu-global li {
	display: block;
	float: left;
	padding-left:18px;
	padding-right:18px;
	text-align:center;
}
#header ul#menu-global li a{
	color:#6197c2;
	text-shadow: 0 0 2px #ffffff;
	text-decoration:none;
}
#header ul#menu-global li a:hover{
	color:#ffffff;
	text-shadow: 0 0 2px #ffffff;
	text-decoration:none;
}
#header ul#menu-global li .naviEn {
	font-family: MainFont;
	font-size:1.1em;
	color:#ffffff;
	text-shadow: 0 0 2px #ffffff;
	letter-spacing:1px;
}
#header ul#menu-global li .naviJp {
	font-size:0.7em;
	text-shadow: 0 0 1px #6197c2;
}

/* content
---------------------------------------- */

#content {
	text-align:left;
	background-image: url("img/common/content_bg.png");
  background-repeat: no-repeat;
	background-position:center top;
	padding:20px 25px 60px 25px;
}
.home #content {
	background: none;
	width: 960px;
	margin-left:95px;
}

/*  ========================= locus */

#locus { float:left; }
#locus li {
	display: inline;
	padding-left: 0;
	padding-right: 5px;
	font-size: x-small;
	line-height: 1;
	color: #666666;
}
#locus li.sub:before {
	letter-spacing: 10px;
  content: ">";
}
#locus a{ color: #999999; }

/*  ========================= 右文字サイズ＆プリント */
#functionBox { float: right; }
#functionBox ul li {
	float:left;
	margin-left:3px;
}


/* Column
---------------------------------------- */
#oneColumn{ width:960px; }

#mainColumn{
	width:730px;
	float:left;
	_display:inline;
}

/* sideColumn
---------------------------------------- */

/*  ========================= sideColumn */
#sideColumn{
	width:200px;
	float:right;
	_display:inline;
}

/*  ========================= sideMenu */
ul.sideMenu{
	position:relative;
	background:#ffffff;
	border: 1px solid #c3c3c3;
}
ul.sideMenu li{ border-top: 1px solid #c3c3c3; }
ul.sideMenu li.sideMenuTi{
	font-size:1.1em;
	color: #ffffff;
	letter-spacing:1px;
	padding:15px;
	font-family: MainFont;
	background:url("img/common/side_menu_ti_bg.gif") no-repeat;
	border-top: 0 solid #c3c3c3;
	text-shadow: 0 0 1px #ffffff;
	position:relative;
}
ul.sideMenu li a{
	padding:15px;
	display:block;
	color:#023f7d;
}
ul.sideMenu li a:hover,
ul.sideMenu .current_page_item {
	background:url("img/common/side_menu_link_bg.gif") repeat-x #e1e9f0;
	text-decoration:none;
}

/*  ========================= requirement */
.req_info{
	background:#fbf8f2;
	border: 1px solid #dad0c0;
	padding:0;
	position:relative;
}

/*  ========================= sideTopics */
ul.sideTopics{
	background:#fbf8f2;
	font-size:small;
	border: 1px solid #dad0c0;
	position:relative;
}
ul.sideTopics li{
	margin:5px 15px;
	padding:10px 0;
	border-bottom:1px solid #ead8bd;
}
ul.sideTopics li.sideTopicsTi{
	color:#624b3f;
	margin:0;
	padding:15px 15px 0 15px;
	border-bottom:0px solid #ead8bd;
	text-shadow: 0 0 1px #624b3f;
	position:relative;
}

ul.sideTopics li.sideTopicsTi .sideTopicsTiEn {
	font-family: MainFont;
	font-size:1.1em;
	letter-spacing:1px;
}
ul.sideTopics li.sideTopicsTi .sideTopicsTiJp {
	font-size:0.7em;
}

ul.sideTopics li.sideTopicsLast{ /* 使わなくてOK */
	margin:5px 15px;
	padding:10px 0;
	border-bottom:0px solid #ead8bd;
}
ul.sideTopics li.sideTopicsMore{
	margin:5px 15px;
	padding:10px 0;
	border-bottom:0px solid #ead8bd;
	text-align:right;
}
ul.sideTopics li.sideTopicsMore a { text-decoration:underline; }
ul.sideTopics li .sideTopicsDate { color:#aa6802; }
ul.sideTopics li img{ padding:5px 0; }

/*  ========================= sideSns */
.sideSns{
	position:relative;
	background:#ffffff;
	padding:15px;
	border: 1px solid #dad0c0;
}


/* footer
---------------------------------------- */

/*  ========================= フッター共通設定 */
#footer {
	background:url(img/common/footer_bg.jpg) repeat-x #ffffff;
	background-position: center 45px;
}
.home #footer {
	-webkit-text-size-adjust: none;
}
#footer #footerCont {
	position: relative;
	margin:0 auto;
	padding:0 0 20px 0;
	color:#FFFFFF;
	text-align:left;
	width: 960px;
}
.home #footer #footerCont { width: 1200px; }

/*  ========================= フッターリスト */
#footer #footerCont .footSec {
	position:relative;
	padding-top:20px;
	z-index:50;
}
.home #footer #footerCont .footSec {
	margin-left:120px;
	z-index:100;
}
#footer #footerCont .footSec .footerSecTi {
	font-family: MainFont;
	font-size:1.3em;
	color:#e6b766;
	text-shadow: 0 0 1px #e6b766;
	letter-spacing:1px;
}

/*  ========================= フッターリスト */
#footer #footerCont .footSec dl{}
#footer #footerCont .footSec dl dd{
	font-size:0.8em;
}
#footer #footerCont .footSec ul.footerList li {
	background:url(img/common/footer_arrow.gif) no-repeat;
	background-position:0 50%;
	padding:0 0 0 15px;
	color:#FFFFFF;
}

/*  ========================= フッターリンク */
#footer #footerCont .footSec a{
	color:#FFFFFF;
}
#footer #footerCont .footSec a:hover{
	color:#FFFFFF;
}

/*  ========================= フッターナビゲーション */
#footer #footerCont #footerNavi {
	padding-top:90px;
}
#footer #footerCont #footerNavi dl{
	float: left;
	margin-right:35px;
}
#footer #footerCont #footerNavi dl dd{
}


/*  ========================= フッターロゴ */
#footer #footerCont #footerLogo {
	text-align:center;
	margin:10px 10px 10px 20px;
}

/*  ========================= フッター写真 */
#footer #footerCont #footerImg {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	z-index:0;
}
.home #footer #footerCont #footerImg { right: 120px; }

/*  ========================= ポップコーン */
#footer #footerCont #footerPopcorn {
	position: absolute;
	top:5px;
	left:130px;
	text-align:right;
  z-index: 100;
}
.home #footer #footerCont #footerPopcorn {
  left: 250px;
  z-index: 100;
}

/*  ========================= フッター地球儀 */
.home #footer #footerCont #footSec #footShopWorld{
	background-position:0 9px;
	padding:10px 10px 10px 23px;
}


/* ▼ 次のページ・前のページ ▼ */
div .navigation {
    border-top: 1px dotted #ccc;
    margin:65px 10px 40px 0;
    padding:20px 0;
    font-size:1em;
    font-weight:bold;
}
 

span .previous {
    float: left;
    width: 47%;
}
 
span .next {
    float: right;
    width: 47%;
    text-align:right;
}
/* ▲ 次のページ・前のページ ▲ */


/* onmouseで薄くなる */
img.opa {
  filter: alpha(opacity=100);
  opacity: 1.0;
  transition: all .18s linear;
  -o-transition: all .18s linear;
  -moz-transition: all .18s linear;
  -webkit-transition: all .18s linear;
}
img.opa:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
  transition: all .18s linear;
  -o-transition: all .18s linear;
  -moz-transition: all .18s linear;
  -webkit-transition: all .18s linear;
}

/* フッターのSNSリンク */
#preSns {
	width: 440px;
/*  text-align: center; */
/*  margin-top: 60px; */
/*  margin-right: auto; */
/*  margin-bottom: 0; */
/*  margin-left: auto; */
}
#preSns ul {
	padding:0;
	line-height: 0;
	font-size:0;
}
#preSns li {
	display: block;
	float: left;
	margin-right:12px;
}


/* general
----------------------------------------------------*/

/*  ========================= title */

div#content .pageTitle {
	font-size: 0;
	margin-bottom:20px;
}
div#content .rec_tit01{
	margin-top: -40px;
}

div#content .secTi {
	font-size: 0;
	margin-bottom:20px;
}

/*  ========================= テーブル1（店舗一覧・・・） */
.standardTable {
	background:#c3c3c3;
	border:1px solid #c3c3c3;
}
.standardTable th{
	background:#033163;
	color:#FFFFFF;
}
.standardTable td{
	background:#FFFFFF;
}
.standardTable th,
.standardTable td{
	padding:10px;
}

/*  ========================= テーブル2（採用情報・・・） */
.standardTable02 {
	border:5px solid #ccd8df;
}
.standardTable02 th{
	background:#e9f0f4;
	color:#003767;
	border-bottom:dotted 1px #999999;
	border-right:dotted 1px #999999;
	text-align:center;
	width:25%;
}
.standardTable02 td{
	background:#FFFFFF;
	border-bottom:dotted 1px #999999;
}
.standardTable02 th,
.standardTable02 td{
	padding:10px;
}
.standardTable02last th,
.standardTable02last td{
	border-bottom:0;
}


/*  ========================= ▼ */
.blueCircleArrow {
	background: url(img/common/arrow_blue_circle.gif) no-repeat;
	background-position:0 7px;
	padding:5px 10px 5px 23px;
}
.blueArrow {
	background: url(img/common/arrow_blue.gif) no-repeat;
	background-position:0 8px;
	padding:5px 10px 5px 18px;
}
.blueArrow img {
        height:100px;
        width:auto;
}

.brownArrow {
	background: url(img/common/arrow_brown.gif) no-repeat;
	background-position:0 8px;
	padding:5px 10px 5px 18px;
}

/*  ========================= ◎ */
.blueCircle {
	background: url(img/common/circle_blue.gif) no-repeat;
	background-position:0 9px;
	padding:10px 10px 10px 23px;
}

/*  ========================= タイトル グラデーション背景 */
.secGradationBg {
	background: url(img/common/sec_gradation_bg.gif) repeat-x;
	background-position: bottom;
	padding:10px 25px;
}


/* home
----------------------------------------------------*/
.home #mainImgWrapper {
	position:relative;
	margin:0 auto;
	overflow:hidden;
	height:416px;
}
.home #mainImg {
	position:absolute;
	top: 0;
	left:50%;
	margin-left:-1950px;
}

.home div#wrapper #content #mainColumn .topics {}
.home div#wrapper #content #mainColumn .topics dl {
	position:relative;
	background:#ffffff;
	width:224px;
	float:left;
	margin-bottom:15px;
	height:350px;
	border: 3px solid #195899;
}
.home div#wrapper #content #mainColumn .topics dl dt {
	line-height:0;
}
.home div#wrapper #content #mainColumn .topics dl dd {
	background:url("img/about/companyinfo/companyinfo_bg.gif") repeat-x #ffffff;
	background-position:0 top;
}
.home div#wrapper #content #mainColumn .topics .topicsText {
	padding:0px 20px 10px 15px;
}
.home #popcorn {
	position: absolute;
	top:-25px;
	text-align: center;
	width:100%;
}
.home #popcorn div {
	position: relative;
	width:1200px;
	margin:0 auto;
  z-index: 110;
}
.home #popcorn div #popcorn01 {
	position: absolute;
	top:700px;
	left:0;
}
.home #popcorn div #popcorn02 {
	position: absolute;
	top:800px;
	left:40px;
	z-index:-1;
}
.home #popcorn div #popcorn03 {
	position: absolute;
	top:750px;
	right:0;
}
.home #popcorn div #popcorn04 {
	position: absolute;
	top:1000px;
	right:50px;
	z-index:-1;
}
.home #popcorn div #popcorn05 {
	position: absolute;
	top:545px;
	right:110px;
	z-index:100;
}

/* about
----------------------------------------------------*/
/*  ========================= 会社案内 */
.companyInfoList {}
.companyInfoList dl {
	position:relative;
	background:#ffffff;
	width:228px;
	float:left;
	margin-bottom:15px;
	height:330px;
	border: 3px solid #195899;
}
.companyInfoList dl dt {
	line-height:0;
}
.companyInfoList dl dd {
	background:url("img/about/companyinfo/companyinfo_bg.gif") repeat-x #ffffff;
	background-position:0 top;
}
.companyInfoList dl dd ul {
	margin:10px 15px 0 15px;
}
.companyInfoNews li {
	border-bottom:1px dotted #195899;
	padding:20px 0;
}
.companyInfoNews li dl dt {
	color:#aa6802;
	font-weight:bold;
	margin-bottom:10px;
}

/* お知らせ・キャンペーン
----------------------------------------------------*/

/*  ========================= 年別サイド (edit by th) */

.kadomaru {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
/*  behavior: url(http://garrett.tiedhearts.com:60799/wp-content/themes/garrett_th121221/border-radius.htc); */
}

ul.infoSideMenu{
	position:relative;
	background:#ffffff;
	border: 1px solid #c3c3c3;
}
ul.infoSideMenu li{ border-top: 1px solid #c3c3c3; }
ul.infoSideMenu li.infoSideMenuTi{ /* タイトルが他と違い画像のため別クラス */
	font-size:0;
	line-height:0;
	border-top: 0 solid #c3c3c3;
}
ul.infoSideMenu li a{
	padding:15px;
	display:block;
	color:#023f7d;
}
ul.infoSideMenu li a:hover{
	text-decoration: none;
	background:url("img/common/side_menu_link_bg.gif") repeat-x #e1e9f0;
}


/*  ========================= 一覧ページ */
.infoList li{
	border-bottom:1px dotted #195899;
	padding:20px 0;
}
li.infoFirst{
	padding:0 0 20px 0;
}
.infoList li .infoThumb{
	border:1px solid #dddddd;
	float:left;
	line-height:0;
	font-size:0;
}
.infoList li .infoThumb img{
	border:4px solid #ffffff;
}
.infoList li dl{
	margin-left:150px;
}
.infoList li dl dt{
	color:#aa6802;
	font-weight:bold;
	margin-bottom:10px;
}
.infoCate a {
	background:#aa6802;
	color:#FFFFFF;
	padding:0 2px;
	margin-left:5px;
	border-left:5px solid #aa6802;
	border-right:5px solid #aa6802;
}

/*  ========================= 詳細ページ */
.infoEntryDate{
	color:#aa6802;
	font-size:large;
	margin-bottom:20px;
}
.infoEntryTitle{
        color:#023f7d;
	font-size:large;
	font-weight:bold;
}
.infoEntryTitle img{
        width:100%;
        height:auto;
        margin-bottom:19px;
}
.infoEntrySec{
	background:#e5eff7;
	padding:20px;
	font-size:large;
	line-height:150%;
	color: #003767;
	font-weight:bold;
}
.infoPageNumber{
	border:#d2e6f5 solid 3px;
	margin-top:30px;
	padding:20px;
}
.infoPageNumber ul li{
	color:#aaaaaa;
	float:left;
}
.infoPageNumber ul li a{
	color:#00468c;
	display:block;
	padding:5px;
}
.infoPageNumber ul li a:hover{
	color:#ffffff;
	display:block;
	background:#c48f50;
}

/* ================================================================================
	#page-nav 使ってない
================================================================================ */
.page-nav {
	text-align: center;
}
.page-nav li {
	display: inline;
	list-style: none outside none;
}
.page-nav li a {
	border: 1px solid rgb(230,230,230);
	color: rgb(102,102,102);
	text-decoration: none;
	border-radius: 3px;
  behavior: url(http://garrett.tiedhearts.com:60799/wp-content/themes/garrett_th121221/border-radius.htc); /* for IE */
}

.page-nav li a:hover {
	border: 1px solid rgb(230,230,230);
}
.page-nav li a:active {
	box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	top:1px;
}

.page-nav li.current span {
	border: 1px solid rgb(186,166,132);
	color: rgb(121,81,15);
	font-weight: bold;
	border-radius: 3px;
  behavior: url(http://garrett.tiedhearts.com:60799/wp-content/themes/garrett_th121221/border-radius.htc); /* for IE */
}
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
	background: rgb(248,248,248);
	border: 1px solid rgb(230,230,230);
	color: rgb(180,180,180);
	text-decoration: none;
	border-radius: 3px;
  behavior: url(http://garrett.tiedhearts.com:60799/wp-content/themes/garrett_th121221/border-radius.htc); /* for IE */
}

.page-nav li.page_nums span {
	background: rgb(102,102,102);
	border: 1px solid rgb(51,51,51);
	color: rgb(255,255,255);
}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
	padding: 0.25em 0.8em;
	display: inline-block;
	position:relative;
}

.pages-link {
	text-align: center;
}
.pages-link a span {
	border: 1px solid rgb(230,230,230);
	color: rgb(102,102,102);
	text-decoration: none;
	font-weight: normal;
}
.pages-link span {
	border: 1px solid rgb(186,166,132);
	color: rgb(121,81,15);
	font-weight: bold;
	border-radius: 3px;
  behavior: url(http://garrett.tiedhearts.com:60799/wp-content/themes/garrett_th121221/border-radius.htc); /* for IE */
	padding: 0.25em 0.8em;
	display: inline-block;
	position:relative;
}
.pages-link a:hover span {
	border: 1px solid rgb(230,230,230);
}
.pages-link a:active span {
	box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	top:1px;
}


/* 店舗（詳細ページ）
----------------------------------------------------*/
.gMap { width: 630px; height: 400px; }


/*  ========================= mainColumn */
.accessPage div#wrapper div#content #mainColumn{
	width:630px;
	float:right;
	_display:inline;
}

/*  ========================= sideColumn */
.accessPage div#wrapper div#content #sideColumn{
	width:300px;
	float:left;
	_display:inline;
}

/*  ========================= Contents */
.accessPage div#wrapper div#content #mainColumn .map{
	border:1px #003767 solid;
}

.accessPage div#wrapper div#content #mainColumn .accessSec{
	background: url(img/common/circle_blue.gif) no-repeat;
	background-position:0 9px;
	padding:10px 10px 10px 23px;
	font-size:large;
	font-weight:bold;
	color:#003767;
}

/* お問い合わせ
----------------------------------------------------*/

/*  ========================= mainColumn */
.contactusFaq { background:url("img/contactus/faq_bg.gif") repeat-x #e5eff7; }


/* 採用情報 プライバシーポリシー
----------------------------------------------------*/

.careersPrivacypolicySec{
	background: url("img/common/circle_blue.gif") no-repeat;
	background-position:0 9px;
	padding:10px 10px 10px 23px;
	font-size:large;
	font-weight:bold;
	color:#003767;
}


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

.faq dt{ /* 画像のファイル名や場所を変える場合はprint.cssも要変更 */
	background: url("img/contactus/faq/q.gif") no-repeat #005695;
	background-position:5px 5px;
	padding:10px 10px 10px 45px;
	font-weight:bold;
	color:#ffffff;
}
.faq dd{ /* 画像のファイル名や場所を変える場合はprint.cssも要変更 */
	background: url("img/contactus/faq/a.gif") no-repeat;
	background-position:5px 5px;
	padding:10px 10px 10px 45px;
	margin:5px 0 15px 0;
}

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

.sitemapySec{
	background: url("img/common/circle_blue.gif") no-repeat;
	background-position:0 9px;
	padding:10px 10px 10px 23px;
	font-size:large;
	font-weight:bold;
	color:#003767;
}
.sitemap{
	border:#b9cfdf solid 4px;
	padding:20px;
}

.sitemap li{
	background: url("img/common/arrow_blue.gif") no-repeat;
	background-position:0 8px;
	padding:5px 10px 5px 18px;
	display: inline;
}


/* flavors
----------------------------------------------------*/
div#content .pageTitleFlavor {
	font-size: 0;
	margin-bottom:10px;
}

#mainColumn #flavorsBox{
	background:url("img/about/flavors/flavors_bg.jpg") repeat-y;
	width:730px;
}
#flavorsBoxBottom{
	background:url("img/about/flavors/flavors_bottom.jpg") no-repeat bottom;
	width:730px;
	height:76px;
}
#flavorsBoxIn{
	width:660px;
	margin:0 25px 0 45px;
}
#flavorsBoxIn dl{
	width:145px;
	float:left;
	margin-bottom:15px;
	margin-right:20px;
}
#flavorsBoxIn dl dt{
	line-height:0;
	margin-bottom:10px;
}
#flavorsBoxIn dl dd{
	font-size:85%;
}

/* products
----------------------------------------------------*/

#productsBoxIn{
	width:640px;
	margin:0 45px 0 45px;
}
#productsBoxIn .productsA{
	width:620px;
	margin:10px 0 25px 20px;
}
#productsBoxIn .productsA .productsA01{
	width:190px;
}
#productsBoxIn .productsA .productsA02{
	width:210px;
}
#productsBoxIn .productsA .productsA03{
	width:190px;
}
#productsBoxIn .productsA .productsA01_2{
	font-size:85%;
	padding:10px 0 0 0 ;
}
#productsBoxIn .productsA .productsA02_2{
	font-size:85%;
	padding:10px 15px 0 15px;
}
#productsBoxIn .productsA .productsA03_2{
	font-size:85%;
	padding:10px 5px 0 5px;
}
#productsBoxIn .productsB{
	width:600px;
	margin:10px 0 35px 20px;
}
#productsBoxIn .productsB .productsB01{
	width:270px;
}
#productsBoxIn .productsB .productsB02{
	width:270px;
}
#productsBoxIn .productsB .productsB01_2{
	font-size:85%;
	padding:10px 0 0 0 ;
}
#productsBoxIn .productsB .productsB02_2{
	font-size:85%;
	padding:10px 0 0 0 ;
}





/*==================================================
 * Effect 6
 * ===============================================*/
.effect6 {
  	position:relative;
}
.effect6:before,
.effect6:after {
	content:"";
    position:absolute;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after {
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.home .effect6:before,
.home .effect6:after { z-index:-1; }


/*==================================================
 * requirement
 * ===============================================*/
.btn_to_form {
	margin-top: 30px;
	text-align: center;
}

/*==================================================
 * Blog
 * ===============================================*/

#mainColumn .tags{
	float: right;
	text-align: right;
	max-width: 355px;
	display: inline-block;
	color: #aaa;
        padding-top:12px;
}
#mainColumn article iframe {
	clear: both;
	display: block;
}

#comments img{
	display: block;
	float: left;
	margin-right: 15px;
}

#comments .comment-content {
	overflow: hidden;
	margin-top: 10px;
}

#comments .reply {
	margin: 10px 0;
}

#respond label {
	display: block;
}
#respond .comment-notes {
	margin: 10px 0;
}