@charset "utf-8";
/*
Theme Name: lapomme 2
Theme URI: http://www.la-pomme1999.com/
Description: WordPress のパティスリー ラ・ポム用テーマ
Author: the WordPress team
Version: 1.0
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/*-------------------------------------------
COMMON SETTINGS
-------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	background: transparent none;
	color: inherit;
	font-style: normal;
	font-weight: normal;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	vertical-align: 0;
	text-decoration: none;
	text-transform: none;
	text-indent: 0;
	letter-spacing: 0;
	word-spacing: normal;
}

img{ vertical-align:top; border: none; }
img a { border: none; }

.posLeft{ text-align: left; }
.posRight{ text-align: right; }
.posCenter{ text-align: center;}

.vTop{ vertical-align: top;}
.vMiddle{ vertical-align: middle;}
.vBottom{ vertical-align: bottom;}

/*-------------------------------------------
CLEAFIX SETTINGS
-------------------------------------------*/
#container,
#contents, 
#wrap {
	overflow: hidden;
}

#container:after,
#contents:after, 
#wrap:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #container,
* html #contents,
* html #wrap {
	height: 1em;
	overflow: visible;
}
/**/
/* ---------- @ Float Clearing -----------*/
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}
	
.clearfloat {
	display:inline-block
}

.clearfloat {
	display:block
}

/*-------------------------------------------
 Float SETTING
-------------------------------------------*/
.floatL{
	float: left;
}
.floatR{
	float: right;
}

/*-------------------------------------------
 Float Clearer
-------------------------------------------*/
.clear{ 
	clear: both; 
	zoom: 1; 
	height: 1px; 
	font-size: 1px; 
	line-height: 1px;
}

/*-------------------------------------------
 Margin and Padding SETTING
-------------------------------------------*/
/* margin */
.mtb0{ margin-top: 0 !important; margin-bottom: 0 !important; }
.mtb10{ margin-top: 10px !important; margin-bottom: 10px !important;}

.mt0{ margin-top: 0 !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}

.mb0{ margin-bottom: 0 !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}

.ml0{ margin-left: 0 !important;}
.ml10{ margin-left: 10px !important;}
.ml15{ margin-left: 15px !important;}
.ml20{ margin-left: 20px !important;}

.mr0{ margin-right: 0 !important;}
.mr10{ margin-right: 10px !important;}
.mr15{ margin-right: 15px !important;}
.mr20{ margin-right: 20px !important;}

/* padding */
.pd0{ padding: 0 !important;}
.pd10{ padding: 10px !important;}

.ptb0{ padding-top: 0 !important; margin-bottom: 0 !important;}
.ptb10{ padding-top: 10px !important; margin-bottom: 10px !important;}

.pt0{ padding-top: 0 !important;}
.pt10{ padding-top: 10px !important;}
.pt15{ padding-top: 15px !important;}
.pt20{ padding-top: 20px !important;}

.pb0{ padding-bottom: 0 !important;}
.pb10{ padding-bottom: 10px !important;}
.pb15{ padding-bottom: 15px !important;}
.pb20{ padding-bottom: 20px !important;}

.pl0{ padding-left: 0 !important;}
.pl10{ padding-left: 10px !important;}
.pl15{ padding-left: 15px !important;}
.pl20{ padding-left: 20px !important;}

.pr0{ padding-right: 0 !important;}
.pr10{ padding-right: 10px !important;}
.pr15{ padding-right: 15px !important;}
.pr20{ padding-right: 20px !important;}

