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

/**********************************************************************
ブリュースター　WEBサイト
コモンCSS
[ /css/common.css ]

Since         : 11.1.08
Last modified : 11.1.12
**********************************************************************/


 /* 共通クラス
------------------------------------------------- */


table{
	_line-height:150%;
	font-size:100%;
}


.floatL  {float: left;}
.floatR {float: right;}
.clear    {
	clear: both;
	font-size: 0px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}

.clearer{
	clear: both;
}

.v_middle{
	vertical-align:middle;
}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

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


/*配置設定クラス*/
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
.alignR {
	text-align: right !important;
}


.mg_10{

	margin:10px;

}

.mg_lr10{

	margin:0px 10px;
}

.mg_t10{
	margin-top:10px;

}

.mg_t-35{
	margin-top:-35px;

}

.mg_t-50{
	margin-top:-50px;

}

.mg_t30{
	margin-top:30px;

}

.mg_b10{

	margin-bottom:10px;

}

.mg_b25{

	margin-bottom:25px;

}

.mg_b40{

	margin-bottom:40px;

}

.mg_b60{

	margin-bottom:60px;

}
.mg_b80{

	margin-bottom:80px;

}

.mg_l10{

	margin-left:10px;

}

.mg_r10{

	margin-right:10px;

}

.mg_t5{
	margin-top:5px;

}

.mg_l5{
	margin-left:5px;
}

.mg_r5{
	margin-right:5px;
}

.mg_b5{
	margin-bottom:5px;
}

.mg_lr5{
	margin-left:5px;
	margin-right:5px;
}


.mg_l15{
	margin-left:15px;
}


.mg_r20{

	margin-right:20px;

}

.mg_t15{
	margin-top:15px;

}

.mg_15{
	margin:15px;
}

.mg_b15{
	margin-bottom:15px;
}

.mg_20{
	margin:20px;
}

.mg_t15{
	margin-top:15px;

}

.mg_t20{
	margin-top:20px;

}

.mg_tex{
	margin-top:40px;
	text-align: center;
}

.mg_b20{
	margin-bottom:20px;

}



.mg_l20{
	margin-left:20px;

}

.mg_lr20{
	margin:0 20px;
}

.mg_l30{
	margin-left:30px;

}

.mg_t30{
	margin-top:30px;
}

.mg_b30{
	margin-bottom:30px;
}

.mg_r30{
	margin-right:30px;
}



.mg_t40{
	margin-top:40px;
}

.mg_b40{
	margin-bottom:40px;
}


.mg_t50{
	margin-top:50px;
}

.mg_b50{
	margin-bottom:50px;
}


.pd_t10{

	padding-top:10px;
}

.pd_t5{

	padding-top:5px;
}



.pd_b10{

	padding-bottom:10px;
}



            #table {
                display:table;
                text-align: center;
                }
            .row {
                display:table-row;
                }
            .row>div {
                display:table-cell;
                width: 506px;
                margin:150px;
                padding:3px;
                border:1px solid;
                background-color:#eee;
            }


  /* リンク設定
-------------------------------------------------*/

