/*================================共通================================*/

/*  デフォルトでは、すべて 0に設定しておく  */
* {
  padding:          0px;
  margin:           0px;
}


body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	color: #585857;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-image: url(./images/bg.gif);    
}

/* clearfix */
.clearfix:after {
  display:block;
  clear:both;
  visibility: hidden;
  height: 0;
  content:".";
}

  /* for IE6 */
  * html .clearfix {
    display:inline-block;
  }

  /* for IE7 */
  *+html .clearfix {
    display:inline-block;
  }

/*見出し*/
h1,h2,h3,h4,h5 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px auto;
}

/* font */
.fs_9pt {
	font-size:9pt;
}
.fs_10pt {
	font-size:10pt;
}

.fs_11{
	font-size: 11pt;
	line-height:1.3em;
}

/* fontcolor */
.fc_red {
	color: #AC4545;
}


/*リンク*/
a:link    { color: #F7941D; text-decoration:none;}
a:visited { color: #F7941D; text-decoration:none;}
a:hover   { color: #f7b551; text-decoration:underline;} 
a:active  { color: #f7b551; text-decoration:underline;}

/*form size */
.form_01 {
  width:300px;
}
.form_put {
  width:150px;
}

/*外フレーム*/
#frame{
	width: 760px;
	margin: 0px auto;
}



/* |||||||||| ヘッダー  |||||||||| */
#header{
  height:           72px;
  margin-top:       5px;
}
#header h1 {
  width:            178px;
  float:            left;
}
#header h1 a {
  background:       url(./images/logo.gif) no-repeat;
  display:          block;
  width:            178px;
  height:           67px;
  text-indent:      -5000px;
  overflow:         hidden;
  text-decoration: none;
}
#header h2 {
  width:            582px;
  height:           17px;
  text-align:       right;
  padding-top:      27px;
  color:            #280001;
  font-size:        110%;
  font-weight:      bold;
  float:            right;
}




/*コンテンツ*/

#menu{
	overflow: hidden;
	width:758px;
	height: 43px;
}

#menu ul{
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}

#menu li {
	float: left;
	margin: 0;
	
}
	
#menu {	width: 758px;}
#menu li { float: left; margin: 0;}
#menu li a {
	display: block;
	height: 43px;
	text-indent: -9999px;
	float: left;
	background-color: transparent;
	background-position: 0 -43px;
	background-repeat: no-repeat;
	text-decoration: none;
}
#menu li a.now { background-position: 0 0;}
#menu li a:hover { background-position: 0 0;}

#index a { width:120px; background-image: url(images/menu01.jpg);}
#baumkuchen a { width:159px; background-image: url(images/menu02.jpg);}
#commodity a { width:120px; background-image: url(images/menu03.jpg);}
#guide a { width:120px; background-image: url(images/menu04.jpg);}
#about a { width:120px; background-image: url(images/menu05.jpg);}
#inquiry a { width:119px; background-image: url(images/menu06.jpg);}

/*メインフレーム*/
#main{
	margin: 0;
	background-color: #ffffff;
	border: 1px solid #947A00;
	width: 758px;
}

/*左フレーム*/
#left{
	float:left;
	width: 535px;
	background-image: url(images/back_img1.gif);
	background-repeat: no-repeat;
	background-position: top right; 
	border: 0px solid #947A00;
}

#leftmenu{
	text-align: left;
	margin-top: 20px;
	margin-left: 24px;
	margin-bottom: 30px;
	width: 511px;
	border: 0px solid #947A00;
}

/*右フレーム*/
#right{
	float:left;
	width: 221px;
	background-image: url(./images/back_img2.gif);
	background-repeat: no-repeat;
	border: 0px solid #947A00;
}

#rightmenu{
	text-align: center;
	margin-top: 20px;
}

/*フッター*/
#footer {
	font-size: 10pt;
	padding-top: 10px;
	height: 45px;
	text-align: left;
	border: 0px solid #947A00;
	color: #947A00;
}
#footer ul {list-style:none;
	margin: 0px;
	padding: 0px;
}

#footer li {
	background: transparent url(images/mark.gif) no-repeat 10px 2px;
	padding-left: 20px;
	text-align: left;
	float: left;
}
#footer a:link { color:#947A00; }
#footer a:visited { color:#947A00; }
#footer a:hover { color:#947A00; }
#footer a:active { color:#947A00; }

