@charset "utf-8";

/* ページ全体のレイアウトや固有パーツの設定をしています */

/* 基本タグの初期化（原則追加変更不可）
--------------------------------------------------------------*/

body {
	margin:0 auto;
	padding:0 1px;
	background-color:#FFFFFF;
	font-size:13px;
	font-family:"MS PGOTHIC",Osaka,sans-serif;
	color:#666666;
	text-align:center;
	width:790px;
}

p, div, h1, h2, h3, ul, li, form {
	font-size:13px;
	margin:0;
	padding:0;
}



img {
	margin:0;
	border:none;
}

/*
td,
th {
	vertical-align:top;
	text-align:left;
}
*/

.h2 {
	background-color:#E5F4F4;
}

hr {
	display:none;
}

form, input, select {
	color:#666666;
}


/* Anchor
------------------------------------*/
a:link {
	color:#006699;
	text-decoration:none;
}
a:visited {
	color:#7759A8;
	text-decoration:none;
}
a:hover, a:active {
	color:#00AAFF;
	text-decoration:underline;
}


#CONTENTSAREA a:link,
#CONTENTSAREA a:visited {
	text-decoration: underline;
}
#CONTENTSAREA a:hover,
#CONTENTSAREA a:active {
	text-decoration: none;
}



/* ページラップ
--------------------------------------------------------------*/
#PAGEP {
	width:790px;
	margin:10px auto;
	text-align: left;
}
#PAGEC {
	width:780px;
	margin:0 5px;
	min-height:600px;
}

#CONTENTSBODY {
	/*background:url(/contents/images/bg_contentsbody.gif) repeat-y;*/
}

#RIGHTAREA {
	width:131px;
	padding:0 0 10px 0;
}

#CONTENTSAREA {
	width:640px;
}

.contentBtm {
	margin-top:50px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}

/* ヘッダ
--------------------------------------------------------------*/

#HEADER .rightTop {
	width:691px;
	background:url(/contents/images/pic_dot9cc.gif) repeat-x left bottom;
}

#HEADER .rightTop .tagline {
	font-size:11px;
	line-height:130%;
}

#HEADER .rightTop .btnTop {
	margin:9px 0 5px 0;
}
#HEADER .rightTop .merit {
	width:361px;
	text-align:right;
	margin:0 0 10px 0;
}
#HEADER .rightBtm {
	margin-top:6px;
}
#HEADER .rightBtm .left {
	width:310px;
	float:left;
}
#HEADER .rightBtm .left img {
	display:inline;
	margin-right:10px;
}
#HEADER .rightBtm .right {
	width:380px;
	float:right;
	text-align:right;
}
#HEADER .rightBtm .right img {
	display:inline;
	margin-left:10px;
}

/* ヘッダ下中分類用ナビ
--------------------------------------------------------------*/

#MIDNAVI li {
	width:99px;
	display:block;
	float:left;
	background:url(/contents/images/bullet_blue_m.gif) no-repeat 0 0.2em;
	margin:0 0 4px 4px;
	padding:0 8px 0 14px;
	line-height:120%;
	white-space:nowrap;
	font-size:11px;
}

#MIDNAVI ul {
	width:633px;
	height:30px;
	margin:0;
	padding:6px 0 6px 4px;
	list-style:none;

	border-bottom:solid 1px #99CCCC;
	border-left:solid 3px #7EB9B9;
	background:url("/contents/images/lnavi/lnavi_bg.gif") repeat-x;
}

#MIDNAVI #MIDNAVI_DIET ul {
	height:45px;
}

#MIDNAVI #MIDNAVI_BODYWEAR ul {
	height:45px;
}

#MIDNAVI a:link {
	text-decoration:none;
}
#MIDNAVI a:visited {
	text-decoration:none;
}
#MIDNAVI a:hover, a:active {
	text-decoration:underline;
}

#MIDNAVI #MIDNAVI_COSME li {
	width:75px;
}

#MIDNAVI #MIDNAVI_DIET li {
	width:120px;
}

#MIDNAVI #MIDNAVI_FOOD li {

}

#MIDNAVI #MIDNAVI_BODYWEAR li {
	width:99px;
}



/* ライトナビ
--------------------------------------------------------------*/

#RIGHTAREA {
	font-size:11px;
}

/* okawa wrote */
#RIGHTAREA * {
	font-size:11px;
}

/* お客様の名前 */

#RIGHTAREA .welcome {
	margin:15px 0 0 3px;
	line-height:120%;
	color:#666;
}
#RIGHTAREA .welcome strong {
	font-weight:bold;
}
#RIGHTAREA .welcome p {
	padding:0.5em 0 0 0;
	color:#CC0000;
}

/* 買い物かご */

#RIGHTAREA .basket {
	margin:0;
	border-right:solid 1px #99CCCD;
}
#RIGHTAREA .basket table {
	width:100%;
}
#RIGHTAREA .basket th {
	font-weight:normal;
	line-height:110%;
}
#RIGHTAREA .basket td {
	font-weight:bold;
	line-height:110%;
	text-align:right;
	white-space:nowrap;
}
#RIGHTAREA .basketMessage {
	background:url(/contents/images/pic_dot9cc.gif) repeat-x left top;
	border-right:solid 1px #99CCCD;
	padding:5px 0 5px 5px;
	line-height:110%;
	color:#CC0000;
}


/* マイページ ログイン前 */

#RIGHTAREA .mypageBefore {
	margin:0;
	border-right:solid 1px #EBB462;
}