a:link    {color: #333333;	; text-decoration: none;}
a:active  {color: #333333;	; text-decoration: none;}
a:visited {color: #333333;	; text-decoration: none;}
a:hover   {color: #333333;	; text-decoration: underline;}


.filter07 a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}





/* カラー設定
------------------------------------------------- */

.red{
	color:#cc3333 !important;
}

.brown{
	color:#736357 !important;
}

/* フォント設定
------------------------------------------------- */

.fontS{
	font-size:10px;
}

.fontL{
	font-size:14px;
}


.fontLL{
	font-size:16px;
}



/* ボディ
------------------------------------------------- */

.anchor{
	display:none;
}

body{
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:150%;
	text-align:center;
	font-size:12px;
	background:url(../common/body_back.gif) repeat-x #F3F0E9;
}


.container{
	width:960px;
	margin:0px auto;
	text-align:left;
}

/* ヘッダ
------------------------------------------------- */

.header{
	height:100px !important;
}

h1{
	float:left;
	padding-top:8px;
}

h1 a{
	display:block;
	width:458px;
	height:76px;
	background:url(../common/logo.gif) no-repeat;
	text-indent:-9999px;

}

.headR{
	float:right;
	width:360px;
}

.head_store{
	width:330px;
	_width:360px;
	height:57px;
	_height:67px !important;
	background:url(../common/back_head_online.jpg) no-repeat 0 -12px;
	padding:0px 15px 0;
}

.head_store .floatR{
	margin-top:13px;
}

.headR ul{
	float:right;
	margin-top:9px;
}

.headR ul li{
	display:inline;

}

.head_link01{
	background:url(../common/mark_head01.gif) no-repeat 0 1px;
	padding:2px 17px 4px 22px;
}

.head_link02{
	background:url(../common/mark_head02.gif) no-repeat 0 1px;
	padding:2px 0px 4px 18px;
}

.head_link03{
	background:url(../common/mark_head03.gif) no-repeat 0 1px;
	padding:2px 17px 4px 18px;
}

/*トップページ*/

.headR_top{
	float:right;
	width:400px;
}

.head_store_top{
	width:330px;
	float: right;
	_width:360px;
	height:57px;
	_height:67px !important;
	background:url(../common/back_head_online.jpg) no-repeat 0 -12px;
	padding:0px 15px 0;
}

.head_store_top .floatR{
	margin-top:13px;
}

.headR_top ul{
	clear: both;
	float:right;
	margin-top:9px;
	width: 400px;
	text-align: right;
}

.headR_top ul li{
	display:inline;

}

.head_link01{
	background:url(../common/mark_head01.gif) no-repeat 0 1px;
	padding:2px 17px 4px 20px;
}

.head_link02{
	background:url(../common/mark_head02.gif) no-repeat 0 1px;
	padding:2px 0px 4px 18px;
}

.head_link03{
	background:url(../common/mark_head03.gif) no-repeat 0 1px;
	padding:2px 17px 4px 15px;
}



/* メニュー
------------------------------------------------- */


.menu{
	margin:0 0 0 1px;
	width:959px;

}

.menu li{
	float:left;
}

.menu li a{
	display:block;
	width:137px;
	height:35px;
	text-indent:-9999px;
}


.menu01 a{
	background:url(../common/menu.gif) no-repeat 0 -10px;
}

.menu01 a:hover{
	background:url(../common/menu.gif) no-repeat 0 -60px;
}

.menu01_on a{
	background:url(../common/menu.gif) no-repeat 0 -60px;
}


.menu02 a{
	background:url(../common/menu.gif) no-repeat -137px -10px;
}

.menu02 a:hover{
	background:url(../common/menu.gif) no-repeat -137px -60px;
}

.menu02_on a{
	background:url(../common/menu.gif) no-repeat -137px -60px;
}


.menu03 a{
	background:url(../common/menu.gif) no-repeat -274px -10px;
}

.menu03 a:hover{
	background:url(../common/menu.gif) no-repeat -274px -60px;
}

.menu03_on a{
	background:url(../common/menu.gif) no-repeat -274px -60px;
}

.menu04 a{
	background:url(../common/menu.gif) no-repeat -411px -10px;
}

.menu04 a:hover{
	background:url(../common/menu.gif) no-repeat -411px -60px;
}

.menu04_on a{
	background:url(../common/menu.gif) no-repeat -411px -60px;
}

.menu05 a{
	background:url(../common/menu.gif) no-repeat -548px -10px;
}

.menu05 a:hover{
	background:url(../common/menu.gif) no-repeat -548px -60px;
}

.menu05_on a{
	background:url(../common/menu.gif) no-repeat -548px -60px;
}

.menu06 a{
	background:url(../common/menu.gif) no-repeat -685px -10px;
}

.menu06 a:hover{
	background:url(../common/menu.gif) no-repeat -685px -60px;
}

.menu06_on a{
	background:url(../common/menu.gif) no-repeat -685px -60px;
}

.menu07 a{
	background:url(../common/menu.gif) no-repeat -822px -10px;
}

.menu07 a:hover{
	background:url(../common/menu.gif) no-repeat -822px -60px;
}

.menu07_on a{
	background:url(../common/menu.gif) no-repeat -822px -60px;
}



/* ラッパー
------------------------------------------------- */

.wrapper{
	margin-top:35px;
}

.wrapperL{
	float:left;
	width:765px;
}

.wrapperR{
	float:right;
	width:165px;
}


/* ライトカラム
------------------------------------------------- */

.r_top{
	width:163px;
	border:solid 1px #D3A006;
	padding-bottom:10px;
	text-align:center;
	background:#ffffff;
}

.r_top img{
	margin-bottom:10px;
}

.mark_gray a{
	background:url(../common/mark_gray02.gif) no-repeat;
	padding-left:18px;
	display:block;
}

.r_btm_area{
	margin-top:7px;
	background:#ffffff;
	text-align:center;
	width:144px;
	_width:165px;
	padding:10px 11px 10px 10px;
}

.r_mdl{
	width:144px;
	height:323px;
	_height:328px;
	background:url(../common/back_r_btm01.jpg) no-repeat;
	padding-top:5px;
	margin-bottom:0px;
}
.r_mdl ul{
	margin-top:5px;
	*margin-left:3px;
}

.r_mdl ul li{
	display:inline;
	margin:0 1px;
}

.r_btm{
	border:solid 2px #CD3335;
	margin-top:9px;
	padding-bottom:5px;
}


.r_mdl2{
	margin-top: 5px;
	width:144px;
	height:175px;
	_height:175px;
	background:url(../common/back_r_btm02.jpg) no-repeat;
	padding-top:5px;
	margin-bottom:0px;
}

.r_mdl ul, .r_mdl2 ul{
	margin-top:5px;
	*margin-left:3px;
}

.r_mdl ul li, .r_mdl2 ul li{
	display:inline;
	margin:0 1px;
}
.pdl50{
	padding-left: 50px;
}

/* フッタ
------------------------------------------------- */


.to_top{
	text-align:right;
	margin:20px 20px 5px 0;
}

.footback{
	background:url(../common/back_footer.gif) repeat-x #746457;
}

.foot_menu{
	width:960px;
	margin:0px auto;
	text-align:left;
	height:130px;
	_height:150px !important;
	padding-top:20px;
}

.foot_menu a{
	color:#FFFFFF !important;
}

.foot_menu ul{
	float:right;
	width:680px;
}

.foot_menu ul li{
	display:block;
	float:left;
	border-left:solid 1px #FFFFFF;
	padding:0 0 0 15px;
	margin-bottom:7px;

}



.foot_menu ul li.w_180{
	width:165px;
	_width:180px;
}

.foot_menu ul li.w_143{
	width:128px;
	_width:143px;
}


.foot_menu ul li.w_170{
	width:155px;
	_width:170px;
}

.foot_menu ul li.w_190{
	width:175px;
	_width:190px;
}

.foot_menu ul li.w_210{
	width:195px;
	_width:210px;
}


.foot_menu ul li.w_324{
	width:309px;
	_width:324px;
}


.bd_r{
	border-right:solid 1px #ffffff;
}

.footer{
	width:960px;
	margin:0px auto;
	text-align:left;
	padding:10px 0;
}

.footer ul{
	float:left;
}

.footer ul li{
	display:inline;
}

.footer p{
	float:right;
}



/* トップページ
------------------------------------------------- */


.top_bn{
	margin-top:10px;
}

.top_bn .floatL{

}

.mg_t25{
	margin-top:25px;
}

/*.top_bn .floatR{
	width:454px;
	height:305px;
	background:url(../common/back_point.gif) no-repeat;
}

.top_bn .floatR ul{
	margin-left:5px;
}

.top_bn .floatR ul li{
	float:left;
	margin:0 5px 5px 0;

}
*/

.top_bn .banner_box {
	width:454px;
	height:305px;
	background:url(../common/back_point.gif) no-repeat;
	margin: 0 auto;
}

.top_bn .banner_box ul{
	margin-left:5px;
}

.top_bn .banner_box ul li{
	float:left;
	margin:0 5px 5px 0;

}


.top_news_list{
	width:765px;
	margin-top:10px;
}

.top_news_list li{
	padding:5px 0;
	_padding:5px 0 5px;
	background:url(../common/line_dot.gif) repeat-x bottom;
	font-size: 15px;
}


.top_news_list span{
	display:block;
	float:left;
	font-size:11px;
	color:#ff6600;
	background:url(../common/mark_skew.gif) no-repeat right;
	width:105px;
	margin-right:15px;
	font-size: 13px;
}

.top_news_list a{
	display:block;
	float:left;
	width:645px;

}




/* パンくず
------------------------------------------------- */

.bread{
	margin-bottom:35px;
}

.bread li{
	display:inline;
	margin-right:3px;
}


/* 新着一覧
------------------------------------------------- */


.news_list{
	width:765px;
	min-height:605px;
	margin-bottom:50px;
}

.news_list li{
	padding:15px 0;
	_padding:15px 0 5px;
	background:url(../common/line_dot.gif) repeat-x bottom;
}


.news_list span{
	display:block;
	float:left;
	font-size:11px;
	color:#ff6600;
	background:url(../common/mark_skew.gif) no-repeat right;
	width:105px;
	margin-right:15px;
}

.news_list a{
	display:block;
	float:left;
	width:645px;

}
#movie{
	float:left;
	width:370px;
	height:259px;

	background:#000;
	}
.btm_point{
	float:right;
	width:384px;
	height:280px;
	background:url(../common/back_btm_point.gif) no-repeat;
}

.btm_point ul{
	margin:3px 0 0 4px;
}

.btm_point ul li{
	/*display:inline;*/
	float:left;
	/*margin-right:-1px;*/
	height:112px;
	padding-bottom:4px;
}

.btm_point ul li.pr2{
	padding-right:2px;
	}

.btm_point_btm{
	width:764px;
	height:144px;
	background:url(../common/back_btm_point_btm.gif) no-repeat;
}

.btm_point_btm ul{
	margin:3px 0 0 2px;
}

.btm_point_btm ul li{
	display:inline;
	margin-right:-1px;
}
/* ブリュースターとは
------------------------------------------------- */

.aboutG01{
	padding-bottom:40px;
	background:url(../common/line_dot.gif) repeat-x bottom;
	margin-bottom:30px;
}

.aboutG01 .floatL{
	width:413px;
}


.aboutG02{
	padding-bottom:40px;
	background:url(../common/line_dot.gif) repeat-x bottom;
	margin-bottom:30px;
}

.aboutG02 .floatL{
	width:468px;
}

.mark_brown a{
	background:url(../common/mark_brown.gif) no-repeat;
	padding-left:18px;
	display:block;
	color:#736357 !important;
}

.mark_ex{
	background:url(../common/mark_brown.gif) no-repeat;
	display:block;
	color:#736357 !important;
}


.aboutG02 .floatL .mark_brown{
	margin-top:50px;
}



.aboutG03 .floatL{
	width:414px;
}



/* キューリグの使い方
------------------------------------------------- */

.enjoyG01{
	padding-bottom:40px;
	background:url(../common/line_dot.gif) repeat-x bottom;
	margin-bottom:30px;
	margin-top:10px;
}

.enjoyG01 h4{
	margin-top:40px;
	padding-bottom:30px;
}

.enjoyG01 ul li{
	display:inline;
	margin-left:3px;
}

#enjyo_txt_area {
	padding-left: 89px;
}

#enjyo_txt_box {
	background: url(../enjoy/images/img_index_txt_bg.jpg) left top no-repeat;
	padding: 20px 10px 0 150px;
	width: 441px;
	_width: 601px;
	height: 85px;
	_height: 105px;
	margin-top: 10px;
}