/*================================お買い物ガイド================================*/

#top{
	background-image: url(images/shopping_top.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 95px;
	text-indent: -5000px;
}

#g_01{
	background-image: url(images/g_01.gif);
	background-repeat: no-repeat;
	width:512px;
	height: 26px;
	margin-bottom: 10px;
	text-indent: -5000px;
}

#g_02{
	text-align: left;
	font-size: 11pt;
	border-bottom: 1px solid #8A8888;
}
.g_02 ol{
	list-style-type: none;
	float: left;
}

.g_02 li {
	float: left; margin: 0;
}

.g_03{
	background-image: url(images/g_02.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 10px 0px;
	height: 15px;
	text-indent: -5000px;
}

.g_04{
	background-image: url(images/g_03.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 10px 0px;
	height: 15px;
	text-indent: -5000px;
}

.g_05{
	background-image: url(images/g_04.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 10px 0px;
	height: 15px;
	text-indent: -5000px;
}

.g_06{
	background-image: url(images/g_05.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 10px 0px;
	height: 15px;
	text-indent: -5000px;
}

.g_07{
	background-image: url(images/g_06.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 10px 0px;
	height: 15px;
	text-indent: -5000px;
}

.g_08{
	background-image: url(images/g_07.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 10px 0px;
	height: 15px;
	text-indent: -5000px;
}

.g_09{
	background-image: url(images/g_08.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 10px 0px;
	height: 15px;
	text-indent: -5000px;
}

th,td.g2{
	padding: 5px 5px;
	background-color: #ffffff;
}

table.g3{
	border-collapse: collapse;
	border: 1px solid #B8B7B7;
}

a.intd:link{ color:#AC4545; }
a.intd:visited{ color:#AC4545; }
a.intd:active{ color:#AC4545; }

th {
	font-weight: normal; 
	text-align: center;
	background-color: #EDEDED;
}

.text{
	padding: 5px 0px 5px 0px;
	width: 511px;
}

.ten_line{
	width: 511px;
	height: 1px;
	margin: 20px 0px 3px 0px;
	background-image: url(images/tensen.gif);
	background-repeat: no-repeat;
}

.gototop{
	font-size: 9pt;
	width: 511px;
	text-align: right;
	border: 0px solid #8A8888;
}

ol.space05{padding:3px 0px 15px 30px;}

/*=====行間隔=======*/

.a2{ line-height:1.5em;}

/*=================================TABLE================================*/
.bg13{margin:20px auto;}

.fs_112{
	background-color: #cccccc;
	vertical-align: top;
}
	
.bg14{
	background-color: #FFFFFF;
	padding: 5px 7px;}

.fc_113{
	color: #D7797B;
	padding: 5px 7px;}

/*================================洋菓子の欧風堂================================*/

#top2{
	background-image: url(images/about_top.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 95px;
	text-indent: -5000px;
}

td.a1{
	padding-left:10px;
	background-color: #ffffff;
	font-size: 11pt;
}

#a_01{
	background-image: url(images/about01.gif);
	background-repeat: no-repeat;
	width:510px;
	height: 29px;
	margin-bottom: 10px;
	text-indent: -5000px;
}
#a_02{
	background-image: url(images/about05.gif);
	background-repeat: no-repeat;
	width:511px;
	height: 28px;
	margin: 30px 0px 20px 0px;
	text-indent: -5000px;
}

.fc_red{
	color: #AC4545;
	font-size: 11pt;
}
.fc_beige{
	color: #C0BE91;}

.fc_red2{
	color: #AC4545;
}

.tensen{
	background-image: url(images/about04.gif);
	heght 1px;
	width: 313px;
	background-repeat: no-repeat;
	background-position: center;}
	
/*==ソフトバウム==*/

p.soft {
  padding: 10px 0 10px 0;
  font-size: 14px;
}

div.softbox {
  background-color:#f7edbf;
}

div.softbox img.soft-left {
  float: left;
  padding: 15px;
}

div.softbox div.soft-right {
  float: left;
  padding: 0 0 0 0;
}

div.softbox div.soft-right img.soft-01 {
  padding: 10px 0 0 0;
}

div.softbox div.soft-right p.soft-01 {
  width: 265px;
  padding: 0 0 0 0;
}

div.softbox div.soft-right img.soft-02 {
  padding: 20px 0 0 85px;
}


/*================================免責事項================================*/
#top3{
	background-image: url(images/disclaimer_title.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 95px;
	text-indent: -5000px;
}


h3{
	font-size: 12pt;
	margin-bottom: 17px;
	margin-top: 0px;
	padding-top: 0px;
}


/*================================プライバシーポリシー================================*/
#top4{
	background-image: url(images/privacy_top.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 95px;
	text-indent: -5000px;
}

h4{
	line-height: 1.4em;}



p{
	margin: 0px;
	line-height:1.5em;
}

ol{
	margin: 0px;
	padding-left:30px;
	padding-top: 5px;
	line-height: 1.4em;}

/*================================お問い合わせ================================*/

#q_title{
	background-image:url(images/inquiry_title.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 95px;
	text-indent: -5000px;
}


/*--テーブル--*/

td.q1{ 
	padding: 6px;
	background-color: #EDE5E7;
	border: 3px solid #FFFFFF;
}


/*================================訪問販売法に基づく表示================================*/

#sales_top{
	background-image: url(images/sales_top.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 95px;
	text-indent: -5000px;
}

ul.s01{
	margin: 0px;
	padding-left: 20px;
}

li.s02{
	list-style-image:url(images/kome.gif);
	margin:0px;
	padding:0px;
}


/*=================================商品案内共通================================*/

#sweet01{
	background-image: url(images/commodity01_top.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 95px;
	text-indent: -5000px;
}

/***CAKEFLAME****/

.cake01{
	background-color: ;
	margin-bottom:20px;
	float: left;
	width: 509px;
	border: 1px solid #FEEEDB;
}

.sh_01{
	float: left;
	background-image: url(images/sew01_15.gif);
	background-repeat: no-repeat;
	width:511px;
	height: 29px;
	margin-bottom: 10px;
	text-indent: -5000px;
}

.sh2_01{
	background-image: url(images/swe02_1.gif);
	background-repeat: no-repeat;
	width:511px;
	height: 29px;
	text-indent: -5000px;
}

.sh03{
	background-image: url(images/swe01_2.jpg);
	background-repeat: no-repeat;
	width:216px;
	height: 237px;
	text-indent: -5000px;
}

.sh04{
	background-image: url(images/swe01_4.jpg);
	background-repeat: no-repeat;
	width:216px;
	height: 237px;
	text-indent: -5000px;
}

.sh05{
	background-image: url(images/swe01_8.jpg);
	background-repeat: no-repeat;
	width:216px;
	height: 238px;
}

.text01{
	width: 130px;
	text-indent: -5000px;
	background-image: url(images/swe_text01.jpg);
	background-repeat: no-repeat;
	background-position:left center;
}

.text03{
	width: 130px;
	text-indent: -5000px;
	background-image: url(images/swe_text02.jpg);
	background-repeat: no-repeat;
	background-position:left center;
}

.text04{
	width: 130px;
	text-indent: -5000px;
	background-image: url(images/swe_text03.jpg);
	background-repeat: no-repeat;
	background-position:left center;
}

.text05{
	width: 130px;
	text-indent: -5000px;
	background-image: url(images/swe_text10.gif);
	background-repeat: no-repeat;
	background-position:left center;
}

.sh_06{text-indent: -5000px;}

.sh_07{
	background-image: url(images/swe_02.jpg);
	text-indent: -5000px;
}

/***SPACE****/
.space01{padding: 4px 0px;}

td.sh_08{height: 15px;}

.right{padding-left: 14px;}

.img {margin-top:3px;}

.img2 {margin-top:3px;}
/***線と点線****/

.meyasu{
	height: 1px;
	background-image: url(images/swe_text05.jpg);
	background-repeat: no-repeat;
}

.meyasu2{
	height: 1px;
	background-image: url(images/swe_text06.jpg);
	background-repeat: no-repeat;
}

/***赤TEXT行間****/

.sh_red{ line-height: 110%;}

/***商品一覧共通右側****/
.sh_09{
	height: 11px;
	background-image: url(images/tensen.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;}
	
.sh_10{
	height: 11px;
	background-image: url(images/sen.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;}

/*=================================欧風堂のバームクーヘン================================*/

#baum_01{
	background-image: url(images/b_top.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 95px;
	text-indent: -5000px;
}

.baum_02{
	background-image: url(images/b_01.gif);
	background-repeat: no-repeat;
	width:512px;
	height: 29px;
	text-indent: -5000px;
}

.pink{
	margin-top: 20px;
	width:511px;
	background-color: #FDEAEB;
}

.baum_03{
	background-image: url(images/b_03.gif);
	background-repeat: no-repeat;
	width: 511px;
	height: 42px;
	text-indent: -5000px; 
}

.list {
	font-size: 10pt;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-align: left;
}
#list ul {list-style:none;
	margin: 0px;
	padding: 0px;
}

#list li {
	background: transparent url(images/b_07.gif) no-repeat 10px 4px;
	padding-left: 20px;
	text-align: left;
	float: left;
}

#cyumon{
	width:81px;
	height: 26px;
}

#cyumon ul{
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}

#cyumon li {
	float: left;
	margin: 0;	
}

#cyumon a .no01{display:none;}

#cyumon a{
	background-image: url(images/b_06.jpg);
	background-repeat: no-repeat;
	width: 81px;
}

#cyumon li a.now { background-position: 0 0;}
#cyumon li a:hover { background-position: 0 0;}


#cyumon li a{
	display: block;
	height: 26px;
}

.baum_05{
	margin-top: 5px;
	margin-left: 10px;
}


.s-baum_01{
	padding: 20px 0 0 0;
}

/*=================================トップページ================================*/
/*左フレーム*/
#topleft{
	float:left;
	width: 455px;
	background-image: url(images/back_img1.gif);
	background-repeat: no-repeat;
	background-position: top right; 
	border: 0px solid #947A00;
}

#topleftmenu{
	text-align: left;
	margin-top: 20px;
	margin-left: 24px;
	margin-bottom: 30px;
	width: 405px;
	border: 0px solid #947A00;
}

/*右フレーム*/
#topright{
	float:left;
	width: 303px;
	background-image: url(./images/back_img2.gif);
	background-repeat: no-repeat;
	background-position: top right; 
	border: 0px solid #947A00;
}

#toprightmenu{
	margin-top: 20px;
	width: 277px;
	border: 0px solid #947A00;
}

