@charset "shift_jis";



/*

Site Name: ナチュラルビューティ・シンエイショップ

File Name: nbs.css

Description: 全体の設定用CSS

Created: 2009/04/11

Copyright: 

*/ 


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

全体共通

-------------------------------------------------------*/
html{ height:100%; }


body {
	margin:0;
	padding:0;
	font-size: 12px;
        color:#333333;
	background: url(index_images/backimage.gif) repeat;
	height:100%;
	}

* html div#container { height:100%; }

div#container {
	margin:0 auto;
	width:800px;
	background:#E7DBEE;
	border-left:1px dotted #9966CC ; 
	border-right:1px dotted #9966CC ;
        position: relative ;
        min-height: 100% ;
	}

/* IE */

div#container {
	margin:0 auto;
	width:800px;
	background:#E7DBEE;
	border-left:1px dotted #9966CC thin; 
	border-right:1px dotted #9966CC thin;
        position: relative ;
        min-height: 100% ;
 	}

body > #container { height: auto; }


div#clear{
	
	height: 1px;
	width:1px;
	margin:15px auto;
	clear: both ;

	}


div#go_top {

	margin: 5px 10px 20px;
	float: right;

	}


hr { margin: 0; padding: 0 ; border: 0 ; }
em { margin: 0 15px 0 0; padding: 0 ; border: 0 ; font:1em bold normal; color:#660066 ;}




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

リンク

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

a:link {text-decoration:underline; color:#333399}
a:visited {text-decoration:underline; color:#600090}
a:active {text-decoration:underline; color:#333399}
a:hover {text-decoration:none; color:#0099CC}

/*
a:hover img {

	filter: alpha(Opacity=70);
	opacity: 0.7;

}
*/


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

コンテンツ

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

div#contents {
	margin:0px auto;
	width: 760px;
    padding-bottom: 50px;
	}


/* ClearFix */

div#contents:after {

  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;

}


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

ヘッダー

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

div#contents div#header {
	width: 760px;
	height:57px;
	margin:0 auto;
	background: url(index_images/top_01.gif) no-repeat;

	}




/*

ヘッダーナビ

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

div#header div#headernavi {

	color: #fff;
	float: right;
	padding-right: 20px;
	padding-top: 6px;

	}

div#container div#header a,
div#container div#header a:link,
div#container div#header a:visited {

	color: #fff;
	text-decoration: underline;

	}

div#container div#header a:hover {

	color: #FFCC00;

	}



/*

トップイメージ

---------------------------------------------------*/
div#contents div#top {

	width: 740px;
	height: 204px;
	margin:0 auto;
	border:1px solid #fff;

	}


/*

メインメニュー

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

div#contents div#menu {

	width: 745px;
	height:26px;
	margin:0px auto;
	padding:3px 0;
    clear: both;

	}


.ran_left{
	width:200px;
	height:auto;
	float:left;}

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

エリア

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

div#contents div#area {

	margin:3px auto;
	width: 745px;

	}



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

メイン

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

div#contents div#main {

	width:533px;
	padding:5px 5px 20px;
	float:left;
	background:#fff;
	height:100%;
	border:1px solid #DDCAE8;

	}

div#contents div#mainbody {

	width:741px;
	padding:5px auto;
	background:#fff;
	height:100%;

	}



/*

タイトル等

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

div#contents div#main h2 {

	clear: both;
	background: url(index_images/h2.gif)  no-repeat top left;
	width: 508px;
	margin: 5px auto 5px;
	height: 25px;
	padding: 0 0 0 7px;
	font-weight: bold;	
	font-size: 1.2em;
	color: #fff;
	border-bottom:1px solid #9966CC;

	}
	
div#contents div#main h3 {

	clear: both;
	background: url(index_images/h2_img.gif)  no-repeat top left;
	width: 490px;
	margin: 5px auto ;
	height: 25px;
	padding: 5px 0 0 15px;
	font-weight: bold;	
	font-size: 1.2em;
	color: #555;
	border-bottom:1px solid #9966CC;
	}


div#main div#new_item h4  {

	width:130px;
	height: 160px;
	float:left;
	margin: 0 ;
	padding:0 ;
 	font-size: 1em;

	}
	
	
	
/*

メインイメージ

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

div#main div#main_img {

	clear: both;
	width: 500px;
	margin: 0 auto 10px;

	}
	

/*

キャンペーンイメージ

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

div#main div#cam_img {

	clear: both;
	width: 525px;
	margin: 0 auto 10px;

	}



/*

アイテム

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

div#main div#new_item {

	clear: both;
	float: none;
	width: 520px;
	margin: 0 auto 10px;

	}
	
div#main p.new_item_coment {

	clear: both;
	float: none;
	width: 500px;
	margin: 0 auto;
	border-bottom:1px dotted #999;

	}
	
div#new_item div#item_img {

	width:85px;
	height: 87px;
	margin: 0 auto;
	padding:0 ;

	}
	
div#new_item div#item_name {

	margin:5px 0;
	text-align: center ;
	line-height:1.2em;
	
	}


.ran_left{
	width:200px;
	height:auto;
	float:left;}

.ran_right{
	width:195px;
	height:20px;
	float:right;
	text-align: right;
	background: url(index_images/lookbtn.gif)  no-repeat top left;
	}
	
.ran_right span{
	width:auto;
	height:20px;
	line-height:19px;
	}

.ran_right span a{
	color:#818181;
	font-size:85%;
	text-decoration:none
	}

.ran_right span a:hover{
	color:#824AAC;
	font-size:86%;
	text-decoration:none
	
}


/*

リニューアル

-------------------------------------------------------*/
	
div#main div#re_img {

	clear: both;
	width: 500px;
	height: 220px;
	margin: 8px auto 20px;

	}