.mypageBefore ul {
	width:120px;
	padding:0 4px;
	list-style:none;
}

.mypageBefore li {
	background:url(/contents/images/bullet_orange.gif) no-repeat 0 0.2em;
	padding:0 0 5px 10px;
}


/* マイページ ログイン後 */

#RIGHTAREA .mypageAfter {
	margin:0;
	border-right:solid 1px #CE7291;
}

#RIGHTAREA .mypageAfter ul {
	width:120px;
	padding:0 4px;
	list-style:none;
}

#RIGHTAREA .mypageAfter li {
	background:url(/contents/images/bullet_pink.gif) no-repeat 0 0.2em;
	padding:0 0 5px 10px;
}


/* カテゴリメニュー */

#RIGHTAREA .category {
	margin:0;
}

#RIGHTAREA .category ul {
	width:126px;
	padding:0 0 0 5px;
	list-style:none;
	line-height:120%;
}
#RIGHTAREA .category ul li {
	padding:4px 0;
	color:#299393;
	background:url(/contents/images/pic_dot9cc.gif) repeat-x left bottom;
}
#RIGHTAREA .category ul li a {
	display:block;
	background:url(/contents/images/bullet_blue.gif) no-repeat 0 0.2em;
	padding-left:10px;
}
#RIGHTAREA .category ul li ul {
	margin:3px 0 0 0;
	padding:0;
	list-style:none;
}
#RIGHTAREA .category ul li ul li {
	padding:4px 0;
	color:#299393;
	border:none;
	background:url(/contents/images/pic_dot9cc.gif) repeat-x left top;
}
#RIGHTAREA .category ul li ul li a {
	display:block;
	background:url(/contents/images/bullet_blue.gif) no-repeat 0 0.2em;
	padding-left:10px;
}

/* 商品をさがす */

#RIGHTAREA .search {
	margin:0;
}
#RIGHTAREA .search ul {
	width:126px;
	padding:0 0 0 5px;
	list-style:none;
}
#RIGHTAREA .search li {
	padding:4px 0;
	color:#299393;
	background:url(/contents/images/pic_dot9cc.gif) repeat-x left bottom;
}
#RIGHTAREA .search li a {
	display:block;
	background:url(/contents/images/bullet_blue.gif) no-repeat 0 0.2em;
	padding:0 0 0 10px;
}

#RIGHTAREA .keySearch {
	padding:5px 0 0 9px ;
}

#RIGHTAREA .cateSelect {
	width:110px;
	margin-top:5px;
	margin-left:3px;
	color:#666666;
}

#RIGHTAREA .keyInput {
	width:105px;
	margin-top:5px;
	margin-left:3px;
	color:#666666;
}

#RIGHTAREA .btnSearch {
	display:block;
	margin-top:5px;
	margin-left:72px;
}


/* バナー */

#RIGHTAREA .banners {
	padding-top:10px;
	margin-left:8px;
}
#RIGHTAREA img.banner  {
	margin-top:5px;
	display:block;
}



/* 携帯サイト */

#RIGHTAREA .mobileP {
	margin:5px 3px 0 0;
	text-align:center;
}

#RIGHTAREA .mobileC {
	width:auto;
	border-left:solid 1px #99CCCC;
	border-right:solid 1px #99CCCC;
	text-align:center;
}

#RIGHTAREA .mobileC ul {
	text-align:left;
	width:110px;
	padding:5px 4px 0 4px;
	list-style:none;
}

#RIGHTAREA .mobileC li {
	padding:4px 0 1px 4px;
	background:url(/contents/images/pic_dot9cc.gif) repeat-x left top;
}
#RIGHTAREA .mobileC li a {
	background:url(/contents/images/bullet_blue.gif) no-repeat 0 0.2em;
	padding-left:10px;
}



/* ショッピングガイド */


#RIGHTAREA .shoppingGuide {
	margin-top:14px;
}

.shoppingGuide ul {
	text-align:left;
	width:125px;
	padding:5px 0 0 6px;
	list-style:none;
}

.shoppingGuide li {
	background:url(/contents/images/bullet_blue.gif) no-repeat 0 0.6em;
	padding:4px 0 1px 10px;
}


/* フッタ
--------------------------------------------------------------*/

#FOOTER {
	font-size:11px;
}

/* okawa wrote */
#FOOTER * {
	font-size:11px;
}

#FOOTER .pageTop {
	float:right;
	margin:5px;
}

#FOOTER ul {
	margin:0 5px;
	list-style:none;
}

#FOOTER li {
	display:block;
	float:left;
	background:url(/contents/images/bullet_blue.gif) no-repeat 5px 0.2em;
	margin:5px 0;
	padding:0 5px 0 16px;
	border-right:solid 1px #006699;
}

#FOOTER table {
	width:780px;
}
#FOOTER td {
	vertical-align:middle;
}

#FOOTER td span {
	display:block;
	width:180px;
	line-height:120%;
}
#FOOTER td div {
	width:90px;
	line-height:120%;
}

.copyright {
	background-color:#ECF1F1;
	text-align:right;
	font-size:11px;
	line-height:120%;
	color:#666666;
	padding:5px 10px;
}



/* ぱんくず
--------------------------------------------------------------*/

#BREADCLUMB {
	margin-top:10px;
	font-size:11px;
}


/* オルビスのこだわり
--------------------------------------------------------------*/

#KODAWARI {
	margin:30px 0 0 0;
}
#KODAWARI img {
	display:block;
}