/*トップ画像*/
#top01{
	background-image: url(images/top_title.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 201px;
	text-indent: -5000px;
}

/*おすすめ商品*/
.top02{
	margin-top: 15px;
	background-image: url(images/t_02.jpg);
	background-repeat: no-repeat;
	width:405px;
	height: 26px;
	text-indent: -5000px;
}

p.osusume {
  padding: 0 0 5px 0;
  line-height: 16px;
}

p.osusume2 {
  padding: 5px 0 5px 0;
}


/*お知らせ*/
.t_03{
	background-image: url(images/t_08.jpg);
	background-repeat: no-repeat;
	width: 277px;
	height: 25px;
	text-indent: -5000px;
}

.top_ten{
	height: 11px;
	width: 277px;
	background-image: url(images/t_09.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

/*欧風堂のバームクーヘン*/

.t_04{
	width: 257px;
	border: 1px solid #BBBBBB;
	padding: 10px;
	margin: 5px 0px 10px 0px;
}

img.top-height {
 padding: 5px 0 5px 0;
}

/*おすすめ商品*/

.t_05{
	margin: 20px 0px 5px 0px;
	background-image: url(images/t_02.jpg);
	background-repeat: no-repeat;
	width: 405px;
	height: 25px;
	text-indent: -5000px;
}

.t_06{
	float:left;
	width: 210px;
	border: 1px solid #947A00;
}

/*こだわりスイーツ*/

.t_07{
	margin: 20px 0px;
	padding:10px;
	width: 385px;
	background-color: #F4F1E5;
	text-align: center
	text-indent: -5000px;
}

.t_07 td{
		padding: 0px 0px;}

.t_08{
	background-image: url(images/t_05.jpg);
	background-repeat: no-repeat;
	width: 390px;
	height: 46px;
	text-indent: -5000px;
	margin: 5px 0px;
}

.t_09{
	background-image: url(images/t_06.jpg);
	background-repeat: no-repeat;
	width: 165px;
	height: 24px;
}

img.t_space{
	margin: 0 0 10px 0;
}

/*=================================ありがとうございました================================*/
#thanks_01{
	background-image: url(images/thanks_title.jpg);
	background-repeat: no-repeat;
	width:758px;
	height: 95px;
	text-indent: -5000px;
}

.spac{margin-right:0.5px;}

.spac2{margin-left:2px;}

