@charset "utf-8";
@import "contents.css";

body {
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}
br {
	letter-spacing: 0px;
}
* {
	margin: 0px;
	padding: 0px;
	outline: none;
	outline-style: none;
}
strong {
	font-style: normal;
	font-weight: bold;
}
.strong {
	font-style: normal;
	font-weight: bold;
}
ol, ul {
	list-style-type: none;
}
a {text-decoration: underline;}
a:link { 
	color: #0066CC;
	text-decoration: underline;
}
a:active { 
	color: #0066CC;
	text-decoration: none;
}
a:visited { 
	color: #0066CC;
	text-decoration: underline;
}
a:hover { 
	color: #0066CC;
	text-decoration: none;
}

form {
	display: inline;
}

hr {
	display: none;
}

img {
	border: 0px;	
}

img.arrow {
	vertical-align: middle;
}

/*\*/
html*img.arrow {
	position:relative;
	top: -2px;
	_top: 0px;
}
/**/

/* CONTAINER */
#container {
	width: 950px;
	text-align: center;
	margin: 0 auto;	
}

/* HEADER */
#header {
	position: relative;
	margin: 0px auto;
	height: 70px;
	padding: 0px;
	width: 950px !important;
	width /**/: 950px;
	text-align: left;
	text-indent: -1000px;
	background: url(../img/header/header.png) 50% 0 no-repeat;
}
h1.logo {
	height: 70px;
	width: 227px;
}
h1.logo a {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 70px;
	width: 227px;
	text-indent: -3000px;
	background: url(../img/header/logo.png)
}
#header em {
	position: absolute;
	text-indent: -3000px;
	width: 50px;
	height: 15px;
	top: 37px;
	left: 328px;
}
#header em a {display: block; height: 15px;}
ul#headerNavi {
	position: absolute;
	top: 33px;
	left: 610px;
	height: 24px;
	width: 316px;
}

li.sanka {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 24px;
	width: 81px;
}
li.sanka a {
	padding-top: 24px;
	height: 0px !important;
	height /**/: 24px;
	width: 81px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/header/sanka.png) 0 0 no-repeat;
}
li.sanka a:hover {
	background-position: 0 -24px;
	padding-top: 24px;
	height: 0px !important;
	height /**/: 24px;
	width: 81px;
	overflow: hidden;
	display: block;
}

li.about {
	position: absolute;
	top: 0px;
	left: 81px;
	height: 24px;
	width: 150px;
}
li.about a {
	padding-top: 24px;
	height: 0px !important;
	height /**/: 24px;
	width: 150px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/header/about.png) 0 0 no-repeat;
}
li.about a:hover {
	background-position: 0 -24px;
	padding-top: 24px;
	height: 0px !important;
	height /**/: 24px;
	width: 150px;
	overflow: hidden;
	display: block;
}

li.regist {
	position: absolute;
	top: 0px;
	left: 231px;
	height: 24px;
	width: 85px;
}
li.regist a {
	padding-top: 24px;
	height: 0px !important;
	height /**/: 24px;
	width: 85px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/header/regist.png) 0 0 no-repeat;
}
li.regist a:hover {
	background-position: 0 -24px;
	padding-top: 24px;
	height: 0px !important;
	height /**/: 24px;
	width: 85px;
	overflow: hidden;
	display: block;
}

#global {
	position: relative;
	margin: 0px auto;
	height: 34px;
	padding: 0px;
	width: 950px !important;
	width /**/: 950px;
	text-align: left;
	text-indent: -1000px;
}
ul#globalNavi {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 34px;
	width: 950px;
}
ul#globalNavi li.top {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 34px;
	width: 90px;
}
ul#globalNavi li.top a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 90px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/img_top.png) 0 0 no-repeat;
}
ul#globalNavi li.top a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 90px;
	overflow: hidden;
	display: block;
}

ul#globalNavi li.tv {
	position: absolute;
	top: 0px;
	left: 90px;
	height: 34px;
	width: 98px;
}
ul#globalNavi li.tv a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 98px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/img_pla.png) 0 0 no-repeat;
}
ul#globalNavi li.tv a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 98px;
	overflow: hidden;
	display: block;
}

ul#globalNavi li.cheers {
	position: absolute;
	top: 0px;
	left: 188px;
	height: 34px;
	width: 125px;
}
ul#globalNavi li.cheers a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 125px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/img_cheers.png) 0 0 no-repeat;
}
ul#globalNavi li.cheers a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 125px;
	overflow: hidden;
	display: block;
}

