@charset "utf-8";

/* 基本設定 */
h1,h2,h3,h4,h5,h6,p,ul,dl,form{
	margin:0;
	padding:0;
	font-size: 100%;
	font-style: normal;
	line-height: 100%;
	font-weight: normal;
}
/* ボディー設定 */
body{
	margin:0;
	padding:0;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiraagino kaku Gothic Pro","MS Pゴシック","MS P Gothic",sans-serif;
	font-size:11pt;
	line-height:140%;
	font-weight:normal;
	text-align:center;
	background-image:url("../img/pattern_155.gif");
	background-repeat:repeat;
	color:#FDFAF5;
}

h2{
	margin:0px 0px 30px 0px;
}

p{
	line-height:140%;
	padding-top:3px;
	padding-bottom:3px;
}

a:link{
	color:#FFCC33;
	text-decoration:underline;
}

a:visited{
	color:#FFCC33;
	text-decoration:underline;
}

a:hover{
	color:#FFFF00;
	text-decoration:none;
}

#wrapper{
	width:800px;
	margin:0px auto;
	margin-bottom:10px;
	background-color:#2C1C0C;
}

#header{
	height:180px;
	background-image:url("../img/topimage.png");
	background-repeat:no-repeat;
	text-align:left;
}
/* h1設定 */
#header h1{
	margin-left:20px;
	padding:4px 0px;
	font-size:9pt;
	color:#CCCCCC;
	line-height:140%;
}

/* ヘッダー左 googleボタンスペース */ 
#header_left{
	width:200px;
	height:100px;
	float:left;
	color:#FFFFFF;
	margin:20px 0px 0px 0px;
}

/* ヘッダー右 住所スペース */ 
#header_right{
	width:350px;
	float:right;
	text-align:right;
	color:#FFFFFF;
	margin:20px 0px 0px 0px;
}

#header_address{
	margin:35px 27px 0px 0px;
	line-height:20px;
	font-size:11pt;
}

/* メインナビ設定 */
#MainNavi{
   font-size:0.9em;
   width:800px;
   height:30px;
   border-bottom:solid 2px #669933;
}

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

#MainNavi li{
   list-style-type:none;
   float:left;
}

#MainNavi li a{
   display:block;
   width:159px;
   line-height:30px;
   border-right:solid 1px #CC9933;
   text-align:center;
   text-decoration:none;
}

#MainNavi, #MainNavi li a{
   background-image:url("../img/mainNavi1.png");
   background-repeat:repeat-x;
}

#MainNavi li a:hover{
   background-position:0 -50px;
}
/* メインナビ設定ここまで */                  

/* メインイメージスペース */
#MainimgSpace{
   margin-top:10px;
   width:800px;
   height:auto;
   margin-bottom:20px;
}  
/* メインイメージスペースここまで */ 

/* メインコンテンツスペース設定ここから */
#MainContents{
   width:750px;
   height:auto;
   margin-top:10px;
   margin-left:27px;
}   
/* メインコンテンツスペース設定ここまで */

/* メインコンテンツスペース設定1ここから */
#MainContents1{
   width:780px;
   height:auto;
   margin-top:10px;
   padding-right:20px;
}   
/* メインコンテンツスペース設定1ここまで */

/* 左ボックス設定ここから */
.leftBox01{
  width:420px;
  height:auto;
  float:left;
  text-align:left;
  margin-bottom:30px;
}  
/* 左ボックス設定ここまで */

/* 左インナーコンテンツ */
.left_incon01{
  width:420px;
  height:auto;
  float:left;
}
/* 左インナーコンテンツここまで */

/* コンテンツヘッド */
.headtitle{
  width:400px;
  height:25px;
  background-image:url("../img/bar01.png");
  background-repeat:no-repeat;
  text-indent:-9000em;
}

.headtitle00{
  width:400px;
  height:25px;
  background-image:url("../img/bar02.png");
  background-repeat:no-repeat;
  text-indent:-9000em;
  margin-bottom:10px
}
    
/* コンテンツヘッドここまで */

/* ボックス内レイアウト設定 */
/* 左ボックス１ */
.BoxRayout01 img{
  float:left;
  vertical-align:top;
  margin:2px 15px 0px 0px;
}

.BoxRayout01 p{
  margin:10px 0px 30px 0px;
  text-align:left;
  color:#CC9900;
}

/* 左ボックスインフォメーション */
/* コンテンツヘッド */
.headtitle01{
  width:420px;
  height:24px;
  margin:0px 0px 20px 0px;
  background-image:url("../img/titlebar02.jpg");
  background-repeat:no-repeat;
  text-indent:-9000em;
}    
/* コンテンツヘッドここまで */

/* インフォメーション設定ここから */
.info_TOPtitle{
  width:420px;
  height:25px;
  background-image:url("../img/titlebar02.jpg");
  background-repeat:no-repeat;
  margin:0px 0px 5px 0px;
}

