﻿@charset "utf-8";

@import "contents.css";
@import "cam.css";
@import "product.css";
@import "item.css";
@import "default.css";
@import "main.css";
@import "setlist.css";


html {
overflow-x: hidden;
} 
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
   margin:0;
   padding:0;
}
h1,h2,h3,h4,h5,h6,p,li,dt,dd,th,td,address {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: 140%;
	white-space: normal;
	text-indent: 1px;
}
ul li {
	list-style: none;
}
a img {
	border: 0;
}
body {
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 80%;
	color: #333333;
	background-color: #FFFFFF;
	line-height: 160%;
}

/*------------------------------------------*/

.pankuzu {
	font-size: 80%;
	margin-bottom: 4px;
}
.pankuzu li {
	display: inline;
	margin-right: 10px;
}
.pankuzu a:link {
	text-decoration: none;
}
.pankuzu a:visited {
	text-decoration: none;
}
.pankuzu a:hover {
	text-decoration: underline;
}

/*------------------------------------------*/

.float_left {
	float: left;
}
.clear {
	clear: both;
}

/*------------------------------------------*/

.tyuui {
	text-align: left;
	font-size: 80%;
	background-image: none;
}


/*------------------------------------------*/

.modoru {
	text-align: right;
	font-size: 80%;
	background-image: none;
}
.modoru a {
	color: #666666;

}
.modoru a:hover {
	color: #999999;

}

/*------------------------------------------*/

a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #FF6600;
}

/*------------------------------------------*/

.red {
	color: #E50011;
}



/*---[main]---*/

#main {
	width: 840px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/*--[header]--*/

#main #header {
	width: 835px;
	position: relative;
	height: 90px;
}
#main #header h1 {
	width: 835px;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	text-align:right;
	position: absolute;
	top:1px;
	left: 5px;
}
#main #header h1 strong {
	font-weight:normal;
}
#main #header div#logo {
	height: 57px;
	width: 222px;
	position: absolute;
	top: 30px;
	left: 4px;
}
#main #header div#logo {
	text-indent:1px;
}

#main #header div#info {
	height: 66px;
	width: 400px;
	position: absolute;
	top: 20px;
	left: 180px;
}



#main #header #header_banner {
	width: 368px;
	height: 60px;
	position: absolute;
	left: 193px;
	top: 21px;
}
#main #header #header_cart {
	background-color: #EEEEEE;
	width: 230px;
	text-align: center;
	height: 50px;
	margin-top: 3px;
	position: absolute;
	left: 594px;
	top: 23px;
	padding-top: 7px;
}
#main #header #header_cart p {
	margin-bottom: 4px;
}
#main #header #header_cart ul {
	text-align: right;
	margin-right: 7px;
}


#main #header #header_cart li {
}
#main #global_nav {
	margin-bottom: 10px;
}

#main #global_nav li {
	margin-bottom: 5px;
	display: inline;
}
#main #head_cam {
	text-align: right;
}
#main #head_cam table {
	text-align: right;
	margin-left: auto;
}



/*--[top]--*/

#main #top {
	margin-bottom: 30px;
	margin-top: 8px;
}

#main #top #top_panel01 {
	height: 330px;
	width: 410px;
	margin-right: 7px;
	margin-bottom: 3px;
	float: left;
}
#main #top a img {
	border: 1px solid #CCCCCC;

}
#main #top a:hover img {
	border: 1px solid #0F0401;
}
#main #top a embed {
	border: 1px solid #CCCCCC;

}
#main #top a:hover embed {
	border: 1px solid #0F0401;
}
#main #top h2 {
	margin-bottom: 10px;
}
#main #top #top_panel02 {
	margin-bottom: 8px;

}
#main #top #top_panel03 {
	margin-bottom: 8px;

}

#main #top #top_panel06 {
	margin-bottom: 8px;

}

#main #top #top_panel07 {
	margin-bottom: 8px;

}

#main #top #panel_c {
	background-image: url(../Contents/Images/topfits/border_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	width: 415px;
	float: left;
	height: 138px;
	padding-bottom: 9px;
}
#main #top #top_panel04 {
	float: left;
	background-image: url(../Contents/Images/topfits/border_top02.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
	width: 208px;
	text-align: center;
}
#main #top #top_panel05 {
	width: 207px;
	text-align: center;
	float: left;
}