ul#globalNavi li.lesson {
	position: absolute;
	top: 0px;
	left: 313px;
	height: 34px;
	width: 113px;
}
ul#globalNavi li.lesson a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 113px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/img_lesson.png) 0 0 no-repeat;
}
ul#globalNavi li.lesson a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 113px;
	overflow: hidden;
	display: block;
}

ul#globalNavi li.kiji {
	position: absolute;
	top: 0px;
	left: 426px;
	height: 34px;
	width: 117px;
}
ul#globalNavi li.kiji a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 117px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/img_do.png) 0 0 no-repeat;
}
ul#globalNavi li.kiji a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 117px;
	overflow: hidden;
	display: block;
}

ul#globalNavi li.column {
	position: absolute;
	top: 0px;
	left: 543px;
	height: 34px;
	width: 125px;
}
ul#globalNavi li.column a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 125px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/img_column.png) 0 0 no-repeat;
}
ul#globalNavi li.column a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 125px;
	overflow: hidden;
	display: block;
}

ul#globalNavi li.mens {
	position: absolute;
	top: 0px;
	left: 668px;
	height: 34px;
	width: 92px;
}
ul#globalNavi li.mens a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 92px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/img_mens.png) 0 0 no-repeat;
}
ul#globalNavi li.mens a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 92px;
	overflow: hidden;
	display: block;
}

ul#globalNavi li.uranai {
	position: absolute;
	top: 0px;
	left: 760px;
	height: 34px;
	width: 56px;
}
ul#globalNavi li.uranai a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 56px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/img_uranai.png) 0 0 no-repeat;
}
ul#globalNavi li.uranai a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 56px;
	overflow: hidden;
	display: block;
}

ul#globalNavi li.moon {
	position: absolute;
	top: 0px;
	left: 816px;
	height: 34px;
	width: 132px;
}
ul#globalNavi li.moon a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 132px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/img_moon.png) 0 0 no-repeat;
}
ul#globalNavi li.moon a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 132px;
	overflow: hidden;
	display: block;
}

li.event {
	position: absolute;
	top: 0px;
	left: 429px;
	height: 34px;
	width: 124px;
}
li.event a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 124px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/event.png) 0 0 no-repeat;
}
li.event a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 124px;
	overflow: hidden;
	display: block;
}

li.temp {
	position: absolute;
	top: 0px;
	left: 553px;
	height: 34px;
	width: 215px;
}
li.temp a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 215px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/temp.png) 0 0 no-repeat;
}
li.temp a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 215px;
	overflow: hidden;
	display: block;
}

li.temp2 {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 34px;
	width: 166px;
}
li.temp2 a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 166px;
	overflow: hidden;
	display: block;
	background-position: 0 0;
	background: url(../img/global/temp2.png) 0 0 no-repeat;
}
li.temp2 a:hover {
	background-position: 0 -34px;
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	width: 166px;
	overflow: hidden;
	display: block;
}

#keyword {
	clear: both;
	background: url(../img/keyword/bg.gif) 0 0 no-repeat;
	margin: 20px auto 10px;
	padding: 46px 0 0;
	width: 950px !important;
	width /**/: 950px;
	text-align: left;
}
#keyword p {
	padding: 5px 10px 10px;
	background: url(../img/keyword/bg_bottom.gif) 0 100% no-repeat;
}
#top {
	margin: 10px auto 30px;
	width: 950px !important;
	width /**/: 950px;
	height: 23px !important;
	height /**/: 23px;
	text-align: right;
}

#bannar {
	margin: 10px auto;
	width: 920px !important;
	width /**/: 920px;
	margin-left: 30px;
	text-align: left;
}
#bannar img {
	margin: 10px 10px 0 0;
}
#bannar a {
	margin: 0 3px;
}
#link {
	margin: 15px auto;
	padding-top: 10px;
	padding-left: 10px;
	width: 940px !important;
	width /**/: 940px;
	height: 25px !important;
	height /**/: 25px;
	text-align: left;
	background: url(../img/link/link.gif) 0 0 no-repeat;
}

/* FOOTER‚ */
#footer_wrapper {
	margin: 0 auto;
	width: 950px !important;
	width /**/: 950px;
	text-align: center;
}

#footer {
	margin: 10px auto 30px;
	height: 47px;
	padding: 0px;
	width: 950px !important;
	width /**/: 950px;
	text-align: center;
	text-indent: -9999px;
	background: url(../img/footer/logo.png) 50% 0 no-repeat;
}