#info{
  width:420px;
  height:620px;
  margin-top:0px;
  margin-bottom:25px;
  background-color:#660000;
  color:#FF9900;
  float: left;	
}

#info div{
  height:610px;
  overflow:auto;
  overflow-x:hidden;
  text-align:left;
  padding-top:10px;
}
.info_body{
  padding:0px;
  width:85%;
}   

#info div table{
  width:390px;
}

#info_new{
  font-size:12px;
  line-height:160%;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
}

.info_date{
  padding:0px;
  width:15%;
  padding-left:5px;
}
.info_title{
  padding:0px;
  margin-top:0px;
  margin-bottom:0px;
  color:#FFFFFF;
}
.info_contents{
  margin-top:0px;
  margin-bottom:5px;
}
.info_contents img{
  margin-right:10px;
  float:left;
}
/* インフォメーション設定ここまで */



/* 右コンテンツボックス */
.rightBox{
  width:300px;
  height:auto;
  float:right;
  text-align:right;
  margin-bottom:10px;
}  
/* 右コンテンツボックスここまで */

/* ボックス内レイアウト設定ここまで */




/* フッター設定 */   
#footer{
	clear:both;
	background-image:url("../img/footer_bg.gif");
	background-repeat:repeat-x;
	background-position:top;
	height:30px;
	padding-top:7px;
	font-size:7pt;
	color:#8E8370;
}

/* フッター設定ここまで */

/* 杉山珈琲店　店舗紹介ページここから */

/* 左コンテンツ */
/* 左店舗紹介ボックス */
.BoxRayout02{
  margin:0px 0px 0px 0px;
  width:420px;
  height:auto;
  text-align:left;
}

.BoxRayout02 img{
  margin:0px 0px 5px 0px;
  width:420px;
  height:auto;
}  

.BoxRayout02 p{
  margin:0px 0px 0px 0px;
  text-align:left;
  color:#CC9900;
}  
     
.BoxRayout03{
  margin:30px 0px 0px 0px;
  width:420px;
  height:auto;
  text-align:left;
}
  
.BoxRayout03 img{
  float:left;
  vertical-align:top;
  margin:0px 15px 0px 0px;
}

.BoxRayout03 p{
  margin:30px 0px 0px 0px;
  text-align:left;
  color:#CC9900;
}

.BoxRayout04 img{
  float:right;
  vertical-align:top;
  margin:0px 0px 10px 10px;
}

.BoxRayout04 p{
  margin:70px 0px 0px 0px;
  text-align:left;
  color:#CC9900;
}

/* 右コンテンツここから */
.rightBox03{
  margin:0px 24px 20px 0px;
  width:300px;
  height:auto;
  float:right;
}  

.rightBox03 img{
  margin:0px 0px 5px 0px;
  width:300px;
  height:auto;
}

.rightBox03 p{
  text-align:left;
  color:#CC9900;
}    

.rightBox04{
  margin:10px 24px 0px 0px;
  width:300px;
  height:auto;
  float:right;
}

.rightBox04 img{
  margin:0px 0px 5px 0px;
  width:300px;
  height:auto;
}

.rightBox04 p{
  text-align:left;
  color:#CC9900;
}      
 

/* 店舗紹介地図 */
.maphead{
  width:750px;
  height:45px;
  margin:0px 0px 10px 0px;
  float:left;
  background-image:url("../shop/img/sugiMt00.png");
  background-repeat:no-repeat;
}
     
/* マップ左コンテンツ枠 */
#MapContents{
  width:750px;
  height:auto;
  text-align:left;
  margin-left:27px;
}   

.MapleftContents{
  width:430px;
  height:320px;
  float:left;
  margin:0px 0px 30px 0px;
}  

.Maptextright{
  width:300px;
  height:auto;
  text-align:left;
  float:right;
  color:#CC9900;
}  


/* 左側写真レイアウト */
.MleftBox01{
  width:200px;
  height:auto;
  margin:0px 0px 0px 0px;
  float:left;
} 

.MphotoRayout01{
  width:190px;
  height:290px;
  margin:0px 0px 20px 0px;
  background-image:url("../menu/img/coffiee01.jpg");
  background-repeat:no-repeat;
  float:left;
  text-align:left;
} 

.MphotoRayout01 P{
  text-align:left;
  color:#FFFFFF;
  margin:40px 0px 0px 20px;
}   

.MphotoRayout02{
  width:190px;
  height:250px;
  margin:0px 0px 20px 0px;
  background-image:url("../menu/img/mame.jpg");
  background-repeat:no-repeat;
  float:left;
  text-align:left;
}

.MphotoRayout02 P{
  text-align:left;
  color:#FFFFFF;
  margin:0px 0px 0px 15px;
}  

.MphotoRayout03{
  width:190px;
  height:170px;
  margin:0px 0px 20px 0px;
  background-image:url("../menu/img/pan01.jpg");
  background-repeat:no-repeat;
  float:left;
  text-align:left;
}

