/* 基本設定 */

a		{}
a:link		{}
a:visited	{}
a:active	{}
a:hover		{color: #FF0000}

address{
	font-size: 10px;
	font-style: normal;
	line-height: 140%;
	color: #FFFFFF;
}

/* 全体の横幅指定 */

#container{
	width: 780px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

/* コンテンツ部分の横幅指定 */

#contents{
	margin-left: 20px;
	
}

#left{
	float: left;
	margin-right: 30px;
	width: 490px;
	
}

#right{
	width: 240px;
	float: right;
}

/* レイアウト設定 */

body{
	background-color: #CCCCCC;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(http://www.maedacoffee.com/images/back.gif);
	background-repeat: repeat-y;
	background-position: 50%;
}

#footer{
	clear: both;
}

/* ヘッダ部分のデザイン */


#header{
	
}

#global{
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #000000;
	background-image: url(http://www.maedacoffee.com/images/global_top_back.gif);
	background-repeat: repeat-y;
}

.navi1{
	margin-left: 360px;
}

}

#image{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
}

#navi{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}

#navi ul{
	margin: 0px;
	padding: 0px;
}

#navi li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* コンテンツ部分のデザイン */

#container{
	background-image: url(http://www.maedacoffee.com/images/contents_back.jpg);
	background-repeat: repeat-y;	
	}

#contents{
	font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴシック Pro W3";
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	padding-bottom: 30px;
}

#contents p{
	margin-top: 0px;
	margin-bottom: 0px;
}

#contents p.float-r{
	float: right;
}

#contents .imgfloat_l{
	float: left;
	margin-right: 5px;
}

#contents hr{
	display: none;
}

#contents span.meirin{
	color: #660000;
}

#contents span.nishiki{
	color: #990000;
}

/*++++++++++ 共通 ++++++++++++*/

/* 左コンテンツ部分のデザイン */

div#left div.entry p.pagetop{
	margin: 20px 0px 30px 0px;
	clear: both;
	font-size: 12px;
	text-align: right;
}


/*++++++++++ 新着情報 ++++++++++++*/

/* 左コンテンツ部分のデザイン */

#news div#left h2{
	padding-top: 43px;
	padding-bottom: 21px;
	margin-top: 0px;
	margin-bottom: 30px;
	background-image: url(http://www.maedacoffee.com/images/contents_title1.jpg);
	background-repeat: no-repeat;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}

#news div#left div.entry{
	margin-bottom: 20px;
	clear: both;
}

#news div#left div.entry h3{
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	color: #333333;
	line-height:140%;
}

#news div#left div.entry h3.shinchaku_date{
	margin: 0px 0px 10px 0px;
	padding-left: 10px;
	font-size: 14px;
	color: #333333;
	line-height:140%;
	border-left: solid 5px #FF6600;
}

#news div#left div.entry div.honbun{
	width: 370px;
	float: right;
}

#news div#left div.entry div.line{
	clear: both;
	margin-top: 10px;
}


/*++++++++++ 店舗案内 ++++++++++++*/

/* 左コンテンツ部分のデザイン */

/* 店舗案内共通 */

#tenpo div#left h2{
	padding-top: 43px;
	padding-bottom: 21px;
	margin-top: 0px;
	margin-bottom: 30px;
	
	background-image: url(http://www.maedacoffee.com/images/contents_title1.jpg);
	background-repeat: no-repeat;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}

#tenpo div#left div.entry{
	margin-bottom: 20px;
	clear: both;
}

#tenpo div#left div.entry h3{
	margin: 0px 0px 15px 0px;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(http://www.maedacoffee.com/images/contents_title2.gif);
	padding:0px 20px;
	line-height:32px;
	background-repeat: no-repeat;
	
}

#tenpo div#left div.entry p{
	color:#333333;
}

/* 店舗説明 */

#tenpo div#left div.entry div.tenposetsumei{
	width: 250px;
	float: left;
}

