@charset "UTF-8";

/*---------------------------------------------------------
　サイト全体
---------------------------------------------------------*/
body{background-color: #F7F1E1;text-align: center; color: #666666; padding: 0;margin: 0;}
h1,h2,h3,h4,h5,p,li,ul,form{margin:0;padding:0;}
table td{vertical-align: top; text-align: left;}

/*---ボーダーなし ---*/
img{ border: none;}

/*---リストなし---*/
ul,li{list-style:none;}

/*---クリア---*/
.clear{clear:both;}

/*---リンク---*/
a{color:#522403;text-decoration:none;}
a:link{color:#522403;text-decoration:none;}
a:visited{color:#522403;text-decoration:none;}
a:active{color:#522403;text-decoration:none;}
a:hover{color:#522403;text-decoration:underline;}

/*---------------------------------------------------------
　wrapper
---------------------------------------------------------*/
div#wrapper{
	width: 808px;
	margin: 0 auto;
	padding: 0;
}

/*---------------------------------------------------------
　header
---------------------------------------------------------*/
div#header{
	width: 808px;
	height: 125px;
	margin: 0 auto 1px auto;
	padding: 0;
	background: url(http://www.honda-pan.com/img/common/bg_header.jpg) no-repeat;
}

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

div#header h1{
	width: 185px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	text-indent: -9999px;
	float: left;
}

div#header h1 a{
	width: 185px;
	height: 100px;
	display: block;
}

div#header div.headInnerR{
	width: 320px;
	margin: 0;
	padding: 5px 15px 0 0;
	text-align: right;
	float: right;
}

div#header div.headInnerR p.link{
	font-size: 12px;
	margin: 0 0 80px 0;
	color: #522403;
}

div#header div.headInnerR p.link a{color:#522403;text-decoration:none;}
div#header div.headInnerR p.link a:link{color:#522403;text-decoration:none;}
div#header div.headInnerR p.link a:visited{color:#522403;text-decoration:none;}
div#header div.headInnerR p.link a:active{color:#522403;text-decoration:none;}
div#header div.headInnerR p.link a:hover{color:#522403;text-decoration:underline;}


div#header div.headInnerR p.info{
	font-size: 11px;
	color: #522403;
}

div#header div.headInnerR p.info span{
	padding: 0 0 0 11px;
	background: url(http://www.honda-pan.com/img/common/list02.jpg) no-repeat;
}

