/*----- initialize -----*/

* {
	margin:0px;
	padding:0px;
	border-width:0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:100%;
	color:#333;
}
body {
	font-size:84%;
}
html:not(:target) body{
	font-size:12px;
}
a{
	color:#364b80;
}
a:hover{
	color:#6378ad;
}
img{
	border-width:0px;
}

/*----- common classes -----*/

.left{
	float:left;
}
.right{
	float:right;
}

.clear{
	clear:both;
}
.small{
	font-size:0.9em;
}

/*----- layout -----*/

body{
	background-color:#12275c;
	text-align:center;
}

#container{
	text-align:left;
	width:920px;
	margin:0px auto 0 auto;
	background-color:#ffffff;
	border-left:1px solid #a4bc62;
	border-right:1px solid #a4bc62;
}

#header{
	height:70px;
}
#page{
	background:url(../images/common/page_bg.png) 0 0 repeat-x transparent;
}
#sub{
	width:220px;
	float:left;
	margin:0px;
	background:url(../images/common/sub_bg.png) 0 0 no-repeat transparent;
}
.home #sub{
	background-image:url(../images/home/sub_bg_home.png);
}
#main{
	width:650px;
	float:right;
	margin:30px 30px 0 0;
	_display:inline;
}
#main2{
	width:650px;
	float:left;
	margin:30px 30px 0 30px;
	_display:inline;
}

#footer{
	margin:35px 10px 0px 10px;
	border-top:1px solid #c8c5c4;
	padding:3px 2px 15px 2px;
}



/*----- header -----*/
#header h1{
	position:absolute;
	top: 0px;
}
#header h1 a{
	display:block;
	width:254px;
	height:70px;
	background:url(../images/common/logo2.png) 0 0 no-repeat transparent;
	text-indent:-9999px;
}
#header p.description{
	position:absolute;
	height:70px;
	width:666px;
	margin-left:254px;
	background:url(../images/common/catch2.png) 0 0 no-repeat transparent;
}
#header p.description span{
	display:none;
}
#header ul#language{
	position:absolute;
	margin-left:830px;
	margin-top:46px;
	z-index:10;
	list-style-type:none;
}
#header ul#language li{
	width:26px;
	height:17px;
	float:left;
	margin-right:5px;
}
#header ul#language li a{
	display:block;
	width:26px;
	height:17px;
	text-indent:-9999px;
	background:url(../images/common/ico_uk.png) 0 0 no-repeat transparent;
}
#header ul#language li a:hover{
	background-position:left bottom;
}
#header ul#language li a#language-italian{ background-image:url(../images/common/ico_italy.png); }
#header ul#language li a#language-english{ background-image:url(../images/common/ico_uk.png); }


/*----- sub -----*/
#sub #navi{
	margin-top:193px;
	height:443px;
}
#sub #navi li{
	list-style-type:none;
	line-height:34px;
}
#sub #navi li a{
	display:block;
	width:208px;
	height:34px;
	background:url(../images/common/navi_home.png) left top no-repeat transparent;
	text-indent:-9999px;
}
#sub #navi li a.last{
	height:35px;
}
#sub #navi li a.active{
	background-position:right top;
}
#sub #navi li a.active:hover{
	background-position:right top;
}
#sub #navi li a:hover{
	background-position:center top;
}
#sub #navi li a#navi-home{}
#sub #navi li a#navi-policy{ background-image:url(../images/common/navi_policy.png); }
#sub #navi li a#navi-concept{ background-image:url(../images/common/navi_concept.png); }
#sub #navi li a#navi-product-dog{ background-image:url(../images/common/navi_product_dog.png); }
#sub #navi li a#navi-product-cat{ background-image:url(../images/common/navi_product_cat.png); }
#sub #navi li a#navi-price{ background-image:url(../images/common/navi_price.png); }
#sub #navi li a#navi-herb{ background-image:url(../images/common/navi_herb.png); }
#sub #navi li a#navi-advice{ background-image:url(../images/common/navi_advice.png); }
#sub #navi li a#navi-faq{ background-image:url(../images/common/navi_faq.png); }
#sub #navi li a#navi-champion{ background-image:url(../images/common/navi_champion.png); }
#sub #navi li a#navi-certificate{ background-image:url(../images/common/navi_certificate.png); }
#sub #navi li a#navi-partner{ background-image:url(../images/common/navi_partner.png); }
#sub #navi li a#navi-profile{	background-image:url(../images/common/navi_profile.png); }

#sub #banners{
	margin-left:15px;
}
#sub #banners p{
	margin:15px 0;
}

/*----- main -----*/

