@charset "UTF-8";
/* CSS Document */

body {
background-image:url(../img/bg.jpg);
background-position:left top;
background-repeat:no-repeat;
background-color:#F0EFEB;
margin:0px;
}

.contentAll {
margin:0px auto;
width:1000px;
}

.head {
width:900px;
margin:0px auto;
padding:25px 0px 5px 0px;
}

.contentMain {
width:900px;
margin:5px auto 5px ;
background-color:#fff;
}

.contentMainConcept {
width:900px;
margin:5px auto 5px ;
background-color:#381c04;
}

.foot {
width:900px;
margin:0px auto 30px;
clear:left;
}

.foot p {
margin:0px 0px 7px 0px;
}


.headNavi1 {
text-align:right;
margin:0px 10px 5px 0px;
}

.headNavi1 a {
background-color:#F0EFEB;
}


.topBn {
width:900px;
margin:10px 0px;
}

.topBn1 {
width:295px;
float:left;
margin-right:7px;
}

.topBn3 {
width:295px;
float:left;
margin-right:0px;
}


.clear {
clear:left;
padding-right:20px;
text-align:right;
}



/* 本文　2列レイアウト */

.main2sep {
width:860px;
float:left;
padding:20px;
}

.main2sepLeft {
width:170px;
text-align:left;
margin-right:20px;
margin-left:30px;
float:left;
}

.main2sepLeft2 {
width:160px;
text-align:left;
margin-right:30px;
margin-left:30px;
float:left;
}

.main2sepCenter2 {
width:160px;
float:left;
margin-right:20px;
}

.main2sepRight {
width:630px;
text-align:left;
float:left;
}

.main2sepRight2 {
width:430px;
text-align:left;
float:left;
font-size:10px;
}


/* アクセス　2列＋3列レイアウト */

.access2sep {
width:860px;
float:left;
padding:20px;
}

.access2sepLeft {
width:150px;
float:left;
}

.access2sepRight {
width:703px;
float:left;
text-align:right;
}

.access2sepRight2 {
width:703px;
float:left;
text-align:left;
}

.access3sep {
width:860px;
padding:20px 20px 0px 20px;
float:left;
}

.access3sepLeft {
width:150px;
float:left;
}

.access3sepCenter1 {
width:88px;
float:left;
padding-left:2px;
}

.access3sepCenter2 {
width:300px;
float:left;
}

.access3sepRight {
width:315px;
float:left;
text-align:right;
margin-top:-10px;
}

/* スタッフ　3列レイアウト */

.staff3sep {
width:860px;
float:left;
padding:20px;
}

.staff3sep12 {
width:275px;
margin-right:17px;
float:left;
}

.staff3sep3 {
width:275px;
float:left;
}

.staffPhoto {
width:275px;
height:413px;
margin-bottom:10px;
}

.staffBlog {
margin-top:7px;
}


/* ハーブティー　2列レイアウト */

.herbtea2sep {
width:860px;
float:left;
padding:20px;
}

.herbtea2sepLeft {
width:400px;
text-align:left;
margin-right:20px;
margin-left:0px;
float:left;
}

.herbtea2sepRight {
width:430px;
text-align:left;
float:left;
margin-bottom:20px;
}


/* ハーブティー　購入フォーム */
.buyTableField {
background-color:#FFF;
color:#F05A82;
font-size:12px;
margin:5px 0;
border:1px #CCC solid;
}



/* メニュー　2列レイアウト */


.menu2sep {
width:860px;
float:left;
padding:20px;
}

.menu2sepLeft {
width:370px;
text-align:left;
margin-right:15px;
margin-left:0px;
float:left;
}

.menu2sepLeft img {
margin-bottom:10px;
}
.menu2sepLeft_1 {
width:265px;
text-align:left;
margin-right:5px;
margin-left:0px;
margin-bottom:10px;
float:left;
}

.menu_bg {
background-image:url(../img/menu_bg.gif);
font-size:10px;
clear:left;
padding:5px;
margin:12px 0;
line-height:1.3em;
width:210px;
}

.menu2sepLeft_2 {
width:75px;
text-align:right;
margin-right:2px;
margin-left:0px;
float:left;
}

.menu2sepLeft_3 {
width:20px;
text-align:left;
margin-right:0px;
margin-left:0px;
float:left;
}

.menu2sepRight {
width:470px;
text-align:right;
float:left;
}


.teaThumb {
width:860px;
margin:10px 0 15px 0;
height:264px;
padding:0;
clear:left;
}

.teaThumb img {
width:160px;
height:120px;
margin:0 12px 12px 0;
padding:0;
float:left;
}





/* 問いあわせフォーム　ボタン */

.formSend {
width:860px;
float:left;
}

.formSendLeft {
float:left;
width:560px;
text-align:left;
}

.formSendRight {
float:left;
width:300px;
text-align:right;
}


/* プレス（メディア掲載情報）　2列レイアウト */

.press2sep {
width:860px;
float:left;
padding:20px;
}

.press2sepLeft {
width:415px;
float:left;
padding-right:10px;
}

.press2sepRight {
width:415px;
float:left;
padding-left:10px;
}

.press2sepPhoto {
width:110px;
text-align:left;
margin-right:20px;
margin-left:0px;
float:left;
}

.press2sepPhoto img {
width:105px;
}

.press2sepTxt {
width:600px;
text-align:left;
float:left;
margin-bottom:20px;
}


.pressPT {
width:320px;
margin:0 10px 20px 0 ;
float:left;
height:140px;
}

.pressP {
width:110px;
margin:0 10px 0 0;
float:left;
}

.pressT {
width:200px;
margin:0 ;
float:left;
}

/*---------------------------------

--*/


.press2sepL {
width:135px;
float:left;
padding-right:10px;
}

.press2sepR {
width:695px;
float:left;
padding-left:10px;
}

.press2sepDate {
width:80px;
text-align:left;
margin-right:0px;
margin-left:0px;
float:left;
}


.press2sepText {
width:495px;
text-align:left;
float:left;
margin-bottom:20px;
}


/* ブログ＆新着情報 */


.blogMain {
width:860px;
float:left;
padding:20px;
}

.blogMainLeft {
width:600px;
float:left;
}

.blogMainLeft img {
border:0;
width:600px;
}

.blogMainLeft p {
margin:10px 0;
}

.blogMainRight {
width:220px;
float:left;
margin-left:40px;
margin-top:0px;
}

.blogMainRight img {
width:220px;
float:left;
margin:12px 0 7px;
border:0;
}



.prevnext {
width:600px;
text-align:left;
margin:20px 0 30px;
}


/* スタイル　4列レイアウト */

.styleP {
width:134px;
height:200px;
margin:0 7px 10px 0;
padding:0;
float:left;
}

.stylePsub {
width:134px;
height:200px;
margin:0 7px 10px 0;
padding:0;
float:left;
display:none;
}

.styleP img {
width:134px;
border:0;
}