#enjyo_txt_box h5 {
	padding-bottom: 12px;
}

/* 内蔵タンク内の洗浄方法方
------------------------------------------------- */

.washG01{
	margin-bottom:30px;
}

.washG01 .floatL{
	width:474px;
}

.washG01 .floatR{
	width:271px;
	height:57px;
	_height:197px;
	background:url(../enjoy/images/back_wash03.jpg) no-repeat;
	padding:140px 0 0 0;
	text-align:center;
}

.wash_step01{
	background:url(../enjoy/images/back_wash01.gif) no-repeat;
	padding-left:80px;
	line-height:170%;
	height:638px;
	margin-bottom:15px;
}

.wash_step01_02{
	height:73px;
	_height:118px;
	background:url(../enjoy/images/img_wash01.jpg) no-repeat;
	padding-left:180px;
	padding-top:45px;
	margin:10px 0 20px 0;
}

.wash_step01_04{
	height:88px;
	_height:118px;
	background:url(../enjoy/images/img_wash02.jpg) no-repeat;
	padding-left:180px;
	padding-top:30px;
	margin:10px 0 25px 0;
}

.wash_step01_05{
	margin-bottom:20px;
}


.wash_step01_06{
	height:108px;
	_height:118px;
	background:url(../enjoy/images/img_wash03.jpg) no-repeat;
	padding-left:180px;
	padding-top:10px;
	margin:10px 0 20px 0;
}

.wash_step02{
	background:url(../enjoy/images/back_wash02.gif) no-repeat;
	padding-left:80px;
	line-height:170%;
	height:384px;
	margin-bottom:15px;
}

.wash_step02_01{
	height:78px;
	_height:118px;
	background:url(../enjoy/images/img_wash04.jpg) no-repeat;
	padding-left:180px;
	padding-top:40px;
	margin:10px 0 20px 0;
}

.wash_step02_03{
	height:108px;
	_height:118px;
	background:url(../enjoy/images/img_wash05.jpg) no-repeat;
	padding-left:180px;
	padding-top:10px;
	margin:10px 0 20px 0;
}

.wash_tunk{
	margin-bottom:50px;
}

.wash_tunk li{
	float:left;
	margin-right:20px;
	line-height:200%;
	text-align:center;
}

.wash_step01_dmy ,
.wash_step02_dmy {
	height:73px;
	_height:118px;
	background:url(../enjoy/images/dmy.gif) no-repeat;
	padding-left:180px;
	padding-top:45px;
	margin:10px 0 20px 0;
}



/* 本格コーヒーへのこだわり
------------------------------------------------- */

.mg-30{
	margin-top:-30px;
}

.coffeeG01{
	margin-bottom:20px;
}

.coffeeG01 .floatL{
	width:540px;
	margin-top:30px;
}

.coffeeG01 .floatR{
	margin-top:-10px;
	position:relative;
	z-index:10;
}

.coffeeG02{
	padding-bottom:40px;
}

.coffeeG02 .floatL{
	width:433px;
	padding-top:30px;
	background:url(../common/line_dot.gif) repeat-x;
}

.coffeeG02 .floatL h3{
	margin-bottom:30px;
}


/* 紅茶も緑茶も中国茶も
------------------------------------------------- */

.mg_t70{
	margin-top:70px;
}

.tea{
	width:765px;
	height:662px;
	background:url(../tea/images/back_index.jpg) no-repeat;
}

.tea ul li{
	float:left;
	display:block;
}

.tea ul li a{
	background:url(../common/mark_gray02.gif) no-repeat;
	padding-left:18px;
	display:block;
}

.tea01{
	padding:205px 0 0 430px;
}

.tea01 li{
	margin-right:40px;
}

.tea02{
	padding:160px 0 0 435px;
}

.w_190{
	width:190px;
}

.tea03{
	padding:175px 0 0 170px;
}

.tea03 li{
	margin-right:40px;
}



/* 家庭用ブリューワー
------------------------------------------------- */

.lineup_tab{
	border-bottom:solid 4px #7C6962;
}

.lineup_tab li{
	float:left;
}

.mg_r7{
	margin-right:7px;
}


.mg_r8{
	margin-right:8px;
}


.mg-l1{
	margin-left:-1px;
}



.lineup_area{
	border:solid 1px #7C6962;
	width:723px;
	_width:763px;
	padding:20px;
	margin-bottom:40px;
}

.kb_tit{
	background:#000000;
	color:#ffffff;
	padding:5px 10px;
	margin-top:15px;
}

.kb_tit h4{
	font-size:14px;
	font-weight:normal;
}