#main h2{
	width:650px;
	height:120px;
	background:url(../images/common/h2_price.png) 0 0 no-repeat transparent;
	margin-bottom:50px;
	text-indent:-9999px;
}
	#main h2#h2-price{}
	#main h2#h2-policy{ background-image:url(../images/common/h2_policy.png); }
	#main h2#h2-concept{ background-image:url(../images/common/h2_concept.png); }
	#main h2#h2-product-cat{ background-image:url(../images/common/h2_product_cat.png); }
	#main h2#h2-product-gf{ background-image:url(../images/common/h2_product_gf.png); }
	#main h2#h2-product-eq{ background-image:url(../images/common/h2_product_eq.png); }	
	#main h2#h2-product-dog{ background-image:url(../images/common/h2_product_dog.png); }
	#main h2#h2-herb{ background-image:url(../images/common/h2_herb.png); }
	#main h2#h2-advice{ background-image:url(../images/common/h2_advice.png); }
	#main h2#h2-faq{ background-image:url(../images/common/h2_faq.png); }
	#main h2#h2-champion{ background-image:url(../images/common/h2_champion.png); }
	#main h2#h2-certificate{ background-image:url(../images/common/h2_certificate.png); }
	#main h2#h2-partner{ background-image:url(../images/common/h2_partner.png); }
	#main h2#h2-profile{ background-image:url(../images/common/h2_profile.png); }
	#main h2#h2-privacy{ background-image:url(../images/common/h2_privacy.png); }
	#main h2#h2-contact{ background-image:url(../images/common/h2_contact.png); }
	#main h2#h2-voices{ background-image:url(../images/common/h2_voices.png); }

#main #content{
	margin:10px;
}
#main h3{
	margin-bottom:20px;
}

#main h4{
	background-color:#caddbf;
	padding:0.5em 20px;
	margin:20px 0;
}
#main h4.first{
	margin-top:0;
}
#main h4.large{
	color:#009c74;
	font-size:1.5em;
	padding:10px 0;
	border-top:1px dotted #333;
	background-color:#ffffff;
	border-bottom:1px dotted #333;
}
#main h4.small{
	
}
#main p{
	line-height:1.5em;
	margin:10px 0;
}
#main p:first-child{
	margin-top:0;
}
#main p.small{
	font-size:0.9em;
}
#main ol{
	margin:10px 0 10px 2em;
}
#main li{
	margin:0.5em 0;
}
#main img.image-right{
	float:right;
	margin:0 0 20px 20px;
}
#main img.image-left{
	float:left;
	margin:0 20px 20px 0;
}
#main .box{
	margin:30px 0 30px 0;
}

/*----- main:price -----*/

#main .price h4{
	margin:0px;
}
#main .price table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:20px;
	border-top:1px dotted #b1aba7;
}
#main .price table th{
	padding:0.5em 20px;
	border-bottom:1px dotted #b1aba7;
	text-align:right;
}
#main .price table td{
	padding:0.5em 20px;
	border-bottom:1px dotted #b1aba7;
	text-align:right;
}
#main .price table td:first-child, #main .price table th:first-child {
	text-align:left;
	width:260px;
}

/*----- main:partner -----*/

#main .partner h4{
	margin:0px;
}
#main .partner table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:20px;
	border-top:1px dotted #b1aba7;
}
#main .partner table th{
	padding:0.5em 5px;
	border-bottom:1px dotted #b1aba7;
	text-align:left;
 	background-color:#caddbf;
}
#main .partner table td{
	padding:0.5em 5px;
	border-bottom:1px dotted #b1aba7;
	text-align:left;
}
#main .partner table td:first-child, #main .partner table th:first-child {
	text-align:left;

}

/*----- main:policy -----*/
#main .policy .left{
	width:325px;
	float:left;
}
#main .policy .right{
	width:290px;
	float:right;
}
#main .policy p{
	padding-top:1em;
	border-top:1px dotted #666666;
}
#main .policy p:first-child{
	padding:0;
	border-width:0;
	margin-top:0;
}
#main .policy .note{
	background-color:#eeefef;
	padding:20px;
	padding-bottom:10px;
	/padding-top:10px;
	margin-top:20px;
}
#main .policy .note h4{
	background:none;
	padding:0;
	margin:0;
	margin-bottom:10px;
	font-size:1.5em;
}

/*----- main:concept -----*/
#main .concept .left{
	width:400px;
	float:left;
}
#main .concept .right{
	width:230px;
	float:right;
}
#main .concept .note{
	background-color:#eeefef;
	padding:20px;
	padding-bottom:10px;
	/padding-top:10px;
	margin-top:20px;
}
#main .concept .note h4{
	background:none;
	padding:0;
	margin:0;
	margin-bottom:10px;
	font-size:1.5em;
}

