@charset "Shift-JIS";
@import "init.css";
@import "global.css?20100305";

/*** ＠ｃｏｓｍｅ 総合TOP CSS Document ****************************

	created.2009/09/16
	ver.2010/01/13

	top.css

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

/**  top.css Menu *************************************************

	1. TOP レイアウト
	2. TOP 中央カラム（メインコンテンツ）
	3. TOP 左カラム
	4. TOP 右カラム
	
********************************************************************/

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

	1. TOP レイアウト

-------------------------------------------------------------------*/
html{
	text-align: center;
}

/* -- #wrapper --*/
div#wrapper{
	width: 958px;
	text-align: center;
}

/* -- .contents --*/
.contents{
	float:left;
	padding-left:3px;
	width: 640px;
}

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

	2. TOP 中央カラム（メインコンテンツ）

-------------------------------------------------------------------*/
/* -- .mainContents --*/
.mainContents{
	width: 446px;
	float: right;
}
p.readMore a{
	padding-right: 15px;
	background: url(/images/common/icons/small_icons.gif) no-repeat right -198px;
}

/* -- タブ系ニュース -- */
.mainNews{
	margin-bottom: 25px;
	font-size: 93%;
}
.mainNewsTab li{
	float: left;
}
.mainNewsTab li a{
	display: block;
	width: 84px;
	height: 0;
	padding: 38px 0 0 0;
	overflow: hidden;
	background: url(/images/top/main/main_tab.gif) no-repeat left top;
}
.mainNewsTab li#mainNewsTab01 a{ background-position: 0px 0px; width:100px; }
.mainNewsTab li#mainNewsTab01 a:hover{ background-position: 0px -38px; }
.mainNewsTab li#mainNewsTab01 a.current,
.mainNewsTab li#mainNewsTab01 a.current:hover{ background-position: 0px -76px; }
.mainNewsTab li#mainNewsTab02 a{ background-position: -100px 0px; }
.mainNewsTab li#mainNewsTab02 a:hover{ background-position: -100px -38px; }
.mainNewsTab li#mainNewsTab02 a.current,
.mainNewsTab li#mainNewsTab02 a.current:hover{ background-position: -100px -76px; }
.mainNewsTab li#mainNewsTab03 a{ background-position: -184px 0px; }
.mainNewsTab li#mainNewsTab03 a:hover{ background-position: -184px -38px; }
.mainNewsTab li#mainNewsTab03 a.current,
.mainNewsTab li#mainNewsTab03 a.current:hover{ background-position: -184px -76px; }
.mainNewsTab li#mainNewsTab04 a{ background-position: -268px 0px; }
.mainNewsTab li#mainNewsTab04 a:hover{ background-position: -268px -38px; }
.mainNewsTab li#mainNewsTab04 a.current,
.mainNewsTab li#mainNewsTab04 a.current:hover{ background-position: -268px -76px; }
.mainNewsTab li#mainNewsTab05 a{ background-position: -352px 0px; }
.mainNewsTab li#mainNewsTab05 a:hover{ background-position: -352px -38px; }
.mainNewsTab li#mainNewsTab05 a.current,
.mainNewsTab li#mainNewsTab05 a.current:hover{ width:90px; background-position: -352px -76px; }

#mainNews01{ background:url(/images/top/main/tab_01_bg.gif) no-repeat left top; }
#mainNews02{ background:url(/images/top/main/tab_02_bg.gif) no-repeat left top; }
#mainNews03{ background:url(/images/top/main/tab_03_bg.gif) no-repeat left top; }
#mainNews04{ background:url(/images/top/main/tab_04_bg.gif) no-repeat left top; }
#mainNews05{ background:url(/images/top/main/tab_05_bg.gif) no-repeat left top; }

.mainNews p.newsUpDate{
	text-align: right;
	color: #269970;
	padding: 12px 20px 0 0;
	font-size: 92%;
}
.mainNews .mainNewsList {
	padding: 15px 10px 0;
}
.mainNews .mainNewsList li{
	padding: 0 0 8px 20px;
	background: url(/images/common/icons/small_icons.gif) no-repeat 5px -75px;
}
.mainNews .mainNewsList li img{
	margin-left: 5px;
	vertical-align: top;
}
.mainNews p.atention{
	color:#666666;
	padding: 0 15px 10px;
}
.mainNews p.atention span{
	font-weight: bold;
	font-size: 92%;
}
.mainNews p.atention a{
}
.mainNews p.readMore{
	text-align: right;
	padding: 0 5px 0 0;
	font-size: 92%;
}

