@charset "UTF-8";

/*all*/
*{
	margin:0;
	padding:0;
	}

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	background: url(../images/bg.gif) repeat-x #d8dae8;
	text-align: center;
	color: #5e4717;
	line-height:1.5;
	font: 12px/150% verdana, Helvetica, arial, "Lucida Grande","Lucida Sans Unicode", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}


/*base*/
h1,h2,h3,h4,h5,th{
	font-weight:bold;
	}
li {
	list-style:none;
}
img,#mailmag .btn_reset,#mailmag .btn_add{
	border:none;
	vertical-align:bottom;
}
br.clear{
	display:block;
	width:auto;
	clear:both;
	line-height:0%;
	}
table{
	border-collapse:collapse;
	border-spacing:0;
	}
.s{
	font-size:10px;
}
.b{
	font-weight:bold;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
a:link,a:visited{ color:#5e4717; text-decoration:none;}
a:hover{ color:#0625a0; text-decoration:underline;}

br.clear{ clear:both; height:0%; font-size:0; line-height:0;}
a { outline: none; }

/*-----------------------------------------------------------------------*/
/* top,common                                                            */
/*-----------------------------------------------------------------------*/
#wrapper_top {
	width: 801px;
	margin: 0 auto;
	text-align: left;
	background:#fff;
}


/*header*/
#header {
	background: url(../images/bg.gif) repeat-x;
	overflow: hidden;
	height:1%;
}
#header h1 {
	float:left;
}
#header .header_right{
	width:200px;
	float:right;
}
#header_trecca{
	width:116px;
	float:right;
}
#header_trecca a.trecca{
	display:block;
	height:48px;
	width:116px;
	background:url(../images/logo_trecca.gif) no-repeat 0 0;
}
#header_trecca a.trecca:hover{
	display:block;
	background:url(../images/logo_trecca.gif) no-repeat 0 -48px;
}
#header_menu{
	width:160px;
	margin-top:25px;
	float:right;
}
#header_menu li{
	float:left;
}
#header_menu li a.eshop{
	display:block;
	height:19px;
	width:62px;
	margin-right:14px;
	background:url(../images/menu_header.gif) no-repeat 0 0;
}
#header_menu li a.eshop:hover{
	display:block;
	background:url(../images/menu_header.gif) no-repeat 0 -22px;
}
#header_menu li a.inquiry{
	display:block;
	height:19px;
	width:83px;
	background:url(../images/menu_header.gif) no-repeat -76px 0;
}
#header_menu li a.inquiry:hover{
	display:block;
	background:url(../images/menu_header.gif) no-repeat -76px -22px;
}


/*main*/
#main {
	background:url(../images/bg_top.gif) no-repeat;
	overflow: hidden;
	height:1%;
	clear:both;
}
#main .renewal_info{
	line-height:14px;
	margin:0 0 5px 50px;
	width:280px;
}
#main .top_bottle {
	/*margin:76px 0 0 24px;*/
	margin:80px 0 0 20px;
	width:322px;
	float:left;
}
#main .main_right{
	width:412px;
	margin-top:30px;
	padding-right:18px;
	float:right;
}
#main_menu{
	margin:25px 0 25px 0;
	height:56px;
	padding:0;
}
#main_menu li{
	float:left;
}
#main_menu li a.prasenta{
	display:block;
	height:56px;
	width:190px;
	margin-right:10px;
	background:url(../images/menu_top.gif) no-repeat 0 0;
}
#main_menu li a.prasenta:hover{
	display:block;
	background:url(../images/menu_top.gif) no-repeat 0 -56px;
}
#main_menu li a.kotara{
	display:block;
	height:56px;
	width:210px;
	background:url(../images/menu_top.gif) no-repeat -200px 0;
}
#main_menu li a.kotara:hover{
	display:block;
	background:url(../images/menu_top.gif) no-repeat -200px -56px;
}


