@CHARSET "UTF-8";
@import "default.css";
@import "alphacube.css";
@import "spread.css";

/***** 基本 *****/
body{
	margin			: 0;
/*	font-family		: "ＭＳ Ｐゴシック", Osaka-等幅, Osaka, 平成角ゴシック; */
	font-family		: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
	font-size		: 13px;
	line-height		: 15px;
}
#contents{
	margin-left		: auto;
	margin-right	: auto;
	padding-top		: 18px;
	width			: 750px;
	background-image: url('../img/top/titlebg_blue_top.gif');
	background-repeat:no-repeat;
}
#feedback{
	cursor			: pointer;
}
a, #feedback{
	text-decoration	: none;
	font-weight		: bold;
	color			: #f3c;
}
a:hover, #feedback:hover{
	text-decoration	: none;
	background-color: #666;
	color			: #fff;
}
form{
	display			: inline;
}
.frame_title{
	padding			: 4px 0 4px 0;
	font-weight		: bold;
	background-image: url('../img/top/titlebg_blue.gif');
	padding-left	: 25px;
}
.contents_box{
	border-width	: 1px 1px 1px 1px;
	border-color	: #999;
	border-style	: solid;
	padding			: 5px;
}
.topmargin{
	margin-top		: 10px;
}
/***** ヘッダー *****/
h1{
	color			: #fff;
	font-size		: 16px;
	display			: inline;
}
#site_explain{
	font-size		: 11px;
	letter-spacing	: normal;
	padding			: 2px 0 2px 5px;
}

/***** コンテンツ構造 *****/
#top_left{
	width			: 210px;
	float			: left;
	padding-top		: 10px;
}
#top_right{
	width			: 540px;
	float			: left;
}
#top_center{
	width			: 270px;
	padding-right	: 10px;
	padding-top		: 10px;
	float			: left;
}
#top_center_right{
	width			: 260px;
	padding-top		: 10px;
	float			: left;
}
#bottom{
	clear			: both;
	padding-top		: 10px;
}
#bottom:after {
    content: "";
    clear			: both;
    height			: 0;
    display			: block;
    visibility		: hidden;
}

/***** 日付＆メッセージ *****/
#date{
	font-weight		: bold;
}
#comment{
	;
}
#message{
	text-align		: center;
	padding-bottom	: 10px;
}

/***** メニュー *****/
ul#menu{
	padding			: 0;
	margin			: 0;
}
ul#menu li{
	list-style-type : none;
	font-weight		: bold;
	padding			: 3px;
	border-style	: solid;
	margin-bottom	: 5px;
}
.menu_on{
	border-width	: 1px 0 1px 1px;
	border-color	: #0099ff;
	background-image: url('../img/top/titlebg_blue_horizon.gif');
	background-repeat:repeat-y;
	color			: #fff;
}
.menu_off{
	border-width	: 1px 1px 1px 1px;
	border-color	: #999;
	margin-right	: 10px;
	background-image: url('../img/top/graybar.gif');
	background-repeat:repeat-x;
	background-position:left,center;
	color			: #f3c;
	cursor			: pointer;
}
.menu_off_hover{
	border-width	: 1px 1px 1px 1px;
	border-color	: #999;
	margin-right	: 10px;
	background-color: #666;
	color			: #fff;
	cursor			: pointer;
}

/***** サイトトピックス *****/
.login{
	font-size		: 12px;
}
.loginid{
	width			: 75px;
}
.loginpswd{
	width			: 50px;
}

/***** サイトマップ *****/
div#sitemap{
	text-align		: right;
	margin-bottom	: 3px;
}

/***** 昨日のアクセス *****/
#yesterday_access{
	text-align		: right;
}

/***** メイトプレゼント *****/
#mate_present{
	font-size		: 12px;
}
#mate_present img{
	float			: left;
	margin			: 0 5px 0 0;
}
/***** ボトルクイズ *****/
#bottle{
	padding			: 10px 0 10px 0;
	font-size		: 12px;
	text-align		: center;
}

/***** 香水ニュースリンク *****/
.headline_title{
	clear			: both;
	padding-top		: 1em;
}
.headline_date{
	float			: left;
	color			: lime;
	font-size		: 10px;
}
.headline_media{
	float			: left;
	font-size		: 11px;
}