/* -- ブランドコレクション -- */
#brandCllection{
	padding: 0 5px;
	margin-bottom: 40px;
	font-size: 85%;
}
#brandCllection h2 a{
	width: 434px;
	height: 0;
	padding: 45px 0 0 0;
	line-height: 2;
	overflow: hidden;
	background: url(/images/top/main/center_brandcllection_title.gif) no-repeat left top;
	display: block;
}
#brandCllectionL{
	float: left;
	width: 176px;
}
#brandCllectionS{
	float: right;
	width: 256px;
}
#brandCllectionL .collectionImg{
	margin-bottom: 10px;
}
#brandCllectionL .collectionTxt{
	margin-bottom: 15px;
}
#brandCllectionS ul li{
	float: left;
	width: 128px;
	padding-bottom: 15px;
}
#brandCllectionS ul li p{
	padding: 0 0 3px 10px;
	line-height: 1.4;
}
#brandCllection #brandCommunity{
	clear: both;
	background: url(/images/top/main/brand_comu_bg.gif);
	zoom: 1;
}
#brandCllection #brandCommunity h3{
	width: 434px;
	height: 0;
	padding: 25px 0 0 0;
	line-height: 2;
	overflow: hidden;
	background: url(/images/top/main/title_brand_comu.gif) no-repeat left top;
}
#brandCllection #brandCommunity .block{
	position: relative;
	zoom: 1;
	background: url(/images/top/main/brand_comu_bg_bottom.gif) no-repeat left bottom;
	padding-bottom: 20px;
}
#brandCllection #brandCommunity p{
	position: absolute;
	right: 15px;
	top: 10px;
}
#brandCllection #brandCommunity p a{
	padding-right: 10px;
	background: url(/images/common/icons/small_icons.gif) no-repeat right -317px;
}
#brandCllection #brandCommunity ul{
	padding: 10px 0 0 28px;
	margin-right: 20px;
}
#brandCllection #brandCommunity li{
	display:inline;
	margin-right: 20px;
	line-height: 1.7;
}
#brandCllection #brandCommunity li img{
	margin-left:5px;
	vertical-align:middle;
}

/* -- 美容のアンテナ -- */
#antena {
	padding: 0 5px;
	margin-bottom: 35px;
}
#antena h3{
	width: 434px;
	height: 0;
	padding: 20px 0 0 0;
	overflow: hidden;
	background: url(/images/top/main/title_antena.gif) no-repeat left top;
	margin-bottom: 8px;
	line-height:2;
}
#antena .antenaImg{
	float:left;
	width: 140px;
	border: 1px solid #ccc;
	margin: 0 7px 0 0;
}
#antena li div{
	float:left;
	width: 285px;
}
#antena li div h4{
	margin-bottom: 5px;
	line-height: 1.4;
}
#antena li div h4 a{
	color: #068681;
	font-weight: bold;
}
#antena li div p{
	line-height: 1.3;
	font-size: 92%;
}
#antena li div p a:hover {
	text-decoration: none;
}

/* -- スペシャルコンテンツ -- */
.spBox{
	padding: 0 5px;
	margin-bottom: 35px;
	font-size: 93%;
}
.spBox h3{
	width: 434px;
	height: 0;
	padding: 20px 0 0 0;
	overflow: hidden;
	background: url(/images/top/main/title_sp_contents.gif) no-repeat left top;
	margin-bottom: 10px;
	line-height:2;
}
.spBox ul li{
	margin-bottom: 10px;
}
.spBox .spContentsImg{
	float:left;
	width: 85px;
	border: 1px solid #ccc;
	margin: 0 14px 0 0;
}
.spBox li div{
	float:left;
	width: 320px;
	padding: 4px 0 0;
}
.spBox li div h4{
	margin-bottom: 5px;
	line-height: 1.3;
}
.spBox li div h4 a{
	color: #068681;
	font-weight: bold;
}
.spBox li div h4 a span.lead{
	line-height: 1.4;
	font-size: 92%;
}
.spBox li div p{
	line-height: 1.4;
	font-size: 92%;
}
.spBox li div p a:hover {
	text-decoration: none;
}
.spBox li div p span{
	margin-left: 5px;
	color: #999999;
}
.spBox li div p img{
	vertical-align: text-top;
}
.spBox p.readMore{
	text-align: right;
	padding: 0;
	font-size: 92%;
}