/*-------------------------------------------
TEXT STYLE
-------------------------------------------*/
h1, h2, h3, h4, h5, h6, 
p, li, table, th, td, dl, dt, dd{ color: #545454;}

.red { color:#ef0000;}
.darkred { color:#AC0000;}
.blue{ color:#3000b7;}
.gray{ color:#9A9A9A;}
.black{ color:#000000;}
.blueblack{ color:#1C72A5;}
.bold{ font-weight:600;}

.notes{ color :#cc0000;}

.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }

#mainColumn p { margin-bottom: 12px;}

/*-------------------------------------------
 LINK STYLE 
-------------------------------------------*/
a { color:#715200 ;}

#mainColumn a:link { text-decoration: underline ; }
#mainColumn a:visited { text-decoration: underline ; }
#mainColumn a:hover { text-decoration: none ; }
#mainColumn a:active { text-decoration: none ; }

/*-------------------------------------------
 HIDDEN SETTING 
-------------------------------------------*/
.hidden {visibility: hidden;}

/*-------------------------------------------
 BODY SETTINGS
-------------------------------------------*/
html, 
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #fbfae8;
	/*background: url(images/bg.jpg) top center no-repeat #ffffff;*/
}

/*-------------------------------------------
 HEADER BLOCK SETTINGS
-------------------------------------------*/
#head {
	height: 80px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#head_logo {
	width:780px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#head_logo img {
	border: 0;
	width: 180px;
	height: 38px;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
}

#head_logo p {
	border: 0;
	margin: 20px 0 0 0;
	padding: 0;
	float: right;
	color: #715200;
	font-size: 11px;
	line-height: 1.4;
	text-align: right;
}

/*-------------------------------------------
 CONTENT BLOCK SETTING
-------------------------------------------*/
#container {
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#contents {
	height: auto;
	width: 780px;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
}

/*-------------------------------------------
 KEYVISULAO BLOCK SETTING
-------------------------------------------*/
#keyVisual{ 
	margin:0; 
	padding: 0;
	width: 780px;
	height: 320px;
}

#keyVisual img { 
	margin:0; 
	padding: 0;
}

/*-------------------------------------------
 NAVI BLOCK SETTINGS
-------------------------------------------*/
#navi {
	height: 45px;
	width: 780px;
	margin: 0 ;
	padding: 0;
	text-align: left;
	list-style: none;
}

#navi li{ 
	margin:0;
	padding: 0;
	width: 156px;
	float: left;
}

#navi li a{ 
	display: block;
	border: 0;
	height: 45px;
}

#navi #navi_01 a{ background: 0 0 url(images/navi_01.gif) no-repeat transparent; }
#navi #navi_02 a{ background: 0 0 url(images/navi_02.gif) no-repeat transparent; }
#navi #navi_03 a{ background: 0 0 url(images/navi_03.gif) no-repeat transparent; }
#navi #navi_04 a{ background: 0 0 url(images/navi_04.gif) no-repeat transparent; }
#navi #navi_05 a{ background: 0 0 url(images/navi_05.gif) no-repeat transparent; }

#navi #navi_01 a:hover{ background: 0 -45px url(images/navi_01.gif) no-repeat transparent; }
#navi #navi_02 a:hover{ background: 0 -45px url(images/navi_02.gif) no-repeat transparent; }
#navi #navi_03 a:hover{ background: 0 -45px url(images/navi_03.gif) no-repeat transparent; }
#navi #navi_04 a:hover{ background: 0 -45px url(images/navi_04.gif) no-repeat transparent; }
#navi #navi_05 a:hover{ background: 0 -45px url(images/navi_05.gif) no-repeat transparent; }

/*--------------------------------------------------------------
 MAIN CONTENTS BLOCK SETTINGS (sidebar and mainColumn Wrapper)
--------------------------------------------------------------*/
#wrap{ 
	width: 780px;
	padding-top: 35px;
}

/* sidebar_01 BLOCK SETTINGS 
-------------------------------*/
#sidebar_01{
	width: 210px;
	float: left ;
	text-align: left;
}

#sideMenu li {
	width: 180px;
	padding: 8px 0;
	list-style: none ;
	background: bottom left url(images/sideMenu_bg.gif) no-repeat transparent; 
}

.end { background: none !important;}

#sideMenu li ul.submenu li{
	padding: 2px 0 0 12px;
	margin-left: 8px;
	background: 0px 10px url(images/list_arrow.gif) no-repeat transparent; 	
}

#sideMenu li a:link { 
	 text-decoration: none;
}

#sideMenu li a:hover { 
	text-decoration: underline;
}

