@charset "utf-8";

/*
	Site Name: COUTURE NAOCO
	Description: resort template style
	Version: 1.0
	Author: 
*/


/*
===== INFO CONTENTS ===========================================

	1:  TOP STYLE

==========================================================
*/

/*
===== 1: TOP STYLE ====================================
*/

body div#flashArea{top:-40px;}

div#flashArea div#newsArea {width:1000px; margin:-150px auto 0px; position:relative; height:150px; overflow:hidden;}
div#newsArea div.event {width:282px; height:150px; background-image:url(../img/top/bg_event.png); background-repeat:no-repeat; background-position:bottom; position:absolute; top:118px;}
div#newsArea div.blog {width:452px; height:150px; background-image:url(../img/top/bg_blog.png); background-repeat:no-repeat; background-position:bottom; position:absolute; top:118px; left:290px;}

div#newsArea h2 {margin:0px; padding:0px; height:32px; text-indent:-9999px; cursor:pointer; background-repeat:no-repeat; background-position:top;}

div#newsArea div.event h2 {background-image:url(../img/top/tit_event_open.png); width:282px; height:32px;}
div#newsArea div.blog h2 {background-image:url(../img/top/tit_blog_open.png); width:452px; height:32px;}


div#newsArea li {font-size:85%; clear:both; margin:0px; padding:0px 0px 5px; _padding:0px 0px 4px;}
*+html div#newsArea li {padding:0px; !important}
div.event ul {width:250px; margin:0px 0px 0px 16px; padding:5px 0px 0px;}
div.blog ul {width:410px; margin:0px 0px 0px 16px; padding:5px 0px 0px;}
div.event li span {display:block; float:left; width:80px; line-height:110%;}
div.event li a {display:block; float:right; width:170px; line-height:120%; color:#FF6699;}
div.blog li span {display:block; float:left; width:80px; line-height:110%;}
div.blog li a {display:block; float:right; width:330px; line-height:120%; color:#FF6699;}
div.bnr-okinawa { z-index:1000; position:absolute; top:340px; left:73%;}
div.bnr-ritual { z-index:1000; position:absolute; top:440px; left:73%;}

div#newsArea h3 {background-repeat:no-repeat; background-position:left top; text-indent:-9999px}
div.event h3 {width:270px; height:18px; margin:0px auto; padding:10px 0px 2px;}
div.event h3 a {width:270px; height:18px; display:block; background-repeat:no-repeat; background-position:left top; outline:none;}
div.blog h3 {width:440px; height:18px; margin:0px auto; padding:10px 0px 2px;}
div.blog h3 a {width:440px; height:18px; display:block; background-repeat:no-repeat; background-position:left top; outline:none;}

div.event h3 a, div.event h3 a:link, div.event h3 a:visited {background-image:url(../img/top/tit_event_maga.gif);}
div.event h3 a:hover, div.event h3 a:active {background-image:url(../img/top/tit_event_maga_o.gif);}
div.blog h3 a, div.blog h3 a:link, div.blog h3 a:visited {background-image:url(../img/top/tit_blog_maga.gif);}
div.blog h3 a:hover, div.blog h3 a:active {background-image:url(../img/top/tit_blog_maga_o.gif);}


div#newsArea p {width:180px; height:54px; position:absolute; top:50px; right:20px;}

body.top div#footer {position:relative; top:-40px;}

/* @end */