/* -- ＠ｃｏｓｍｅランキング -- */
#cosmeRanking{
	background: url(/images/top/main/atcosme_ranking_bg_side.gif) repeat-y 5px top;
	padding: 0 5px;
	margin-bottom: 30px;
	zoom: 1;
	font-size: 85%;
}
#cosmeRanking h3 a{
	display: block;
	width: 434px;
	height: 0;
	padding: 64px 0 0 0;
	overflow: hidden;
	background: url(/images/top/main/atcosme_ranking_title.gif) no-repeat left top;
	font-size: 200%;
}
#cosmeRanking .block{
	position: relative;
	background: url(/images/top/main/atcosme_ranking_bottom.gif) no-repeat left bottom;
	zoom: 1;
}
#cosmeRanking #cosmeRankingNo1{
	position: absolute;
	top: 16px;
	right: 16px;
}
#cosmeRanking #cosmeRankingNo1 p{
	text-align: center;
	padding-bottom: 5px;
}

#cosmeRanking h4{
	padding-left: 30px;
	color: #068681;
}
#cosmeRanking h4 a{
	color: #068681;
}
#cosmeRanking ul{
	padding: 5px 30px 10px 30px;
}
#cosmeRanking ul li{
	padding: 5px 0;
	background: url(/images/common/border/border_dot_h_9.gif) repeat-x left top;
	color: #068681;
	font-weight: bold;
}
#cosmeRanking ul li .rankingIcon{
  width:40px;
}

#cosmeRanking ul li .rankingProduct{
  width:260px;
}

#cosmeRanking ul li img{
	vertical-align: middle;
	margin-right: 10px;
	display: block;
}
#cosmeRanking ul li a{
	font-weight: bold;
	color: #068681;
	font-weight: bold;
}
#cosmeRanking p.time{
	float: left;
	padding: 5px 0 0  30px;
}
#cosmeRanking p.readMoreImg{
	text-align: right;
	padding: 0 15px 5px 0;
	background: none;
}

/* -- chieco -- */
#chieco{
	padding: 0 5px;
	background: url(/images/top/main/chieco_bg_top.gif) no-repeat 5px top;
	zoom: 1;
	font-size: 93%;
}
#chieco h3 a{
	display: block;
	width: 434px;
	height: 0;
	padding: 61px 0 0 0;
	overflow: hidden;
	background: url(/images/top/main/chieco_title.gif) no-repeat left top;
	font-size: 200%;
}
#chieco .block{
	min-height: 220px;
	_height: 220px;
	background: url(/images/top/main/chieco_bg_bottom.gif) no-repeat left bottom;
}
#chieco ul{
	padding: 6px 0 6px;
	min-height: 123px;
	_height: 135px;
}
#chieco ul li{
	padding: 5px 70px 5px 30px;
	background: url(/images/common/icons/small_icons.gif) no-repeat 20px -232px;
}
#chieco p.readMoreImg{
	padding: 5px 15px 5px 0;
	text-align:right;
	background: none;

}

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

	3. TOP 左カラム

-------------------------------------------------------------------*/
/* -- #sideLeft --*/
#sideLeft{
	width: 190px;
}
.sideLeftBox{
	width: 185px;
	margin-bottom: 20px;
}
#sideCosmeMenuList{
	width: 190px;
	background: url(/images/top/side/side_menu_bg_side.gif) repeat-y left top;
}

