@charset "Shift_JIS";
@media screen,tv {
  body { width: auto;  font-size: 80%;}
}
@media print {
	body {
  		width: 18cm;
    	font-size:9pt;
	}
	
	#left {
  		display: none;
	}
}

* {margin: 0; padding:0;}
* {font-family: 'verdana','','Osaka',sans-serif;}


body {
  color: #222; 
  background-color: #FFF;
  font-size: 0.8em;
  width: 960px;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
}

h1{
	font-size: 8pt;
	color:#622;
	text-align: center;
}


h2 {
  font-size: 8pt;
  margin: 0.5em;
}


h3 {
  font-size: 1.2em;
  line-height: 1.5em;
}


h4 {
  font-size: 1.2em;
}


h5 {
  font-weight: normal;
  color:#777;
  line-height: 1.2em;
}


p {
  line-height: 1.5em;
  margin: 0.5em 0;
  padding: 0;
}



a {
  text-decoration: none;
}


a img{
  border-style: none;
}


a:link {
  text-decoration: none
}


a:visited {
  color: #936;
  text-decoration: none;
}


a:hover {
  color: #F00;
  text-decoration: underline;
}


a:active {  color: #F00}



a span{
	display:none;
}


ul{
  list-style-type: none;
}



.red {
  color: red;
  display:inline;
}


.bn a{
  display:block;
  height: 100%; 
  width: 100%;
}


.bn li{
  width: 250px;
  margin-top: 5px;
}


.act {
	ime-mode: active;
}


.dis {
	ime-mode: inactive;
}



/* header */


#header {
	width: 960px;
}



#header p {
	line-height: 20px;
}



#sign {
	width: 960px;
	height: 68px;
	background:
		url(./img/title-4.gif)
		no-repeat
		transparent;
}



#sign a {
	display: block;
	width: 100%;
	height: 100%;
}



#header li{
	height:20px;
	width: 120px;
	float:left;
}



#header li a{
	display:block;
	width: 100%;
	height: 100%;
}




#h_top{
	background:
    url(./img/titlenavi-2.gif)
    no-repeat
    transparent;
}



a:hover#h_top {
	background-position: 0 -21px;
}




#h_new{
	background:
    url(./img/titlenavi-2.gif)
    no-repeat
    transparent;
	background-position: -120px 0;
}



a:hover#h_new {
	background-position: -120px -21px;
}




a#h_pay{
	background:
    url(./img/titlenavi-2.gif)
    no-repeat
    transparent;
	background-position: -240px 0;
}



a:hover#h_pay {
	background-position: -240px -21px;
}




a#h_return{
	background:
    url(./img/titlenavi-2.gif)
    no-repeat
    transparent;
	background-position: -360px 0;
}



a:hover#h_return {
	background-position: -360px -21px;
}




a#h_faq{
	background:
    url(./img/titlenavi-2.gif)
    no-repeat
    transparent;
	background-position: -480px 0;
}



a:hover#h_faq {
	background-position: -480px -21px;
}




a#h_about{
	background:
    url(./img/titlenavi-2.gif)
    no-repeat
    transparent;
	background-position: -600px 0;
}



a:hover#h_about {
	background-position: -600px -21px;
}




a#h_mailmag{
	background:
    url(./img/titlenavi-2.gif)
    no-repeat
    transparent;
	background-position: -720px 0;
}



a:hover#h_mailmag {
	background-position: -720px -21px;
}




a#h_cargo{
	background:
    url(./img/titlenavi-2.gif)
    no-repeat
    transparent;
	background-position: -840px 0;
}



a:hover#h_cargo {
	background-position: -840px -21px;
}



/* main */


#main {
  clear: both;
  width: 970px;
}



/* contents */


#content {
  float: left;
  width: 700px;
  margin: 0;
  position: relative;
}



/* navi */


#navi {
	width: 250px;
	float: left;
}

#sidemenu {
  width: 250px;
  float:left;
	margin-left:10px;
}

