@charset "utf-8";


/**************************************
ブラウザの初期化・全体の設定
**************************************/


* {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #666;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana, Arial, sans-serif;
  line-height: normal;
  text-decoration: none;
  }

a, a:link, a:visited{ 
	text-decoration: underline;
	color: #0000FF;
	}

a:hover { 
	text-decoration: none;
	}

body {
	background-image: url(shared/images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
	}
  
div#container {
  width: 820px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
	text-align: left;
  }
	


/**************************************
ヘッダ
**************************************/


div#header {
	margin: 0px;
	padding: 0px;
	width: 820px;
	}

div#header h1 {
	margin: 5px 0 5px;
	padding: 0;
	font-size: x-small;
	}

div#header_content {
		position: relative;
	}
	
div#header h2 { 
	margin: 0px; 
	padding: 0px;
	width: 132px;
	height: 25px;
	position: absolute;
	top: 44px;
	left: 90px;
	background-image: url(shared/images/h2_img.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
div#header h2 a{
	width: 100%;
	display: block;
	text-decoration: none;
	}

div#header h2 span{
	display: block;
	text-indent: -9999px;
	}
	
div#header p {
	padding: 0;
	text-align: left;
	width: 131px;
	position: absolute;
	top: 60px;
	left: 90px;
	background-image: url(shared/images/h1_img.gif);
	background-repeat: no-repeat;
	height: 25px;
	margin: -50px 0;
	text-indent: -9999px;
	}

div#header img.top_ad { 
	position: absolute; 
	top: 0; 
	right: 0; 
	}
	
/**************************************
コンテント
**************************************/

div#wrapper {
  width: 820px;
  }
	
div#content {
  float: right;
  width: 640px;
  font-size: small;
	margin-top: 10px;
	padding: 0;
	
  }

div#content div#lead h3{
	width: 640px;
	height:35px;
	font-size: 1.4em;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
  }
	
/*カテゴリごとにタイトルを変える　始まり*/

div#content div#lead h3.soon {
		background-image:url(images/cnt_title.gif);
 }
	
div#content div#lead h3.otoko {
		background-image:url(images/cnt_title02.gif);
 }
 
div#content div#lead h3.face {
		background-image:url(images/cnt_title03.gif);
 }
 
div#content div#lead h3.deai {
		background-image:url(images/cnt_title04.gif);
 }

div#content div#lead h3.mail {
		background-image:url(images/cnt_title05.gif);
 }

div#content div#lead h3.fashion {
		background-image:url(images/cnt_title06.gif);
 }
 
div#content div#lead h3.information {
		background-image:url(images/cnt_title07.gif);
 }
 
div#content div#lead h3.link {
		background-image:url(images/cnt_title07.gif);
 }
 
div#content div#lead h3.notice {
		background-image:url(images/cnt_title07.gif);
 }
 
div#content div#lead h3.sitemap {
		background-image:url(images/cnt_title07.gif);
 }
 /*カテゴリごとにタイトルを変える　終わり*/
 
 
div#content div#lead h3 span{
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
  }

div#content div#lead p{
	width: 620px;
	line-height: 1.5;
	margin: 10px auto 0;
	font-size: small;
  }

div.entry {
	width: 640px;
	margin-bottom: 30px;
	}

div.entry_body{
	float: left;
	width: 400px;
	margin-bottom: 60px;
  }

div#lead ul {
	width: 620px;
	margin: 10px auto 0;
	font-size: small;
	list-style: inside;
	}
	

/*カテゴリごとにアイコンの色を変える開始*/

div.entry div.entry_body .face {
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 370px;
	background-image: url(images/icon03.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }
	
#content .product .face{
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 600px;
	background-image: url(images/icon03.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }

div.entry div.entry_body .otoko {
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 370px;
	background-image: url(images/icon04.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }
	
#content .product .otoko{
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 600px;
	background-image: url(images/icon04.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }

div.entry div.entry_body .mail {
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 370px;
	background-image: url(images/icon05.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }
	
#content .product .mail{
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 600px;
	background-image: url(images/icon05.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }
	
div.entry div.entry_body .fashion {
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 370px;
	background-image: url(images/icon06.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }
	
#content .product .fashion{
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 600px;
	background-image: url(images/icon06.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }
	
div.entry div.entry_body .deai {
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 370px;
	background-image: url(images/icon07.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }

#content .product .deai{
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 600px;
	background-image: url(images/icon07.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }

div.entry div.entry_body .soon {
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 370px;
	background-image: url(images/icon08.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }

#content .product .soon{
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 600px;
	background-image: url(images/icon08.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }

div.entry div.entry_body .information {
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 370px;
	background-image: url(images/icon_black.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }

#content .product .information{
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 600px;
	background-image: url(images/icon_black.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }

div.entry div.entry_body .link {
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 370px;
	background-image: url(images/icon_black.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }

#content .product .link{
	border-bottom: 3px solid #d9d9d9;
	font-size: small;
	font-weight: bold;
	margin-top: 20px;
	width: 600px;
	background-image: url(images/icon_black.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 0px 20px 4px;
  }
	
/*カテゴリごとにアイコンの色を変える終了*/



div.entry_body p{
	width: 370px;
	line-height: 1.5;
	margin: 24px auto 0;
  }
	
div.entry img{
	float: right;
	margin-top: 20px;
  }
	
div.product {
	clear: both;
	margin-bottom: 30px;
	}

div.product h4 {
	width: 600px;
	margin-top: 30px;
	}
	
div.product p{
	width: 620px;
	line-height: 1.5;
	margin: 10px auto 0;
	font-size: small;
  }

div.product table{
	width: 600px;
	margin: 20px auto 0;
	text-align: center;
  }


div.product table th , td {
	width: 100px;
	vertical-align: top;

  }

div.product table dt , dd{
	text-align: left;
  }
	
div.product table dt{
	line-height: 1.5;
	background-image: url(images/product.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	vertical-align: top;

  }

div.product table dd{
	line-height: 1.5;
	vertical-align: top;

  }

div.product ul {
	width: 620px;
	margin: 10px auto 0;
	font-size: small;
	list-style: inside;
	}
	

/**************************************
サイドバー
**************************************/

div#sidebar {
  float: left;
  font-size: small;
	margin-top: 9px;
	width: 170px;

	 }

div#menu {
	margin: 0 auto;
	width: 167px;
	background-image: url(../shared/images/menu_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 35px;
	  }
		
div#sidebar div#menu p{
	width: 167px;
	height: 20px;
	background-image: url(../shared/images/menu_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	  }
		
div#sidebar div#menu ul{
	list-style-position: outside;
	list-style-type: none;	
	  }
		
div#sidebar div#menu ul li{
	width: 167px;
	height: 55px;
	display: block;
		  }


div#sidebar div#menu ul li a{
	width:100%;
	height: 55px;
	display:block;
	text-decoration:none;
	background-position: 0 0;
	background-repeat: no-repeat;

}

div#sidebar div#menu ul li.soon a{
	background-image: url(../shared/images/btn_soon.jpg);
		  }
			
div#sidebar div#menu ul li.soon a:hover{
	background-image: url(../shared/images/btn_soon.jpg);
	background-position: 0 -55px;
		  }
			
div#sidebar div#menu ul li.otoko a{
	background-image: url(../shared/images/btn_otoko.jpg);
	background-position: 0 0;
		  }
			
div#sidebar div#menu ul li.otoko a:hover{
	background-image: url(../shared/images/btn_otoko.jpg);
	background-position: 0 -55px;
		  }	
			
div#sidebar div#menu ul li.face a{
	background-image: url(../shared/images/btn_face.jpg);
	background-position: 0 0;
		  }
			
