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

/*■■■全ページ共通指定部分ここから■■■■■■■■■■■■■■■■■■*/

/*---ALL ドキュメント全体指定----------*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/*---ALL リンク色指定----------*/
A:link {
	color: #9a7301;
	text-decoration: none;
}
A:visited {
	color: #9a7301;
	text-decoration: none;
}
A:active {
	color: #ffcf43;
	text-decoration: none;
}
A:hover {
	color: #ffcf43;
	text-decoration: none;
}
a img { border-width: 0; }

/*---ALL両端揃えjustify----------*/
#justify {
	text-align:justify;
	text-justify:inter-ideograph;
}

/*---ALL 全体サイズ枠----------*/
#container {
	width: 750px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: left;
}

/*---ALL ↓ヘッダー部分ここから----------*/
#header {
	width: 750px;
	height:127px;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	float: left;
}

/*---ALL ヘッダー部分ロゴ指定----------*/
#header .logo {
	width: 281px;
	height: 97px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#header .right {
	width: 208px;
	height:45px;
	margin: 0px;
	margin-top: 30px;
	padding: 0px;
	float: right;
}


/*---ALL---ヘッダーボタン部分（ロールオーバー）ここから----------*/
#header .news {
	width: 150px;
	height: 12px;
	margin-left: 15px;
	padding: 0px;
	float: left;

}

#header .press {
	width: 51px;
	height: 12px;
	margin-left: 80px;
	padding: 0px;
	float: left;

}

#header .press a {
 	background-image: url(../images/comn/press.gif);
	width: 51px;
	height: 12px;
	display: block;
	background-repeat: no-repeat;
	text-align: left;
}/*(IE5を無視なら　overflow: hidden;を追加)*/

#header .press a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/

a.press{
    background-position:0px 0px;
}
a:hover.press{
    background-position:0px -12px;
}


#header .news2 {
	width: 350px;
	height: 1px;
	margin-top: 3px;
	margin-left: 30px;
	padding: 0px;
	float: left;
	border-bottom-color: #3b3132;
	border-bottom-style: solid;
	border-bottom-width: 1px;

}

#header .news3 {
	width: 360px;
	height: 75px;
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	color: #9a7301;
	font-size: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	line-height: 160%;
	letter-spacing: 1.5px;
}


#header .news a {
 	background-image: url(../images/comn/news.gif);
	width: 55px;
	height: 11.5px;
	display: block;
	background-repeat: no-repeat;
	text-align: left;
}/*(IE5を無視なら　overflow: hidden;を追加)*/

#header .news a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/

a.news{
    background-position:0px 0px;
}
a:hover.news{
    background-position:0px -12px;
}



#header .menu {
	width: 752px;
	height: 20px;
	margin:0px;
	padding:0px;
	float:left;
}


#header .menu ul {
	width:752px;
	height: 20px;
	margin:	10px 0px 0px 0px;
	padding: 0px;
	float: left;
}


#header .menu li {
	width: 94px;
	height: 20px;
	margin:	0px;
	padding: 0px;
	float: left;
	display: inline;
}

#header .menu li a {
	background-image: url(../images/comn/menu_bar_01.gif);
	width: 94px;
	height: 20px;
	display: block;
	background-repeat: no-repeat;
}/*(IE5を無視なら　overflow: hidden;を追加)*/

#header .menu li a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/

a.home{
    background-position:0px 0px;
}
a:hover.home{
    background-position:0px -20px;
}
a.concept{
    background-position:-94px 0px;
}
a:hover.concept{
    background-position:-94px -20px;
}
a.menu{
    background-position:-188px 0px;
}
a:hover.menu{
    background-position:-188px -20px;
}
a.shop{
    background-position:-282px 0px;
}
a:hover.shop{
    background-position:-282px -20px;
}
a.blog{
    background-position:-376px 0px;
}
a:hover.blog{
    background-position:-376px -20px;
}
a.contact{
    background-position:-470px 0px;
}
a:hover.contact{
    background-position:-470px -20px;
}
a.order{
    background-position:-564px 0px;
}
a:hover.order{
    background-position:-564px -20px;
}

