@charset "utf-8";

/* common.css               */
/* 基本設定　　　　　　　　 */

#all {
	width: 975px;
	height: 100%;
	}


/* ページヘッダ */
#header {
	position: relative;
	left: 0;
	top: 0;
	width: 960px;
	height: 100px;
	margin: 0 0 10px;
	z-index: 1;
}
#header a:link    { text-decoration: none; color: #333333;}
#header	a:visited { text-decoration: none; color: #333333;}
#header	a:active  { text-decoration: none; color: #FF0000;}
#header	a:hover   { text-decoration: underline; color: #FF6600;}


*html body #header {
	position: relative;
	left: 0px;
	top: 0;
	width: 960px;
	height: 100px;
	margin: 0 0 0px;
	z-index: 1;
}

#header h1 a {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 100px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/logo.jpg) no-repeat;
	background-image: url(../img/topLogo.gif);
}

/* 商品の購入方法、商品を売りたい人はこちら　の表示 */

.subMenuBox {
	text-align : right;
	float : right;
}

.headerL {
	float: left;
}

.headerR {
	float: right;
}


#header #Navi {
	position: relative;
	display: block;
	left: 235px;
	bottom: 0px;
	width: 700px;
	height: 100px;
	margin: 0 0 10px;
	overflow: hidden;
	background: url(../img/topLine.gif) no-repeat;
	background-position: 0% 100%;
}




#header #Navi li {
	position: absolute;
	left: 10px;
	bottom: 0px;
	padding: 0 0 0 0px;
	display: block;
	overflow: hidden;
}

#header #Navi .headerCm {
	left: 220px;
	bottom: 37px;
	width: *;
	text-align: left;
}


#header #Navi .n1 {
	left: 0px;
	bottom: 22px;
	width: *;
	text-align: left;
}

#header #Navi .n2 {
	left: 340px;
	bottom: 22px;
	width: 120px;
	text-align: center;
}

#header #Navi .n3 {
	left: 460px;
	bottom: 22px;
	width: 90px;
	text-align: center;
}

#header #Navi .n4 {
	left: 550px;
	bottom: 22px;
	width: 50px;
	text-align: center;
}

#header #Navi .n5 {
	left: 610px;
	bottom: 22px;
	width: 100px;
	text-align: center;
}

*html body #header #Navi .n5 {
	left: 590;
	bottom: 22px;
	width: 100px;
	text-align: left;
}

*:first-child+html #header #Navi .n5 {
	left: 570;
	bottom: 22px;
	width: 100px;
	text-align: left;
}

#header #Navi .e_n1 {
	left: 0;
	bottom: 22px;
	width: *;
	text-align: left;
}

#header #Navi .e_n2 {
	left: 270px;
	bottom: 22px;
	width: 90px;
	text-align: center;
}

#header #Navi .e_n3 {
	left: 375px;
	bottom: 22px;
	width: 120px;
	text-align: center;
}

#header #Navi .e_n4 {
	left: 485px;
	bottom: 22px;
	width: 100px;
	text-align: center;
}

#header #Navi .e_n5 {
	left: 595px;
	bottom: 22px;
	width: 110px;
	text-align: center;
}

*html body #header #Navi .e_n5 {
	left: 580px;
	bottom: 22px;
	width: 110px;
	text-align: center;
}

*:first-child+html #header #Navi .e_n5 {
	left: 590px;
	bottom: 22px;
	width: 110px;
	text-align: center;
}


/* 上部メニュー */
#mslmTopNavi {
	height: 50px;
	width: 710px;
	margin-left: 0px;
	overflow: hidden;
	background: url(../img/line_01.jpg) no-repeat;
	background-position: 0% 100%;
	float :left;
	border-color:black;

}

*html body #mslmTopNavi {
	height: 50px;
	width: 690px;
	margin:0px;
	overflow: hidden;
	background: url(../img/line_01.jpg) no-repeat;
	background-position:-5px 100%;
	float: left;

}
*:first-child+html #mslmTopNavi {
	height: 50px;
	width: 685px;
	margin:0px;
	overflow: hidden;
	background: url(../img/line_01.jpg) no-repeat;
	background-position:-5px 100%;
	float: left;

}

#mslmTopNavi  .mslm1 {
	left: 0;
	top:0;
	width: *;
	text-align: left;
}
#mslmTopNavi .mslm2 {
	left: 0;
	bottom: 0px;
	text-align: left;
	padding-right:10px;
}

#mslmTopNaviInbox {
	float: left;
	width:480px;
}


