@charset "utf-8";
/* CSS Document */



#apparel {
	width: 100%;
}

#apparel img {
	margin-top: 10px;
	margin-bottom: 5px;
}

#apparel0-1 {
	margin-top: 5px;
	margin-left: 5px;
	border-bottom: solid #CCC 1px;
}

#apparel0-2 {
	margin: 20px;
}

#apparel0-3 {
	margin-top: 5px;
	margin-left: 10%;
}

#apparel1 {
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	border-top: solid #CCC 1px;
}

#apparel2-1 {
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	font-weight: bold;
}


#apparel2-2 {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	font-weight: bold;
}

#apparel3-1 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}


#apparel3-2 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}


#apparel4-1 {
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	font-weight: bold;
}

#apparel4-2 {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	font-weight: bold;
}

#apparel5-1 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#apparel5-2 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#apparel6-1 {
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	font-weight: bold;
}

#apparel6-2 {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	font-weight: bold;
}

#apparel7-1 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#apparel7-2 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#apparel8-1 {
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	font-weight: bold;
}

#apparel8-2 {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	font-weight: bold;
}

#apparel9-1 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#apparel9-2 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#apparel10-1 {
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	font-weight: bold;
}

li#apparel10-2 {
	float: left;
	height:auto;	
	margin-top: 5px;
	margin-left: 10px;
	font-weight: bold;
}

#apparel11-1 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

#apparel11-2 {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 10px;
}

#apparel12 {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-top: solid #CCC 1px;
}


#apparel13-1 {
	clear: both;
	margin-top: 5px;
	margin-left: 20px;
	font-weight: bold;
}

#apparel14-1 {
	width: 400px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}

li#profile1{
	float: left;
	height:210px;	
	margin-top: 5px;
	margin-left: 20px;
	font-weight: bold;
}


li#profile2{
	float: left;
	height:210px;	
	margin: 5px 20px 10px 0px;
	font-weight: bold;
}

div#apparel-100 {
	height:auto;
	width:100%;
}


p#apparel-101 {
	float: left;
	width:auto;
	margin:0 8px 0 10px;
}

p#appare-102{
	float: right;
	width:auto;;
}

li#apparel-101 {
	float: left;
	width:auto;
	margin:0 8px 0 10px;
}

li#appare-102{
	float: right;
	width:auto;;
}

li.assessment {
	margin: 5px 0px 5px 5px;
}

li.assessment-left {
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 25px;
	height:100%;
}


li.assessment-right {
	float: left;
	width: 380px;
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom: 25px;
	height:100%;
	text-align:center;
}

div#trivia-top {
	width:auto;
	height:340px;
	margin-top:40px;
}

div.trivia-diverwatch p.midashi{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}

div.trivia-diverwatch img#rolex{
	margin:15px;
	width:250px;
	height:200px;
}

div.trivia-diverwatch h2{
	margin:5px;
}

div.trivia-diverwatch h3{
	margin:40px 5px 5px 5px;
}


div.trivia-diverwatch div#trivia-top-left{
	float:left;
	margin:0px 20px 0px 80px;
	width:280px;
	background-color:#000;
	border-radius:10px;
}

div.trivia-diverwatch p#trivia-top-left-bottom{
	margin-left:25px;
	color:#FFFFFF;
	margin:0px 15px 15px 15px;
}


div.trivia-diverwatch div#trivia-top-right{
	float:right;
	width:380px;
	margin:0px 80px 0px 0px;
}

div.trivia-diverwatch div#trivia-middle{
	margin:0px 80px;
}

div#trivia-middle{
	padding:0px 20px 20px 20px;
	border:solid 1px #666666;
	border-radius:10px;
}


div#trivia-middle dt{
	padding:3px 20px 3px 10px;
	border-left:solid 10px #666;
	border-bottom:solid 1px #666;
}

div#trivia-middle dd{
	font-size:12px;
	padding:3px 20px 3px 20px;
	margin-bottom:10px;
}