.kb_color{
	width:723px;
	margin-bottom:10px;
}

.kb_color li{
	float:left;
	width:181px;
	text-align:center;
}

.kb_color li.w_180{
	width:180px !important;
}

.kb_color li img{
	margin-bottom:10px;
}

.kb_tbl{
	line-height:200%;
	width:723px;
}

.kb_tbl th{
	width:100px;
	padding:10px 0;
	background:url(../common/line_dot.gif) repeat-x bottom;
	vertical-align:middle;
	font-weight:normal;
	text-align:left;
}

.kb_tbl td.r_bd10{
	border-right:solid 10px #F3F0E9;
}


.kb_tbl td{
	padding:10px 0;
	background:url(../common/line_dot.gif) repeat-x bottom;
}


.kb_tbl td p{
	border-left:solid 4px #6F655B;
	padding:3px 0 3px 10px;
}

.lh_250{
	line-height:250% !important;
}



/* オフィス用ブリューワー
------------------------------------------------- */



.indent_1{

}

.ob_tbl{
	line-height:200%;
}

.ob_tbl th{
	width:100px;
	padding:10px 0;
	background:url(../common/line_dot.gif) repeat-x bottom;
	vertical-align:middle;
	font-weight:normal;
	text-align:left;
}

.ob_tbl td.r_bd10{
	border-right:solid 10px #F3F0E9;
}


.ob_tbl td{
	padding:10px 0;
	background:url(../common/line_dot.gif) repeat-x bottom;
}


.ob_tbl td p{
	border-left:solid 4px #6F655B;
	padding:3px 0 3px 10px;
}

.w_243{
	width:243px;
}

.obGR{
	width:506px;
	float:right;
}

.indent_1{
	text-indent:-1em;
	margin-left:1em;
}

.lh_150{
	line-height:155% !important;
	*line-height:150% !important;
}

.w_506{
	width:506px;
}


/* ブリュースターKカップ
------------------------------------------------- */
.kcupG01,.kcupG02,.kcupG03,.kcupG04{
	position: relative;
}

.kcupG01{
	width:228px;
	padding-right:9px;
	background:url(../common/line_dot02.gif) repeat-y right;
	float:left;
	margin:20px 10px 0px 0;
	_margin:20px 9px 0px 0;
}

.kcupG01 p{
	margin-top:10px;
}

.kcupG02{
	width:228px;
	margin:20px 0 0;
	float:left;
}

.bd_yellow{
	padding-bottom:20px;
	border-bottom:solid 1px #D2A200;
}

.kcupG02 p{
	margin-top:10px;
}

.kcup_txt{
	height:110px;
}
.kcup_txt span.red{
	color: #F00;
}
.newIco{
	position: absolute;
	top: 30px;
	left: 20px;
}

.kcupG03{
	margin-right:35px;
	padding-right:110px;
	background:url(../lineup/images/img_kcup02.gif) no-repeat right;
	margin-top:20px;
	min-height:105px;
}

.kcupG03 span{
	font-size:14px;
	display:block;
}

.kcupG04{
	margin-right:35px;
	padding-right:110px;
	margin-top:20px;
	background:url(../lineup/images/img_kcup03.gif) no-repeat right;
	min-height:105px;
}

.kcupG04 span{
	font-size:14px;
	display:block;
}


/* サポートシステム
------------------------------------------------- */

.supportG{
	margin-bottom:20px;
	width:339px;
	_width:369px;
	padding:5px 15px 30px;
	background:url(../support/images/back_support01.jpg) no-repeat bottom;
}

.supportG a {
	text-decoration: underline;
}

.supportG a:hover {
	text-decoration: none;
}

.supportG h6 {
	margin: 10px 0 5px;
	font-size: 15px;
	font-weight: bold;
	color: #973232;
}

.supportG dl dt {
	margin-bottom: 4px;
	font-weight: bold;
}

.supportG dl dt span {
	font-size: 11px;
	color: #900;
}

.supportG dl dd {
	margin-bottom: 20px;
}

.supportG dl dd ul li {
	display: inline;
	margin-right: 25px;
}

.supportG p{
	margin-top:10px;
}

.supportG a.pdf_link {
	background: url(../common/mark_pdf.gif) left top no-repeat;
	padding-left: 19px;
}

.mark_pdf a{
	background:url(../support/images/mark_pdf.gif) no-repeat;
	padding-left:40px;
	display:block;
	min-height:26px;
}


.lh_120{
	line-height:120%;
}

.h_105{
	height:105px !important;
}

.h_130{
	height:130px !important;
}

.h_165{
	height:165px !important;
}

.h_195{
	/*height:195px !important;*/
	height:280px !important;
	min-height:270px;
}

.h_225{
	height:225px !important;
}

.h_390{
	height:390px !important;
}

.h_390 p {
	margin: 0 0 15px!important;
}

.h_440{
	height:440px !important;
}

.h_470{
	height:470px !important;
}

/* 販売店舗一覧
------------------------------------------------- */

.h4_shop{
	font-size:16px;
}

.shop_tbl01{
	width:100%;
	border:solid 1px #9A9997;
	font-size:10px;
	margin:5px 0;
}

