@charset "Shift_JIS";

/*--------------------
	body
--------------------*/
body {
}
#container {
}

/*--------------------
	header
--------------------*/
#header {
	width:960px;
	margin:0 auto;
}
/*topsocial*/
#topsocial {
	width:960px;
	height:42px;
}
#topsocial ul {
	float:right;
	padding:12px 0 0 0;
}
#topsocial ul li {
	float:left;
}
#topsocial ul li.logo img {
	margin:0 0 0 20px;
}

/*--------------------
	footer
--------------------*/
#footer {
	width: 960px;
	height: 144px;
	margin: 0 auto;
	clear:both;
}
#navi {
	float: right;
	width: 524px;
	height: 60px;
	margin: 22px auto 0;
	border-left: solid 1px #fce8ef;
}
#navi li {
	float: left;
	border-right: solid 1px #fce8ef;
}
div.foot {
	overflow:hidden;
	clear:both;
	padding:40px 0 30px 45px;
	background-color:#f7f7f7;
	font-size:12px;
}
div.foot .footinner {
	overflow:hidden;
	width:960px;
	margin:0 auto;
	padding-left: 60px;
}
div.foot .footinner p {
	padding:0 0 27px 0;
}
div.foot .footinner dl {
	float:left;
	width:240px;
}
div.foot .footinner dl dt {
	padding:0 0 6px 0;
}
div.foot .footinner dl dd {
	background: url(/brand/apitoveil/img/foot_arow.gif) no-repeat left center;
	padding:0 0 0 10px;
	margin:0 0 0 13px;
	line-height:1.5em;
}
div.foot .footinner dl dd.last {
	margin:0 0 17px 13px;
}
div.foot .footinner dl dd a {
	color:#666666;
	text-decoration: none;
}
div.foot .footinner dl dd a:hover {
	text-decoration: underline;
}
div.footsub {
	overflow:hidden;
	clear:both;
	line-height:1;
	width:100%;
	margin:0 auto;
	padding:10px 0 10px 0;
}
div.footsub .footsubinner {
	overflow:hidden;
	width:960px;
	margin:0 auto;
}
div.footsub .footsubinner p {
	float:left;
	font-size:10px;
}
div.footsub .footsubinner p a {
	color:#666666;
	text-decoration: none;
}
div.footsub .footsubinner p a:hover {
	text-decoration: underline;
}
div.footsub .footsubinner address {
	float:right;
	width:350px;
	padding:3px 0 0 0;
}

/*--------------------
	contentsWrap
--------------------*/
#contentsWrap {
	background:url(../img/bg_contentswrap.gif) repeat 0 104px;
	font-family:"Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}

/* top */
#contentsWrap.top {
	background:url(../img/bg_contentswrap.gif) repeat center 41px;
}

/*--------------------
	siteNav
--------------------*/
#siteNav {
	width:100%;
	height:36px;
	background:url(../img/bg_sitenav.gif) repeat-x 0 0;
}
#siteNav ul {
	width:962px;
	height:22px;
	margin:0 auto;
	padding:14px 0 0;
	letter-spacing:-0.4em;
	text-align:right;
}
#siteNav li {
	display:inline;
	padding:0 25px 0 0;
}

/* top */
.top #siteNav {
	height:37px;
}
.top #siteNav ul {
	padding:23px 0 0;
}

/*--------------------
	globalNav
--------------------*/
#globalNav {
	background:url(../img/bg_globalnav.gif) repeat-x 0 0;
	width:100%;
	height:75px;
}
#globalNav div {
	width:962px;
	height:75px;
	margin:0 auto;
	overflow:hidden;
	background:url(../img/bg_globalnav_02.gif) repeat-x center 0 #fff;
}
#globalNav h1 {
	float:left;
}
#globalNav ul {
	float:left;
}
#globalNav li {
	float:left;
}

/* top */
.top #globalNav {
	background:url(../img/bg_topnav.png) repeat-x left bottom;
}
.top #globalNav div {
	background:url(../img/bg_contents_top.gif) repeat center 0;
}

/*--------------------
	contents
--------------------*/
#contents {
	width:962px;
	background:#fff;
	margin:0 auto;
	padding:40px 0 0;
	overflow:hidden;
}
#contents h2 {
	text-align:center;
	margin:0 0 30px;
}
#contents .inner {
	width:882px;
	margin:0 auto 40px;
}
#contents p {
	color:#271e20;
	font-size:16px;
	line-height:28px;
	margin:0 0 1em;
}
.btnset {
	width:883px;
	margin:0 auto 40px;
	background:url(../img/bg_btnset.gif) no-repeat 0 0;
	padding:30px 0 0;
}
.btnset ul {
	text-align:center;
	letter-spacing:-0.4em;
}
.btnset li {
	display:inline;
}
.btnset li img {
	padding:0 12px;
}
.pagetop {
	clear:both;
	text-align:right;
	margin:0 10px 0 0 !important;
}