#tenpo div#left div.entry div.tenposetsumei p{
	margin-bottom: 10px;
}

#tenpo div#left div.entry div.map{
	width: 228px;
	background-color: #FFFFFF;
	background-image: url(http://www.maedacoffee.com/images/contents_tenpo_map_back.jpg);
	background-repeat: repeat-y;
	float: right;
}

#tenpo div#left div.entry div.map p{
	margin-left: 15px;
	margin-top: 10px;
}

/*::::::::::: スタッフ紹介 :::::::::::*/

#tenpo div#left div.entry div.double{
	clear: both;
	margin-bottom: 10px;
}

#tenpo div#left div.entry div.staff_card_left{
	width: 240px;
	background-color: #FFFFFF;
	background-image: url(http://www.maedacoffee.com/images/staff_card_back.gif);
	background-repeat: repeat-y;
	float: left;
}

#tenpo div#left div.entry div.staff_card_right{
	width: 240px;
	background-color: #FFFFFF;
	background-image: url(http://www.maedacoffee.com/images/staff_card_back.gif);
	background-repeat: repeat-y;
	float: right;
}

#tenpo div#left div.entry div.section{
	margin-bottom:10px;
	clear: both;
}

#tenpo div#left div.entry div.section h3{
	border-left: 6px solid #600;
	padding-left: 10px;
	margin-bottom: 10px;
	background-image: none;
	font-size: 13px;
	font-weight: bold;
	color: #600; 
	line-height: 18px;
}

#tenpo div#left div.entry div.section img{
	margin-right: 10px;
	float: left;
}

#tenpo div#left div.entry div#staff_blog{
	padding-bottom: 20px;
	border-bottom: 1px solid #600;
}

#tenpo div#left div.entry div.navi{
	margin: 40px 0px 30px 0px;
	clear: both;
}

#tenpo div#left div.entry div.navi ul{
	padding: 0px;
	margin: 0px;
}

#tenpo div#left div.entry div.navi li{
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#tenpo div#left div.entry div.navi li.first{
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#tenpo div#left div.entry div.staff_tenpo{
	clear: both;
}

#tenpo div#left div.entry p.pagetop{
	margin: 20px 0px 30px 0px;
	clear: both;
	font-size: 12px;
	text-align: right;
}

#tenpo div#left div.entry div.staff_card_body{
	margin: 0px 14px 0px 10px;
	text-align: center;
}

#tenpo div#left div.entry div.staff_card_body td.komoku{
	font-size: 12px;
	font-weight: bold;	
}

/* こだわりメニュー */

#tenpo div#left div.entry div.menu_cat{
	clear: both;
}

#tenpo div#left div.entry div.menu_cat h3{
	margin-bottom: 5px;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: right;
	padding-top: 10px;
	padding-right: 0px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

#tenpo div#left div.entry div.menu_cat h3.drink{
	background-image: url(http://www.maedacoffee.com/images/menu_title_drink.gif);
}

#tenpo div#left div.entry div.menu_cat h3.food{
	background-image: url(http://www.maedacoffee.com/images/menu_title_food.gif);
}

#tenpo div#left div.entry div.menu_cat h3.dessert{
	background-image: url(http://www.maedacoffee.com/images/menu_title_dessert.gif);
}

#tenpo div#left div.entry div.menu_cat div.cake_banner{
	clear: both;
	margin: 30px 0px 40px 0px;
}

#tenpo div#left div.entry div.menu_subcat{
	clear: both;
	margin-bottom: 30px;
}

#tenpo div#left div.entry div.menu_subcat h4{
	margin: 0px 0px 25px 0px;
}

#tenpo div#left div.entry div.menu_subcat div.menu_left{
	float: left;
}

#tenpo div#left div.entry div.menu_subcat div.photo_menu{
	width: 236px;
}

#tenpo div#left div.entry div.menu_subcat div.photo_menu p.read{
	margin-bottom: 30px;
}

