@charset "UTF-8";

/* reset
-----------------------------------------*/
table{
	border-collapse: collapse;
	border-spacing:0;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-weight:normal;
}
p{
	margin:0;	
}
img{
	border:none;
	margin:0;
	padding:0;
}
ul,dl,dd{
	margin:0;
	padding:0;
}
li{
	list-style:none;	
	margin:0;
	padding:0;
}

/*　共通
-----------------------------------------*/
*{
    font-family:
	'メイリオ',
	'Meiryo',
	'Hiragino Kaku Gothic Pro',
	'ヒラギノ角ゴ Pro W3',
	'Osaka',
	'ＭＳ Ｐゴシック',
	sans-serif;
}
body{
	font-size:80%;
	margin:0px;
	line-height:150%;
	color:#000;
	background:#EEE;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	clear: both;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	overflow:hidden;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.fLeft{
	float:left;	
}
.fRight{
	float:right;	
}
a.ov:hover{
filter: alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;	
}

#container{
	width:950px;
	margin:auto;
}
/* item
---------------------------------------------------------------*/
#item{
	background:url(../img/bg_gold.gif) repeat-y;
	padding:35px;
}
#item .clearfix{
	padding:40px 50px 22px 50px;
	background:url(../img/item_bg_top.gif) no-repeat top left;	
}
#item .tomato{
	margin-bottom:35px;
}

#item .tomato,
#item .tantan{
	background:url(../img/item_bg_btm.gif) no-repeat bottom left;

}
#item .clearfix .fLeft{
	width:150px;
}
#item .clearfix .fRight{
	width:600px;
}
#item h2{
	margin-bottom:18px;	
}
#item p{
	margin-bottom:18px;	
	line-height:170%;
	color:#6d5207;
}
/* recipe
---------------------------------------------------------------*/
#recipe .tomato,
#recipe .tantan{
	position:relative;
}
#recipe .tomato{
	background:url(../img/recipe_tomato_bg.gif) no-repeat;
}
#recipe .tantan{
	background:url(../img/recipe_tantan_bg.gif) no-repeat;	
}
#recipe .tomato .recipe{
}
#recipe h2{
	position:absolute;
	z-index:100;
}
#recipe .tomato h2{
	top:15px;
	left:35px;
		
}
#recipe .tantan h2{
	top:15px;
	right:35px;
		
}
/* profile
---------------------------------------------------------------*/
#profile{
	background:url(../img/profile_bg.jpg) no-repeat top left;	
	padding:56px 56px 26px 56px;
}
#profile .fLeft{
	width:236px;
}
#profile .fRight{
	width:560px;
}
#profile h2{
	margin:8px 0 18px 0;	
}
#profile .txt,
#profile .txt_add{
	line-height:160%;	
}
#profile .txt{
	margin-bottom:20px;
	border-top:1px solid #666; 	
	border-bottom:1px solid #666; 	
	padding:20px 0;
}
/* odaiba
---------------------------------------------------------------*/
#odaiba{
	background:url(../img/odaiba_bg_btm.gif) no-repeat bottom left;	
}
#odaiba .inner{
	background:url(../img/odaiba_bg_top.gif) no-repeat top left;	
	padding:46px 56px 26px 56px;	
	line-height:170%;
}
#odaiba .txt1{
	margin-bottom:20px;	
}
#odaiba .txt1 .fLeft{
	width:203px;
}
#odaiba .txt1 .fRight{
	width:590px;
	padding-top:15px;
}
#odaiba .txt1 strong{
	color:#C00;	
}
#odaiba .txt2 .fLeft{
	width:375px;
	padding-top:15px;
}
#odaiba .txt2 .fLeft p{
	margin-bottom:30px;
}
#odaiba .txt2 .fRight{
	width:434px;	
}


/* slides
---------------------------------------------------------------*/
#slider,
#slider2{
	position:relative;
}
.slidesjs-next,
.slidesjs-previous {
	position:absolute;
	background:url(../img/arrows.png) no-repeat;
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
	z-index:1000 !important;
	top:440px;
}
.control{
}
.slidesjs-next {
	background-position:-32px 0;
	right:16px;
}
.slidesjs-previous {
	left:16px;
}
ul.slidesjs-pagination {
	text-align:center;
	margin-bottom:20px;
}
ul.slidesjs-pagination li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding:0 6px;
}
ul.slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
}
ul.slidesjs-pagination li a.active,
ul.slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
}
ul.slidesjs-pagination li a:hover {
      background-position: 0 -26px
}
#slider2 ul.slidesjs-pagination{
	margin-top:20px;
}

/*
    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
*/


    /* For tablets & smart phones */
    @media (max-width: 767px) {
      body {
        padding-left: 20px;
        padding-right: 20px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .container {
        width: 724px
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .container {
        width: 1170px
      }