a.member{
    background-position:-658px 0px;
}
a:hover.member{
    background-position:-658px -20px;
}

/*---ALL　フッター　リンクテキスト部分ここから（HOME除く）----------*/



/*■■■HOME(TOP)指定部分ここから■■■■■■■■■■■■■■■■■■*/

/*----HOME ヘッダーイメージ部分----------*/

#header_img {
	width: 750px;
	height: 350px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/home/header_01.gif);
	background-repeat: no-repeat;
}



#header01_img {
	width: 375px;
	height: 175px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/home/header_01.gif);
	background-repeat: no-repeat;
}



#header02_img {
	width: 375px;
	height: 175px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/home/header_02.gif);
	background-repeat: no-repeat;
}



#header03_img {
	width: 375px;
	height: 175px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/home/header_03.gif);
	background-repeat: no-repeat;

}

#header04_img {
	width: 375px;
	height: 175px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/home/header_04.gif);
	background-repeat: no-repeat;

}

/*ﾛｰﾙオーバーのとき使用

#header04_img {
	width: 375px;
	height: 175px;
	margin: 0px;
	padding: 0px;
	float: left;
}


#header04_img .r {
	width: 375px;
	height: 175px;
	padding: 0px;
	float: left;
}


#header04_img .r a {
 	background-image: url(../images/home/header_04.gif);
	width: 375px;
	height: 175px;
	display: block;
	background-repeat: no-repeat;
	text-align: left;

}　ﾛｰﾙオーバーのとき使用*/


#header .r a span { 
	display:none; 

}/*(IE5用指定　無視なら不要)*/



a.r{
    background-position:0px 0px;
}

a:hover.r{
    background-position:0px -175px;
}







#under_construction_img {
	width: 750px;
	height: 400px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/home/under_construction.gif);
	background-repeat: no-repeat;

}

#under_construction_img span { 
	display:none; 
	
}/*(IE5用指定　無視なら不要)*/



#concept01_img {
	width: 750px;
	height: 263px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/concept/concept_01.gif);
	background-repeat: no-repeat;
}




#concept02_img {
	width: 750px;
	height: 284px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/concept/concept_02.gif);
	background-repeat: no-repeat;
}

#concept02_img span { 
	display:none; 
	
}/*(IE5用指定　無視なら不要)*/


/*----HOME ページ下部(全体枠）----------*/
#underspace {
	width: 750px;
	height:80px;
	margin: 10px 0px 0px 0px;
	padding:0px;
	vertical-align:top;
}

/*----HOME バナー　----------*/
#underspace .info {
	width: 590px;
	height: 80px;
	margin:	0px;
	vertical-align:top;
	float:left;
}

.info ul {
	width:570px;
	height: 70px;
	margin-bottom: 0px;
	margin:	0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

.info li {
	width: 180px;
	height: 70px;
	margin-right:10px;
	padding: 0px;
	float: left;
	display: inline;
	list-style-type: none;
}
.info li a {
	width: 180px;
	height:70px;
	display: block;
	text-align: left;
	text-indent:-100px;

}/*(IE5を無視なら　overflow: hidden;を追加)*/

.info li a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/

a.banner01{
    background-image:url(../images/comn/banner01.gif);

}
a:hover.banner01{
    background-position:0px -70px;
}

a.banner02{
    background-image:url(../images/comn/banner02.gif);

}
a:hover.banner02{
    background-position:0px -70px;
}

a.banner03{
    background-image:url(../images/comn/banner03.gif);

}
a:hover.banner03{
    background-position:0px -70px;
}

a.banner04{
 	background-image:url(../images/comn/ja_follow_me-b.png);
	background-repeat:no-repeat;
}

.info_text{
	color: #663300;
	font-size: 13px;
	line-height:19px;
}










/*---HOME コンテンツボタン部分----------*/
#underspace .btn_box {
	width: 160px;
	height: 80px;
	margin:0px;
	padding:0px;
	float: right;
	vertical-align:top;

	
}

#underspace .btn_box ul {
	height: 80px;
	width:	160px;
	margin:	0px;
	padding: 0px;
	float: left;
}