div#sidebar div#menu ul li.face a:hover{
	background-image: url(../shared/images/btn_face.jpg);
	background-position: 0 -55px;
		  }		

div#sidebar div#menu ul li.deai a{
	background-image: url(../shared/images/btn_deai.jpg);
	background-position: 0 0;
		  }
			
div#sidebar div#menu ul li.deai a:hover{
	background-image: url(../shared/images/btn_deai.jpg);
	background-position: 0 -55px;
		  }		

div#sidebar div#menu ul li.mail a{
	background-image: url(../shared/images/btn_mail.jpg);
	background-position: 0 0;
		  }
			
div#sidebar div#menu ul li.mail a:hover{
	background-image: url(../shared/images/btn_mail.jpg);
	background-position: 0 -55px;
		  }		
			
div#sidebar div#menu ul li.blog a{
	background-image: url(../shared/images/btn_blog.jpg);
	background-position: 0 0;
		  }
			
div#sidebar div#menu ul li.blog a:hover{
	background-image: url(../shared/images/btn_blog.jpg);
	background-position: 0 -55px;
		  }		

div#sidebar div#menu ul li.fashion a{
	background-image: url(../shared/images/btn_fashion.jpg);
	background-position: 0 0;
		  }
			
div#sidebar div#menu ul li.fashion a:hover{
	background-image: url(../shared/images/btn_fashion.jpg);
	background-position: 0 -55px;
		  }		

div#sidebar div#menu ul li a span{
	display: block;
	text-indent: -9999px;
		  }
			
/* PR */

div#pr {
	margin: 0 auto 20px;
	width: 167px;
	background-image: url(../shared/images/menu_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 35px;
	  }
		
div#sidebar div#pr p{
	width: 167px;
	height: 21px;
	background-image: url(../shared/images/pr_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 20px 0 0;
	padding: 0px;
	  }

div#sidebar div#pr dl{
		text-align: center;
		border-left: 1px solid #c8c8c8;
		border-right: 1px solid #c8c8c8;

		padding-top: 16px;
	  }
		
div#sidebar div#pr dt{
		text-align: center;
	  }
		
div#sidebar div#pr dd{
		text-align: center;
	  }
		

/**************************************
フッター
**************************************/
	
div#footer {
  clear: both;
  width: 820px;
  font-size: small;
	border-top: 1px solid #c8c8c8;
  }

div#link {
	font-size:x-small;
	padding-top: 10px;
	padding-left: 10px;
	text-align: right;
	color: #333333;
	}
div#link a {
	color: #333333;
	text-decoration: none;
	}
div#link a:hover {
	color: #333333;
	text-decoration: underline;
	}
	
div#copyright {
	float: right;
	margin: 20px 0 20px;
	}
	
div#copyright img{
	width: 88px;
	height: 31px;
	display: block;
	float: left;
	}
	
div#copyright address {
	font-style: normal;
	margin: 0;
	font-size: x-small;
	text-align: right;
	float: left;
	padding: 10px 0 0 10px;
	}
	
div#copyright address a{
	color: #333333;
	text-decoration: none;
	}
	
div#copyright address a:hover{
	color:#333333;
	text-decoration:underline;
	}

/*Yahooに登録したら

div#copyright .yahoo {
	font-size: 10px;
	font-style: normal;
	padding: 17px 0px 10px 40px;
	margin: 0px;
	float: left;
	}
div#copyright .yahoo img{
	margin-right: 10px;
	padding: 0px;
	float: left;
	display: block;
	}
	
*/

em {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}
strong {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}

/**************************************
ハック
**************************************/
	
.clearfix:after {
	content: “.”;
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */