/* ------------------------------------------------------------

　全体の設定

------------------------------------------------------------ */

body, div, span, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, table, td, tr, th, p {
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #FFBFBF;
	background-image: url(../images/body-img.gif);
	background-repeat: no-repeat;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック";
	font-size: 80%;
	line-height: 150%;
	color: #666666;
	background-position: center top;
	min-width: 950px;
}
* html body {
width:expression(document.body.clientWidth < 1180? “1180px”: “auto”);
}
a:link, a:visited {
	color: #FF3737;
	text-decoration: none;
}
a:hover {
	color: #6C9100;
	text-decoration: underline;
}
.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 */

.color-9a0023 {
	color: #9a0023;
}
.color-ff0000 {
	color: #F00;
}
a img {
	border: none;
}


/*  共通へッダー
───────────────────── */

body div#saraya-header {
	background: #EFEFEF;
	zoom:1;
}
body div#saraya-header:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
body div#saraya-header ul {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
body div#saraya-header ul li {
	float: right;
	margin-left: 10px;
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:160%;
}
body div#saraya-header ul li a:link, div#saraya-header ul li a:visited {
	color: #666;
	text-decoration: none;
}
body div#saraya-header ul li a:hover {
	text-decoration: underline;
}
body div#saraya-header ul li#saraya-header-logo {
	margin-right: 5px;
	padding-bottom: 0px;
	padding-top: 7px;
	line-height: 0%;
}
body div#saraya-header img {
	border:none;
	font-size: 0%;
}

/*  一番外枠（背景イラストの部分）
============================================================ */
/*
div#outline {
	background-image: url(../images/body-img.gif);
	background-repeat: no-repeat;
	width: 1180px;
	margin-right: auto;
	margin-left: auto;
	background-position: top;
}*/

/*  コンテンツ全体（サブメニュー＆コンテンツ）
============================================================ */

div#contents {
	background-color: #FFF;
	background-image: url(../images/contents-bg.gif);
	background-repeat: repeat-y;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/*  ヘッダー
============================================================ */

div#header div#arau-logo {
	float: left;
	height: 50px;
	width: 155px;
	margin-top: 15px;
	margin-left: 30px;
	display: inline;
}
div#header div#arau-logo a {
	background-image: url(../images/arau-logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 155px;
}
div#header {
	background-color: #FFF;
	background-image: url(../images/header-bg.gif);
	background-repeat: repeat-x;
	padding-bottom: 10px;
}
div#header div#hnavi {
	padding-top: 5px;
	padding-right: 20px;
}
div#header div#hnavi ul li {
	float: right;
	margin-left: 5px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left center;
}
div#hnavi ul#japanmenu {
	clear: right;
	padding-top: 4px;
}
div#header div#hnavi ul li#icon-japan {
	background-image: url(../images/icon-japan.gif);
	padding-left: 25px;
}
div#header div#hnavi ul li#icon-english {
	background-image: url(../images/icon-usa.gif);
	padding-left: 25px;
}
div#header div#hnavi ul li#icon-russian {
	background-image: url(../images/icon-russian.gif);
	padding-left: 25px;
}
div#header div#hnavi ul li#icon-cn {
	background-image: url(../images/icon-cn.jpg);
	padding-left: 25px;
}
div#header div#hnavi ul li#icon-cantonese {
	background-image: url(../images/icon-cantonese.gif);
	padding-left: 25px;
}
div#header div#hnavi ul li#icon-thai {
	background-image: url(../images/icon-thai.gif);
	padding-left: 25px;
}
div#header div#hnavi ul li#icon-korea {
	background-image: url(../images/icon-korea.gif);
	padding-left: 25px;
}
div#header div#hnavi ul li#icon-shop {
	background-image: url(../images/icon-shop.gif);
	padding-left: 20px;
}
div#header div#hnavi ul li.icon-info {
	background-image: url(../images/icon-info.gif);
	padding-left: 20px;
}
div#header div#hnavi ul li#icon-regist {
	background-image: url(../images/icon-regist.gif);
	padding-left: 18px;
}
div#header div#hnavi ul li#icon-sitemap {
	background-image: url(../images/icon-sitemap.gif);
	padding-left: 15px;
}

/*  グローバルナビ
============================================================ */
div#gnavi {
	clear: both;
	width: 950px;
}
div#gnavi ul li {
	float: left;
	height: 64px;
	list-style-type: none;
}
div#gnavi ul li a {
	height: 64px;
	background-image: url(../images/gnavi.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}