div.trivia-bottom {
	width:800px;
	height:auto;
	margin-top:20px;
}

div.trivia-bottom div.bottom-box1{
	width:400px;
	float:left;
	margin:20px 0px;
}

div.trivia-bottom div.bottom-box2{
	width:400px;
	float:right;
	margin:20px 0px;
}


div.trivia-bottom div.box-left{
	float:left;
	width:200px;
	height:200px;
	margin-top:20px;
}


div.trivia-bottom div.box-right{
	float:right;
	width:180px;
	height:220px;
	font-size:12px;
	padding:10px;
	background-color:#555;
	color:#FFF;
	border-radius:10px;
}

p.kinou{
	margin-top:5px;
	padding-left:5px;
	border-left:8px solid #FF3;
}

p.divers-midashi{
	color:#FF0;
	font-weight:bold;
	margin-bottom:5px;
}

div.trivia-bottom-bottom{
	padding-top:120px;
}


div#boots{
	margin:10px 10px;
}

div#boots div.box-left{
	float:left;
	width:400px;
	height:250px;
	margin:0 10px 10px 5px;
}

div#boots div.box-left p{
	color:#FFF;
	background-color:#993333;
	border-radius:10px;
	margin:5px 0px;
	padding:2px 0;
	font-weight:bold;
	text-align:center;
	width:400px;
}

div#boots div.box-right{
	float:right;
	width:400px;
	height:250px;
	margin:0 10px 10px 5px;
}

div#boots div.box-right p{
	color:#FFF;
	background-color:#993333;
	border-radius:10px;
	margin:5px 0px;
	padding:2px 0;
	font-weight:bold;
	text-align:center;
	width:400px;
}

div.boots-left ul{
	float:left;
	width:180px;
	height:100%;
	margin-top:10px;
	margin-left:10px;
}

div.boots-right ul{
	float:right;
	font-size:12px;
	width:200px;
	height:100%;
	margin-top:10px;
	margin-right:10px;
}

li.boots-title{
	text-align:center;
	margin-top:20px;
	font-weight:bold;
	color:#333;
	text-shadow:2px 2px 4px #666;
}

div.boots-yougo dt{
	color:#993333;
	padding:2px 10px;
	font-weight:bold;
	border-left:10px solid #993333;
	border-bottom:1px solid #993333;
}

div.boots-yougo dd{
	padding:2px 10px;
	margin:3px 0 10px 10px;
	font-size:12px;
}

p.boots-midashi{
	clear:both;
	text-align:center;
	margin:50px 0 20px 0;
	color:#FFFFFF;
	background-color:#933;
	border-radius:10px;
	padding:2px 10px;
	font-weight:bold;
}

div.parts-left{
	float:left;
}

div.parts-right{
	float:right;
	margin-top:80px;
}

div.parts-right dt{
	margin-top:10px;
	font-weight:bold;
}

ul.outdoor-list-1,
ul.outdoor-list-2,
ul.outdoor-list-3,
ul.outdoor-list-4{
	float:left;
	font-size:12px;
	margin-left:10px;
	width:200px;
	line-height:2;
}

ul.outdoor-list-5,
ul.outdoor-list-6,
ul.outdoor-list-7{
	float:left;
	font-size:12px;
	margin-left:10px;
	width:200px;
	line-height:2;
}

div.list-top{
	border-bottom:1px solid #CCC;
	height:350px;
	margin:10px 0 0 5px;
}

div.list-top ul li:first-letter{
	font-weight:bold;
	color:green;
	font-size:120%;
	margin-right:2px;
}
	

div.list-top2{
	height:350px;
	margin:10px 0 0 5px;
}

div.list-top2 ul li:first-letter{
	font-weight:bold;
	color:green;
	font-size:120%;
	margin-right:2px;
}


div.yogore-1,
div.yogore-2,
div.yogore-3,
div.yogore-4{
	float:left;
	width:410px;
	margin:10px 0 20px 10px;
	text-align:center;
}

div.yogore-1 img,
div.yogore-2 img,
div.yogore-3 img,
div.yogore-4 img{
	margin-bottom:10px;
}