#CartBtn {
	float: right;
	margin-right: 10px;
	padding-top:10px;
}

*html body #CartBtn {
	float: right;
	margin-right: 5px;
	padding-top:10px;
}


#btnLeft {
	float: left;
}


/* パンくず */

#pankuzu {
	width : 690px;
	height: 30px;
	overflow: hidden;
	float: left;
}
*html body #pankuzu {
	width :690px;
	height: 30px;
	overflow: hidden;
	margin: 0px;
	float: left;
}


#pankuzu .pan {
	left: 0;
	bottom: 0px;
	text-align: left;
	padding-right:20px;
}


/* 左メニュー */
#LeftNavi {
	left: 10px;
	width: 235px;
	display: block;
	float: left;
	padding:0px;
}
#LeftNavi a:link    { text-decoration: none; color: #333333;}
#LeftNavi	a:visited { text-decoration: none; color: #333333;}
#LeftNavi	a:active  { text-decoration: none; color: #FF0000;}
#LeftNavi	a:hover   { text-decoration: underline; color: #FF6600;}

*html body #LeftNavi {
	/*left: 10px;*/
	width: 240px;
	display: block;
	float: left;
	margin: 0px;
	padding:0px;
}

#LeftNavi #mySLM #login {

	width: 220px;
	height: auto;
	background: url(../img/myvitty_00.jpg) no-repeat;
	background-position: 0% 15px;
	padding-top: 40px;
	padding-right: 20px;
	line-height: 1.5;
	display: block;
}

#LeftNavi #mySLM #login #loginbox{
	text-align: right;
	display: block;
	height: auto;
	padding-right: 20px;
	padding-top:20px;
	line-height: 16pt;
}


*html body #LeftNavi #mySLM #login {
	width: 220px;
	height: auto;
	background: url(../img/myvitty_00.jpg) no-repeat;
	background-position: 0% 15px;
	padding-top: 40px;
	line-height: 1.5;
	display: block;
}

*html body #LeftNavi #mySLM #login #loginbox{
	text-align: right;
	display: block;
	height: auto;
	padding-top:20px;
	line-height: 16pt;
}



/* ログイン部分のテキストボックス幅 */

#LeftNavi #mySLM #login .textbox01 {
	width: 100px;
}

#LeftNavi #mySLM #myVitty {
/*	text-align: right;
	display: block;
	height: 120px;
	padding-right: 20px;
	padding-top:20px;
	line-height: 16pt;
	*/
	width: 220px;
	height: auto;
	background: url(../img/myvitty_00.jpg) no-repeat;
	background-position: 0% 15px;
	padding-top: 40px;
	padding-right: 20px;
	line-height: 1.5;
	display: block;
}

#LeftNavi #mySLM #myVitty #myVittybox{
	text-align: left;
	display: block;
	height: auto;
	padding-left: 40px;
	padding-top:20px;
	line-height: 16pt;
}

#LeftNavi #mySLM #myVitty #getVittybox{
	text-align: left;
	display: block;
	height: auto;
	padding-left: 10px;
	padding-top:10px;
	line-height: 16pt;
}

*html body #LeftNavi #mySLM #myVitty {
	width: 220px;
	height: auto;
	background: url(../img/myvitty_00.jpg) no-repeat;
	background-position: 0% 15px;
	padding-top: 40px;
	line-height: 1.5;
	display: block;
}

*html body #LeftNavi #mySLM #myVitty #myVittybox {
	text-align: left;
	display: block;
	height: auto;
	padding-top:20px;
	line-height: 16pt;
}

*html body #LeftNavi #mySLM #myVitty #getVittybox{
	text-align: left;
	display: block;
	height: auto;
	padding-left: 5px;
	padding-top:5px;
	line-height: 16pt;
}




#LeftNavi #category {
	width: 200px;
	height: auto;
	background: url(../img/category_00.jpg) no-repeat;
	background-position: 0% 0%;
	padding-top: 40px;
	padding-left: 40px;
	display: block;
	margin-top: 20px;
}
*html body #LeftNavi #category {
	width: 200px;
	height: auto;
	background: url(../img/category_00.jpg) no-repeat;
	background-position: 0% 0%;
	padding-top: 40px;
	padding-left: 40px;
	display: block;
	margin-top: 20px;
}


#LeftNavi #banner {
	width: 200px;
	height: 100%;
	padding-top: 0px;
	padding-left: 40px;
	display: block;
	margin-top: 10px;
}
*html body #LeftNavi #banner {
	width: 200px;
	height: auto;
	padding-top: 0px;
	padding-left: 40px;
	display: block;
	margin-top: 10px;
}