/*--[contents]--*/

#main #contents {
	margin-top: 30px;
}


/*--[left]--*/

#main #contents #left {
	width: 210px;
	float: left;
	margin-right: 6px;
}
#main #contents #left #search {
	background-color: #EEEEEE;
	padding: 10px 15px;
	margin-bottom: 10px;
	border: 1px solid #666666;
}
#main #contents #left #search h3,
#main #contents #left #search p#lefth3 {
	margin-bottom: 8px;
	background-color: #EEEEEE;
}
#main #contents #left #search p#lefth3 {
	text-align:left;
}
#main #contents #left #search p {
	text-align: center;
}
#main #contents #left #search .text1 {
	width: 170px;
	margin-bottom: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#main #contents #left #search .button1 {
	background-image: url(../Contents/Images/left/search_btn.gif);
	width: 174px;
	height: 20px;
}





#main #contents #left h2,
#main #contents #left p#lefth2 {
	margin-bottom: 10px;
}
#main #contents #left h3,
#main #contents #left p#lefth3 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 00px;
}
#main #contents #left ul {
	margin-bottom: 10px;
	border: 1px solid #DDDDDD;
	border-top:none;
	padding-top: 3px;
}
#main #contents #left ul li {
	margin: 0 5px;
	background-image: url(../Contents/Images/left/border_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding-bottom: 1px;
}
#main #contents #left .nav_last {
	background-image: none;
}



#main #contents #center {
	float: left;
	width: 418px;
	margin-right: 12px;
}
#main #contents #center h2,
#main #contents #center p#centerh2 {
	margin-bottom: 10px;
}
#main #contents #center ul a img {
	border: 1px solid #FFFFFF;
}
#main #contents #center ul a:hover img {
	border: 1px solid #0F0401;
}
#main #contents #center #center_panel01 {
	float: left;
	margin: 0 8px 10px 0;
}
#main #contents #center #center_panel02 {
	float: left;
}
#main #contents #center #center_panel03 {
	clear: both;
	margin-bottom: 10px;
}
#main #contents #center #center_panel04 {
	margin-bottom: 10px;
}
#main #contents #center .center_best {
	clear: both;
	background-image: url(../Contents/Images/center/border_best.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding-bottom: 10px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	width: 385px;
}
#main #contents #center .center_best p {
	text-align: center;
	float: left;
	margin-right: 25px;
}
#main #contents #center .center_best p a {
	display: block;
	height: 100px;
	width: 100px;
	border: 1px solid #DDDDDD;
	padding: 5px;
}
#main #contents #center .center_best p a:hover {
	border: 1px solid #666666;
}
#main #contents #center .center_best dt {
	font-size: 120%;
	font-weight: bold;
}
#main #contents #center .center_best span {
	font-weight: bold;
	color: #993300;
}
#main #contents #center #best_last {
	background-image: none;
	padding-bottom: 0px;
}
#main #contents #center #news {
	background-color: #EEEEEE;
	padding: 14px;
}
#main #contents #center #news table {
	width: 385px;

}
#main #contents #center #news th {
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 5px;
	vertical-align: top;
}
#main #contents #center #news td {
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}
#main #contents #center #voice {
	border: 1px solid #DDDDDD;
	padding: 1px;
}

/*--[right]--*/
#main #contents #right #guide_a {
	border: 1px solid #DDDDDD;
	background-color: #faf0e6;
	margin-bottom: 10px;
	width: 152px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 14px;
}
#main #contents #right {
	width: 180px;
	float: left;
}
#main #contents #right h3,
#main #contents #right p#righth3 {
	margin-bottom: 10px;
}
#main #contents #right #ranking {
	margin-bottom: 10px;
	border: 1px solid #DDDDDD;
	width: 180px;
	text-align: center;
}


/*----------↓091006追加--------------*/


#main #contents #right #ranking h3 {
	background-color:#FFF;
	margin:0 0 10px 0;
	padding:0;
}

/*----------↑091006追加--------------*/


#main #contents #right #ranking dl {
	margin-bottom: 10px;
}

#main #contents #right #ranking dt {
	background-image: url(../Contents/Images/right/r1.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	margin-right: 14px;
	margin-left: 14px;
}
#main #contents #right #ranking dt a {
	height: 100px;
	width: 100px;
	display: block;
	text-align: center;
	border: 1px solid #FFFFFF;
	margin-left: 40px;
	padding: 5px;
}
#main #contents #right #ranking #rank02 {
	background-image: url(../Contents/Images/right/r2.gif);
}
#main #contents #right #ranking #rank03 {
	background-image: url(../Contents/Images/right/r3.gif);
}