.MphotoRayout03 P{
  text-align:left;
  color:#FFFFFF;
  margin:0px 0px 0px 15px;
}     

.MphotoRayout04{
  width:190px;
  height:200px;
  margin:0px 0px 20px 0px;
  background-image:url("../menu/img/cake1.jpg");
  background-repeat:no-repeat;
  float:left;
  text-align:left;
}

.MphotoRayout04{
  width:190px;
  height:306px;
  margin:0px 0px 20px 0px;
  background-image:url("../menu/img/item01.jpg");
  background-repeat:no-repat;
  float:left;
}      
 
/* 右側メニュー文字レイアウト */
.MrightBox01{
  width:540px;
  height:auto;
  float:right;
  color:#CC9900;
  font-size:0.8em;
}  
        
.Menutable{
  width:540px;
  height:auto;
  float:right;
  text-align:left;
  margin-bottom:30px;

}  

/* テーブルカラーバリエーション */
.bgColor01 td{
  background-color:#663300;
  padding-left:5px;
} 

.bgColor02 td{
  background-color:#550000;
  padding-left:5px;
}      


/* 左パン写真設定 */
.PanphotoRayout01{
  width:200px;
  height:200px;
  margin:0px 0px 40px 0px;
  background-image:url("../pan/img/pan01.jpg.html");
  background-repeat:no-repeat;
  float:left;
  text-align:left;
} 

.PanphotoRayout01 P{
  text-align:left;
  color:#FFFFFF;
  margin:10px 0px 0px 20px;
}   
  
.PanphotoRayout02{
  width:200px;
  height:200px;
  margin:0px 0px 40px 0px;
  background-image:url("../pan/img/pan02.jpg.html");
  background-repeat:no-repeat;
  float:left;
  text-align:left;
} 

.PanphotoRayout02 P{
  text-align:left;
  color:#FFFFFF;
  margin:10px 0px 0px 20px;
} 

.PanphotoRayout03{
  width:200px;
  height:200px;
  margin:0px 0px 40px 0px;
  background-image:url("../pan/img/pan03.jpg.html");
  background-repeat:no-repeat;
  float:left;
  text-align:left;
} 

.PanphotoRayout03 P{
  text-align:left;
  color:#FFFFFF;
  margin:10px 0px 0px 20px;
}     

.PanphotoRayout04{
  width:200px;
  height:200px;
  margin:0px 0px 40px 0px;
  background-image:url("../pan/img/pan04.jpg.html");
  background-repeat:no-repeat;
  float:left;
  text-align:left;
} 

.PanphotoRayout04 P{
  text-align:left;
  color:#FFFFFF;
  margin:10px 0px 0px 20px;
}             
/* 白神パンについてここまで */

/* リンクページ */
#link_table{
	width:750px;
	height:auto;
	float:left;
	margin:20px 0px 20px 0px;
	font-size:13px;
}

#link_table td{
	padding-left:15px;
	height:25px;
	vertical-align:middle;
	line-height:20px;
}

.td01{
	width:200px;
	border-bottom:#393 1px dotted;
	float:left;
	padding:10px;
	vertical-align:middle;
}

.td02{
	width:100%;
	border-left:#393 1px solid;
	border-bottom:#393 1px dotted;
	vertical-align:middle;
}



  





  
/*---- メニューページ ----*/
.menubar01{
	width:30%;
	height:auto;
	text-align:center;
}
.menubar02{
	width:50%;
	height:auto;
	text-align:center;
}
.menubar03{
	width:10%;
	height:auto;
	text-align:center;
}
.menubar04{
	width:10%;
	height:auto;
	text-align:center;
}
.menubar001 p{
	padding-left:5px;
}
.menubar002 p{
	padding-left:5px;
}
.menubar003 p{
	text-align:center;
}
.menubar004 p{
	text-align:center;
}

/*--- 今月のお薦めページ ---*/

/* 右側メニュー文字レイアウト */
.OsusumeBox01{
	margin:20px 20px 10px 10px;
  width:720px;
  height:auto;
  float:right;
  color:#A0A0A4;
} 

.PanrightBox01 p{
 text-align:left;
 color:#CC9900;
}    

.papapure{
  background-image:url("https://sugicafe.mom/Reco/img/rizot.jpg.html");
  background-repeat:no-repeat;
  width:710px;
  height:550px;
  margin:0px 0px 10px 0px;
  float:left;
}    

.shirakamiH2t{
  margin:20px 0px 0px 20px;
  font-size:1.5em;
  float:left;
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  color:#FFFFFF;
}  


.osusumetext01{
  width:470px;
  height:auto;
  float:left;
  margin:0px 0px 0px 20px;
}   

.mametext{
	width:650px;
	height:auto;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	font-size:1.1em;
	color:#FFFFFF
}   
             
/* 今月のお薦めここまで */