/*menu*/
#menu{
	padding:0;
	overflow: hidden;
	height:1%;
	background:url(../images/bg_menu.gif) right;
	clear:both;
}
#menu li{
	float:left;
}
#menu li a.prasenta{
	display:block;
	height:40px;
	width:176px;
	background:url(../images/menu.gif) no-repeat 0 0;
}
#menu li a.prasenta:hover{
	display:block;
	background:url(../images/menu.gif) no-repeat 0 -40px;
}
#menu li a.kotara{
	display:block;
	height:40px;
	width:91px;
	background:url(../images/menu.gif) no-repeat -176px 0;
}
#menu li a.kotara:hover{
	display:block;
	background:url(../images/menu.gif) no-repeat -176px -40px;
}
#menu li a.tsushin{
	display:block;
	height:40px;
	width:99px;
	background:url(../images/menu.gif) no-repeat -267px 0;
}
#menu li a.tsushin:hover{
	display:block;
	background:url(../images/menu.gif) no-repeat -267px -40px;
}
#menu li a.safety{
	display:block;
	height:40px;
	width:101px;
	background:url(../images/menu.gif) no-repeat -366px 0;
}
#menu li a.safety:hover{
	display:block;
	background:url(../images/menu.gif) no-repeat -366px -40px;
}
#menu li a.qa{
	display:block;
	height:40px;
	width:83px;
	background:url(../images/menu.gif) no-repeat -467px 0;
}
#menu li a.qa:hover{
	display:block;
	background:url(../images/menu.gif) no-repeat -467px -40px;
}
#menu li a.mailmag{
	display:block;
	height:40px;
	width:124px;
	background:url(../images/menu.gif) no-repeat -550px 0;
}
#menu li a.mailmag:hover{
	display:block;
	background:url(../images/menu.gif) no-repeat -550px -40px;
}
#menu li a.home{
	display:block;
	height:40px;
	width:93px;
	background:url(../images/menu.gif) no-repeat -674px 0;
}
#menu li a.home:hover{
	display:block;
	background:url(../images/menu.gif) no-repeat -674px -40px;
}


/*whatsnew*/
#whatsnew {
	padding:20px 20px 0 20px;
	overflow: hidden;
	height:1%;
	clear:both;
}
#whatsnew h3{
	float:left;
}
#whatsnew .new_list{
	float:left;
	margin:0 0 20px 25px;
	width: 660px;
}
#whatsnew li{
	background:url(../images/arrow_top.gif) no-repeat 0 7px;
	padding:2px 0 0 15px;
}
a:link.pdf_link, a:visited.pdf_link { color:#cc0000; text-decoration: none; }
a:active.pdf_link, a:hover.pdf_link { color:#cc0000; text-decoration: underline; }

/*lingarea*/
#whatsnew .linkarea{
	padding:10px;
	text-align:center;
	border:1px solid #E8E8E8;
	width:340px;
	background-color: #F2F2F2;
	}
#whatsnew .linkarea img{padding-right:30px;}
#whatsnew .linkarea a{color:#333333;line-height:23px;}
#whatsnew .linkarea a:hover{color:#0625a0;}

/*bg_bottom*/
.bg_bottom{
	background:url(../images/bg_bottom.gif) no-repeat right bottom;
}


/*pagetop*/
#pagetop {
	margin-bottom:8px;
	width:121px;
	float:right;
	clear:both;
}


/*footer*/
#footer {
	padding:5px 10px;
	background:#a29a73;
	border-top:#887c53 1px solid;
	color:#fff;
	overflow: hidden;
	height:1%;
	clear:both;
}
#footer a.trecca_link:link,a.trecca_link:visited{ color:#fff; text-decoration:underline;}
#footer a.trecca_link:hover{ color:#fff; text-decoration:none;}
#footer .address{
	float:left;
}
#footer .copy{
	float:right;
}


/*-----------------------------------------------------------------------*/
/* in                                                                    */
/*-----------------------------------------------------------------------*/
#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background:#fff;
}
#contents{
	background:url(../images/bg_contents.gif) no-repeat;
	padding:26px 0 5px 30px;
	overflow: hidden;
	height:1%;
	clear:both;
}
#contents_in{
	padding:12px 10px 0 10px;
	overflow:hidden;
	height:1%;
	clear:both;
}
#contents_in #pagetop {
	margin:0 5px 3px 0;
	text-align:right;
	clear:both;
}


/*-----------------------------------------------------------------------*/
/* detail                                                                */
/*-----------------------------------------------------------------------*/
#detail{
	width:720px;
	margin-bottom:25px;
}