#underspace .btn_box li {
	width: 80px;
	height: 80px;
	padding: 0px;
	margin: 0px;
	float: left;
	display: inline;
}

#underspace .btn_box li a {
	background-image: url(../images/home/contents_btn_1.gif);
	width: 80px;
	height: 80px;
	display: block;
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px;
}/*IE5を無視なら　overflow: hidden;　を追加*/

#underspace .btn_box li a span { 
	display:none; 
}/*IE5用指定　無視なら不要*/

a.doughnut{
    background-position: 0px 0px;
}

a:hover.doughnut{
    background-position: 0px -80px;
}

a.coffee{
    background-position: -80px 0px;
}

a:hover.coffee{
    background-position: -80px -80px;	
	
}





/*---HOME （ページ下部.右側）----------*/
#underspace .address {
	height: 29px;
	width: 365px;
	float: right;
	background-image: url(../images/home/address.gif);
	background-repeat: no-repeat;
}



.footer{
	float:left;
	text-align: left;
	padding-left: 3px;
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	color: #3b3132;
	line-height: 180%;	
	
}


.footer ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width: 127px;
	
}

.footer  li {
	padding: 0px;
	margin: 0px;
	width: 63px;
	height: 20px;
	padding: 0px;
	float: left;
	display: inline;
	list-style-type: none;
}

.footer li a {
	background-image: url(../images/home/footer_02.gif);
	background-repeat:no-repeat;
	width: 63px;
	height: 20px;
	display: block;
	text-align: left;
	padding: 0px;
	margin: 0px;
}/*(IE5を無視なら　overflow: hidden;を追加)*/

.footer li a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/


a.about{
    background-position:0px 0px;
}
a:hover.about{
    background-position:0px -20px;
}
a.recruit{
    background-position:-63px 0px;
}
a:hover.recruit{
    background-position:-63px -20px;
}




/*■■■MENU 指定部分ここから■■■■■■■■■■■■■■■■■■*/

/*□□□MENU ドーナツ部分ここから□□□□□□□□□□*/

/*----MENU ヘッダーイメージ部分----------*/
#menu_header_doughnut {
	width: 750px;
	height: 300px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(../images/menu/header_doughnut.jpg);
	background-repeat: no-repeat;
}

/*----MENU ドーナツ　メニュー（全体枠）----------*/
#doughnut_contents {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	padding-bottom: 30px;
	float: left;
	overflow: hidden;
}

/*□□□MENU ドーナツ部分ここから□□□□□□□□□□*/

/*----MENU グランド ドーナツ　タイトル----------*/
#grand_header {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
	float: left;
	overflow: hidden;
	background-image: url(../images/menu/title_bar_grand.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}


/*----MENU ばとん ドーナツ　タイトル----------*/
#baton_header {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	background-image: url(../images/menu/title_bar_baton.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}

/*----MENU ring ドーナツ　タイトル----------*/
#ring_header {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	background-image: url(../images/menu/title_bar_ring.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}

/*----MENU mini ドーナツ　タイトル----------*/
#mini_header {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	background-image: url(../images/menu/title_bar_mini.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}

/*----MENU cube ドーナツ　タイトル----------*/
#cube_header {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	background-image: url(../images/menu/title_bar_cube.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}

/*----MENU サンド ドーナツ　タイトル----------*/
#sand_header {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	background-image: url(../images/menu/title_bar_sand.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}

/*----MENU リボン ドーナツ　タイトル----------*/
#ribbon_header {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	background-image: url(../images/menu/title_bar_ribbon.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}



/*----MENU メニュー----------*/
#menu_doughnut {
	width: 370px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	margin-left:3px;
	margin-top: 30px;
	margin-bottom:20px;
}

#menu_doughnut_01 {
	width: 370px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	margin-left:3px;
}

/*----画像イメージ----------*/
#menu_doughnut_image {
	width: 370px;
	height: 160px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image:url(../images/menu/img)}
	



#menu_doughnut .ph {
	width: 160px;
	height: 160px;
	margin: 0px;
	padding: 0px;
	float: left;

}

	


