@charset "utf-8";

/* *********************************************************
/* author : Net Relations  www.net-relations.net 
/* author : Hikidas  www.hikidas.com
/**********************************************************/
 

/*--------------------------------------------------------------------
cssの初期化
--------------------------------------------------------------------*/
* {

	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	/*
	font-family:
	 "ＭＳ 明朝",
	 "ＭＳ Ｐ明朝",
	 serif,
	 arial,
	 verdana;
	 */
	margin:0;
	padding:0;
}

html, body {
	font-family:
	Verdana,
	Arial,
	Meiryo,
	"メイリオ",
	"Hiragino Kaku Gothic Pro",
	"ヒラギノ角ゴ Pro W3",
	Osaka,
	"MS P Gothic",
	"ＭＳ Ｐゴシック",
	sans-serif;
	
	/*
	font-family:
	 "ＭＳ 明朝",
	 "ＭＳ Ｐ明朝",
	 serif,
	 arial,
	 verdana;
*/
	margin:0;
	padding:0;
	/*
	height:100%;
	font-size:12px;
	*/
	/*
	background-color:#99cccc;
	color:#000000;*/
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
/*
	font-family:
	 "ＭＳ 明朝",
	 "ＭＳ Ｐ明朝",
	 serif,
	 arial,
	 verdana;
	 	*/
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;

/*
	font-size:12px;
*/
}

table, caption, th, td {
/*
	font-family:
	 "ＭＳ 明朝",
	 "ＭＳ Ｐ明朝",
	 serif,
	 arial,
	 verdana;*/
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
/*
	font-family:
	 "ＭＳ 明朝",
	 "ＭＳ Ｐ明朝",
	 serif,
	 arial,
	 verdana;
	 */
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:inherit;

/*
	font-size:12px;
*/
}

strong { font-weight:bold; }

table caption {
	display:none;
}



.h16-10 { font-size:16px;line-height:100% }

.h16-12 { font-size:16px;line-height:120% }

.h16-13 { font-size:16px;line-height:130% }

.h16-14 { font-size:16px;line-height:140% }

.h16-15 { font-size:16px;line-height:150% }

.h16-16 { font-size:16px;line-height:160% }

.h16-20 { font-size:16px;line-height:200% }



.h14-10 { font-size:14px;line-height:100% }

.h14-12 { font-size:14px;line-height:120% }

.h14-13 { font-size:14px;line-height:130% }

.h14-14 { font-size:14px;line-height:140% }

.h14-15 { font-size:14px;line-height:150% }

.h14-16 { font-size:14px;line-height:160% }



.h12-10 { font-size:12px;line-height:100% }

.h12-12 { font-size:12px;line-height:120% }

.h12-13 { font-size:12px;line-height:130% }

.h12-14 { font-size:12px;line-height:140% }

.h12-15 { font-size:12px;line-height:150% }

.h12-16 { font-size:12px;line-height:160% }



.h10-10 { font-size:10px;line-height:100% }

.h10-12 { font-size:10px;line-height:120% }

.h10-13 { font-size:10px;line-height:130% }

.h10-14 { font-size:10px;line-height:140% }

.h10-15 { font-size:10px;line-height:150% }

.h10-16 { font-size:10px;line-height:160% }



.menu { font-size:12px;line-height:100% }

.title { font-size: 16px; line-height: 130%; font-weight: bold }

.titlesub { font-size: 14px; line-height: 130%; font-weight: bold }



body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px }

#dilmah_container{
margin:0px;
padding:0px;
}

.plink{
margin:0px;
padding:0px;
font-size:10px;
line-height:120%; 

}

