@charset "EUC-JP";
/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}
html{
    height:100%;
}
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color:#000000;
	height:100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
a{
  color:#767575;
}
a:link, a:visited, a:active{
	color:#CC0000;
	text-decoration:underline;
}
a:hover{
  color:#999999;
}
/* container */
#container{
	width:700px;
  height:100%;
  min-height: 100%;
	margin:0px auto;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
body > #container {
    height: auto;
}

/* header */
#header{
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	border-bottom-width: 2px;
}
h1.logo a{
	float:left;
	display:block;
	width:60px;
	height:60px;
	margin:0px;
	background-image: url(images/bn_genmu.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
.top{
	float:right;
}
.top a:link,
.top a:visited{
	display:block;
	width:100px;
	height:30px;
	color:#FFFFFF;
	background:#FF9900;
}
.top a:hover,
.top a:active{
	background: #FFCC66;
}


/* Font */
p {
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333333;
}

/*----------------------------------- 
  テキスト
------------------------------------*/

.txtG {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333333;
	text-align: left;

}

.red {
	color: #C2284E;
}

.red_title {
	color: #C2284E;
	font-weight: bold;
	background-color: #FAB4B1;
}

.blue {
	color: #006699;
	font-weight: bold;
	background-color: #78D2FE;
}

/* menu */
ul.menu{
	clear:both;
	border-top:2px solid #CC0000;
	list-style:none;
	display:block;
	height:30px;
}
ul.menu li{
  float:left;
	border-right:1px solid #CC0000;
  font-size:90%;
  color:#666666;
	margin:3px 0px;
  padding:1px 4px;
}
ul.menu li.menuspace{
	width:20%;
  padding:1px 0px;
}
ul.menu li.menu_on a{
	background-image: url(img/menuonmouse.gif);
	background-repeat: no-repeat;
}
ul.menu li a{
  display:block;
  text-decoration:none;
  color:#767575;
  padding:0px 3px;
}
ul.menu li a:link,
ul.menu li a:visited{
  color:#767575;
}
ul.menu li a:hover,
ul.menu li a:active{
  color:#CC0000;
	background:url(img/menuonmouse.gif);
	background-repeat: no-repeat;
}

/*-------------------------------------------------
  box
-------------------------------------------------*/
.box01 {
	margin: 0;
}

.box02 {
	margin: 15px 0 0 0;
}

.box03 {
	margin: 20px 0 0 0;
}

.box04 {
	margin: 30px 0 0 0;
}

.box05 {
	margin: 10px 0 0 0;
}

.box06 {
	margin: 5px 0 0 0;
}

.box07 {
	margin: 50px 0 0 0;
}

.box08 {
	margin: 25px 0 0 0;
}

.box09 {
	margin: 0px;
	padding: 25px 0 10px 0;
}

.box10 {
	margin: 0px;
	padding: 10px 0 10px 0;
}

.box11 {
	margin: 0px;
	padding: 0 0 15px 0;
}

.boxtop {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-right: 100px;
	padding-left: 100px;
}


/* contents */
#contents{
  display:block;
  clear:both;
  text-align:left;
	border-top:2px solid #777;
}
#side{
  float:left;
  text-align:left;
  width:230px;
	margin:10px 0px 20px;
	padding:0px;
}
.submenutitle{
	display:block;
	width:85px;
	color:#FFFFFF;
	font-size:90%;
	text-align:center;
	margin:10px 0px;
	padding:6px 0px;
	background-color: #C2284E;
}
.submenu{
	padding:0px 0px 0px 35px;
	font-size:90%;
  list-style:none;
}
.submenu a{
	margin:10px 0px 0px;
	height:50px;
	display:block;
}
.submenutext{
  display:block;
	padding:14px 0px 0px 55px;
	font-size:90%;
}
.submenutext_on{
  border-bottom:3px solid #FF6600;
}
.new a:link,.new a:visited{
  background:url(img/new.gif) no-repeat left top;
}
.new a:active,.new a:hover{
  background:url(img/new_on.gif) no-repeat left top;
}
.privacy a:link,.privacy a:visited{
  background:url(img/privacy.gif) no-repeat left top;
}
.privacy a:active,.privacy a:hover{
  background:url(img/privacy_on.gif) no-repeat left top;
}
.slowlife a:link,.slowlife a:visited{
  background:url(img/slowlife.gif) no-repeat left top;
}
.slowlife a:active,.slowlife a:hover{
  background:url(img/slowlife_on.gif) no-repeat left top;
}
.lowprice a:link,.lowprice a:visited{
  background:url(img/lowprice.gif) no-repeat left top;
}
.lowprice a:active,.lowprice a:hover{
  background:url(img/lowprice_on.gif) no-repeat left top;
}
.nakanoview a:link,.nakanoview a:visited{
  background:url(img/nakanoview.gif) no-repeat left top;
}
.nakanoview a:active,.nakanoview a:hover{
  background:url(img/nakanoview_on.gif) no-repeat left top;
}
.security a:link,.security a:visited{
  background:url(img/security.gif) no-repeat left top;
}
.security a:active,.security a:hover{
  background:url(img/security_on.gif) no-repeat left top;
}
.share a:link,.share a:visited{
  background:url(img/share.gif) no-repeat left top;
}
.share a:active,.share a:hover{
  background:url(img/share_on.gif) no-repeat left top;
}
.ranking a:link,.ranking a:visited{
  background:url(img/ranking.gif) no-repeat left top;
}
.ranking a:active,.ranking a:hover{
  background:url(img/ranking_on.gif) no-repeat left top;
}