/* -- 左ナビ -- */
#sideCosmeMenuList h3{
	width: 190px;
	height: 0;
	padding: 31px 0 0 0;
	line-height: 2;
	overflow: hidden;
	background: url(/images/top/side/side_menu_title.gif) no-repeat left top;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain{
	padding: 6px 0 0 7px;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li{
	margin-bottom: 4px;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li a{
	width: 171px;
	height: 0;
	padding: 34px 0 0 0;
	overflow: hidden;
	margin-bottom: 4px;
	background-image: url(/images/top/side/side_menu_01.gif);
	display: block;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu01 a{ background-position: 0px 0px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu01 a:hover{ background-position: -171px 0px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu02 a{ background-position: 0px -34px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu02 a:hover{ background-position: -171px -34px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu03 a{ background-position: 0px -68px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu03 a:hover{ background-position: -171px -68px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu04 a{ background-position: 0px -102px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu04 a:hover{ background-position: -171px -102px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu05 a{ background-position: 0px -136px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu05 a:hover{ background-position: -171px -136px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu06 a{ background-position: 0px -170px; margin-bottom: 0;}
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu06 div{
	background: url(/images/top/side/side_menu_06_bg.gif) no-repeat left top;
	height: 130px;
	width: 171px;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu06 div a{
	width: auto;
	height: auto;
	padding: 0;
	overflow: hidden;
	margin-bottom: 0;
	background-image: none;
	display: inherit;	
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu06 div p{
	text-align: center;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu06 div p a img{
	margin: 0 0 0 9px;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu06 div ul {
	padding: 1px 2px;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu06 div ul li#scrollBack{
	float: left;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu06 div ul li#scrollNext{
	float: right;
}
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu07 a{ background-position: 0px -204px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu07 a:hover{ background-position: -171px -204px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu08 a{ background-position: 0px -238px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu08 a:hover{ background-position: -171px -238px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu09 a{ background-position: 0px -272px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu09 a:hover{ background-position: -171px -272px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu10 a{ background-position: 0px -306px; }
#sideCosmeMenuList ul#sideCosmeMenuListMain li#sideMenu10 a:hover{ background-position: -171px -306px; }


#sideCosmeMenuList ul#sideCosmeMenuListSub{
	padding: 0px 0 12px 7px;
	background: url(/images/top/side/side_menu_bg_bottom.gif) no-repeat left bottom;
	zoom:1;
}
#sideCosmeMenuList ul#sideCosmeMenuListSub li a{
	width: 171px;
	height: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	background-image: url(/images/top/side/side_menu_02.png);
	display: block;
}

/* ランキングここから */
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu17 { 
	width: 171px;
	display: block;
	background: url(/images/top/side/side_menu_02.gif) no-repeat left top;
}
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu17 span {
	display: block;
	width: 171px;
	height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
}
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu17 form {
	padding: 0 0 6px 0;
}
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu17 .selectItem {
	padding: 0 0 0 4px;
}
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu17 .selectItem select{
	width: 163px;
	text-align: left;
	font-size:11px;
	color: #666666;
}
#catRanking .selectItem select option{
	font-size:11px;
}
/* ランキングここまで */

#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu11 a{ background-position: 0px -85px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu11 a:hover{ background-position: -171px -85px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu12 a{ background-position: 0px -115px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu12 a:hover{ background-position: -171px -115px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu13 a{ background-position: 0px -145px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu13 a:hover{ background-position: -171px -145px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu14 a{ background-position: 0px -175px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu14 a:hover{ background-position: -171px -175px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu15 a{ background-position: 0px -205px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu15 a:hover{ background-position: -171px -205px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu16 a{ background-position: 0px -235px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu16 a:hover{ background-position: -171px -235px; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu18 a{ background-position: 0px -265px; padding: 34px 0 0 0; }
#sideCosmeMenuList ul#sideCosmeMenuListSub li#sideMenu18 a:hover{ background-position: -171px -265px; }


/* -- 注目 -- */
#sideAttention {
	margin-bottom: 15px;
	background: url(/images/top/side/side_attention_bg_side.gif) repeat-y left top;
	font-size: 93%;
}
#sideAttention h3{
	width: 185px;
	height: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	background: url(/images/top/side/side_attention_title.gif) no-repeat left top;
}
#sideAttention a{
	display:block;
	text-align: inherit;
}
#sideAttention .attentionImg{
	text-align: center;
	padding-top: 2px;
}
#sideAttention .attentionImg a{
	text-align: center;
}
#sideAttention .attentionTxt{
	padding: 10px 15px 16px;
	background: url(/images/top/side/side_attention_bg_bottom.gif) no-repeat left bottom;
}
#sideAttention .attentionTxt h4 a{
	font-size: 12px;
	color: #068681;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 6px;
}
#sideAttention .attentionTxt p{
	line-height: 1.4;
	font-size: 92%;
}
#sideAttention .attentionTxt p a:hover{
	text-decoration: none;
}

/* -- ランキング PICK UP -- */
#sideRankingList{
	background: url(/images/top/side/side_pickup_bg_bottom.gif) no-repeat left bottom;
	margin-bottom: 25px;
	font-size: 85%;
}
#sideRankingList h3{
	width: 185px;
	height: 0;
	padding: 62px 0 0 0;
	overflow: hidden;
	line-height: 2;
	background: url(/images/top/side/side_pickup_title.gif) no-repeat left top;
}
#sideRankingList p{
	padding: 14px 10px 6px;
	text-align: right;
}
#sideRankingList p a{
	padding-right: 10px;
	background: url(/images/common/icons/small_icons.gif) no-repeat right -278px;
	display: block;
	text-align: right;
}
#sideRankingList ul{
	background: url(/images/top/side/side_pickup_bg_side.gif) repeat-y left top;
	padding: 4px 20px 0;
}
#sideRankingList ul li{
	padding: 7px 10px 6px 20px;
	background: url(/images/common/icons/small_icons.gif) no-repeat 0 6px;
}
#sideRankingList ul li a{
	color:#068681;
}

/* -- モバイル -- */
#sideMobile{
	background: url(/images/top/side/side_mobile_bg_side.gif) repeat-y left top;
	font-size: 85%;
}
#sideMobile a{
	display:block;
	text-decoration: none;
}
#sideMobileTxt{
	padding: 5px 17px 0;
	display:block;
	line-height: 1.2;
}

/* -- その他 -- */
#sideCorpMenuList ul li{
	margin-bottom: 5px;
}

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

	4. TOP 右カラム

