@charset "utf-8";
/* -----------------------------------------------------
* サイトの共通部分に適用させるCSS
* create: 2013/04/11 
* author: sakaguchi

*INDEX
* 1.htmlタグ要素の設定
	*
* 2.header設定
* 3.wrap設定
* 4.footer設定
----------------------------------------------------- */
 /* ----------------------------------------------------------------------------------------------------
 * ▼　1.htmlタグ要素の設定
 * --------------------------------------------------------------------------------------------------*/ 
body {
	font-size: 62.5%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #333;
	line-height: 1.5;
	text-align: center;
	background: #ffffff;
	overflow-x: hidden;
	overflow-y: scroll;
	background: url(../images/bg03.png) repeat;
}
a:link {/*リンク文字色（未訪問）*/
	color: #666;
}
a:visited {/*リンク文字色（訪問済）*/
	color: #666;
}
a:hover {/*リンク文字色（マウスオーバー時）*/
	color: #CCC;
}
a:active {/*リンク文字色（クリック時）*/
	color: #666;
}
p {
	margin-bottom: 5px;
	font-size: 1.2em;
}
ul,ol,dl,th,td,address {
	font-size: 1.2em;
}
* html th,
* html td {/*IE6及びIE5.5のテーブル内の文字サイズ非継承バグ対策*/
	font-size: 0.75em;
	line-height: 1.5;
}
li{
	list-style: none;
}
@font-face {
	font-family: handmade;
	src: url(../font/RiiPopkkR.eot);
}
@font-face {
  font-family: 'handmade';
  	src: url('RiiPopkkR.eot');
	src: url('RiiPopkkR.eot?#iefix') format('embedded-opentype');
  	src: url('../font/riipopkkr.ttf') format('truetype');
  	src: url('../font/RiiPopkkR.woff') format('woff');
}
 /* ----------------------------------------------------------------------------------------------------
 * ▼　2.header
 * --------------------------------------------------------------------------------------------------*/ 
 header{
	 /*margin-bottom: 30px;*/
	 margin-bottom: 10px;
	 padding-top: 30px;
 }
 header section.content{
	 width: 1260px;
	 margin: 0 auto;
	 overflow: hidden;
 }
 header section.content h1{
	 float: left;
 }
 header section.content nav{
	 float: right;
 }
 header section.content nav ul{
	 overflow: hidden;
 }
 header section.content nav ul li{
	 width: 80px;
	 padding-top: 25px;
	 height: 55px;
	 float: left;
	 margin-right: 10px;
	 background: url(../images/nav/off_bg_01.png) repeat;
 }
 header section.content nav ul li:hover{
	 background: url(../images/nav/on_bg_01.png) repeat;
	 cursor: pointer;
 }
 header section.content nav ul li#onpage{
	 background: url(../images/nav/on_bg_01.png) repeat;
	 cursor: pointer;
 }
  header section.content nav ul li:last-child{
	  margin-right: 0px;
  }
  /* ----------------------------------------------------------------------------------------------------
 * ▼　3.wrapエリア
 * --------------------------------------------------------------------------------------------------*/ 
 div#wrap{
	 width: 1260px;
	 margin: 0 auto 0px;
	 text-align: left;
	 overflow: hidden;
 }
    /* ----------------------------------------------------------------------------------------------------
 * ▼　4.フッター
 * --------------------------------------------------------------------------------------------------*/ 
 footer section.content{
	 width: 1260px;
	 margin: 0 auto;
	 text-align: left;
 }
 footer section.content h2{
	 background: url(../images/bg/footer_title_bg.png) center repeat-x;
	 margin-bottom: 10px;
 }
 footer section.content nav{
	 margin-bottom: 20px;
 }
 footer section.content nav ul{
	 overflow: hidden;
 }
 footer section.content nav ul li{
	  float: left;
	  margin-right: 30px;
	  font-family: handmade;
	  font-size: 14px;
  }
  footer section.content nav ul li a{
	  color: #533c34;
  }
   footer section.content address{
	   text-align: right;
	   font-family: handmade;
	   font-style: normal;
	   font-size: 14px;
	   color: #533c34;
   }
/* ----------------------------------------------------------------------------------------------------
 * ▼　5.facebookエリア
 * --------------------------------------------------------------------------------------------------*/
section.facebook{
	width: 1260px;
	margin: 0 auto 10px;
	/*text-align: right;*/
	text-align: left;
	overflow: hidden;
 }
 section.facebook p{
	 width: 300px;
	 float: right;
	 text-align: right;
	 padding: 5px;
	 border-radius: 5px;
 }
  section.facebook p a:hover img{
	  opacity: 0.8;
  }
  header.sample nav{
	  margin-top: 10px;
  }
  
  
  
/* ----------------------------------------------------------------------------------------------------
 * ▼　Bread times バックナンバー　ポップアップ用ページ
 * --------------------------------------------------------------------------------------------------*/


body.breadtimes_backno h2 {
	font-size:16px;
	margin:10px 20px;

	}

ul.breadtimes_backno {
	margin:20px 50px 100px;
}

ul.breadtimes_backno li {
	list-style-type:none;
	font-size:14px;	
	line-height:180%;
}

ul.breadtimes_backno li a:hover {
	list-style-type:disc;
	font-size:14px;	
	color:#00D36F;
	text-decoration:underline;
}


.-indent{
  text-indent: -1em;
  padding-left: 1em;
}