div#gnavi ul li#g-home a {
	width: 106px;
}
div#gnavi ul li#g-home a:link, div#gnavi ul li#g-home a:visited {
	background-position: 0px 0px;
}
div#gnavi ul li#g-home a:hover {
	background-position: 0px -64px;
}
div#gnavi ul li#g-products a {
	width: 116px;
}
div#gnavi ul li#g-products a:link, div#gnavi ul li#g-products a:visited {
	background-position: -106px 0px;
}
div#gnavi ul li#g-products a:hover {
	background-position: -106px -64px;
}
div#gnavi ul li#g-tokucho a {
	width: 152px;
}
div#gnavi ul li#g-tokucho a:link, div#gnavi ul li#g-tokucho a:visited {
	background-position: -222px 0px;
}
div#gnavi ul li#g-tokucho a:hover {
	background-position: -222px -64px;
}
div#gnavi ul li#g-voice a {
	width: 186px;
}
div#gnavi ul li#g-voice a:link, div#gnavi ul li#g-voice a:visited {
	background-position: -374px 0px;
}
div#gnavi ul li#g-voice a:hover {
	background-position: -374px -64px;
}
div#gnavi ul li#g-qa a {
	width: 88px;
}
div#gnavi ul li#g-qa a:link, div#gnavi ul li#g-qa a:visited {
	background-position: -560px 0px;
}
div#gnavi ul li#g-qa a:hover {
	background-position: -560px -64px;
}
div#gnavi ul li#g-blog a {
	width: 152px;
}
div#gnavi ul li#g-blog a:link, div#gnavi ul li#g-blog a:visited {
	background-position: -648px 0px;
}
div#gnavi ul li#g-blog a:hover {
	background-position: -648px -64px;
}
div#gnavi ul li#g-campaign a {
	width: 150px;
}
div#gnavi ul li#g-campaign a:link, div#gnavi ul li#g-campaign a:visited {
	background-position: -800px 0px;
}
div#gnavi ul li#g-campaign a:hover {
	background-position: -800px -64px;
}

/*  ぱんくず
============================================================ */

div#pankuzu {
	clear: both;
	background-color: #FFF;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
div#pankuzu span#icon-home a {
	background-image: url(../images/icon-home.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

/*  コンテンツ
============================================================ */

div#rcontents {
	float: right;
	width: 745px;
	padding-bottom: 15px;
}

/*  サブメニュー
============================================================ */

div#lnavi {
	float: right;
	width: 200px;
	padding-bottom: 15px;
}
div#lnavi div#lnavi-banner {
	width: 180px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
div#lnavi div#lnavi-banner img {
	margin-top: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


/*  ソーシャルボタン・ページトップ
============================================================ */

div#contents-footer {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 5px;
	padding-top: 40px;
}
div#contents-footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#contents-footer ul#socialbtn {
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}
div#contents-footer ul#socialbtn li {
	float: right;
	margin-right: 5px;
	list-style: none;
}

/*  page top
============================================================ */

div#pagetop {
	clear: both;
	margin-right: 10px;
	margin-bottom: 5px;
}
div#pagetop a {
	background-image: url(../images/pagetop.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 80px;
	float: right;
	margin-top: 15px;
}


/*  フッター
============================================================ */

div#footer {
	background-image: url(../images/footer-line.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	clear: both;
	background-color: #FFF;
	padding-top: 10px;
	padding-bottom: 15px;
}
div#footer div#fnavi ul li {
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
}
div#footer div#fnavi ul {
	margin-left: 10px;
}
div#footer div#fnavi ul li.nonline {
	border-left-style: none;
}
div#footer div#copyright {
	clear: both;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 10px;
}
div#footer div#copyright img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	vertical-align: middle;
}
div#footer div#footermaplink {
	clear: both;
	margin-right: 15px;
	margin-left: 15px;
}
div#footer div#footermaplink div#footermaplink1 {
	float: left;
	margin-top: 15px;
}
div#footer div#footermaplink div#footermaplink2, div#footer div#footermaplink div#footermaplink3, div#footer div#footermaplink div#footermaplink4, div#footer div#footermaplink div#footermaplink5 {
	float: left;
	margin-left: 50px;
	display: inline;
	margin-top: 15px;
}
div#footer div#footermaplink h3 {
	font-size: 100%;
	margin-top: 5px;
	color: #999;
}
div#footer div#footermaplink ul li {
	margin-left: 5px;
	list-style-type: none;
}
div#footer div#footermaplink a {
	color: #999;
}

/* メンテナンス
────────────────────────────── */
div#maintenance {
	background-color: #FFC;
	border: 1px dashed #F30;
	padding: 5px;
	margin-top: 20px;
}
div#maintenance p {
	margin-top: 10px;
}
div#maintenance p#maintenance-title {
	font-size: 130%;
	font-weight: bold;
} 

div#lotion-tokucho {
	background: #FFF5D7;
	clear: both;
	text-align: center;
	padding-bottom: 10px;
}
div#lotion-tokucho ul {
	text-align: left;
	margin-left: 50px;
	margin-bottom: 20px;
	margin-right: 50px;
	padding-top: 10px;
}
div#lotion-tokucho ul li {
	margin-top: 5px;
}