.cms_sideMenu h2, .cms_sideMenu ul li a { font-size: 12px !important; }
.cms_sideMenu ul li a:link, .cms_sideMenu ul li a:visited { text-decoration: underline;}
.cms_sideMenu ul li a:hover, .cms_sideMenu ul li a:active {  text-decoration: none;}

.cms_sideMenu ul li,  .cms_sideMenu ul li ul li{
	/* list-style: none;
	padding: 0 0 0 10px;
	margin-left: 6px;
	background: 0px 8px url(images/list_arrow.gif) no-repeat transparent; */	
	line-height: 1.4;
}

/* mainColumn BLOCK SETTINGS 
-------------------------------*/
#mainColumn{
	width: 570px;
	float: right ;
	text-align: left;
}
	

/*-------------------------------------------
 FOOTER  BLOCK SETTINGS
-------------------------------------------*/
#footerArea{
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top:35px;
	text-align: center;
}

#footer{
	width: 780px;
	margin: 0 auto 20px auto;
	padding: 0;
	padding-top: 10px;
	text-align: left;
	background: top left url(images/sideMenu_bg.gif) repeat-x transparent; 
}

#footer p#copy{
	font-size: 10px;
	color: #b39c5e;
}

/*-------------------------------------------
 h2, h3, h4, h5, h5, TITLE STYLE
-------------------------------------------*/
#mainColumn h2{
	margin: 0 0 10px 0;
	padding: 3px 0;
	font-size: 20px;
	font-weight: 600;
	color: #4b3805;
	border-bottom: 1px solid #bca76e;
}

#mainColumn h3{
	margin: 30px 0 10px 0;
	padding-left: 12px;
	font-size: 14px;
	font-weight: 600;
	color: #4b3805;
	border-left: 8px solid #bca76e;
}

/*-------------------------------------------
 TOP PAGE INFOMATION STYLE
-------------------------------------------*/
.feed{
	margin: 10px 0 ;
	padding: 0 ;
}

.feed dt, .feed dd { 
	padding: 3px 0 ;
	font-size: 12px; 
}

.feed dt{
	width: 8em;
	float: left;
}

.feed dd{
	margin-left: 8em;
}

.feed a { font-size: 12px;}

/*-------------------------------------------
 MENU PAGE STYLE
-------------------------------------------*/
/* Menu box setting 
-------------------------------*/
div.menubox {
	float: left;
	width: 265px;
	margin-right: 12px;
	margin-bottom: 50px;
}

.thumb, .thumb2{
	float: left;
	margin-right: 8px;
	margin-bottom: 30px;
	padding-bottom: 1px;
}

.thumb img {
	border: 1px solid #bca76e;
	width: 130px;
	height: 130px;
}

.thumb2 img {
	border: 1px solid #bca76e;
	width: 120px;
	height: 120px;
}

.menuText{
	float: left;
	width: 120px;
}

.menubox h4{ 
	font-size: 12px;
	font-weight: 600;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px dashed #bca76e;
}

.menubox p{ 
	font-size: 12px;
	margin-top: 5px;
}

/* LINE */
hr.menuSeparator {
	margin: 0;
	height: 1px;
	border: 1px dotted #fbfae8;
}

/* Menu box setting 2 
大きい画像（240 x 159px）での表示 1カラム
----------------------------------------------*/
div.menuBox2{
	padding-bottom:30px;
	/*border-bottom: 1px dotted #bca76e;*/
}

div.menuImg{
	float: left;
	width: 260px;
	height: 160px;
}

div.menuImg img {
	width: 240px;
	height: 159px;
	/*margin-right: 30px;*/
	/*border: 1px solid #bca76e;*/
}

div.menuInfo {
	width: 280px;
	float: left;
}

div.menuInfo h4 {
	font-size: 12px;
	font-weight: 600;
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px dashed #bca76e;
}

div.menuInfo p{ 
	font-size: 12px;
	margin-top: 5px;
}

/*-------------------------------------------
 ORDER PAGE STYLE 
-------------------------------------------*/
.photoBox li{
	display: block;
	list-style: none;
	float: left;
	/*width: 180px;
	height: 135px;*/
	margin: 0;
	padding: 0;
	margin-right: 7px;
	margin-bottom: 7px;
}