.navi { color: #FFFFFF; }

a.navi:link { color: #FFFFFF; }
a.navi:visited { color: #FFFFFF; }
a.navi:active { color: #FFFFFF; }


.about_dilmah { font-size:14px; line-height:160%; color:#333333; font-weight:bold }


.about_watte { font-size:14px; line-height:160%; color:#333333; font-weight:bold }


p.voice { font-size:12px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:130% }


.price { font-size:10px; line-height:140%; color:#333333; }


.list_bg { background:url(../product/images/list_bg.jpg); width:638px; margin:0; padding:0; background-position:bottom; background-repeat:repeat-x }

.detail_bg { background:url(../product/images/detail_bg.jpg); width:638px; margin:0; padding:0; background-position:bottom; background-repeat:repeat-x }

.detail_bg_black { background:url(../product/images/detail_bg_black.jpg); width:638px; margin:0; padding:0; background-position:bottom; background-repeat:repeat-x }

.detail_bg_watte { background:url(../product/images/watte/about01/back_image.jpg) no-repeat fixed right 550px; width:796px; margin:0; padding:0}

.detail_bg_ran { background:url(../product/images/watte/about03/ran_back.jpg) no-repeat fixed left 250px; width:796px; margin:0; padding:0}

.detail_bg_uda { background:url(../product/images/watte/about03/uda_back.jpg) no-repeat fixed right 100px; width:796px; margin:0; padding:0}

.detail_bg_meda { background:url(../product/images/watte/about03/meda_back.jpg) no-repeat fixed left 130px; width:796px; margin:0; padding:0}

.detail_bg_yata { background:url(../product/images/watte/about03/yata_back.jpg) no-repeat fixed right 200px; width:796px; margin:0; padding:0}

.detail_bg_graph { background:url(../about/images/02/detail_bg_graph.jpg) repeat-y fixed left; margin:0; padding:0;}

.pdi_5 { padding-top:5px; padding-right:5px; padding-bottom:5px; padding-left:5px;}

.pdi_10 { padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px;}

p.sitemap { color:#003333; font-weight:bold; padding-top:5px;} 

a.sitemap:link { color: #003333;}
a.sitemap:visited { color: #003333;}
a.sitemap:active { color: #003333;}


ul.sitemap { list-style-image: url(../sitemap/images/mark.gif); padding-top:10px; padding-left:25px;} 


/*********************************/

td.mjf_gd01{ 
padding:3px;
background-color:#eeeeee;
text-align:right;
}

td.mjf_gd02{
padding:3px;
background-color:#ffffff;
text-align:left;
}


/*********************************/
/* 紅茶　Topics */

/*topic_top*/

div.topic {
	margin:0 auto;
	padding:0px;
		line-height:140%;
}
div.topic dl {
	padding:0 0 15px;
}
div.topic dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
div.topic dt {
	float:left;
	clear:both;
	width:10%;
	color:#666666;
	margin:0;
	padding:0 5px 10px 0;
	font-size:10px;
}
/*mac win safari3*/
 body:first-of-type div.topic dt{
 font-size:75%;
} 
div.topic dd {
	float:left;
	width:87%;
	margin:0;
	padding:0 0 15px 0;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}


/*Topics 詳細ページ*/
div.topic_dtl{
line-height:140%;
}
div.topic_dtl .date{
color:#003333;
font-size:10px;
padding:0px;
margin:0px;
}
div.topic_dtl h3{
/*border-left:5px solid #cccccc;*/
padding:5px 0px 10px 0px;
margin:0px;
font-weight:bold;
}
div.topic_dtl .topic_t{
padding:5px 0px;
}


/*改ページ処理*/
.dt_page{
border-top:1px dotted #dddddd;
margin:15px 0px 0px 0px;
padding:10px 0px 0px 0px;
font-family:verdana,arial;
}
.dt_page a{
/*padding:0px 2px;
margin:0px 2px;
border:1px solid #eeeeee;*/
}
.dt_page a.ditto_page{
padding:0px 2px;
margin:0px 5px;
border:1px solid #dddddd;
background-color:#eeeeee;
}
.dt_page a:hover .ditto_page{
background-color:#FFFF99;
}
.dt a.ditto_currentpage{
font-weight:bold;
padding:0px 2px;
margin:0px 5px;
}



/*********************************/
/* contact */

table.contact{
background-color:#ffffff;
width:100%;
margin:0px;
padding:0px;
}
table.contact td {
padding:5px 0px;
vertical-align:top;
}
/*
table.contact tr.bgc02 td{
background-color:#F5F0DC;
}
*/
table.contact th {
background-color:#ffffff;
padding:5px 0px;
vertical-align:top;
font-weight:normal;
/*
background-color:#C4DFDF;
padding:5px;
text-align:left;
vertical-align:top;
font-weight:normal;
width:200px;/*幅の固定*/
}
/*
table.contact tr.bgc02 th{
background-color:#E8DFC4;
}
*/

/*確認過程*/
table.contact td.conf{
font-weight:bold;
color:#990066;
}



table.tbl_normal td.conf {
font-weight:bold;
color:#660033;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	border-bottom:1px dotted #cccccc;
}



/*********************************/
/*product*/
/*********************************/
div.product{
	margin:0px;
	padding:0px;
}
div.product .cnr_ttl{
	margin:0px;
	padding:0px;
background-image:url(../product/images/excp/excp_color_bdr.jpg);
width:796px;
height:10px;
}

/*エクセプショナルシリーズ*/

div.product .excp_ttl{
background-repeat:no-repeat;
padding:130px 15px 0px 250px;
}
div.product h3{
	margin:0px;
	padding:0px 7px;
	font-size:11pt;
	border-left:2px solid #000000;
	line-height:100%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
}
div.product .excp_name{
	padding:0px;
	margin:25px 0px 0px 0px;
}
div.product .excp .bdr{
	border-top:1px solid #cccccc;
	margin:15px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}


/*********************************/
/* subnav */
/*********************************/
ul.subnav{
margin:0px;
padding:0px;
list-style:none;
}

ul.subnav li {
  margin: 0;
  padding: 0;
  width: 158px;
  height: 25px;
 text-indent: -9999px;
}
ul.subnav a {
  text-decoration: none;
  display: block;
  width: 158px;
  height: 25px;
}

/*exceptional */
#excp ul.subnav li#sb_01      {  background: url(../images/subnav/subnav_exceptional.jpg) no-repeat 0px 0px;}
#excp ul.subnav li#sb_01 a:hover    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px 0px;}
#excp ul.subnav li#sb_01_on    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px 0px;}

#excp ul.subnav li#sb_02      {  background: url(../images/subnav/subnav_exceptional.jpg) no-repeat 0px -25px;}
#excp ul.subnav li#sb_02 a:hover    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -25px;}
#excp ul.subnav li#sb_02_on    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -25px;}

#excp ul.subnav li#sb_03      {  background: url(../images/subnav/subnav_exceptional.jpg) no-repeat 0px -50px;}
#excp ul.subnav li#sb_03 a:hover    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -50px;}
#excp ul.subnav li#sb_03_on    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -50px;}

#excp ul.subnav li#sb_04      {  background: url(../images/subnav/subnav_exceptional.jpg) no-repeat 0px -75px;}
#excp ul.subnav li#sb_04 a:hover    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -75px;}
#excp ul.subnav li#sb_04_on    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -75px;}

#excp ul.subnav li#sb_05      {  background: url(../images/subnav/subnav_exceptional.jpg) no-repeat 0px -100px;}
#excp ul.subnav li#sb_05 a:hover    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -100px;}
#excp ul.subnav li#sb_05_on    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -100px;}

#excp ul.subnav li#sb_06      {  background: url(../images/subnav/subnav_exceptional.jpg) no-repeat 0px -125px;}
#excp ul.subnav li#sb_06 a:hover    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -125px;}
#excp ul.subnav li#sb_06_on    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -125px;}

#excp ul.subnav li#sb_07      {  background: url(../images/subnav/subnav_exceptional.jpg) no-repeat 0px -150px;}
#excp ul.subnav li#sb_07 a:hover    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -150px;}
#excp ul.subnav li#sb_07_on    {background: url(../images/subnav/subnav_exceptional.jpg) no-repeat -158px -150px;}



/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/********************************************************************
 共通マージンタイプ
*********************************************************************/

div.mp00{ margin:0px; padding:0px!important;}
div.mp00 img{ margin:0px; padding:0px!important;}

.mgb0{margin-bottom:0!important;}
.mgb5{margin-bottom:5px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}

.mgt0{margin-top:0!important;}
.mgt5{margin-top:5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}

.mgl0{margin-left:0!important;}
.mgl5{margin-left:5px;}
.mgl10{margin-left:10px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgl30{margin-left:30px;}

.mgr0{margin-right:0!important;}
.mgr5{margin-right:5px;}
.mgr10{margin-right:10px;}
.mgr15{margin-right:15px;}
.mgr20{margin-right:20px;}
.mgr30{margin-right:30px;}

.mgn0{margin:0!important;}

.pdt0{padding-top:0!important;}
.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}

.pdb0{padding-bottom:0!important;}
.pdb5{padding-bottom:5px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb30{padding-bottom:30px;}

.pdl0{padding-left:0!important;}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl30{padding-left:30px;}

.pdr0{padding-right:0!important;}
.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr15{padding-right:15px;}
.pdr20{padding-right:20px;}
.pdr30{padding-right:30px;}

.pad0{padding:0!important;}