/***** メニューコンテンツエリア *****/
.displayarea_on{
	height			: 285px;
	overflow		: scroll;
	overflow-x		: hidden;
	border-width	: 1px 1px 1px 5px;
	border-color	: #999 #999 #999 #09f;
	border-style	: solid;
	padding			: 5px;
	display			: block;
}
.displayarea_off{
	display			: none;
}
.displayarea_on dd{
	margin-bottom	: 1em;
}
.okurairi{
	color			: #999;
	font-weight		: bold;
}
#menulist img{
	border-width	: 0;
}
#menulist dd a:hover{
	background-color: #fff;
}
/***** ブログリスト *****/
ul#bloglist{
	padding			: 0;
	margin			: 0 0 0 25px;
	list-style-image: url("../img/listmark_flower.gif");
	list-style-position: outside; 
}
ul#bloglist li{
	margin-bottom		: 5px;
}

/***** 丸型メニューボタン *****/
#bigimg{
	position		: absolute;
	visibility		: hidden;
	cursor			: pointer;
}
.raundmenu{
	width			: 80px;
	float			: left;
	text-align		: center;
	padding-bottom	: 10px;
}
/***** 香水販売代理店 最新情報 *****/
#tradingtitle{
	clear			: both;
}
.newsframe{
	width			: 244px;
	height			: 150px;
	border			: 1px solid #999;
	float			: left;
	margin-bottom	: 10px;
	overflow		: scroll;
	overflow-x		: hidden;
}
.newsframe_space{
	margin-right	: 6px;
}
.newstitle{
	padding-bottom	: 5px;
	font-weight		: bold;
	background-color: #ccc;
}
.newsname{

}
.newsdate{
	font-size		: 10px;
	color			: #0c0;
}

/***** 今月の発売情報 *****/
#monthly_products{
	float			: left;
	width			: 500px;
	height			: 150px;
	padding-bottom	: 10px;
}
#monthly_products:after {
    content: "";
    clear			: both;
    height			: 0;
    display			: block;
    visibility		: hidden;
}
#monthly_contents{
	overflow		: scroll;
	overflow-x		: hidden;
	height			: 115px;
}

/***** 100人に聞きました *****/
#survey100{
	float			: right;
	width			: 240px;
	height			: 150px;
}
#survey100_contents{
/*	border-color	: #09f;
	border-width	: 3px;   */
	padding		: 10px 20px 10px 20px;
/*	background-repeat:no-repeat;
	background-position:left bottom;*/
}
#survey100_link{
	text-align		: right;
	margin-top		: 2px;
}
.overlay_spread {
	background-color: #7382de;
}
.spread_content {
	background		: #7382de;
}
.spread_nw {
	background: transparent url(../img/spread/left-top_blue.gif) no-repeat 0 0;
}
.spread_n {
  background: transparent url(../img/spread/top-middle_blue.gif) repeat-x 0 0;			
}
.spread_ne {
  background: transparent url(../img/spread/right-top_blue.gif) no-repeat 0 0;			
}
.spread_w {
  background: transparent url(../img/spread/frame-left_blue.gif) repeat-y top left;			
}
.spread_e {
  background: transparent url(../img/spread/frame-right_blue.gif) repeat-y top right;			
}
.spread_sw {
  background: transparent url(../img/spread/bottom-left-c_blue.gif) no-repeat 0 0;			
}
.spread_s  {
  background: transparent url(../img/spread/bottom-middle_blue.gif) repeat-x 0 0;			
}
.spread_se, .spread_sizer {
  background: transparent url(../img/spread/bottom-right-c_blue.gif) no-repeat 0 0;			
}

/***** バナー広告 *****/
#advertisement{
	float			: left;
}
#google{
	float			: right;
}

/***** アクセスカウント *****/
#access_counter{
	float			: right;
}

/***** フッター *****/
#footer{
	clear			: both;
	border-width	: 2px 0 0 0;
	border-color	: #09f;
	border-style	: dotted;
	padding-top		: 5px;
	margin-top		: 10px;
	margin-left		: auto;
	margin-right	: auto;
	text-align		: center;
	font-size		: 11px;
}