.outdoor-midashi{
	width:830px;
	margin:30px 10px 10px 10px;
	padding:2px 0;
	text-align:center;
	color:#FFFFFF;
	background-color:#363;
	border-radius:10px;
}

ul.outdoor-goods{
	float:left;
	width:300px;
	margin:10px 0px 10px 110px;
	list-style-type: square;
}

ul.outdoor-goods2{
	float:left;
	width:300px;
	margin:10px 50px 10px 80px;
	list-style-type: square;
}

div.uniform .midashi{
	font-size:16px; font-weight:bold; color:#F30;
	margin-top:10px;
	display:inline-block;
	}
	
	
	
/* 買取システム */
p.system-top{
	width:230px;
	height:200px;
	float:left;
	background-color: #CCC;
	margin:10px 15px;
	padding:10px 10px;
	font-size:12px;
}

p.system-top span.a{
	font-size:18px;
	font-weight:bold;
	border-left:10px solid #09C;
	padding-left:5px;
}

p.system-top span.b{
	font-size:18px;
	font-weight:bold;
	border-left:10px solid #F3C;
	padding-left:5px;
}

p.system-top span.c{
	font-size:18px;
	font-weight:bold;
	border-left:10px solid #690;
	padding-left:5px;
}

p.system-top img{
	margin:0 auto 10px;
	text-align:center;
}

p.kotira img.a{
	margin:0 0 0 60px;
}

p.kotira img.b{
	margin:0 0 0 105px;
}

p.kotira img.c{
	margin:0 0 0 105px;
}

div#system p.midashi{
	clear:both;
	border-left:10px solid #000;
	border-bottom:1px solid #000;
	margin:20px 20px 10px 20px;
	padding:0 0 0 5px;
}

div#system p.left{
	float:left;
	margin-left:20px;
	width:300px;
	height:300px;
}

div#system p.right{
	float:right;
	width:500px;
	margin-right:20px;
}

p.mail{
	clear:both;
	text-align:right;
	margin-right:20px;
}

/* メールフォーム */
p.otoku{
	background-color:#CCCCCC;
	margin:10px 3px 10px 6px;
	padding:5px 20px 3px;
	letter-spacing:1em;
	font-weight:bold;
}

/* スタッフ紹介 */
div.staff{
	width:840px;
	height:200px;
	margin-top:10px;
}

div.staff img:first-child{	
	box-shadow:5px 5px 8px #999999;
}

div.staff p.left{
	float:left;
	height:220px;
	width:200px;
	margin-left:5px;
}

div.staff p.right{
	float:right;
	height:220px;
	width:610px;
	margin-top:10px;
	font-weight:bold;
}

div.staff p.right span.name{
	font-size:32px;
}

/* G-SHOCK特集 */
div.g-shock{
	margin-left:10px;
}

div.g-shock div.a{
	float:left;
	height:240px;
	width:235px;
	margin:20px 20px 20px 0;
	padding:3px 10px 0;
	box-shadow:5px 5px 8px #999;
}

div.g-shock p.b{
	font-weight:bold;
	font-size:16px;
	border-left:8px solid #000;
	border-bottom:1px #000000 dotted;
	padding-left:5px;
	margin:5px 0;
}

div.g-shock p.c{
	font-size:12px;
}

div.g-shock div.a img{
	margin:0 auto;
	text-align:center;
}

/* 特集記事一覧 */
div.article{
	width:auto;
	height:auto;
	margin-left:10px;
	font-size:12px;
}

div.article div.frame{
	float:left;
	height:240px;
	width:235px;
	margin:10px 20px 10px 0;
	padding:3px 10px 0;
	border:1px solid #CCC;
	box-shadow:5px 5px 8px #999;
}

div.article div.frame p.midashi{
	font-weight:bold;
	font-size:16px;
	border-left:8px solid #000;
	border-bottom:1px #000000 dotted;
	padding-left:5px;
	margin:0px 0 5px;
}