-------------------------------------------------------------------*/
/* -- #sideRight --*/
#sideRight{
	width: 300px;
	_padding: 22px 0 0 0; /* IE6 only */
}
#sideRight .readMore {
	text-align: right;
	color: #999999;
}
#sideRight .readMore a{
	color: #999999;
}

/* -- 広告 -- */
.sideAdBanner{
	margin-bottom: 20px;
}

/* -- ログインフォーム -- */
.sideLogIn .sideBlock{
	background: #F2F2F2 url(/images/top/side/side_login_bg_bottom.gif) no-repeat left bottom;
	font-size: 85%;
}
.sideLogIn .sideBlock h3{
	width: 300px;
	height: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	background: url(/images/top/side/side_login_title.gif) no-repeat left top;
}
.sideLogIn dl{
	padding: 5px 5px 0 5px;
}
.sideLogIn dl dt{
	float: left;
	width: 86px;
	padding: 5px 0 10px 8px;
	clear: left;
}
.sideLogIn dl dd{
	float: left;
	width: 180px;
	padding: 0 0 5px;
}
.sideLogIn dl dd input{
	width: 180px;
	height: 1.2em;
	_height: auto;
}
.sideLogIn form p{
	text-align: center;
}
.sideLogIn ul{
	padding: 5px 0;
}
.sideLogIn ul li{
	text-align: center;
	padding: 8px 0 0;
}
.sideLogIn ul li input{
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.sideLogIn ul li a{
	margin: 0 0 0 20px;
}
.sideLogIn ul li label{
	cursor: pointer;
}
.sideLogIn #aboutMember{
	padding: 20px 0px 20px 80px;
}
.sideLogIn #aboutMember h4{
	padding-bottom: 5px;
}
.sideLogIn .aboutMemberTxt{
	line-height: 1.3;
	margin-bottom: 5px;
}
.sideLogIn .aboutMemberRegist{
	text-align: center;
}

/* -- ようこそ -- */
.sideWelCome{
	background: #E6F7F5 url(/images/top/side/side_welcome_bg_bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
.sideWelCome .sideBlock{
	background: url(/images/top/side/side_data_bg_top.gif) no-repeat left top;
	padding-top: 15px;
	font-size: 85%;
}
.sideWelCome #sideWelComeName{
	background: url(/images/top/side/side_data_bg_side.gif) repeat-y left top;
}
.sideWelCome #sideWelComeName .userName{
	float: left;
	width: 185px;
}
.sideWelCome #sideWelComeName .box{
	background: url(/images/top/side/side_data_bg_bottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
}
.sideWelCome #sideWelComeName .userName p{
	padding: 0 5px 5px 15px;
	line-height: 1.5;
}
.sideWelCome #sideWelComeName .userName p a{
	color: #068681;
}
.sideWelCome #sideWelComeName .userMenu{
	float: right;
	padding: 0 10px 0 0;

}
.sideWelCome #sideWelComeName .userMenu li{
	text-align: right;
	line-height: 1.5;
	font-size: 93%;
}
.sideWelCome #viewMail{
	padding: 5px 0 5px;
	margin: 0 10px 10px;
	background: url(/images/common/border/border_dot_h_9.gif) repeat-x left bottom;
}
.sideWelCome #viewMail p.mailBox{
	float: left;
	font-size: 110%;
}
.sideWelCome #viewMail p.mailBox img{
	margin-right: 5px;
}
.sideWelCome #viewMail p.mailBox span{
	font-weight: bold;
	color: #068681;
	margin: 0 2px;
}
.sideWelCome #viewMail p.mailBtn{
	float: right;
	padding-top: 3px;
	width: 90px;
}
.sideWelCome #viewMail p img{
	vertical-align: middle;
}

.sideWelCome #fortune{
/*	background: url(/images/top/side/todays_luck_bg_bottom.gif) no-repeat 7px bottom;*/
	padding-bottom: 5px;
/*	margin-bottom: 5px;*/
	zoom: 1;
}
.sideWelCome #fortune .box{
	padding:0 5px 0 0;