#menu_doughnut .title {
	width: 202px;
	height: 25px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	float: left;
	color: #3b3132;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align: left;
}

#menu_doughnut .e_title {
	width: 200px;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	color: #3b3132;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 100%;
	letter-spacing: 0.1em;
	text-align: left;
}

/*----タイトル2段組----------*/
#menu_doughnut .title_2 {
	width: 202px;
	height: 35px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	float: left;
	color: #3b3132;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 100%;
	text-align: left;
}

#menu_doughnut .text {
	width: 190px;
	height: 80px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	color: #6e6358;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 140%;
	text-align:justify;
	text-justify:inter-ideograph;
}


/*----商品お休み用テキスト----------*/
#menu_doughnut .text_yasumi {
	width: 165px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	padding-right: 15px;
	float: left;
	text-align:center;
	color: #6e6358;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 145%;
	text-justify:inter-ideograph;
}


#menu_doughnut .price_box {
	width: 200px;
	height: 25px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: right;
}


#menu_doughnut .price {
	width: 50px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	float: right;
	color: #3b3132;
	font-size: 18px;
	font-family: Arial;
	line-height: 130%;
	text-align: left;
}

/*□□□MENU コーヒー部分ここから□□□□□□□□□□*/

/*----MENU コーヒー　メニュー（全体枠）----------*/
#coffee_contents {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	padding-bottom: 30px;
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
}


/*----MENU ヘッダーイメージ部分----------*/

#menu_header_coffee {
	width: 750px;
	height: 300px;
	margin: 0px;
	margin-top: 40px;
	padding: 0px;
	float: left;
	background-image: url(../images/menu/n_header_coffee.jpg);
	background-repeat: no-repeat;
}


/*----MENU コーヒー　説明書き----------*/
#coffee_text {
	width: 740px;
	height: auto;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px;
	float: left;
	color: #3b3132;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align: left;
	text-align:justify;
	text-justify:inter-ideograph;
}

/*----MENU コーヒー　タイトル----------*/
#coffee_header {
	width: 750px;
	height: auto;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	background-image: url(../images/menu/title_bar_coffee.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
	margin-bottom: 30px;
}

/*----MENU メニュー（小）----------*/
#menu_coffee {
	width: 360px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	float: left;
	margin-top: 45px;
	margin-bottom:10px;
}


#menu_coffee .ph {
	width: 160px;
	height: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu_coffee .title {
	width: 340px;
	height: 25px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	float: left;
	color: #3b3132;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align: left;
}

#menu_coffee .s_title {
	width: 340px;
	height: 35px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	float: left;
	color: #3b3132;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align: left;
}

#menu_coffee .text {
	width: 340px;
	height: 100px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	float: left;
	color: #6e6358;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align:justify;
	text-justify:inter-ideograph;
}

#menu_coffee .price_box {
	width: 200px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	margin-right:10px;
	float: right;
}



#menu_coffee .price {
	width: 95px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	float: right;
	color: #3b3132;
	font-size: 18px;
	font-family: Arial;
	line-height: 130%;
	text-align: left;
}



#menu_coffee_r {
	width: 360px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	margin-left:30px;
	float: left;
	margin-top: 45px;
	margin-bottom:10px;

}

#menu_coffee_r .ph {
	width: 160px;
	height: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu_coffee_r .title {
	width: 340px;
	height: 20px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	float: left;
	color: #3b3132;
	font-size: 14px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align: left;
}

#menu_coffee_r .s_title {
	width: 340px;
	height: 35px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	float: left;
	color: #3b3132;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align: left;
}

#menu_coffee_r .text {
	width: 340px;
	height: 100px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	float: left;
	color: #6e6358;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align:justify;
	text-justify:inter-ideograph;
}

#menu_coffee_r .price_box {
	width: 200px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	margin-right:10px;
	float: right;
}



#menu_coffee_r .price {
	width: 95px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	float: right;
	color: #3b3132;
	font-size: 18px;
	font-family: Arial;
	line-height: 130%;
	text-align: left;
}






/*----MENU メニュー（大）----------*/
#menu_coffee_2 {
	width: 750px;
	height: 180px;
	margin: 0px;
	padding: 0px;
	float: left;
	margin-top: 25px;
}