.shop_tbl01 th{
	border-bottom:solid 1px #9A9997;
	padding:6px 0 7px 10px;
	font-weight:normal;
	text-align:left;
}

.shop_tbl01 td{
	padding:3px 0 0 10px;
	vertical-align:top;
}

.pd_t10{
	padding-top:10px !important;
}

.pd_b10{
	padding-bottom:10px !important;
}

.mg-t30{
	margin-top:-30px;
	position:relative;
	z-index:10;
}

.shop_area01{
	margin-top:30px;
}

.shop_area01 li{
	float:left;
	margin-right:10px;
}

.shop_tbl02{
	width:100%;
	font-size:12px;
	color:#736357;
	background:url(../common/line_dot.gif) repeat-x top;
}



.shop_tbl02 td p{
	border-left:solid 4px #736357;
	padding:3px 0 3px 7px;
}


.shop_tbl02 td{
	background:url(../common/line_dot.gif) repeat-x bottom;
	padding:8px 0 8px 0px;
	vertical-align:middle;
	text-align:left;
}

.shop_area02{
	float:right;
	color:#736357;
}

.shop_area02 a{
	color:#736357 !important;
}

.shop_area02 li{
	padding:0px 15px;
	border-right:solid 1px #736357;
	display:inline;
}

.shop_area02 .bd_l{
	border-left:solid 1px #736357;
}




/* 法人のお客様へ
------------------------------------------------- */

.back_office01{
	width:765px;
	background:url(../public/images/img_index01.jpg) no-repeat right;
	margin-bottom:70px;
}

.back_office01 p{
	width:380px;
}

.officeL{
	float:left;
	width:122px;
	_width:145px;
	border:solid 4px #736354;
	padding:10px 7px 6px 8px;
	height:150px;
	_height:174px;
}

.officeR{
	float:left;
	width:576px;
	_width:616px;
	border:solid 1px #9B9A96;
	border-left:none;
	padding:15px 20px 0;
	height:157px;
	_height:174px;
}


/* 会社概要
------------------------------------------------- */


.company_tbl{
	margin-top:40px;
	width:765px;
}


.company_tbl th{
	background:url(../common/line_dot.gif) repeat-x bottom;
	padding:15px 0;
	width:75px;
	font-weight:normal;
	text-align:left;
}

.company_tbl td{
	background:url(../common/line_dot.gif) repeat-x bottom;
	padding:15px 0;
}

.company_tbl td p{
	border-left:solid 4px #333333;
	padding-left:20px;
}

.mg_b100{
	margin-bottom:100px;
}


/* お問い合わせ
------------------------------------------------- */


.contace_list{
	margin:20px auto 290px auto;
	width:498px;
}

.contace_list li{
	width:232px;
	height:42px;
	_height:212px;
	display:block;
	float:left;
	text-align:center;
	padding-top:170px;
}

.contace_list01{
	background:url(../contact/images/back_index01.jpg) no-repeat;
	margin-right:34px;
}

.contace_list02{
	background:url(../contact/images/back_index02.jpg) no-repeat;
}

.contace_list03{
	background:url(../contact/images/back_index03.jpg) no-repeat;
}



/* 個人のお問合せ
------------------------------------------------- */


.contact_tbl{
	width:765px;
	background:url(../common/line_dot.gif) repeat-x top;
}



.contact_tbl th{
	background:url(../common/line_dot.gif) repeat-x bottom;
	padding:15px 5px 15px 0;
	width:135px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
}

.contact_tbl td{
	background:url(../common/line_dot.gif) repeat-x bottom;
	padding:15px 0;
}

.contact_tbl input{
	/*height:20px;*/
}

.contact_tbl td div{
	padding:20px 0 5px 20px;
	border-left:solid 4px #333333;
}

.contact_tbl td div.indispensable{
	border-left:solid 4px #cc3333;
}

.contact_tbl p{
	margin-bottom:15px;
}

.w_250{
	width:250px;
}

.w_70{
	width:70px;
}

.w_80{
	width:80px;
}


.w_405{
	width:405px;
}

.mg_r40{
	margin-right:40px;
}

.mg-3{
	margin-top:-3px;
	position:relative;
	z-index:10;
}

.contact_tbl span{
	display:block;
	margin-bottom:10px;
}

.contact_tbl span.mg_none{
	margin-bottom:0px;
}

.contact_tbl textarea{
	width:405px;
	height:175px;
}

.buttom{
	width:337px;
	text-align:center;
	margin:40px auto 20px;
	_margin-left:200px;
}

p.indispensable{
	color:#cc3333;
	border-left:solid 4px #cc3333;
	padding-left:15px;
}


.mg_b_comp{
		margin-bottom:320px;
}




/* プライバシーポリシー
------------------------------------------------- */


.policyG{
	background:url(../common/line_dot.gif) repeat-x bottom;
	margin-bottom:30px;
	padding-bottom:1px;
}

.policyG p{
	margin-bottom:30px;
}

.policyG h3{
	font-weight:normal;
	font-size:16px;
	margin-bottom:30px;
}


.policy_menu{
	padding-bottom:30px;
}

.policy_menu li{
	margin-bottom:2px;
}