.photoBox li img {
	width: 180px;
	height: 135px;
}

/*　archives link */
ul.archivesPageLink {
	list-style: none;
	margin-bottom: 10px;
}
ul.archivesPageLink  li{
	float: left;
	width: 7em;
}

/*-------------------------------------------
 SHOP PAGE STYLE
-------------------------------------------*/
div.shopintro { height: 100%; }

div.shopintro:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: ".";  
	clear: both;  
	height: 0;  
}  
* html div.shopintro { zoom: 1; } /* IE6 */  
*:first-child+html div.shopintro { zoom: 1; } /* IE7 */ 

.shopintro .shopImg {
	float: left;
	width: 220px;
}
.shopintro .shopText{
	float: left;
	width: 350px;
}

.shopinfo{
	margin: 10px 0 ;
	padding: 0 ;
}

.shopinfo dt, .shopinfo dd { 
	padding: 3px 0 ;
	font-size: 12px;
	line-height: 1.5;
}

.shopinfo dt{
	width: 6em;
	float: left;
}

.shopinfo dd{
	margin-left: 6em;
}

/*-------------------------------------------
 ORDER PAGE STYLE
-------------------------------------------*/
.orderbox .thumb{
	margin-right: 15px;
	padding-bottom:15px;
}

/*-------------------------------------------
 POST STYLE
-------------------------------------------*/
.post{ margin-bottom:30px;}

.post h2 a { font-size: 20px; }
.post h2 a:link { text-decoration: none !important; }
.post h2 a:visited { text-decoration: none !important; }
.post h2 a:hover { text-decoration: underline !important; }
.post h2 a:active { text-decoration: underline !important; }

.postinfo, .postinfo a{ 
	font-size: 11px; 
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dotted #cccccc;
}

/*-------------------------------------------
 PAGELINK STYLE
-------------------------------------------*/
p.pagelink  a{ font-size: 12px; }
p.pagelink span.prev { float: left;}
p.pagelink span.next { float: right;}

/*-------------------------------------------
 CONTACT  FORM STYLE
-------------------------------------------*/
.formtext{
	width: 565px;
	background: #fff;
}

.wpcf7-form input[type=submit]{
	width:70px;
	height:27px;
	color:#545454;/* 文字色 */
	background-color:#ddd;/* 背景色 */
}

/*-------------------------------------------
 plug-in: wp-PageNavi STYLE
-------------------------------------------*/
div.wp-pagenavi {
	margin: 20px 0 ;
	color: #bca76e;
	font-size: 12px;
	text-align: left;
}
wp-pagenavi a, .wp-pagenavi a:link {
	padding: 0.2em 0.5em;
	margin: 0.25em;
	text-decoration: none;
	border: 1px solid #bca76e;
	color: #4b3805;
	font-size: 12px;
}
.wp-pagenavi a:visited {
	padding: 0.2em 0.5em;
	margin: 0.25em;
	text-decoration: none;	
	border: 1px solid #bca76e;
	color: #bca76e;
	font-size: 12px;
}
.wp-pagenavi a:hover {
	padding: 0.2em 0.5em;
	margin: 0.25em;
	text-decoration: underline;
	border: 1px solid #4b3805;
	color: #4b3805;
	font-size: 12px;
}
.wp-pagenavi a:active {
	padding: 0.2em 0.5em;
	margin: 0.25em;	
	border: 1px solid #4b3805;
	color: #4b3805;
	font-size: 12px;
}
.wp-pagenavi span.pages, .wp-pagenavi span.current {
	padding: 0.2em 0.5em;
	margin: 0.25em;
	border: 1px solid #bca76e;
	font-size: 12px;
}
.wp-pagenavi span.extend {
	padding: 0.2em 0.5em;
	margin: 0.25em;
	/*border: 1px solid #bca76e;*/
	font-size: 12px;	
}
.wp-pagenavi span.current{
	color: #4b3805;
	border: 1px solid #bca76e;
}
/*
a.previouspostslink, a.nextpostslink {
	border: none !important;
}
*/
.wp-pagenavi span.current {
	font-weight: bold;
}