#menu_coffee_2 .ph {
	width: 110px;
	height: 160px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu_coffee_2 .title {
	width: 585px;
	height: 20px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	color: #3b3132;
	font-size: 15px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align: left;
}

#menu_coffee_2 .s_title {
	width: 585px;
	height: 35px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	float: left;
	color: #3b3132;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W6", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align: left;
}

#menu_coffee_2 .text {
	width: 630px;
	height: auto;
	margin: 5px;
	padding: 0px;
	float: left;
	color: #6e6358;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", Osaka−等幅, Osaka, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック";
	line-height: 150%;
	text-align:justify;
	text-justify:inter-ideograph;
}

#menu_coffee_2 .price_box {
	width: 570px;
	height: 15px;
	margin: 0px;
	padding: 0px 5px 0px 10px;
	float: right;
}



#menu_coffee_2 .price {
	width: 95px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	float: right;
	color: #3b3132;
	font-size: 18px;
	font-family: Arial;
	line-height: 130%;
	text-align: left;
}

/*RECRUIT*/

#recruit {
	margin:auto;
	width: 600px;
}

#recruit h2 {
	background:url(../images/recruit/recruit_title.gif) no-repeat;
	padding:5px 0px 15px 40px;
	font-size:large;
	_font-size:medium;
}

#recruit table {
	margin:auto;
	width:500px;
	border-collapse: collapse;
	font-size: small;
	margin-bottom:40px;
	line-height: 20px;
}


.entry td {
	padding: 10px 10px ;
	}

.td1 {
	width: 100px;
	}
.td2 {
	width: 350px;
	}




.text_1 { 
	width: 500px;
	margin:auto;
	padding-top: 30px;
	padding-bottom:5px;
	color: #3C3132;
	font-weight: bold;
	}
	
	


#shop table {
	margin:auto;
	font-size: 12px;
	line-height: 25px;
	width: 500px;
	background-position: center;
	text-align: left;
}

#shop td {
	border-top: 1px dotted #180000;
	padding: 5px 0;
	}

.td1 { width: 70px;
		valign:top;
		}



/*press*/


#press {
	width:	600px;
	margin:auto;
	padding: 0px;
}


#press h3{
	margin:0 0 5px 0;
	clear: both;
	font-size:12px;
	color: #4e1000;
	line-height:20px;	
}

#press .year {
	width: 600px;
	height: 30px;
	margin:0px;
	padding:0px;
	float:left;
}



#press .year ul {
	width:600px;
	height: 30px;
	margin:	10px 0px 0px 0px;
	padding: 0px;
	float: left;
}


#press .year li {
	width: 100px;
	height: 30px;
	margin:	0px;
	padding: 0px;
	float: left;
	display: inline;
}

#press .year li a {
	background-image: url(../images/press/year_bar.gif);
	width: 100px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
}/*(IE5を無視なら　overflow: hidden;を追加)*/

#press .year li a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/



a.year2009{
    background-position:0px 0px;
}
a:hover.year2009{
    background-position:0px -30px;
}
a.year2010{
    background-position:-100px 0px;
}
a:hover.year2010{
    background-position:-100px -30px;
}
a.year2011{
    background-position:-200px 0px;
}
a:hover.year2011{
    background-position:-200px -30px;
}
a.year2012{
    background-position:-300px 0px;
}
a:hover.year2012{
    background-position:-300px -30px;
}
a.year2013{
    background-position:-400px 0px;
}
a:hover.year2013{
    background-position:-400px -30px;
}
a.year2014{
    background-position:-500px 0px;
}
a:hover.year2014{
    background-position:-500px -30px;
}


/*press 2009*/


#press .year_09 {
	width: 600px;
	height: 30px;
	margin:0px;
	padding:0px;
	float:left;
}



#press .year_09 ul {
	width:600px;
	height: 30px;
	margin:	10px 0px 0px 0px;
	padding: 0px;
	float: left;
}


#press .year_09 li {
	width: 100px;
	height: 30px;
	margin:	0px;
	padding: 0px;
	float: left;
	display: inline;
}