#tenpo div#left div.entry div.menu_subcat div.menu_right{
	width: 244px;
	float: right;
}


#tenpo div#left div.entry div.menu_subcat div.other_menu{
    width: 244px;
	background-image: url(http://www.maedacoffee.com/images/menu_other_back.gif);
	background-repeat: repeat-y;
}

#tenpo div#left div.entry div.menu_subcat div.other_menu div.bottom{
	width: 244px;
	height: 7px;
	background-image: url(http://www.maedacoffee.com/images/menu_other_bottom.gif);
}


#tenpo div#left div.entry div.menu_subcat h5{
	text-align: center;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#tenpo div#left div.entry div.menu_subcat p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#tenpo div#left div.entry div.menu_subcat ul{
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}

#tenpo div#left div.entry div.menu_subcat li{
	background-image: url(http://www.maedacoffee.com/images/menu_other_mark.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
	margin: 0px 15px 0px 10px;
	padding: 10px 12px 10px 30px;
	border-bottom: dashed 1px #E6A579;
	
}

#tenpo div#left div.entry div.menu_subcat li.last{
	border-bottom: none;
}

#tenpo div#left div.entry div.menu_subcat .hosoku{
	font-size: 10px;
}


#tenpo div#left div.entry div.menu_subcat div.sirup_banner{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#tenpo div#left div.entry div.menu_subcat div.sirup_banner h5{
	text-align: left;
	margin: 0px;
	padding: 0px;
}


#tenpo div#left div.entry div.menu_subcat div.sirup_banner p{
	margin: 0px 4px 0px 0px;
	padding: 3px 5px 0px 5px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #660000;
	border-left-color: #660000;
}

#tenpo div#left div.entry div.menu_subcat div.sirup_banner div.bottom{
	width: 240px;
	height: 4px;
	background-image: url(http://www.maedacoffee.com/images/menu_sirup_bottom.gif);
}

/*++++++++++ 前田珈琲のこだわり ++++++++++++*/

/* 左コンテンツ部分のデザイン */

#kodawari div#left h2{
	padding-top: 43px;
	padding-bottom: 21px;
	margin-top: 0px;
	margin-bottom: 30px;
	background-image: url(http://www.maedacoffee.com/images/contents_title1.jpg);
	background-repeat: no-repeat;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}

#kodawari div#left div.entry div.irekata{
	margin-bottom: 50px;
	clear: both;
}

#kodawari div#left div.entry div.irekata h3{
	background-image: url(http://www.maedacoffee.com/images/kodawari_oishi_midashiback1.gif);
	background-repeat: no-repeat;
	padding: 0px 15px;
	margin: 0px 0px 20px 0px;
	font-size: 14px;
	line-height: 140%;
	color: #FFFFFF;
}

#kodawari div#left div.entry div.irekata h3 span.hikikata{
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
	margin
}

#kodawari div#left div.entry div.irekata div.tokucho{
	border: dashed 1px #333333;
	padding: 10px 20px;
	margin-bottom: 30px;
	background-color:#FFFFFF;
}

#kodawari div#left div.entry div.irekata div.tokucho h4{
	padding: 0px 15px;
	margin: 0px;
	font-size: 12px;
	line-height: 140%;
	background-image: url(http://www.maedacoffee.com/images/kodawari_oishi_midashimark.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#kodawari div#left div.entry div.irekata div.setsumei div.kotei1{
	width: 220px;
	float: left;
}

#kodawari div#left div.entry div.irekata div.setsumei div.arrow1{
	width: 50px;
	height: 200px;
	background-image: url(http://www.maedacoffee.com/images/kodawari_oishi_arrow1.gif);
	background-repeat:no-repeat;
	background-position:center;
	float: left;
}

#kodawari div#left div.entry div.irekata div.setsumei div.wrapper{
	float: right;
}

#kodawari div#left div.entry div.irekata div.setsumei div.kotei2{
	width: 220px;
	float: right;
}