/*---------------------------------------------------------
　topicpath
---------------------------------------------------------*/
p.topicpath{
	margin: 0 0 2px 12px;
	padding: 0 0 3px 22px;
	font-size: 12px;
	text-align: left;
	color:#522403;
	background: url(http://www.honda-pan.com/img/common/list01.jpg) no-repeat;
}

p.topicpath a{color:#522403;text-decoration:none;}
p.topicpath a:link{color:#522403;text-decoration:none;}
p.topicpath a:visited{color:#522403;text-decoration:none;}
p.topicpath a:active{color:#522403;text-decoration:none;}
p.topicpath a:hover{color:#522403;text-decoration:underline;}

/*---------------------------------------------------------
　container
---------------------------------------------------------*/
div#container{
	width: 808px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(http://www.honda-pan.com/img/common/bg_c_contents.jpg) repeat-y;
}

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

div.containerTop{
	width: 808px;
	height: 12px;
	margin: 0 auto;
	padding: 0;
	font-size: 1px;
	background: url(http://www.honda-pan.com/img/common/bg_t_contents.jpg) no-repeat;
}

div.containerBottom{
	width: 808px;
	height: 12px;
	margin: 0 auto 3px auto;
	padding: 0;
	font-size: 1px;
	background: url(http://www.honda-pan.com/img/common/bg_b_contents.jpg) no-repeat;
}

div.fla{
	margin: 0 0 3px 0;
}


/*---------------------------------------------------------
　leftBox
---------------------------------------------------------*/
div.leftBox{
	width: 191px;
	margin: 0;
	padding: 0 0 0 13px;
	float: left;
	text-align: center;
}

div.leftBoxInner{
	width: 191px;
	margin: 0;
	padding: 0;
	background:url(http://www.honda-pan.com/img/common/bg_c_sideber.jpg) repeat-y;
}


div.leftBoxTop{
	width: 191px;
	height: 9px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	background:url(http://www.honda-pan.com/img/common/bg_t_sideber.jpg) no-repeat;
}

div.leftBoxBottom{
	width: 191px;
	height: 9px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	background:url(http://www.honda-pan.com/img/common/bg_b_sideber.jpg) no-repeat;
}

div.leftBox h4.sideTitle01{
	width:191px;
	height:32px;
	margin: 0 0 8px 0;
	font-size:1px;
	text-indent:-9999px;
	background:url(http://www.honda-pan.com/img/common/sidebar01.jpg) no-repeat;
}

div.leftBox img.banner01{
	margin: 10px 0;
}

div.sideNavi{
	width:164px;
	margin:0 auto;
	padding: 0;
}

div.sideNavi ul
{
	width:164px;
	margin:0;
	padding: 0;
	text-align: left;
}

div.sideNavi ul li
{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	margin:0 0 10px 0;
	padding: 0;
}

div.sideNavi ul li a
{
	width:144px;
	_width:164px;
	padding: 9px 0 14px 20px;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#000000;
	background:url(img/common/category.jpg) no-repeat 0 0;
	display:block;
}

div.sideNavi ul li.noLink span
{
	width:144px;
	_width:164px;
	padding: 9px 0 14px 20px;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#000000;
	background:url(img/common/category.jpg) no-repeat 0 0;
	display:block;
}

div.sideNavi ul li a:link{color:#000000;text-decoration:none;}
div.sideNavi ul li a:visited{color:#000000;text-decoration:none;}
div.sideNavi ul li a:active{color:#000000;text-decoration:none;}
div.sideNavi ul li a:hover{color:#9E3427;text-decoration:none;background:url(img/common/category_hover.jpg) no-repeat 0 0;}

/*-- sub --*/

div.sideNavi ul.sub-category
{
	width:140px;
	margin: 10px 0 0 20px;
	padding: 0;
	text-align: left;
}

div.sideNavi ul.sub-category li{
	margin: 0 0 5px 0;
}

div.sideNavi ul.sub-category li a
{
	width:140px;
	margin: 0;
	padding: 0 0 0 15px;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	background:url(img/common/subcategory.jpg) no-repeat 0 2px;
	display:inline;
}

div.sideNavi ul.sub-category li a:link{color:#000000;text-decoration:none;}
div.sideNavi ul.sub-category li a:visited{color:#000000;text-decoration:none;}
div.sideNavi ul.sub-category li a:active{color:#000000;text-decoration:none;}
div.sideNavi ul.sub-category li a:hover{color:#9E3427;text-decoration:none;background:url(img/common/subcategory.jpg) no-repeat 0 2px;}


/*---------------------------------------------------------
　rightBox
---------------------------------------------------------*/
div.rightBox{
	width: 570px;
	margin: 0;
	padding: 0 14px 0 0;
	float: right;
}

/*-- entry --*/
div.rightBox div.entry-body{
	width: 570px;
	margin: 0 0 15px 0;
	padding: 0;
}

/*-- h3 --*/
div.rightBox h3{
	color: #FFFFFF;
	font-size: 16px;
	margin: 0 0 15px 0;
	padding: 12px 0 11px 51px;
	background: url(http://www.honda-pan.com/img/common/h3.jpg) no-repeat 0 1px;
	clear: both;
}

/*-- h4 --*/
div.rightBox h4{
	color: #573206;
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 3px 0 5px 20px;
	background: url(http://www.honda-pan.com/img/common/h4.jpg) no-repeat 5px 0;
	border-bottom: 1px dotted #9F5940;
	clear: both;
}

/*-- h5 --*/
div.rightBox h5{
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 4px 0 1px 23px;
	color: #872301;
	background: url(http://www.honda-pan.com/img/common/h5.jpg) no-repeat;
}

/*-- h6 --*/
div.rightBox h6{
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 20px 0 5px 20px;
	color: #B48F75;
	background: url(http://www.honda-pan.com/img/common/h6.jpg) no-repeat;
}

/*-- p --*/
div.rightBox p{
	font-size:12px;
	line-height:150%;
	margin-bottom:10px;
}

/*-- リスト（丸） --*/
ul.disc{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

ul.disc li{
	list-style: disc;
}

/*-- リスト（数字） --*/
ol.decimal{
	margin: 0 0 30px 0;
	padding: 0 0 0 20px;
	font-size: 0.8em;
}

ol.decimal li{
	margin: 0 0 10px 0;
	list-style: decimal;
}

div.moblogkun-entry img{
	float:left;
	margin:0 10px 10px 10px;
	padding:2px;
	border:1px solid #ccc;
	}

div.moblogkun-entry p{
	padding:0 10px 10px 10px;
	}

/*---------------------------------------------------------
　footer
---------------------------------------------------------*/
div#footer{
	width: 808px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(http://www.honda-pan.com/img/common/bg_c_contents.jpg) repeat-y;
}

div.footerTop{
	width: 808px;
	height: 12px;
	margin: 0 auto;
	padding: 0;
	font-size: 1px;
	background: url(http://www.honda-pan.com/img/common/bg_t_footer.jpg) no-repeat;
	clear: both;
}

div#footer p{
	width: 785px;
	margin: 0 auto 15px auto;
	padding: 0 0 10px 0;
	color: #A17C52;
	font-size: 12px;
	text-align: center;
	font-family:Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	border-bottom: 2px solid #502302;
	letter-spacing: -1px;
}

div#footer p a{color:#A17C52;text-decoration:none;}
div#footer p a:link{color:#A17C52;text-decoration:none;}
div#footer p a:visited{color:#A17C52;text-decoration:none;}
div#footer p a:active{color:#A17C52;text-decoration:none;}
div#footer p a:hover{color:#A17C52;text-decoration:underline;}

div#footer address{
	font-style: normal;
	font-size: 12px;
	color: #A17C52;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

/*---------------------------------------------------------
　sitemap
---------------------------------------------------------*/

div#sitemap {
	font-size:12px;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
	font-family:sans-serif, "ＭＳ ゴシック", Verdana, osaka;
}
div#sitemap ul {
	margin-left:20px;
}


/* CSSロールオーバー(アルファ使用)
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

/* option
==========================================================*/
.img-left{
	float:left;
	margin:0 10px 10px 0;
	}
	
.img-right {
	float:right;
	margin:0 10px 10px 10px;
	}
	
.Txt-right {
	width: 340px;
	float:right;
}

/*---------------------------------------------------------
top
----------------------------------------------------------*/
/*-- 食パンスケジュール --*/
div.sq-box{
	width: 569px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(http://www.honda-pan.com/img/top/bg_c_sq.jpg) repeat-y;
}

div.sq-boxTop
{
	width: 569px;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url(http://www.honda-pan.com/img/top/bg_t_sq.jpg) no-repeat;
	font-size: 1px;
}

div.sq-boxBottom
{
	width: 569px;
	height: 8px;
	margin: 0 0 25px 0;
	padding: 0;
	background: url(http://www.honda-pan.com/img/top/bg_b_sq.jpg) no-repeat;
	font-size: 1px;
}

div.sq-box h2{
	width: 557px;
	height: 37px;
	margin: 0 auto 15px auto;
	padding: 0;
	background: url(http://www.honda-pan.com/img/top/h3_sq.jpg) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
}

div.sq-box table{
	width: 555px;
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
}

div.sq-box table th{
	width: 78px;
	color: #67330C;
	font-size: 14px;
	padding: 5px;
	border: 1px dotted #67330C;
}

div.sq-box table td{
	color: #67330C;
	font-size: 12px;
	padding: 5px;
	line-height: 1.4;
	border: 1px dotted #67330C;
}

/*-- 焼き上がり時間 --*/
div.top-inner{
	width: 570px;
	margin: 0 0 20px 0;
	padding: 0;
}

div.top-inner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div.time-box
{
	width: 252px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	float: left;
}

div.time-box h3
{
	width: 252px;
	height: 37px;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(http://www.honda-pan.com/img/top/h3_time.jpg) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
}

/*-- 最新情報 --*/
div.news-box
{
	width: 302px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	float: right;
}

div.news-boxInner
{
	width: 302px;
	margin: 0;
	padding: 0;
	background: url(http://www.honda-pan.com/img/top/bg_c_news.jpg) repeat-y;
}

div.news-boxTop
{
	width: 302px;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url(http://www.honda-pan.com/img/top/bg_t_news.jpg) no-repeat;
	font-size: 1px;
}

div.news-boxBottom
{
	width: 302px;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url(http://www.honda-pan.com/img/top/bg_b_news.jpg) no-repeat;
	font-size: 1px;
}

div.news-boxInner h3
{
	width: 290px;
	height: 37px;
	margin: 0 auto 15px auto;
	padding: 0;
	background: url(http://www.honda-pan.com/img/top/h3_news.jpg) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
}

div.news-boxInner ul
{
	width:285px;
	margin: 0 auto;
	_margin: 0;
	padding: 0;
	text-align: left;
}

div.news-boxInner li
{
	font-size:12px;
	font-weight:normal;
	color:#522403;
	line-height:150%;
	list-style:none;
	margin: 0;
}

/* About
--------------------------------------------------*/
div.aboutBox
{
	background:url("http://www.honda-pan.com/img/about/bg_aboutBox.jpg") no-repeat 10px 50%;
}

/* Recommend
--------------------------------------------------*/
div.recommendEntryBody
{
	margin-bottom:20px;
}

div.recommendLeftBox
{
	float:left;
	width:250px;
}

div.recommendRightBox
{
	float:left;
	width:315px;
}

/* Bread
--------------------------------------------------*/
table.menuTable
{
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse;
	border:1px solid #ded2b1;
}

table.menuTable tr th,table.menuTable tr td
{
	width:33%;
	padding:2px;
	border-right:1px solid #ded2b1;
	border-bottom:1px solid #ded2b1;
	font-size:small !important;
}

table.menuTable tr.imgBox td
{
	padding:5px 0;
	text-align:center;
}

table.menuTable tr.headBox th
{
	text-align:center;
	background:#f7f2e2;
	color:#666;
}

table.menuTable tr.priceBox td
{
	text-align:right;
}

table.menuTable tr.aboutBox td
{
	text-align:left;
}

table.menuTableMascot
{
	width:100%;
	margin-bottom:15px;
	border-right:1px solid #ded2b1;
}

table.menuTableMascot tr th,table.menuTableMascot tr td
{
	width:33%;
	padding:2px;
	font-size:small !important;
}

table.menuTableMascot tr.imgBox td
{
	padding:5px 0;
	text-align:center;
}

table.menuTableMascot tr.imgBox td.border
{
	border:1px solid #ded2b1;
	border-right:none;
	
}

table.menuTableMascot tr.headBox th
{
	border-left:1px solid #ded2b1;
	border-bottom:1px solid #ded2b1;
	text-align:center;
	background:#f7f2e2;
	color:#666;
}

table.menuTableMascot tr.priceBox td
{
	border-left:1px solid #ded2b1;
	border-bottom:1px solid #ded2b1;
	text-align:right;
}

table.menuTableMascot tr.aboutBox td
{
	border-left:1px solid #ded2b1;
	border-bottom:1px solid #ded2b1;
	text-align:left;
}

table.menuTableMascot tr.imgBox td.mascotBox
{
	text-align:center;
	vertical-align:top;
}

table.bakedMenuTableMascot
{
	border-right:none;
}

table.bakedMenuTableMascot tr.imgBox td.noBorder
{
	border-left:1px solid #ded2b1;
}

table.bakedMenuTableMascot tr.headBox th.noBorder,
table.bakedMenuTableMascot tr.priceBox td.noBorder,
table.bakedMenuTableMascot tr.aboutBox td.noBorder
{
	background:none;
	border-bottom:none;
}

/* Info
--------------------------------------------------*/
div.mapBox
{
	margin-bottom:15px;
}

div.mapLeftBox
{
	float:left;
	width:380px;
	text-align:left;
}

div.mapRightBox
{
	float:left;
	width:180px;
}

div.mapRightBox img
{
	margin-bottom:15px;
}