@charset "utf-8";
/* ===================================================================
CSS information

 file name  :news.css
 author     :Naoki Takahashi
 style info :ニュース関連
=================================================================== */

/* -----------------------------------------------------------
	#titleArea
----------------------------------------------------------- */

#titleArea {
	width: 950px;
	margin-bottom: 20px;
}

#titleArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* -----------------------------------------------------------
	#flashcontent
----------------------------------------------------------- */
#flashcontent {
	height:520px;
	position: relative;
}
#flashcontent img.main {
	margin: 15px 0;
}
#flashcontent .link {
	position: absolute;
	top:307px;
	left: 7px;
}




/* -----------------------------------------------------------
	#contentArea
----------------------------------------------------------- */

#contentArea {
	width: 950px;
}

#contentArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* -----------------------------------------------------------
	トップ
----------------------------------------------------------- */

#contentArea ul {
	width: auto;
}

#topContent {
	width:950px;
	padding-top: 15px;
}

#topLeft{
	float:left;
	width:700px;
}

#topRight{
	float:right;
	width:220px;
}


.topTitle{
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:10px;
	clear:both;
}

/* -----------------------------------------------------------
	Information
----------------------------------------------------------- */

#topInfo {
	margin-bottom:30px;
}

#topInfoTop{
/*  delete 09/10/23
	border-bottom:1px dotted #ccc;*/
	margin-bottom:10px;
	padding-bottom:10px;
}

#topInfoTop .topInfoBox{
	width:300px;
	float:left;
	display:inline;
	margin-right:20px;
}

#topInfoTop .nom{
	margin-right:0px;
}

.topInfoBox img{
	float:left;
}

.topInfoBox dl{
	float:right;
	width:140px;
}

.topInfoBox dt,
.topInfoBox2 dt{
	font-size: 90%;
	font-weight:bold;
	margin-bottom:5px;
}

.topInfoBox dd,
.topInfoBox2 dd,{
	line-height:120%;
}

.topInfoBox dd a,
.topInfoBox2 dd a{
	font-size: 77%;
	text-decoration:underline;
}

.topInfoBox dd a;hover,
.topInfoBox2 dd a;hover{
	color:#CC3366;
}
.topInfoBox2{
	width:320px;
	float:left;
	display:inline;
	margin-right:30px;
}
.topInfoBox2 dl{
	float:right;
	width:320px;
	margin-top:5px;
}

/* -----------------------------------------------------------
	Salon
----------------------------------------------------------- */

#topSalon{
	font-size: 80%;
}

#topSalon ul{
	margin-bottom:10px;
}

#topSalon li{
	display:inline;
	margin-right:1px;
}
	
/* -----------------------------------------------------------
	Right Navi
----------------------------------------------------------- */

#topRightNavi{
	margin-bottom:30px;
}

#topRightNavi img{
	margin-bottom:5px;
}

/* -----------------------------------------------------------
	News
----------------------------------------------------------- */

#topNews {
	width:220px;
	margin-bottom:30px;
}

#topNews ul {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	height: 10px;
	_height: 2px;
	_padding-top: 4px;
	_padding-bottom: 1px;
}

#topNews ul img {
	vertical-align: top;
}

#topNewsTitle {
	float: left;
}

#topNewsMore {
	float: right;
	text-align: right;
}

#topNews dt {
	font-size: 77%;
	padding-left: 15px;
	background: url(../img/share/link_arrow.gif) no-repeat left center;
	margin-bottom:5px;
}

#topNews dd {
	font-size: 77%;
	margin-bottom:10px;
}
#topNews dd.emp a{
	color:#fe5454;
}
#topNews dd a{
	text-decoration:underline;
}

/* -----------------------------------------------------------
	#topBottom	add 09/11/06
----------------------------------------------------------- */
#topBottom {
	clear: both;
	background-color: #eae2e0;
	width: 950px;
}
#topBottom p {
	font-size: 77%;
	line-height: 1.5;
}
#topBottom p, x:-moz-broken {
	letter-spacing: -0.06em;
}

#topBottom strong {
	font-weight: bold;
}

#topBottom .txtL {
	float: left;
	display: block;
	width: 85px;
	padding: 10px 0;
	margin-left: 12px;
	_margin-left: 6px;
}
#topBottom .txtR {
	float: left;
	display: block;
	padding: 10px 0;
	width: 850px;
}



/* -----------------------------------------------------------
	#foot     for only Top Page
	add 09/11/06
----------------------------------------------------------- */
#foot {
	padding: 0;
}

#footTop {
	padding: 0 0 20px 0;
}

/*-201005テキスト追加（SEO）------------------*/
#greetingTxt {
	margin-bottom: 15px;
	font-size:77%;
	}
#greetingTxt p {
	margin-bottom: 10px;
	}