#kodawari div#left div.entry div.irekata div.setsumei div.arrow2{
	height: 100px;
	background-image: url(http://www.maedacoffee.com/images/kodawari_oishi_arrow2.gif);
	background-repeat:no-repeat;
	background-position:center;
	clear: both;
}

#kodawari div#left div.entry div.irekata div.setsumei div.kotei3{
	clear: both;
}

#kodawari div#left div.entry div.irekata div.setsumei div.kotei3 div.comment_right{
	float: right;
	width: 270px;
}

#kodawari div#left div.entry div.irekata div.setsumei p.illust{
	margin-bottom: 15px;
	text-align: center;
}

#kodawari div#left div.entry div.irekata div.setsumei p.comment1{
	margin-bottom: 16px;
}

#kodawari div#left div.entry div.irekata div.setsumei p.illust2{
	margin: 0px 0px 0px 25px;
	float: left;
}

#kodawari div#left div.entry div.irekata div.setsumei p.illust{
	height: 132px;
	text-align: center;
	position: relative;
	top: 10px;
}

#kodawari div#left div.entry div.irekata div.setsumei p.illust4{
	height: 145px;
	text-align: center;
	margin-bottom: 15px;
	position: relative;
	top: 20px;
}

#kodawari div#left div.entry div.irekata div.setsumei div.kotei3 h5{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#kodawari div#left div.entry div.irekata div.setsumei span.star{
	color: #FF0000;
}

/* ケーキ室 */

#kodawari div#left div.entry div#cake h3{
	background-image: url(images/kodawari_cake_midashibar.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 3px 15px;
	border-bottom: 1px solid #CC9900;
}

#kodawari div#left div.entry div.cake_room{
	clear: both;
	margin: 0px 0px 30px 0px;
}

#kodawari div#left div.entry div.cake_room p.comment{
	width: 248px;
	float: left;
	line-height: 200%;
}

#kodawari div#left div.entry div.cake_room  p.photo{
	width: 222px;
	float: right;
	margin: 0px 0px 0px 20px;
}

#kodawari div#left div.entry div.cake_room p.comment3{
	line-height: 200%;
	margin-bottom: 10px;
}

#kodawari div#left div.entry div.cake_room p.photo2{
	margin: 0px 0px 20px 0px;
}

#kodawari div#left div.entry div.cake_room div.yoyaku{
	clear: both;
	margin: 0px 0px 20px 0px;
}

#kodawari div#left div.entry div.cake_room div.left_contents{
	width: 248px;
	float: left;
}

#kodawari div#left div.entry div.cake_room div.right_contents{
	width: 222px;
	float: right;
	margin: 0px 0px 0px 20px;
}

#kodawari div#left div.entry div.cake_room div.right_contents p.caption{
	font-size: 10px;
	margin: 2px 0px 10px 0px;
}


#kodawari div#left div.entry div.cake_room p.comment2{
	line-height: 200%;
	margin-bottom: 20px;
}

#kodawari div#left div.entry div.cake_room p.comment2_2{
	line-height: 200%;
	margin-bottom: 5px;
}

#kodawari div#left div.entry div.cake_room p.menu_btn{
	text-align: center;
	margin-bottom: 20px;	
}

#kodawari div#left div.entry div.cake_room div.otoiawase{
	background-color: #FFFFFF;
	text-align: center;	
	margin: 0px auto;
	padding: 15px 0px 20px;
	border: 1px solid #666666;
	width: 231px;
	clear: both;
}

#kodawari div#left div.entry div.cake_room div.otoiawase h4{
	text-align: center;	
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/*++++++++++ 会社概要 ++++++++++++*/

/* 左コンテンツ部分のデザイン */

#kaisha div#left h2{
	padding-top: 43px;
	padding-bottom: 21px;
	margin-top: 0px;
	margin-bottom: 30px;
	
	background-image: url(http://www.maedacoffee.com/images/contents_title1.jpg);
	background-repeat: no-repeat;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
}