.policy_menu li a{
	display:block;
	background:url(../common/mark_gray02.gif) no-repeat;
	padding-left:17px;
	_height:10px !important;
}

.bg_none{
	background:none !important;
}


.mg_none{
	margin:0px !important;
}


/* オーナーズクラブ
------------------------------------------------- */

#owner p, #owner h3 {
	text-align: center;
}

.owner_link {
	margin-bottom: 50px;
}

.owner_link a{
	background:url(../common/mark_brown.gif) left -4px no-repeat;
	padding-left:18px;
	color:#736357 !important;
}

/* サイトマップ
------------------------------------------------- */

.sitemap {
	width:765px;
	margin-bottom:50px;
}

.sitemap_border {
	padding:15px 0;
	_padding:15px 0 5px;
	background:url(../common/line_dot.gif) repeat-x bottom;
}

.sitemap_border a, .sitemap_box p a {
	background: url(../common/mark_brown.gif) left -1px no-repeat;
	padding: 3px 0 3px 18px;
}

.sitemap_box {
	padding:15px 0;
	_padding:15px 0 5px;
	background:url(../common/line_dot.gif) repeat-x bottom;
}

.sitemap_box ul {
	margin-top: 3px;
}

.sitemap_box ul li {
	margin: 5px 0 3px 20px;
	background: url(../sitemap/images/arrow.jpg) left center no-repeat;
	padding-left: 10px;
}

.sitemap_list li {
	padding:15px 0;
	_padding:15px 0 5px;
	background:url(../common/line_dot.gif) repeat-x bottom;
}

.sitemap_list li a {
	background: url(../common/mark_brown.gif) left -1px no-repeat;
	padding: 3px 0 3px 18px;
}


/* recall */
.recall {
	margin:10px auto;
	background:#fff;
	padding:15px 50px 50px 50px;
	font-size:120%;
	line-height:1.7;
}

.recall h2{
	font-size:130%;
	padding:20px 0;
	}
.recall h3{
	font-size:110%;
	padding-top:20px;
	padding-bottom:5px;
	}
.attention{
	color:#900;
	}
.recall li{
	list-style:decimal outside;
	margin-left:2em;
	padding-bottom:1em;
	}
.recall table.images{
	margin:0 auto;
	}
.recall table.images, .recall table.images th, .recall table.images td{
	border:none!important;
	}
.recall table.images td{
	text-align:center;
}
.recall a{
	color:#900;
	text-decoration:underline;
	}
/*お問い合わせ
----------------------------------------------------------*/

.contact_form {
	width: 585px;
	margin:0 auto 15px auto!important;
}

.contact_form th {
	width: 150px!important;
	border-bottom: 1px solid #ccc!important;
	border-left: 4px solid #ccc!important;
	background: #fefefe!important;
	padding: 15px!important;
	text-align:left!important;
}

.contact_form td {
	padding: 15px!important;
	border-bottom: 1px solid #ccc!important;
	border-left: 1px solid #ccc!important;
	text-align:left!important;
}


/*ネオトレビエ 2012.08.02
----------------------------------------------------------*/

#neotrevie {
	padding-bottom: 1px;
	margin-bottom: 30px;
	background: #fff;
}

#neotrevie_point {
	margin-bottom: 30px;
}

.neotrevie_point_area {
	margin: 0 0 20px 15px;
}

.neotrevie_point_box {
	width: 360px;
	float: left;
	margin-right: 10px;
}

.neotrevie_point_img {
	width: 177px;
	float: left;
}

.neotrevie_point_txt {
	width: 175px;
	float: right;
}

.neotrevie_point_txt h2 {
	padding: 15px 0 10px 0;
}

.neotrevie_point_no_05_box {
	width: 735px;
	margin: 0 auto;
}

.neotrevie_point_05_no {
	width: 44px;
	float: left;
	margin-right: 15px;
}

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

.neotrevie_point_no_05_title h2 {
	padding: 5px 0 3px;
}

#neotrevie_point_05_img {
	width: 661px;
	padding-top: 15px;
	margin: 0 auto;
	clear: both;
	position:relative;
}
#neotrevie_point_05_img .btn01{
	position:absolute;
	width:133px;
	height:41px;
	top:180px;
	left:-6px;
	}
#neotrevie_point_05_img .btn02{
	position:absolute;
	width:133px;
	height:41px;
	top:180px;
	left:163px;
	}
#neotrevie_point_05_img .btn03{
	position:absolute;
	width:133px;
	height:41px;
	top:180px;
	left:326px;
	}
#neotrevie_point_05_img .btn04{
	position:absolute;
	width:133px;
	height:41px;
	top:180px;
	left:492px;
	}
#neotrevie_point_05_img .btn05{
	position:absolute;
	width:133px;
	height:41px;
	top:410px;
	left:-6px;
	}
#neotrevie_point_05_img .btn06{
	position:absolute;
	width:133px;
	height:41px;
	top:410px;
	left:163px;
	}
#neotrevie_point_05_img .btn07{
	position:absolute;
	width:133px;
	height:41px;
	top:410px;
	left:326px;
	}