/*--------------------
	top
--------------------*/
.top #contents {
	background:url(../img/bg_contents_top.gif) repeat center 0;
	height:510px;
	padding:0 3px;
	position:relative;
}
.top #contents h1 {
	position:absolute;
	top:24px;
	left:593px;
}
.top #contents h2 {
	position:absolute;
	top:0;
	left:12px;
}
.top #contents p {
	position:absolute;
}
.top #contents p.img_01 {
	top:150px;
	left:24px;
}
.top #contents p.img_02 {
	top:321px;
	left:528px;
}
.top #contents p.txt_01 {
	top:192px;
	left:529px;
}

/*--------------------
	cause
--------------------*/
#contents.cause h3 {
	margin:0 0 10px;
	padding:0 0 0 21px;
}
#contents.cause .txt_01 {
	padding:17px 0 0 41px;
	float:left;
}
#contents.cause .img_01 {
	padding:49px 127px 0 0;
	float:right;
}
#contents.cause .box_01 {
	text-align:center;
	letter-spacing:-0.4em;
}
#contents.cause .box_01 li {
	display:inline;
}
#contents.cause .box_01 img {
	padding:0 10px;
}

/*--------------------
	condition
--------------------*/
#contents.condition h3 {
	padding:0 0 0 26px;
	margin:0 0 2px;
}

/*--------------------
	about
--------------------*/
#contents.about h3 {
	padding:0 0 0 32px;
}
#contents.about .item {
	width:727px;
	margin:0 0 5px 108px;
	overflow:hidden;
}
#contents.about .item div.fll {
	width:255px;
}
#contents.about .item div.flr {
	width:419px;
	overflow:hidden;
}
#contents.about .item .logo {
	width:255px;
	height:102px;
	margin:0 0 21px;
	background:url(../img/about_logo.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents.about .gram {
	width:255px;
	height:37px;
	margin:0;
	background:url(../img/about_txt_01.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents.about .price {
	width:255px;
	height:36px;
	margin:0 0 10px;
	background:url(../img/about_txt_02.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#contents.about .kind {
	width:255px;
	height:27px;
	background:url(../img/about_txt_03.gif) no-repeat right 0;
	text-indent:-9999px;
}
#contents.about .seibun {
	width:882px;
	padding:0 0 30px;
	margin:0 0 10px;
	background:url(../img/about_bg_01.gif) no-repeat center bottom;
}
#contents.about .seibun .seibuninner {
	width:882px;
	overflow:hidden;
	padding:0;
	margin:0 0 5px;
}
#contents.about .seibun .seibuninner dt {
	float:left;
	width:156px;
	padding:40px 43px 0 69px;
}
#contents.about .seibun .seibuninner dd {
	float:left;
	padding:0 25px 0 0;
}
#contents.about .seibun .notes {
	font-size:10px;
	line-height:14px;
	text-align:right;
	margin:0;
	padding-right: 30px;
}
#contents.about .subset {
	width:882px;
	overflow:hidden;
	margin:0 auto;
	background:url(../img/about_bg_02.gif) no-repeat 410px 0;
}
#contents.about .subset .fll {
	width:400px;
}
#contents.about .subset .fll h3 {
	padding:6px 0 11px;
}
#contents.about .subset .flr {
	width:460px;
}
#contents.about .subset .flr h3 {
	padding:1px 0 10px;
}
#contents.about .boxset {
	width:844px;
	margin:0 auto 50px;
	overflow:hidden;
}
#contents.about .boxset li {
	font-size:16px;
	line-height:32px;
	background:url(../img/about_icon_01.gif) no-repeat left 12px;
	padding:0 0 0 18px;
}
#contents.about .boxset .fll {
	width:409px;
}
#contents.about .boxset .flr {
	width:410px;
}
#contents.about .boxset div h4 {
	position:absolute;
}
#contents.about .box_01 {
	height:186px;
	margin:0 0 4px;
	position:relative;
}
#contents.about .box_01 ul {
	position:absolute;
	top:115px;
	left:38px;
}
#contents.about .box_02 {
	height:226px;
	position:relative;
}
#contents.about .box_02 ul {
	position:absolute;
	top:95px;
	left:38px;
}
#contents.about .box_02 p {
	position:absolute;
	top:175px;
	left:38px;
}
#contents.about .box_03 {
	height:269px;
	margin:0 0 4px;
	position:relative;
}
#contents.about .box_03 ul {
	position:absolute;
	top:95px;
	left:38px;
}
#contents.about .box_03 li {
	line-height:24px;
	background:url(../img/about_icon_01.gif) no-repeat left 8px;
}
#contents.about .box_03 p {
	position:absolute;
	top:150px;
	left:55px;
}
#contents.about .box_04 {
	height:143px;
	position:relative;
}
#contents.about .box_04 ul {
	position:absolute;
	top:95px;
	left:38px;
}
#contents.about .box_04 li {
	font-size:15px;
	line-height:24px;
	background:url(../img/about_icon_02.gif) no-repeat left 8px;
}
#contents.about .box_04 li a {
	color:#9f1a3d;
	font-size:15px;
	line-height:24px;
	background:url(../img/about_icon_03.gif) no-repeat right center;
	padding:0 40px 0 0;
}