#press .year_09 li a {
	background-image: url(../images/press/year09_bar.gif);
	width: 100px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
}/*(IE5を無視なら　overflow: hidden;を追加)*/


#press .year_09 li a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/


a.year2009{
    background-position:0px 0px;
}
a:hover.year2009{
    background-position:0px -30px;
}
a.year2010{
    background-position:-100px 0px;
}
a:hover.year2010{
    background-position:-100px -30px;
}
a.year2011{
    background-position:-200px 0px;
}
a:hover.year2011{
    background-position:-200px -30px;
}
a.year2012{
    background-position:-300px 0px;
}
a:hover.year2012{
    background-position:-300px -30px;
}
a.year2013{
    background-position:-400px 0px;
}
a:hover.year2013{
    background-position:-400px -30px;
}
a.year2014{
    background-position:-500px 0px;
}
a:hover.year2014{
    background-position:-500px -30px;
}



/*press 2010*/


#press .year_10 {
	width: 600px;
	height: 30px;
	margin:0px;
	padding:0px;
	float:left;
}



#press .year_10 ul {
	width:600px;
	height: 30px;
	margin:	10px 0px 0px 0px;
	padding: 0px;
	float: left;
}


#press .year_10 li {
	width: 100px;
	height: 30px;
	margin:	0px;
	padding: 0px;
	float: left;
	display: inline;
}

#press .year_10 li a {
	background-image: url(../images/press/year10_bar.gif);
	width: 100px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
}/*(IE5を無視なら　overflow: hidden;を追加)*/

#press .year_10 li a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/


a.year2009{
    background-position:0px 0px;
}
a:hover.year2009{
    background-position:0px -30px;
}
a.year2010{
    background-position:-100px 0px;
}
a:hover.year2010{
    background-position:-100px -30px;
}
a.year2011{
    background-position:-200px 0px;
}
a:hover.year2011{
    background-position:-200px -30px;
}
a.year2012{
    background-position:-300px 0px;
}
a:hover.year2012{
    background-position:-300px -30px;
}
a.year2013{
    background-position:-400px 0px;
}
a:hover.year2013{
    background-position:-400px -30px;
}
a.year2014{
    background-position:-500px 0px;
}
a:hover.year2014{
    background-position:-500px -30px;
}






/*news*/

#news {
	width:	600px;
	margin:auto;
	padding: 0px;
}


#news h3{
	margin:0 0 5px 0;
	clear: both;
	font-size:12px;
	color: #4e1000;
	line-height:20px;	
}

#news table{
	margin-top:5px;
	margin-bottom:10px;
	width:500px;
}

#news .title{
	color: #4e0000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:5px;
}



#news .text_2{
	color: #663300;
	font-size: 11px;
	line-height:20px;
	width:300px;
}

#news .text_3{
	color: #663300;
	font-size: 11px;
	line-height:19px;
}




#news .year {
	width: 600px;
	height: 30px;
	margin:0px;
	padding:0px;
	float:left;
}



#news .year ul {
	width:600px;
	height: 30px;
	margin:	10px 0px 0px 0px;
	padding: 0px;
	float: left;
}


#news .year li {
	width: 100px;
	height: 30px;
	margin:	0px;
	padding: 0px;
	float: left;
	display: inline;
}

#news .year li a {
	background-image: url(../images/press/year_bar.gif);
	width: 100px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
}/*(IE5を無視なら　overflow: hidden;を追加)*/

#news .year li a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/



a.year2009{
    background-position:0px 0px;
}
a:hover.year2009{
    background-position:0px -30px;
}
a.year2010{
    background-position:-100px 0px;
}
a:hover.year2010{
    background-position:-100px -30px;
}
a.year2011{
    background-position:-200px 0px;
}
a:hover.year2011{
    background-position:-200px -30px;
}
a.year2012{
    background-position:-300px 0px;
}
a:hover.year2012{
    background-position:-300px -30px;
}
a.year2013{
    background-position:-400px 0px;
}
a:hover.year2013{
    background-position:-400px -30px;
}
a.year2014{
    background-position:-500px 0px;
}
a:hover.year2014{
    background-position:-500px -30px;
}