/*	background: url(/images/top/side/todays_luck_bg_bottom.gif) no-repeat 7px bottom;*/
}
.sideWelCome #fortune .box div{
	float:left;
	width: 210px;
	padding-top: 7px;
	background: url(/images/top/side/todays_luck_bg_top.gif) no-repeat 7px top;
}
.sideWelCome #fortune .box div a{
	color: #068681;
	margin: 0 0 0 2px;
}
.sideWelCome #fortune .box div h4 {
	width: 159px;
	height: 0;
	padding: 18px 0 0 0;
	margin-bottom: 7px;
	overflow: hidden;
	line-height: 2;
	background: url(/images/top/side/todays_luck_01.gif) no-repeat 13px top;
}
.sideWelCome #fortune .box div h4.fortuneToday01 { background: url(/images/top/side/todays_luck_01.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday02 { background: url(/images/top/side/todays_luck_02.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday03 { background: url(/images/top/side/todays_luck_03.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday04 { background: url(/images/top/side/todays_luck_04.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday05 { background: url(/images/top/side/todays_luck_05.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday06 { background: url(/images/top/side/todays_luck_06.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday07 { background: url(/images/top/side/todays_luck_07.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday08 { background: url(/images/top/side/todays_luck_08.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday09 { background: url(/images/top/side/todays_luck_09.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday10 { background: url(/images/top/side/todays_luck_10.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday11 { background: url(/images/top/side/todays_luck_11.gif) no-repeat 13px top; }
.sideWelCome #fortune .box div h4.fortuneToday12 { background: url(/images/top/side/todays_luck_12.gif) no-repeat 13px top; }

.sideWelCome #fortune .box div p,
.sideWelCome #fortune .box div dl{
	padding-left: 13px;
}
.sideWelCome #fortune .box div p{
	margin-bottom: 3px;
	line-height: 1.3;
	color: #999999;
	padding-right: 7px;
}
.sideWelCome #fortune .box div dl{
	background: url(/images/top/side/todays_luck_bg_bottom.gif) no-repeat 7px bottom;
	padding-bottom: 7px;
}
.sideWelCome #fortune .box div dt{
	color:#19b199;
	display:inline;
}
.sideWelCome #fortune .box div dd{
	display:inline;
}
.sideWelCome #fortune #fortuneImg{
	float: right;
}
.sideWelCome #footprint{
	background: #FFFFFF;
	margin: 0 7px 5px;
	padding: 3px 0 3px 3px;
}
.sideWelCome #footprint h4{
	float: left;
	width: 28px;
	height: 0;
	padding: 141px 0 0 0;
	margin-bottom: 7px;
	line-height: 2;
	overflow: hidden;
	background: url(/images/top/side/footprint_title.gif) no-repeat left 1px;
}
.sideWelCome #footprint ul{
	float:left;
	margin: 2px 0;
	background: url(/images/common/border/border_dot_v_9.gif) repeat-y center top;
	zoom:1;
}
.sideWelCome #footprint ul li{
	float: left;
	width: 126px;
	padding-top:10px;
}
.sideWelCome #footprint ul li p.footprintImg{
	text-align: center;
}
.sideWelCome #footprint ul li p.footprintTxt{
	padding: 5px 15px;
	color: #068681;
}
.sideWelCome #footprint a{
	color: #068681;
}
.sideWelCome #footprint .noFootprint{
	float: left;
	padding: 30px 0 0;
	width: 254px;
}
.sideWelCome #footprint .noFootprint h5{
	padding: 0  0 0 15px;
	margin-bottom: 20px;
	font-size: 110%;
}
.sideWelCome #footprint .noFootprint p{
	text-align: left;
	padding: 0 10px 10px 15px;
}
.sideWelCome #footprint .noFootprint p.link {
	padding: 0 20px 10px 15px;
	text-align: right;
}
.sideWelCome #otherInfo{
	background: url(/images/top/side/side_other_info_bg_top.gif) no-repeat left 5px;
	padding: 20px 0 0;
	text-align: center;
}
.sideWelCome #otherInfo p{
	text-align: center;
	display: inline;
	background: url(/images/common/icons/small_icons.gif) no-repeat right -159px;
	padding-right: 8px;
	margin: auto;
}
.sideWelCome #otherInfo p a{
	color: #068681;
	font-size: 110%;
	font-weight: bold;
}