/* main */
#main_wrap{
  display:block;
  float:right;
	margin:30px 0px;
	padding:0px;
	width:735px;
}
.mainimg{
	margin:0px;
	padding:0px;
	width:700px;
	border-bottom:#e8911a 10px solid;
  line-height: 0;
}
table.main{
	margin:0px;
	padding:0px;
	width:700px;
	background:#cdcdcd;
}
td.maintalbe_l{
	width:25%;
	height:383px;
	vertical-align:middle;
	padding-left:20px;
	color:#e8911a;
	font-size:90%;
}
td.maintalbe_r{
  text-align:left;
	vertical-align:middle;
	color:#666666;
	line-height:2;
	padding:15px;
	font-size:80%;
}

/* category */
#c_main_wrap{
  display:block;
  float:left;
	margin:30px 0px;
	padding:0px;
	width:735px;
}
#c_main_wrap h2{
  display:block;
	padding:0px;
	margin:0px 0px 7px 0px;
}
.c_main_box{
  display:block;
	width:700px;
	padding:0px;
	margin:0px;
	text-align:center;
	border-bottom:2px solid #777;
}
.c_main_box table{
  width:630px;
	margin:5px auto 0px;
	font-size:80%;
}
.c_main_intro{
  display:inline-block;
  text-align:left;
	margin:5px auto 10px;
	padding:0px 5px;
}
.detail_btn{
	font-size:80%;
	white-space: nowrap;
	width:75px;
}
.detail_btn a:link,
.detail_btn a:visited{
	display:block;
	padding:5px 20px;
	color:#FFFFFF;
	background:#FF9900;
}
.detail_btn a:hover,
.detail_btn a:active{
	background: #FFCC66;
}

/* detailpage */
table.detail{
  width:440px;
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}
img.objectimg{
  height:325px;
	margin:0px;
	padding:0px;
}
div.thumbnail img{
  height:65px;
	margin:0px;
	padding:0px;
}
div.detail_txt{
  float:left;
  font-size:80%;
  width:270px;
	margin:0px;
	padding:0px;
	overflow:scroll;
	height:480px;
}
div.detail_txt span{
  font-weight:bold;
}

div.detail_txt sup{
  font-size:50%;
}
/* contact */
div.contact{
	width:430px;
}
div.contact table{
  margin:0px 0px 5px;
	width:430px;
}
input.contact_name,
input.contact_phone,
input.contact_mail {
  width:320px;
	background:#777;
	border:0px;
	color:#FFFFFF;
	padding:2px 4px;
	margin:5px 0px 0px;
}
textarea.contact_inquiry {
  width:430px;
	background:#777;
	border:0px;
	color:#FFFFFF;
	padding:2px 4px;
	margin:5px 0px 0px;
}
div.notice{
  font-size:75%;
	color:#FF3300;
	padding:2px 4px;
	margin:2px 0px 0px;
}
input.contact_btn{
	background:#777;
	border:0px;
	color:#FFFFFF;
	padding:2px 4px;
	cursor:pointer;
}
span.backtotop a{
	background:#777;
	border:0px;
	color:#FFFFFF;
	padding:3px 4px;
	cursor:pointer;
}

div.contact_btn_box{
  display:block;
  width:430px;
	text-align:right;
	margin:10px 0px 0px;
}

/*======================================

	段落・水平線・イメージ

=======================================*/

p{
	margin: 0.1em 0 0.5em;
	font-size: 12px;
}

hr{
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: dashed;          /* 線種 */
	border-color: #999;            /* 線色 */
	height: 1px;                   /* IE用 高さ */
}

img {
	border: none;
}

/* footer */
#footer{
	display:block;
	clear:both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CC0000;
	margin-top: 0px;
}
.copyright{
  padding:5px 20px;
  text-align:right;
	font-size:75%;
}