/* コンテンツ部分 */
#contents {
	float:left;
	width: 700px;
	height: auto;
}

/* フッタ部分 */
#footer {
	width: 950px;
	height: 75px;
	display: block;
	float: left;
	padding-left: 20px;
}

#footer_det {
	width: 900px;
	height: 60px;
	display: block;
	padding-left: 40px;
	float: left;
}

#footerMenu {
	float:left;
	width: 700px;
	text-align: left;
}

#footer_det .fnavi {
	left: 0;
	bottom: 0px;
	text-align: left;
	padding-right:20px;
}


#footer_det .footerCopyLR {
	float: left;
	width: 500px;
	height: 60px;
	margin-top:10px;
}

#userTopMenu {
	float: left;
}

/* ページタイトル表示 */
.titleBox {

	margin-top : 10px;
	margin-bottom : 20px;
	width : 660px;
	height : 55px;
	border-bottom : dotted;
	border-width : 2px;
	border-color : #FF9933;
	vertical-align : bottom;
	float:left;
}




/* トップページ要素 */



#NewsTitle {
	width: 680px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 45px;
	background: url(../img/News_title.jpg) no-repeat;
	background-position: 0% 0%;
}

#NewsBox {
	width: 660px;
	float: left;
	border: solid;
	border-width: 1px;
	border-color: #FF6600;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 6px;
}

#howtoBox {
	width: 650px;
	text-align: center;
}

#newsLeft {
	width:560px;
	float:left;
}

#newsRight {
	width:260px;
	float:right;
}


*html body #NewsTitle {
	width: 670px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 45px;
	background: url(../img/News_title.jpg) no-repeat;
	background-position: 0% 0%;

}
*html body #NewsBox {
	width: 660px;
	float: left;
	border: solid;
	border-width: 1px;
	border-color: #FF6600;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 3px;
}

#NewsBox #BackNumber {
	float: right;
	margin: 0px;
}

.itemShow {
	width: 640px;
	text-align: center;
}

.itemShowTD {
	width: 180px;
	text-align: center;
}

#RandomTitle {
	width: 680px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 45px;
	background: url(../img/Random_title.jpg) no-repeat;
	background-position: 0% 0%;

}
#RandomBox {
	width: 680px;
	float: left;
	padding: 20px;

}
#HeavyTitle {
	width: 680px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 45px;
	background: url(../img/Heavy_title.jpg) no-repeat;
	background-position: 0% 0%;

}
#HeavyTitle_en {
	width: 680px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 45px;
	background: url(../img/Heavy_title_en.jpg) no-repeat;
	background-position: 0% 0%;

}

#HeavyBox {
	width: 680px;
	float: left;
	padding: 20px;

}
#NewItemTitle {
	width: 680px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 45px;
	background: url(../img/NewItem_title.jpg) no-repeat;
	background-position: 0% 0%;

}
#NewItemTitle_en {
	width: 680px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 45px;
	background: url(../img/NewItem_title_en.jpg) no-repeat;
	background-position: 0% 0%;

}
#NewItemBox {
	width: 680px;
	float: left;
	padding: 20px;

}
#CategoryListTitle {
	width: 680px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	height: 45px;
	background: url(../img/CategoryList_title.jpg) no-repeat;
	background-position: 0% 0%;
}
#CategoryListBox {
	width: 600px;
	float: left;
	border: solid;
	border-width: 1px;
	border-color: #FF6600;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.errorMsg {
	width: 600px;
	float: left;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border: dotted;
	border-width: 2px;
	border-color: #FF0000;
	padding-left: 12px;
	margin-top : 10px;
	margin-left: 30px;

}

.notice {
	width: 550px;
	text-align: center;
	border: dotted;
	border-width: 3px;
	border-color: #FF0000;
	padding:10px 5px;
	color: #FF0000;
	font-weight: bold;
}

*html body .errorMsg {
	width: 600px;
	float: left;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border: dotted;
	border-width: 2px;
	border-color: #FF0000;
	padding-left: 12px;
	margin-top : 10px;
	margin-left: 15px;

}

.inBox01 {
	width: 600px;
	float: left;
	text-align: left;
	margin-top:10px;

}

.inBox02 {
	width: 680px;
	float: left;
	text-align: left;
	margin-top:10px;
	text-align: center;

}

img {
	border: 0;
	margin: 0px;
	padding: 0px;
}

ul.category_set {
	margin-left:0px;
	padding-left:0px;
	width:200px;
}