#main #contents #right #ranking dt a:hover {
	border: 1px solid #DDDDDD;

}
#main #contents #right #ranking dd {
	font-weight: bold;
}

#main #contents #right #ranking span {
	color: #E50011;
}
#main #contents #right #guide {
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
	width: 152px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 14px;
}
#main #contents #right #guide ul {
	margin-top: 15px;
}

#main #contents #right #guide li {
	margin-bottom: 6px;
	background-image: url(../Contents/Images/listimg01.gif);
	background-repeat: no-repeat;
	background-position: 0px 42%;
	padding-bottom: 6px;
	padding-left: 21px;
}
#main #contents #right .calendar {
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
}

#main #contents #right #tenma_bn li {
	margin-bottom: 10px;
}

/*------------------------------------------*/

#main #footer {
	width: 835px;
	background-image: url(../Contents/Images/foot/border_footer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 10px;
	margin-top: 10px;
	text-align: left;
}

#main #footer address {
	width: 381px;
	float: left;
	margin-left: 4px;
}
#main #footer #bn_brand {
	margin-bottom: 10px;
	width: 444px;
	float: left;
}
#main #footer #bn_brand li {
	display: inline;
	height: 30px;
	width: 74px;
}

#main #footer #footer_nav {
	background-color: #0F0401;
	width: 835px;
	color: #FFFFFF;
	font-size: 90%;
	clear: both;
	padding: 8px 0 8px 0;
}
#main #footer #footer_nav li {
	display: inline;
	margin: 0 10px;
}
#main #footer #footer_nav a {
	color: #FFFFFF;
	text-decoration: none;
}
#main #footer #footer_nav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#main #footer p {
	margin: 5px 10px;
}

/* 200808GLJ */

p.footlink {
	font-size:12px;
	text-align:center}

h2.left-h2 {
	background-position:1px top;
	width:210px;
	height:32px;
	margin:0px;
	padding:0px;
	text-indent:-9999px !important;
	display:block;
	background-image: url(../Contents/Images/left/category.gif);
	background-repeat: no-repeat;
}

/* index.htm */

#main #contents h3.top-h3a {
	background-position:1px top;
	width:418px;
	height:29px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	margin-bottom:10px;
	background-color: #FFF;
	background-image: url(../Contents/Images/center/title_special.gif);
	background-repeat: no-repeat;
}

#main #contents h3.top-h3b {
	background:url(../Contents/Images/center/title_best.gif) no-repeat;
	background-color: #FFF;
	background-position:top 1px;
	width:415px;
	height:40px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	margin-bottom:10px;}

#main #contents h3.top-h3c {
	background:url(../Contents/Images/center/title_news2.gif) no-repeat;
	background-color: #FFF;
	background-position:top 1px;
	width:415px;
	height:29px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	margin-bottom:10px;}


	


/* 01walkin */

/* 02fitsunit */

h3.fits02-h3 {
	background:url(../Contents/Images/01walkin/02fitunit/point_title.gif) no-repeat;
	background-position:top 1px;
	width:481px;
	height:49px;
	text-indent:-9999px;
	display:block;}

/* 03oshiire */

h3.oshi03-h3 {
	background:url(../Contents/Images/01walkin/03oshiire/point_title.gif) no-repeat;
	background-position:top 1px;
	width:399px;
	height:49px;
	text-indent:-9999px;
	display:block;}

/* 01fits */

h3.fits01-h3 {
	background:url(../Contents/Images/01walkin/01fits/point_title.gif) no-repeat;
	background-position:top 1px;
	width:371px;
	height:49px;
	text-indent:-9999px;
	display:block;}#main #contents #center #voice table {
	font-style: normal;
	line-height: normal;
	color: #666666;
	text-decoration: none;
}


/* voice*/
.style1 {
	color: #993300;
	font-weight: bold;
}
.style2 {color: #993300}
.style8 {
	font-size: 11px;
	color: #993300;
}
.centerbox090820 {
	text-align: left;
}
.clear01 {
	font-size: 0px;
	clear: both;
	display: block;
}