/*--------------------
	selfcare
--------------------*/
#contents.selfcare h3 {
	padding:0 0 0 26px;
}
#contents.selfcare .img_01 {
	float:right;
	padding:19px 67px 0 0;
}
#contents.selfcare .txt_01 {
	float:left;
	width:500px;
	padding:5px 0 0 50px;
}
#contents.selfcare .boxset {
	clear:both;
	width:841px;
	height:304px;
	margin:0 auto 55px;
	overflow:hidden;
}
#contents.selfcare .boxset .fll {
	width:410px;
	position:relative;
}
#contents.selfcare .boxset .fll h3 {
	padding:0;
	position:absolute;
}
#contents.selfcare .boxset .flr {
	width:410px;
	position:relative;
}
#contents.selfcare .boxset .flr h3 {
	padding:0;
	position:absolute;
}
#contents.selfcare .boxset div p {
	position:absolute;
	width:335px;
	top:155px;
	left:36px;
	font-size:14px;
	line-height:24px;
}

/*--------------------
	voice
--------------------*/
#contents.voice h3 {
	padding:0 0 0 26px;
}
#contents.voice .boxset {
	width:836px;
	margin:0 auto 81px;
	overflow:hidden;
}
#contents.voice .boxset div {
	width:390px;
}
#contents.voice .boxset h4 {
	margin:0 0 30px;
}
#contents.voice .boxset p {
	text-align:center;
	margin:0 0 12px;
}
#contents.voice .boxset .flr h4 {
	margin:0 0 32px;
}
#contents.voice .boxset .flr p {
	margin:0 0 13px;
}
#contents.voice .rankset {
	width:907px;
	height:490px;
	margin:0 auto 30px;
	overflow:hidden;
	position:relative;
}
#contents.voice .rankset h3 {
	position:absolute;
	padding:0;
}
#contents.voice .rankset ul {
	position:absolute;
}
#contents.voice .rankset li {
	position:absolute;
}
#contents.voice .rankset .rank_01 {
	top:156px;
	left:47px;
}
#contents.voice .rankset .rank_02 {
	top:156px;
	left:461px;
}
#contents.voice .rankset .rank_03 {
	top:293px;
	left:461px;
}
#contents.voice .rankset .rank_04 {
	top:414px;
	left:95px;
}
#contents.voice .rankset .rank_05 {
	top:414px;
	left:407px;
}
#contents.voice .reference {
	margin: 0 auto 50px;
    width: 882px;
	text-align: right;
	 font-size: 10px;
    line-height: 14px;
}

/*--------------------
	tvcm
--------------------*/

#movie {}
#movie_container {}

/* cm movie_container 動画読み込み部分
------------------------------------------------------------------*/
#movie_container li {
	margin:20px auto 40px auto;
	width:960px;
}

#movie_container p.not_movie {
	margin:80px auto 0px auto;
	width:960px;
}

#movie_container div.lead {
	/*color:#c71e1e;*/
	font-size:140%;
	font-weight:bold;
	margin:0 auto 10px auto;
	width:640px;
	text-align:center;
	/*border-bottom:1px solid #c71e1e;*/
}
#movie_container ul li .thumb{
	width:640px;
	margin:0 auto;
	position:relative;

}
#movie_container ul li .thumb .btn-arrow-movie{
	position:absolute;
	display:block;
	top:120px;
	left:160px;
	width:320px;
	height:240px;
	background:url(/brand/apitoveil/img/btn-arrow-movie_off.png) no-repeat 0 0;
}
#movie_container ul li .thumb a .btn-arrow-movie:hover {
	background:url(/brand/apitoveil/img/btn-arrow-movie_on.png) no-repeat 0 0;
}

/**/

/*--------------------
	common
--------------------*/
a:link {
	color:#c52121;
	text-decoration:underline;
}
a:visited {
	color:#c52121;
	text-decoration:underline;
}
a:hover {
	color:#c52121;
	text-decoration:none;
}
a:active {
	color:#888888;
	text-decoration:none;
}

/*--------------------
	elements
--------------------*/
/* float */
.fll {float:left;}
.flr {float:right;}
.clb {clear:both;}

/* text/font */
.tac {text-align:center !important;}

/* margin */
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.ml40 {margin-left:40px !important;}

/* padding */
.pt20 {padding-top:20px !important;}