#neotrevie_point_05_img .btn08{
	position:absolute;
	width:133px;
	height:41px;
	top:410px;
	left:492px;
	}
#neotrevie_point_05_img p {
	margin-bottom: 10px;
}

#neotrevie_product {
	margin: 0 0 30px 30px;
}

#neotrevie_product h2 {
	margin-bottom: 15px;
	font-size: 14px;
}

#neotrevie_product dl {
	width: 340px;
	float: left;
	margin-right: 25px;
}

#neotrevie_product dl dt {
	width: 90px;
	margin-left: 12px;
	float: left;
	clear: both;
	font-weight: bold;
	color: #59302f;
}

#neotrevie_product dl dd {
	padding: 0 0 4px 102px;
	border-bottom: 1px dotted #bfbfbf;
	margin-bottom: 4px;
}

#neotrevie_pack h2 {
	margin-bottom: 20px;
}

#neotrevie_pack h3 {
	margin-bottom: 15px;
	text-align: center;
}

#neotrevie_pack_lead {
	margin-bottom: 20px;
	text-align: center;
}

.neotrevie_pack_title_coffee {
	width: 701px;
	padding: 10px;
	margin: 0 auto 15px;
	background: #ede1d7;
}

.neotrevie_pack_title_tea {
	width: 701px;
	padding: 10px;
	margin: 0 auto 15px;
	background: #edebd7;
}

.neotrevie_pack_title_tea .ripton_logo {
	padding-top: 0!important;
}

.neotrevie_pack_title_logo {
	width: 105px;
	float: left;
	padding-top: 6px;
	text-align: center;
}

.neotrevie_pack_title_coffee .neotrevie_pack_title_txt {
	width: 565px;
	height: 42px;
	float: left;
	padding: 5px 0 0 20px;
	background: url(../neotrevie/images/new_pack_logo_bg.gif) left center no-repeat;
}

.neotrevie_pack_title_tea .neotrevie_pack_title_txt {
	width: 565px;
	height: 32px;
	float: left;
	padding: 15px 0 0 20px;
	background: url(../neotrevie/images/new_pack_logo_bg.gif) left center no-repeat;
}

.neotrevie_pack_img {
	clear: both;
}

#neotrevie_pack .ucc {
	width: 610px;
	margin: 0 auto;
}

#neotrevie_pack .hills {
	width: 264px;
	margin: 0 auto;
}

#neotrevie_pack .greco {
	width: 242px;
	margin: 0 auto;
}

#neotrevie_pack .ripton {
	width: 260px;
	margin: 0 auto;
}

#neotrevie_pack .yamato {
	width: 364px;
	margin: 0 auto;
}


.neotrevie_pack_img {
	margin-bottom: 30px;
	text-align: center;
}

.neotrevie_pack_img ul {
	padding-bottom: 10px;
}

.neotrevie_pack_img ul li {
	padding: 0 4px;
	float: left;
	text-align: center;
}

.neotrevie_pack_img ul li img {
	padding-bottom: 2px;
}


/*ラインナップ*/
ul.neotrevie_btn{
	margin:15px 0 25px 0;
	padding-left:0px;
	}
ul.neotrevie_btn li{
	float:left;
	padding-bottom:30px;
	padding-left:24px;
	}
.lineup_area2{
	border:solid 1px #7C6962;
	width:723px;
	_width:763px;
	padding:20px;
	margin-bottom:40px;
}
.lineup_area2 h3{
	margin-top:20px;
	margin-bottom:20px;}
.lineup_area2 ul{
	margin-left:70px;
	margin-bottom:30px;
	}
.lineup_area2 ul li{
	float:left;
	padding-right:15px;
	padding-bottom:40px;
	}
	
	
/* ラインナップ 限定品 edit 2015.04.07 */

.lineup_area2 #limited_area{
	width:722px;
	line-height:1.8em;
}
.lineup_area2 #limited_area .ttl{
	font-size:18px;
	margin-bottom:10px;
	 }

.lineup_area2 #limited_area .pic{
	float:left;
	padding:0 0 0 20px;
	 }

.lineup_area2 #limited_area .txt{
	float:right;
	width:350px;
	margin-right:10px;
	}


.lineup_area2 #limited_area .disney{
	background:url(../lineup/images/disney_bg.jpg) repeat-x !important;
	margin:0 0 20px 0;
}


.lineup_area2 .yamatoen{
	width:721px;
	position:relative;
	background:url(../lineup/images/yamatoen_bg.jpg) repeat-x;
	margin:0 0 20px 0;
}

.lineup_area2 .yamatoen .pic{
	width: 282px;
	position: absolute;
	top: 20px;
	left: 30px;
	background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoder(src="../lineup/images/yamatoen_bg.jpg");
	z-index:1;
	 }
	 
	 
.lineup_area2 #limited_are .yamatoen .txt{
	float:right;
	width:390px;
	}
	

/* 2015.04.01 BariBrend */
.lineup_area2 #limited_area .baribrend { 
	background:url(../lineup/images/baribrend_bg.png) repeat-x;
	margin:0 0 20px 0;
}

.lineup_area2 #limited_area .baribrend .txt{
	width:460px !important;
	}