/*----- main:product -----*/
#main .product .row{
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-top:30px;
}
#main .product .item{
	width:300px;
}
#main .product .left{
	float:left;
}
#main .product .right{
	float:right;
}
#main .product .item h4{
	background:none;
	border-top:1px solid #ccc;
	padding:5px 0;
	margin-bottom:10px;
}
#main .product .item p{
	font-size:0.9em;
}
#main .product .others{
	text-align:right;
}

/*----- main:herb -----*/
#main .herb .item{
	border-top:1px dotted #ccc;
	margin-top:10px;
}
#main .herb .first{
	margin-top:20px;
}
#main .herb .item .image{
	width:140px;
	float:left;
	margin:10px 0;
}
#main .herb .item .detail{
	width:450px;
	float:right;
	margin:10px 5px 10px 0;
}
#main .herb .item .detail h4{
	background:none;
	padding:0px;
	font-size:1.2em;
	margin:0 0 10px 0;
}
#main .herb .item .detail .profile{
	margin-top:20px;
	font-size:0.9em;
}

/*----- main:faq -----*/

#main .faq .questions{
	background-color:#e4eaee;
	list-style-type:none;
	padding:10px;
}
#main .faq .questions li a{
	color:#727171;
	text-decoration:none;
}
#main .faq .questions li a:hover{
	color:#333333;
	text-decoration:underline;
}
#main .faq .item{
	margin:20px 0;
}
#main .faq .item h4{
	color:#ea5406;
	background:none;
	border-bottom:1px solid #ccc;
	padding:0 0 5px 0;
	margin:0;
}
#main .faq .item a.link-to-top{
	display:block;
	width:50px;
	position:absolute;
	margin-top:-24px;
	margin-left:570px;
	text-align:right;
	text-decoration:none;
}
#main .faq .item .answer{
	margin:20px 0 40px 0;
}

/*----- main:champion -----*/
#main .champion .item{
}
#main .champion .item h4{
	background:none;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}
#main .champion .item .detail{
}
#main .champion .item .award{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:10px 0;
}
#main .champion .item .award caption{
	text-align:left;
	font-weight:bold;
}
#main .champion .item .award th{
	font-weight:normal;
	vertical-align:top;
	white-space:nowrap;
}

/*----- main:certificate -----*/
#main .certificate h4{
	border-left:5px solid #000;
}


/*----- main:home -----*/
#main .home .box{
	margin:20px 0;
}
#main .home .welcome-box{
	background:url(../images/home/welcome_dot.gif) left bottom repeat-x transparent;
	padding-bottom:10px;
}
#main .home .welcome-box h4{
	display:none;
}
#main .home .welcome-inner{
	background:url(../images/home/welcome_bg.png) 0 0 no-repeat transparent;
	height:690px;
}

#main .home .welcome-box  .welcome-message{
	width:200px;
	padding-top:110px;
}
#main .home .welcome-box  .welcome-message2{
	width:655px;
	padding-top:280px;
}
#main .home .welcome-box  .welcome-message p{
	font-weight:bold;
	line-height:20px;
	font-size:1.1em;
}
#main .home .welcome-box  .welcome-message2 p{
	font-weight:bold;
	line-height:20px;
	font-size:1.1em;
}
#main .home .news-box{
	border:1px solid #ccc;
	padding:10px;
}
#main .home .news-box h4{
	float:left;
	width:185px;
	padding:16px 13px;
	background-color:#eeefef;
	margin:0px;
}
#main .home .news-box h4 span{
	background:url(../images/home/news_h4.gif) 0 0 no-repeat #eeefef;
	display:block;
	width:139px;
	height:15px;
	text-indent:-9999px;
}
/*#main .home .news-box ul{*/
/*	width:400px;*/
/*	float:right;*/
/*	list-style-type:none;*/
/*}*/
#main .home .news-box ul{
	width:620px;
	float:right;
	list-style-type:none;
}





/*----- footer -----*/

#footer ul{
	position:absolute;
	list-style-type:none;
	font-size:inherit;
}

#footer ul li{
	display:inline;
	margin-right:15px;
}
#footer ul li a{
	color:#231714;
	text-decoration:none;
	font-size:0.9em;
	_font-size:0.7em;
}
#footer ul li a:hover{
	color:#5b4f4c;
	text-decoration:underline;
}
#footer p.copyright{
	font-size:0.9em;
	color:#5b4f4c;
	text-align:right;
}