/*

人気商品

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

div#main div#hit_item {

	clear: both;
	float: none;
	width: 514px;
	height: 250px;
	margin: 0 auto 10px;

	}
	
div#main div#hit_img {

	width:250px;
	height: 74px;
	float:left;
	margin: 0 20px;
	padding:0 ;
	border-bottom:1px solid #ccc;
	margin: 0 5px 10px 0;
	background:#CC9900 ;

	}


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

サイド

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

div#contents div#side {

	width:180px;
	padding:6px 5px;
	float:left;
	margin-left: 6px;
	background:#fff;
	height:100%;
	border:1px solid #DDCAE8;

	}



div#contents div#side hr{

	width:98%;
 	height: 1px;
	background-color: #DDCAE8;
	border: none;
	color: #DDCAE8;
	margin:0px auto 6px;

	}


div#contents div#side2 {

	width:190px;
	float:left;
	margin: 10px 0 0 6px;

	}



div#side2 div#up_img {

	margin: 0;	
	background:url(index_images/side/side2_up.gif) no-repeat left bottom;
	height:8px;
	width: 192px;

	}


div#side2 div#down_img {

	margin: 0;	
	background:url(index_images/side/side2_down.gif) no-repeat left top;
	height:8px;
	width: 192px;
	float:left;

	}



div#side2 div#seiyaku {

	width:170px;
	padding:0 10px;
	float:left;
	margin: 0;
	background:#009933;
	height:100%;
	border:1px solid #009933;
	color:#fff;

	}







/*

タイトル

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

div#contents div#side h3 {

	width:174px;
	margin:0px auto 5px;

	}

div#contents div#side h4 {

	width:174px;
	margin:5px auto 0;

	}




/*

リスト

-------------------------------------------------------*/
div#side ul {

	width: 154px;
	padding: 0 10px 10px;

	}



div#side ul li {

	background: url(index_images/side/arrow.gif) no-repeat left 4px;
	padding: 3px 0 3px 20px;
	border-bottom:1px dotted #ccc;

	}


/*

インラインフレーム

-------------------------------------------------------*/
div#side iframe {

	width: 164px;
	padding: 0 0 10px 10px;
	margin: 5px 0;

	}


/*

ランキング

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

div#side div#rank {

 	font-size: 85%;
	width: 140px;
	padding: 0 5px;
	margin:0 10px 5px;
	color:#777;
	border-bottom:1px solid #777;
	border-left:1px solid #777;

	}

div#side li.rank1 {

	background: url(index_images/side/side_rank04.gif) no-repeat left 6px;
	padding: 3px 0 0 20px;
	border:0;

	}

div#side li.rank2 {

	background: url(index_images/side/side_rank05.gif) no-repeat left 6px;
	padding: 3px 0 0 20px;
	border:0;

	}
div#side li.rank3 {

	background: url(index_images/side/side_rank06.gif) no-repeat left 6px;
	padding: 3px 0 0 20px;
	border:0;

	}



/*

動画

-------------------------------------------------------*/
div#side div#movie {

	width:165px;
	margin:10px auto 15px;

	}




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

フッター

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


div#footer{

	width: 800px;
	background: url(index_images/top_footer.gif) repeat-x;
	height: 50px;
	position:absolute;
	bottom:0;

	}


div#footer div#copyright {

	font-size: 10px;
	color: #fff;
	text-align: center;
	margin-top: 8px;

	}

div#footer div#footernavi {

	text-align: center;
	height: 15px;
	padding-top: 5px;
	color: #FFFFFF;

	}

div#footer a:link,
div#footer a:visited  {
	color: #fff;
	text-decoration: underline;

	}

div#footer a:hover {
	color: #FFCC00;

	}