#sidemenu p{
  margin:0;
}

#ranking{
  margin:10px 0 0;
}

p.rank{
  clear: both;
  width: 250px;
  border: #FF9999 1px solid;
  padding: 3px;
  margin:0;
}

.rank img{
  float: left;
}

#newitem{
  margin:15px 0 0;
}


iframe{
  border: #FF9999 1px solid;
}


.item {
  margin-top: 10px;
}


.item li{
  list-style-type:none;
  padding: 0 0 0 30px;
}


.item a:hover{
  background-color: transparent;
}


.casual {
  height:125;
  background:
    url(http://bcimg1.dena.ne.jp/bc11/u620592/0/category2/casual-h2.jpg)
    no-repeat
    transparent;
}


.formal {
  height:125;
  background:
    url(http://bcimg1.dena.ne.jp/bc11/u620592/0/category2/formal-h2.jpg)
    no-repeat
    transparent;
}


.premium {
  height:125;
  background:
    url(http://bcimg1.dena.ne.jp/bc11/u620592/0/category2/puremium-h2.jpg)
    no-repeat
    transparent;
}


.brand {
  width: 100%;
  background-color:#FF9999;
}


.brand li{
  padding: 2px;
  float: left;
  width: 119px;
  text-align:center;
  list-style-type:none;
  border-top: #FF9999 1px solid;
  border-left: #FF9999 1px solid;
  background-color:#FFFFFF;
}


.taste {
  width: 100%;
  background-color:#FF9999;
}


.taste li{
  padding: 2px;
  float: left;
  width: 119px;
  text-align:center;
  list-style-type:none;
  border-top: #FF9999 1px solid;
  border-left: #FF9999 1px solid;
  background-color:#FFFFFF;
}


.keyword {
  width: 250px;
  background-color:#FF9999;
  padding-bottom:1px;
}


.keyword li{
  padding: 2px;
  float: left;
  width: 119px;
  text-align:center;
  list-style-type:none;
  border-top: #FF9999 1px solid;
  border-left:#FF9999 1px solid;
  background-color:#FFFFFF;
}


.present {
  margin-top: 1em;
  border:#FF9999 1px solid;
  background-color:#FF9999;
}


.present p{
  padding:3px;
}


#message{
  margin-top: 10px;
}


#message p{
  border: #FF9999 1px solid;
  padding:3px;
}


#calender{
  margin: 10px 0 0;
}

.pink{
  color:#FFCCCC;
}

#sidemenu li a{
  display: block;
  width: 100%;
}


#sidemenu li a:hover {
  background-color: #ffff99;
}



/*			フッターｖ主,・		*/


#footer{
  clear: left;
  width: 956px;
  margin: 15px 0 0 0;
  border:#FF9999 1px solid;
  background-color:#FF9999;
}


#footerlink {
  clear: left;
  width: 956px;
  border-bottom:#FF9999 1px solid;
  text-align: center;
}


#footerlink ul{
  padding: 3px;
}


#footerlink li{
  display: inline;
  font-size: 1.2em;
  font-weight: bold;
  padding-left: 1em;
}


div.f{
  float: left;
  width: 238px;
  height: 680px;
  border-right:#FF9999 1px solid;
  background-color: #FFFFFF;
  font-size: 1em;
}


.b{
  margin : 10px 0;
  padding: 3px 0 10px 0;
}


.b img{
  margin : 10px 0 0 4px;
}


div.f li{
  line-height: 1.3em;
  margin-top: 0.5em;
}


div.f ul{
  padding: 0.2em 0 0 20px;
  line-height: 2em;
  list-style-position: outside; 
  list-style-image: url(http://bcimg1.dena.ne.jp/bc11/u620592/1/list.gif);
}

div.f p{
	margin-top: 1em;
}

.sale{color:gray;}
.red{
  color:red;
  font-weight: bold;
}
table.center{text-align:center;}


.center {
  clear: left;
  width: 960px;
  text-align: center;
}


.link li{
	display:inline;
}