/* -- モニター企画 -- */
.sideCallMonitor{
	font-size: 93%;
}
.sideCallMonitor h3{
	margin-bottom: 10px;
}
.sideCallMonitor h3 a{
	width: 298px;
	height: 0;
	padding: 28px 0 0 0;
	line-height: 2;
	overflow: hidden;
	background: url(/images/top/side/side_monitor_title.gif) no-repeat left top;
	display: block;
}
.sideCallMonitor p{
	padding: 5px 15px 5px 0;
	line-height: 1.7em;
}
.sideCallMonitor p a{
	display: block;
	color:#068681;
	margin-right: 10px;
}
.sideCallMonitor p a span {
	background: url(/images/common/icons/small_icons.gif) no-repeat 5px -77px;
	font-weight: bold;
	padding: 0 0 0 15px;	
}
.sideCallMonitor p span.monitorUpDate {
	background: none;
	color: #5cb6a8;
	font-size: 92%;
	font-weight: normal;
}
.sideCallMonitor p.readMore {
	font-size: 92%;
	padding: 0;
}
.sideCallMonitor p.readMore a {
	display: inline;
	text-align: right;
	width: auto;
	margin: 0;
	background-position: right -196px;
}

/* -- プレゼント -- */
.sidePresent{
	font-size: 93%;
}
.sidePresent h3{
	margin-bottom: 10px;
}
.sidePresent h3 a{
	width: 298px;
	height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	line-height: 2;
	background: url(/images/top/side/side_present_title.gif) no-repeat left top;
	display: block;
}
.sidePresent .thumbTxtBox{
	float: right;
	width: 203px;
}
.sidePresent .thumbTxtBox h4 {
	margin-bottom: 5px;
	padding-right: 15px;
}
.sidePresent .thumbTxtBox h4 a{
	color: #068681;
	font-weight: bold;
	line-height: 1.3;
}
.sidePresent .thumbTxtBox p.thumbTxt{
	line-height: 1.4;
	margin-bottom: 10px;
	padding-right: 15px;
	font-size: 92%;
}
.sidePresent .thumbTxtBox p.thumbTxt a:hover{
	text-decoration: none;
}
.sidePresent .thumbTxtBox p.readMore{
	font-size: 92%;
}
.sidePresent .thumbTxtBox p img {
	vertical-align: text-top;
	margin-left: 3px;
}
.sidePresent .thumbImg{
	float: left;
	width: 85px;
	border: 1px solid #ccc;
}

/* -- ビューティニュース -- */
.sideNews{
	font-size: 93%;
}
.sideNews h3{
	margin-bottom: 10px;
}
.sideNews h3 a{
	width: 298px;
	height: 0;
	padding: 28px 0 0 0;
	overflow: hidden;
	line-height: 2;
	background: url(/images/top/side/side_news_title.gif) no-repeat left top;
	display: block;
}
.sideNews .thumbTxtBox{
	float: right;
	width: 203px;
}
.sideNews .thumbTxtBox h4 {
	margin-bottom: 5px;
	padding-right: 15px;
}
.sideNews .thumbTxtBox h4 a{
	color: #068681;
	font-weight: bold;
	line-height: 1.3;
}
.sideNews .thumbTxtBox p.thumbTxt{
	line-height: 1.4;
	margin-bottom: 8px;
	padding-right: 15px;
	font-size: 92%;
}
.sideNews .thumbTxtBox p.thumbTxt a:hover{
	text-decoration: none;
}
.sideNews .thumbTxtBox p.thumbTxt span{
	color: #cccccc;
	margin: 0 0 0 5px;
}
.sideNews .thumbTxtBox p.readMore{
	font-size: 92%;
}
.sideNews .thumbTxtBox p.readMore span{
	color: #068681;
	margin: 0 3px;
}
.sideNews .thumbTxtBox p.thumbTxt img{
	vertical-align: text-top;
}
.sideNews .thumbImg{
	float: left;
	width: 85px;
	border: 1px solid #ccc;
}

/* -- お知らせ -- */
.sideInformation{
	background: url(/images/top/side/side_info_bg_side.gif) repeat-y left bottom;
	font-size: 85%;
	line-height: 1.4;
}
.sideInformation .sideBlock{
	padding-bottom: 12px;
	background: url(/images/top/side/side_info_bg_bottom.gif) no-repeat left bottom;
}
.sideInformation .sideBlock h3{
	width: 300px;
	height: 0;
	padding: 30px 0 0 0;
	line-height: 2;
	overflow: hidden;
	background: url(/images/top/side/side_info_title.gif) no-repeat left top;
}
.sideInformation ul{
	padding: 0 20px;
}
.sideInformation li{
	margin: 7px 0 0 0;
	padding: 0 0 7px 0;
	background: url(/images/common/border/border_dot_h_9.gif) repeat-x left bottom;
	word-break: break-all;
	word-wrap: break-word;
}
.sideInformation li.listBottom{
	background: none;
}
.sideInformation li a{
	padding-left: 10px;
	background: url(/images/common/icons/small_icons.gif) no-repeat 0 -117px;
}
.sideInformation li span{
	color :#999999;
}

/* -- 学ぶ働く ショッピング -- */
.sideStudyWork h3{
	width: 300px;
	height: 0;
	padding: 24px 0 0 0;
	margin-bottom: 10px;
	line-height: 2;
	overflow: hidden;
	background: url(/images/top/side/side_studywork_title.gif) no-repeat left top;
}
.sideShopping h3{
	width: 300px;
	height: 0;
	padding: 24px 0 0 0;
	margin-bottom: 5px;
	line-height: 2;
	overflow: hidden;
	background: url(/images/top/side/side_shopping_title.gif) no-repeat left top;
}
.sideStudyWork,
.sideShopping{
	background: url(/images/top/side/side_studywork_bg_side.gif) repeat-y left top;
	font-size: 85%;
}
.sideStudyWork .sideBlock,
.sideShopping .sideBlock{
	padding-bottom: 10px;
	background: url(/images/top/side/side_studywork_bg_bottom.gif) no-repeat left bottom;
}
.sideSectionBlock86{
	padding-left: 10px;
	padding-right: 10px;
	zoom: 1;
}
#boxSchool,
#boxStore{
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: url(/images/common/border/border_dot_h_9.gif) repeat-x left bottom;
}
.sideSectionBlock86 .thumbTxtBox{
	width:180px;
	float: right;
	padding-top: 4px;
}
.sideSectionBlock86 .thumbTxtBox h5{
	margin-bottom: 5px;
}
.sideSectionBlock86 .thumbTxtBox h5 a{
	color: #068681;
	font-size: 110%;
	line-height: 1.3;
	font-weight: bold;
	display: block;
	_display: inline-block;
}
.sideSectionBlock86 .thumbTxtBox p{
	line-height: 1.3;
}
.sideSectionBlock86 .thumbTxtBox p a{
	display:block;
	_display:inline-block;
}
.sideSectionBlock86 .thumbTxtBox p a:hover{
	text-decoration: none;
}
.sideSectionBlock86 p.thumbImg img {
	border: 1px solid #ccc;
}
.sideSectionBlock86 dl{
	padding-top: 10px;
}
.sideSectionBlock86 dt{
	font-weight: bold;
}

.sideSectionBlock86 dd{
	display: inline;
	margin-right: 10px;
	line-height: 1.5;
}
.sideSectionBlock86 dd a{
	text-decoration: underline;
}
.sideSectionBlock86 dd a:hover{
	text-decoration: none;
}


/* globalSearch */

#globalSearch{
	float: right;
	width: 340px;
	background:url(/images/top/header/header_search_bg.gif) no-repeat 2px 12px;
	padding: 26px 0 10px;
	position: relative;
}
#globalSearch form{
	display:block;
	width: 208px;
	float:left;
}
#globalSearch #fw {
	border: solid 1px #A7DBC8;
	width: 154px;
}
#globalSearch form p{
	text-align: right;
}
#globalSearch input{
	vertical-align: middle;
}

#globalSearch p.readMore{
	float: right;
	width: 130px;
}
#globalSearch p.readMore a{
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}
#globalSearch p.readMore a.readMoreCosmi {
	float: left;
	width: 42px;
	height: 0;
	padding: 45px 0 0 0;
	overflow: hidden;
	margin: -5px 0 0 0;
	display: block;
	background: none;
}
#globalSearch ul{
	zoom:1;
	clear: both;
	padding: 0 0 5px 0;
	position: absolute;
	left: 21px;
	top: 51px;
}
#globalSearch ul li{
	display:inline;
	margin-right: 12px;
}
#globalSearch ul li a{
	text-decoration: underline;
}
#globalSearch ul li a:hover{
	text-decoration: none;
}

/* globalInfo */
#globalInfo{
	clear:both;
	padding: 0 0 0 88px;
	background: url(/images/top/header/global_info_bg.gif) no-repeat center top;
	height: 42px;
}
#globalInfo ul li{
	float: left;
	margin-right: 40px;
}

#globalInfo ul li.reviews{
	margin-right: 10px;
}

#globalInfo ul li.latest{
	margin-right:0;
}

#globalInfo ul li.latest a{
	font-size:12px;
	font-weight:bold;
	line-height:42px;
	color:#068681;
}

#globalInfo ul li.latest a:link,
#globalInfo ul li.latest a:visited{
	text-decoration:underline;
}
#globalInfo ul li.latest a:hover,
#globalInfo ul li.latest a:active{
	text-decoration:none;
}