/* MENU_POPUP‚ */
.popup-contents {
	width: 690px !important;
	width /**/: 690px;
	height: 16px;
	color: #333333;
	margin-top: 15px;
	padding: 5px;
	background-color: #FAF1FD;
}
table.popup-contents th { text-align: right; text-transform: lowercase; }
table.popup-contents td { text-align: left; }
.popup-contents2 {
	position: relative;
	width: 690px !important;
	width /**/: 690px;
	height: 16px;
	color: #333333;
	margin-top: 15px;
	padding: 5px;
	left: -119px;
	background-color: #FAF1FD;
}
table.popup-contents2 th { text-align: right; text-transform: lowercase; }
table.popup-contents2 td { text-align: left; }

.pink,
.pink a,
.pink a:link,
.pink a:active,
.pink a:visited,
.pink a:hover {
	color: #D20085;
}
.orange,
.orange a,
.orange a:link,
.orange a:active,
.orange a:visited,
.orange a:hover {
	color: #FF752C;
}
.purple,
.purple a,
.purple a:link,
.purple a:active,
.purple a:visited,
.purple a:hover {
	color: #8B6CB2;
}
.deep_purple {
	color: #660066;
}

.green,
.green a,
.green a:link,
.green a:active,
.green a:visited,
.green a:hover {
	color: #8FC203;
}
.blue,
.blue a,
.blue a:link,
.blue a:active,
.blue a:visited,
.blue a:hover {
	color: #3896DC;
}
.red,
.red a,
.red a:link,
.red a:active,
.red a:visited,
.red a:hover {
	color: #c3625a;
}
.uranai_pink,
.uranai_pink a,
.uranai_pink a:link,
.uranai_pink a:active,
.uranai_pink a:visited,
.uranai_pink a:hover {
	color: #F989C3;
}
.moon_blue,
.moon_blue a,
.moon_blue a:link,
.moon_blue a:active,
.moon_blue a:visited,
.moon_blue a:hover {
	color: #2c45c3;
}


.new_icon {
	padding-right: 40px;
	background: url(../img/icon/new_icon.gif) 100% 50% no-repeat;
}
.top_sp5 {
	margin: 3px 0;
}
.t_sp5 {
	padding-top: 5px;
}
#mainContent p.topics {
	width: 620px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
}

/* 右サイドランキング表示 */
ul.ranking {
	width: 214px;
	height: 143px;
	padding-top: 37px;
	background: url(../img/ranking/bg.gif) 0 0 no-repeat;
}
ul.ranking li {
	width: 165px;
	height: 41px;
	line-height: 41px;
	padding-left: 49px;
}
ul.ranking li.refresh {
	width: 209px;
	height: 20px;
	text-align: right;
	line-height: 20px;
	padding: 0;
	padding-right: 5px;
}

/* 右サイドおすすめコンテンツ */
ul.osusume {
	width: 214px;
	height: 127px;
	padding-top: 33px;
	background: url(../img/osusume/osusume.gif) 0 0 no-repeat;
}
ul.osusume li {
	width: 194px;
	height: 55px;
	padding: 5px 10px 0;
	float: left;
}
ul.osusume li p {
	width: 120px;
	float: left;
}

ul.osusume li img {
	float: right;
}

/* RSSフィード */
dl.rssList {
	width: 214px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	background: url(../img/blog/bg.jpg) 0 0 no-repeat;
}
dl.rssList dd {
	padding-top: 5px;
}
dl.rssList dd ul {
	padding: 0px 10px 10px;
	background: url(../img/blog/bg_last.jpg) 0 100% no-repeat;	
}
dl.rssList dd li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom: 1px solid #ffffff;
	background: url(../img/blog/icon_arrow.gif) 0 3px no-repeat;
}
dl.rssList dd li div.title {
	height: 15px;
	overflow: hidden;
}
dl.rssList dd li span {
	display: block;
	line-height: 13px;
	padding: 0px 0px 2px 0px;
}
h3.salonTitle {
	width: 214px;
	height: 30px;
	text-indent: -3000px;
}
h3.salonTitle a {
	width: 214px;
	height: 30px;
	display: block;
	background: url(../img/blog/salonTitle.jpg) 0 0 no-repeat;
	background-position: 0 0;
}

h3.blogTitle {
	width: 214px;
	height: 30px;
	text-indent: -3000px;
}
h3.blogTitle a {
	width: 214px;
	height: 30px;
	display: block;
	background: url(../img/blog/blogTitle.jpg) 0 0 no-repeat;
	background-position: 0 0;
}
h3.blogTitle a:hover {
	width: 214px;
	height: 30px;
	background-position: 0 0px;
}
h4.desc {
	width: 214px;
	line-height: 1px;
	text-indent: -3000px;
}