#kaisha div#left div.entry{
	margin-bottom: 20px;
	clear: both;
}

#kaisha div#left div.entry h3{
	margin: 0px 0px 15px 0px;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(http://www.maedacoffee.com/images/contents_title2.gif);
	padding:0px 20px;
	line-height:32px;
	background-repeat: no-repeat;
	
}

#kaisha div#left div.entry p{
	color:#333333;
}

#kaisha div#left div.entry td.komokutop{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-color: #AB834B;
	color:#FFFFFF;
}

#kaisha div#left div.entry td.komoku{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-color: #AB834B;
	color:#FFFFFF;
}

#kaisha div#left div.entry td.komokulast{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #AB834B;
	color:#FFFFFF;
}

#kaisha div#left div.entry td.datatop{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #E7DEBE;
	border-top-color: #993300;
}

#kaisha div#left div.entry td.data{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #E7DEBE;
}


#kaisha div#left div.entry td.datalast{
	background-color: #E7DEBE;
}

#kaisha div#left div.entry div.gaiyo{
	border-width: 1px;
	border-style: solid;
	border-color: #993300;
}

#kaisha div#left div.entry div.gaiyo span.mark{
                color: red;
}

#kaisha div#left div.entry div#saiyo_midashi{
	margin-bottom: 15px;
}

#kaisha div#left div.entry div.bosyu{
	background-color: #FFFFFF;
	background-image: url(http://www.maedacoffee.com/images/saiyo_boshu_back.jpg);
	background-repeat: repeat-y;
	text-align: center;
}

#kaisha div#left div.entry div.bosyu h3{
	background-image: none;
	margin: 0px;
	padding: 0px;
	color: #660000;
}

#kaisha div#left div.entry div.enkaku td.datetop{
	background-image: url(http://www.maedacoffee.com/images/enkaku_nendai_top.gif);
	background-color: #E8C9BB;
	background-position: left top;
	background-repeat: no-repeat;
	color:#330000;
	padding-top: 10px;
}

#kaisha div#left div.entry div.enkaku td.date{
	background-color: #E8C9BB;
	color:#330000;
}

#kaisha div#left div.entry div.enkaku td.datelast{
	background-color: #E8C9BB;
	color:#330000;
	border-bottom: solid 1px #820000;
}

#kaisha div#left div.entry div.enkaku td.ayumitop{
	background-image: url(http://www.maedacoffee.com/images/enkaku_ayumi_top.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#kaisha div#left div.entry div.enkaku td.ayumi{
	padding-left: 15px;
}

#kaisha div#left div.entry div.enkaku td.ayumilast{
	background-image: url(http://www.maedacoffee.com/images/enkaku_ayumibottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}

/* 右コンテンツ部分のデザイン */

#right h2{
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#right div.sidemenu_list{
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	background-image: url(http://www.maedacoffee.com/images/sidemenu_back.jpg);
	clear: both;
}

#right div.sidemenu_list ul{
    margin: 0px;
	padding: 0px;
}

#right div.sidemenu_list li{
	list-style-type: none;
	list-style-position:inside;
	background-image: url(http://www.maedacoffee.com/images/sidemenu_list_back.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: 50%;
}

#right div.sidemenu_list li a{
	display: block;
	margin: 0px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 22px;
	padding-right: 2px;
	padding-bottom: 20px;
	padding-left: 55px;
}

#right div.sidemenu_list li a:hover{
	display: block;
	margin: 0px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	}

#right div.menu_foot{
	background-image:url(http://www.maedacoffee.com/images/sidemenu_foot.jpg);
	width: 240px;
	height: 32px;
}

#right div.menu_foot hr{
	display: none;
}

/* フッタ部分のデザイン */

#footer {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	text-align: center;
	margin-top: 10px;
}

#footer p{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
}

#footer a:link	{color: #FFFFFF}
#footer a:visited	{color: #FFFFFF}
#footer a:hover	{color: #FF0000}
#footer a:active	{color: #FFFFFF}