.category1 {
	list-style-type: none;
	list-style-position : outside;
	width: 180px;
	margin-left:0px;
	height:auto;
}

.category1_1 {
	list-style-type: none;
	list-style-position : outside;
	width: 170px;
	margin-left:10px;
	height:auto;
}

.category1_1_1 {
	list-style-type: none;
	list-style-position : outside;
	width: 160px;
	margin-left:20px;
	height:auto;
}

.category1_1_1_1 {
	list-style-type: none;
	list-style-position : outside;
	width: 150px;
	margin-left:30px;
	height:auto;
}

.category1_1_1_1_1 {
	list-style-type: none;
	list-style-position : outside;
	width: 140px;
	margin-left:40px;
	height:auto;
}

*html body ul.category_set {
	margin-left:0px;
	padding-left:0px;
	width:200px;
}

*html body .category1 {
	list-style-type: none;
	list-style-position : outside;
	width: 180px;
	margin-left:0px;
	height:auto;
}

*html body .category1_1 {
	list-style-type: none;
	list-style-position : outside;
	width: 170px;
	margin-left:5px;
	height:auto;
}

*html body .category1_1_1 {
	list-style-type: none;
	list-style-position : outside;
	width: 160px;
	margin-left:10px;
	height:auto;
}

*html body .category1_1_1_1 {
	list-style-type: none;
	list-style-position : outside;
	width: 160px;
	margin-left:15px;
	height:auto;
}

*html body .category1_1_1_1_1 {
	list-style-type: none;
	list-style-position : outside;
	width: 150px;
	margin-left:20px;
	height:auto;
}

 *html body .submitBtn195 {
/*	cursor:pointer;*/
	background: url(../img/195btn.gif) no-repeat;
	background-position: 1px;
	text-align: center;
	padding-bottom:2px;
	background-color:white;
	border: 0px;
	width:200px;
	height:25px;
}

*:first-child+html .submitBtn195 {
/*	cursor:pointer;*/
	background: url(../img/195btn.gif) no-repeat;
	background-position: 1px;
	text-align: center;
	padding-bottom:2px;
	background-color:white;
	border: 0px;
	width:200px;
	height:25px;
}

*html body .submitBtn170 {
	background: url(../img/170btn.gif) no-repeat;
	background-position: 3px;
	text-align: center;
	padding-bottom:2px;
	background-color:white;
	border: 0px;
	width:180px;
	height:25px;
	
}

*:first-child+html .submitBtn170 {
	background: url(../img/170btn.gif) no-repeat;
	background-position: 3px;
	text-align: center;
	padding-bottom:2px;
	background-color:white;
	border: 0px;
	width:180px;
	height:25px;
}

 *html body .submitBtn230 {
/*	cursor:pointer;*/
	background: url(../img/230btn.gif) no-repeat;
	background-position: 1px;
	text-align: center;
	padding-bottom:2px;
	background-color:white;
	border: 0px;
	width:240px;
	height:25px;
}

*:first-child+html .submitBtn230 {
/*	cursor:pointer;*/
	background: url(../img/230btn.gif) no-repeat;
	background-position: 1px;
	text-align: center;
	padding-bottom:0px;
	background-color:white;
	border: 0px;
	width:240px;
	height:25px;
}

*html body .submitBtn260 {
/*	cursor:pointer;*/
	background: url(../img/260btn.gif) no-repeat;
	background-position: 2px;
	text-align: center;
	padding-bottom:2px;
	background-color:white;
	border: 0px;
	width:270px;
	height:25px;
}

*:first-child+html .submitBtn260 {
/*	cursor:pointer;*/
	background: url(../img/260btn.gif) no-repeat;
	background-position: 2px;
	padding-bottom:0px;
	background-color:white;
	border: 0px;
	width:270px;
	height:25px;
}

*html body .submitBtn100 {
/*	cursor:pointer;*/
	background: url(../img/102btn.gif) no-repeat;
	background-position: 1px;
	text-align: center;
	padding-bottom:2px;
	background-color:white;
	border: 0px;
	width:110px;
	height:25px;
}

*:first-child+html .submitBtn100 {
/*	cursor:pointer;*/
	background: url(../img/102btn.gif) no-repeat;
	background-position: 1px;
	text-align: center;
	padding-bottom:0px;
	background-color:white;
	border: 0px;
	width:110px;
	height:25px;
}