/*-----------------------------------------------------------------------*/
/* mailmag                                                               */
/*-----------------------------------------------------------------------*/
#mailmag li.nolink{
	display:block;
	height:40px;
	width:124px;
	background:url(../images/menu.gif) no-repeat -550px -40px;
}
#mailmag p{
	margin-bottom:2px;
}
#mailmag .red{
	color:#cc0000;
}
#mailmag th{
	border-top:#e3e3e3 1px solid;
	background: url(../images/bg_mailmag_form.gif) repeat-x;
	text-align:left;
	padding:10px;
	width:210px;
}
#mailmag td{
	border-top:#e3e3e3 1px solid;
	padding:10px;
	width:430px;
}
#mailmag .Mail{
	width:320px;
	height:20px;
	border:#999 1px solid;
	font-size:100%;
}
#mailmag .Mail2{
	width:150px;
	height:20px;
	border:#999 1px solid;
	font-size:100%;
}
#mailmag .listmenu{
	width:150px;
	height:20px;
	border:#999 1px solid;
	font-size:100%;
}
#mailmag .button{
	width:210px;
	height:35px;
	padding:25px 0 0;
	margin:0 auto;
}		
#mailmag .button input{
	display:block;
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}
#mailmag .btn_reset{
	width:90px;
	height:30px;
	float:left;
	background:url(../images/button_mailmag_reset.gif) no-repeat;
}
#mailmag .btn_back{
	width:90px;
	height:30px;
	float:left;
	background:url(../images/button_mailmag_back.gif) no-repeat;
}
#mailmag .btn_add{
	width:100px;
	height:30px;
	float:right;
	background:url(../images/button_mailmag_submit.gif) no-repeat;
}


/*-----------------------------------------------------------------------*/
/* safety                                                               */
/*-----------------------------------------------------------------------*/
#safety li.nolink{
	display:block;
	height:40px;
	width:101px;
	background:url(../images/menu.gif) no-repeat -366px -40px;
}
#safety h3{
	margin:10px 0 20px 160px;
}

#safety ul.safelist {
	margin:5px 10px 20px 15px;	
	}
#safety ul.safelist li{
	background:url(../images/sf_list.gif) no-repeat 0 5px;
	padding-left:10px;
	}
#safety .zairyo{ƒq
	margin:5px 10px 20px 15px;	
	}
#safety p.checktitle{
	margin-left:15px;
}

#safety p.check{
	margin-left:30px;
}


/*-----------------------------------------------------------------------*/
/* qa                                                                    */
/*-----------------------------------------------------------------------*/
#qa #detail{
	width:720px;
	margin-bottom:60px;
}
#qa li.nolink{
	display:block;
	height:40px;
	width:83px;
	background:url(../images/menu.gif) no-repeat -467px -40px;
}
#qa h3{
	margin-top:25px;
}
#qa .question{
	border:#cbc39b 1px solid;
	background:#fff8f8;
	margin:1px 0 0 0;
	padding:9px;
	overflow:hidden;
	height:1%;
}
#qa .question ul{
	width:350px;
	float:left;
}
#qa .question li{
	background:url(../images/arrow_top.gif) no-repeat 0 7px;
	padding:2px 0 0 10px;
	clear:both;
}
#qa .question .q_linktxt{
	margin-left:2.8em;
}
#qa .q{
	padding:10px 0 0 0;
	clear:both;
}
#qa .q dt{
	float:left;
}
#qa .q dd{
	float:left;
	width:660px;
	padding:10px 0 0 10px;
}
#qa .a{
	padding:20px 0 5px 10px;
	overflow:hidden;
	height:1%;
	background:url(../images/dot_line.gif) repeat-x bottom;
	clear:both;
}
#qa .a dt{
	float:left;
}
#qa .a dd{
	float:left;
	width:660px;
	padding-left:10px;
}
#qa .s{
	font-size:11px;
}
#qa a.order:link,a.order:visited{ color:#0625a0; text-decoration:none;}
#qa a.order:hover{ color:#0625a0; text-decoration:underline;}
#qa .totop_qa{
	float:right;
	clear:both;
	margin-top:20px;
}