/*news 2009*/


#news .year_09 {
	width: 600px;
	height: 30px;
	margin:0px;
	padding:0px;
	float:left;
}



#news .year_09 ul {
	width:600px;
	height: 30px;
	margin:	10px 0px 0px 0px;
	padding: 0px;
	float: left;
}


#news .year_09 li {
	width: 100px;
	height: 30px;
	margin:	0px;
	padding: 0px;
	float: left;
	display: inline;
}

#news .year_09 li a {
	background-image: url(../images/press/year09_bar.gif);
	width: 100px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
}/*(IE5を無視なら　overflow: hidden;を追加)*/

#news .year_09 li a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/

a.year2009{
    background-position:0px 0px;
}
a:hover.year2009{
    background-position:0px -30px;
}
a.year2010{
    background-position:-100px 0px;
}
a:hover.year2010{
    background-position:-100px -30px;
}
a.year2011{
    background-position:-200px 0px;
}
a:hover.year2011{
    background-position:-200px -30px;
}
a.year2012{
    background-position:-300px 0px;
}
a:hover.year2012{
    background-position:-300px -30px;
}
a.year2013{
    background-position:-400px 0px;
}
a:hover.year2013{
    background-position:-400px -30px;
}
a.year2014{
    background-position:-500px 0px;
}
a:hover.year2014{
    background-position:-500px -30px;
}



/*news 2010*/


#news .year_10 {
	width: 600px;
	height: 30px;
	margin:0px;
	padding:0px;
	float:left;
}



#news .year_10 ul {
	width:600px;
	height: 30px;
	margin:	10px 0px 0px 0px;
	padding: 0px;
	float: left;
}


#news .year_10 li {
	width: 100px;
	height: 30px;
	margin:	0px;
	padding: 0px;
	float: left;
	display: inline;
}

#news .year_10 li a {
	background-image: url(../images/press/year10_bar.gif);
	width: 100px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
}/*(IE5を無視なら　overflow: hidden;を追加)*/

#news .year_10 li a span { 
	display:none; 
}/*(IE5用指定　無視なら不要)*/


a.year2009{
    background-position:0px 0px;
}
a:hover.year2009{
    background-position:0px -30px;
}
a.year2010{
    background-position:-100px 0px;
}
a:hover.year2010{
    background-position:-100px -30px;
}
a.year2011{
    background-position:-200px 0px;
}
a:hover.year2011{
    background-position:-200px -30px;
}
a.year2012{
    background-position:-300px 0px;
}
a:hover.year2012{
    background-position:-300px -30px;
}
a.year2013{
    background-position:-400px 0px;
}
a:hover.year2013{
    background-position:-400px -30px;
}
a.year2014{
    background-position:-500px 0px;
}
a:hover.year2014{
    background-position:-500px -30px;
}





























p.date{
	margin:10px 0 0 0;
	color: #663300;
	font-size: 11px;
	line-height:20px;
	letter-spacing:0.5em;
}

p{
	margin: 0 0 21px 0;
	line-height: 21px;
	font-size:12px;
}



.pageTop{
		float:right;
		width:104px;
		margin-bottom:3px;
		margin-right:3px;
		margin-top:0px;
		
}

.pageTop a {
	width: 104px;
	height:11px;
	display: block;
	text-align: right;
	text-indent:-100px;

}

a.btn01{
    background-image:url(../images/news/btn01.gif);

}
a:hover.btn01{
    background-position:0px -11px;
}



.line02{
	background: url(../images/news/line02.gif) repeat-x;
	height: 1px;
	clear:both;
	margin:5px 0 20px 0;
}

#news .link{
	color: #4e0000;
	font-size: 12px;
}

#owabi {
	width:	600px;
	margin:auto;
	padding: 0px;
}


#owabi h3{
	margin:0 0 5px 0;
	clear: both;
	font-size:15px;
	color: #000000;
	line-height:20px;	
}

#owabi .text{
	color: #000000;
	font-size: 15px;
	line-height:25px;
	width:600px;
}