*html body .submitBtn150 {
/*	cursor:pointer;*/
	background: url(../img/150btn.gif) no-repeat;
	background-position: 1px;
	text-align: center;
	padding-bottom:2px;
	background-color:white;
	border: 0px;
	width:160px;
	height:25px;
}

*:first-child+html .submitBtn150 {
/*	cursor:pointer;*/
	background: url(../img/150btn.gif) no-repeat;
	background-position: 1px;
	text-align: center;
	padding-bottom:0px;
	background-color:white;
	border: 0px;
	width:160px;
	height:25px;
}

*html body .submitBtn60 {
/*	cursor:pointer;*/
	background: url(../img/62btn.gif) no-repeat;
	text-align: center;
	background-position: 4px;
	padding-bottom:1px;
	background-color:white;
	border: 0px;
	width:72px;
	height:25px;
}

*:first-child+html .submitBtn60 {
/*	cursor:pointer;*/
	background: url(../img/62btn.gif) no-repeat;
	text-align: center;
	background-position: 4px;
	padding-bottom:0px;
	background-color:white;
	border: 0px;
	width:72px;
	height:25px;
}



.btnBox {
	margin-top : 10px;
	margin-left : 60px;
	margin-bottom :10px;
}

.whiteSpace {
	white-space: nowrap;
	display:inline-block;
}

.displayNone {
	display: none;
}

.textbox75 {
	width: 75px;
}

.textbox200 {
	width: 200px;
}

.textbox250 {
	width: 250px;
}


.textAreaW {
	width: 400px;
}
.margin0 {
	width : 630px;
	margin-left: 0px;
	float: left;
}
.margin30 {
	width : 630px;
	margin-left: 30px;
	float: left;
}

*html body .margin30 {
	width : 630px;
	margin-left: 15px;
	float: left;
}

.margin50 {
	margin-left: 50px;
	float:left;
}

.margin60 {
	margin-left: 60px;
	float: left;
}

.questionBox {
	width: 600px;
	float: left;
	margin-top: 30px;
}

.answerBox {
	width: 550px;
	float: left;
	padding :30px;
}
*html body .answerBox {
	width: 550px;
	float: left;
	padding :15px;
}

.answerBox_det {
	width: 500px;
	float: left;
	padding-left :20px;
	padding-bottom: 20px;
	padding-top: 20px;
}
*html body .answerBox_det {
	width: 500px;
	float: left;
	padding-left :10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

table.inWorldView {
	text-align: center;
}

table.inWorldView .inWorldViewTD {
	padding: 5px;
	text-align: center;
}

div.ScrollBox {
overflow:auto;
width:450px;
height:150px;
border:1px #D1D1D1 solid;
margin:0px;

}
.sideRateView {
margin: 0px; 
padding: 0px; 
display: block; 
letter-spacing: 0pt; 
color: rgb(0, 0, 0); 
width: 170px; 
height: 300px; 
text-align: left; 
font-size: 10px; 
background : url(../img/vitty_linden.jpg) no-repeat;
}

.sideRateViewIn_1{
margin: 0px; 
padding: 20px 0 0 0;
}

.sideRateViewIn_2 {
margin: 0px; 
padding: 70px 0 0 0;
}


*html body .sideRateViewIn_1{
margin: 0px; 
padding: 0 0 0 0;
}

*html body .sideRateViewIn_2 {
margin: 0px; 
padding: 45px 0 0 0;
}

*:first-child+html .sideRateViewIn_1{
margin: 0px; 
padding: 0 0 0 0;
}

*:first-child+html .sideRateViewIn_2 {
margin: 0px; 
padding: 45px 0 0 0;

.sideRateView_link {
display:block; 
margin:0px; 
padding:0px 0 0 0; 
text-indent: -9999px;
}

/* メニューなしヘッダ */
#header02 h1 a {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 100px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/logo.jpg) no-repeat;
	background-image: url(../img/topLogo.gif);
}

*html body #header02 {
	position: relative;
	left: 0px;
	top: 0;
	width: 960px;
	height: 100px;
	margin: 0 0 0px;
	z-index: 1;
}

#header02 h1 a {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 100px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/logo.jpg) no-repeat;
	background-image: url(../img/topLogo.gif);
}


#header02 #Navi {
	position: relative;
	display: block;
	left: 235px;
	bottom: 0px;
	width: 700px;
	height: 100px;
	margin: 0 0 10px;
	overflow: hidden;
	background: url(../img/topLine.gif) no-repeat;
	background-position: 0% 100%;
}

/* コンテンツ部分 */
#contents02 {
	float:left;
	width: 700px;
	height: auto;
	padding-left:30px;
}