/*-----------------------------------------------------------------------*/
/*  prasenta &  kotara                                                    */
/*-----------------------------------------------------------------------*/
#kotapura li.nolink .pra{
	display:block;
	height:40px;
	width:176px;
	background:url(../images/menu.gif) no-repeat 0px -40px;}
#kotapura li.nolink .kota{
	display:block;
	height:40px;
	width:194px;
	background:url(../images/menu.gif) no-repeat -176px -40px;}

#kotapura .leftcol{
	float:left;
	width:310px;}
	#kotapura .leftcol img{
		/*margin:30px 0 0 50px;}*/
		margin:5px 0 0 50px;}


#kotapura .rightcol{
	float:left;
	width:410px;
	}
	#kotapura .rightcol img{
		margin-bottom:20px;}
	#kotapura .rightcol .what{
		margin:15px 0 10px;
		background:url(../images/img_quest.gif) no-repeat 0 3px;
		height:15px;
		padding-left:15px;
		font-weight:bold;}
	#kotapura .rightcol .bikkuri{
	margin:15px 0 10px;
	background:url(../images/img_bikkuri.gif) no-repeat 0 3px;
	height:15px;
	padding-left:15px;
	font-weight:bold;
	text-decoration: underline;
}
		#kotapura .rightcol .what a{
			text-decoration:underline;}
					
	#kotapura .rightcol .dot_line{
		background:url(../images/dot_line.gif) no-repeat;
		height:3px;}
	
	#kotapura .td1{
	width:90px;
	vertical-align:top;
	}
	
	#kotapura .td2{
	padding-bottom:8px;
	}
			
	#kotapura .btn_buy a{
		display:block;
		height:30px;
		width:175px;
		margin:35px auto;
		background:url(../images/button_buy.gif) no-repeat 0 0;}
		#kotapura .btn_buy a:hover{
			display:block;
			background:url(../images/button_buy.gif) no-repeat 0 -30px;}
			
	#kotapura .notice{
	padding-bottom:0px;
}
		#kotapura .notice a{
			text-decoration:underline;}	


/*-----------------------------------------------------------------------*/
/*  miniwindow                                                           */
/*-----------------------------------------------------------------------*/
#miniwin .head{
	text-align:left;
	padding:6px 10px;
	border-bottom:3px solid #FA7CA1;
}
#miniwin .contents{
	margin:10px;
	text-align:left;
	border:1px solid #cdcdcd;
	}
	#miniwin .title{
	background:#653e90 url(../images/miniwin_bg.gif) repeat-x;
	color:#FFF;
	font-weight:bold;
	padding:6px 10px;
	font-size:120%;
}
		#miniwin .title2{
		background:url(../images/miniwin_bg_pink.gif) repeat-x #cc4069;
		color:#FFF;
		font-weight:bold;
		padding:6px 10px;
		font-size:120%;}
	#miniwin .text{
		padding:10px;
		background:#fffff6;}
		
#miniwin .btn_close a{
	display:block;
	height:30px;
	width:90px;
	margin:20px auto;
	background:url(../images/btn_close.gif) no-repeat 0 0;}
	#miniwin .btn_close a:hover{
		display:block;
		background:url(../images/btn_close.gif) no-repeat 0 -30px;}
	
#miniwin .foot{
	padding:5px 10px;
	background:#a29a73;
	border-top:#887c53 1px solid;
	color:#fff;
	overflow: hidden;
	height:1%;
	clear:both;
}
#miniwin .foot .copy{
	float:right;
}



/*text-indent*/
#header_menu li a.eshop,
#header_menu li a.inquiry,
#header_trecca a.trecca,
#main_menu li a.prasenta,
#main_menu li a.kotara,
#menu li a.prasenta,
#menu li a.kotara,
#menu li a.tsushin,
#menu li a.safety,
#menu li a.qa,
#menu li a.mailmag,
#menu li a.home,
#mailmag li.nolink,
#mailmag .button input,
#safety li.nolink,
#qa li.nolink,
#kotapura li.nolink,
#kotapura .btn_buy,
#miniwin .btn_close{
	text-indent:-9999px;
	overflow:hidden;
}
#kotapura .rightcol .ataekata {
	margin-bottom: 0px;
	margin-top: 5px;
	margin-left: 20px;
}
.bikkuri a {
	text-decoration: underline;
}
.ma_b10 {
	margin-bottom: 10px;
}