/* jquery
--------------------------------------------------------------------------------------------------*/

#myController span{
color:#FFF;
background:#b5b5b5;
margin-right:5px;
cursor:pointer;
}

#jFlowSlide{
background:#ffeaea;
border:0px solid #ff47e7;
}

#myController span.jFlowSelected {
background:#ff47e7;
}


.jFlowPrev, .jFlowNext{
cursor:pointer;
}

#myController2 span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide2{
border:3px solid #0F0;
}

#myController2 span.jFlowSelected2 {
background:#0F0;
}

.jFlowPrev2, .jFlowNext2{
cursor:pointer;
}

#myController3 span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide3{
border:3px solid #00F;
}

#myController3 span.jFlowSelected3 {
background:#00F;
}

.jFlowPrev3, .jFlowNext3{
cursor:pointer;
}

/* Initialization Web Standard
--------------------------------------------------------------------------------------------------*/

body {
margin: 0px;
padding: 0px;
background-attachment:scroll;
background-image:url(../shop/images/bg3.png);
background-position: top center;
background-repeat:no-repeat;
color: #666666;
font-size:11px;
font-family:"Meiryo",Osaka, Verdana, Arial, VL PGothic, MS PGothic, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
line-height: 130%;
vertical-align: baseline;
}

div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,
pre,blockquote,
form,fieldset,input,textarea,
th,td {
margin: 0px;
padding: 0px;
}

table {
border-collapse: collapse;
border: 0px;
}

fieldset,img {
border: 0px;
}

ol,ul {
list-style:none

}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

a:link {color:#f200d8;
text-decoration:none;}
a:visited {color:#f200d8;
text-decoration:none;}
a:hover {color:#63F;}

.pink_text {
color:#f200d8
}

.vanilla_text {
color:#fff9b3
}

.text {
	font-size:13px;
	text-align:left;
	color:#f200d8
}

/* header
--------------------------------------------------------------------------------------------------*/

#login_menu {
float: left;
padding-right:2px;
margin-top: 50px;
margin-left:225px;
margin-bottom: 5px;
border: 1px solid #c00;
}
#main_all {
float:left;
margin: 0px;
width: 980px;
height:auto;
background-color: #ff88fe;
}

/*PAGE STRUCTURE*/
#page-wrap { width: 980px; height: 300px; margin:auto; position: relative; background:url(../imgs/mainbg.jpg)}


/*SLIDER*/
.slider-wrap { width: 757px; position: absolute; top: 0px; left: 0px; float:left;}
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width: 757px; height: auto; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 757px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb 	{ float: left; width: 210px; margin-left: 2px; margin-bottom: 7px; cursor: pointer; }
.photo-meta-data { background: url(img/transpBlack.png); padding: 10px; height: 10px; margin-top: 0px; position: relative; z-index: 9999; color: #800587; }
.keyvisual-thumb {width: 215px; float: right; margin-top: 12px; margin-right: 3px;}

#main {
float:left;
margin: 0px;
width: 762px;
height:auto;
background-color: #ff88fe;
}

.main_s {
float:left;
margin-top: 3px;
margin-bottom:3px;
margin-left:2px;
width: 215px;
height:87px;
}

.main_s_btn {
float:left;
margin-top: 4px;
margin-bottom:3px;
margin-left:13px;
padding-right:0px;
padding-bottom:1px;
width: 200px;
text-align: right;
}

.main_s_all {
float:left;
margin: 0px;
width: 218px;
height:auto;
background-color: #ff88fe;
}

#kategory {
float: left;
margin: 0px;
width: 980px;
}

#index {
float: left;
margin-top: 25px;
margin-left: 3px;
}

#how_to {
float: right;
width: 460px;
}

#category_navi li{
float:left;
margin:0px;
}

.clear {
clear: both;
}

#search {

float:left;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 980px;
height:40px;
border: 0px;
background-color: #ff88fe;
}

.search_btn {
float:left;
margin-top: 2px;
margin-left: 2px;
margin-right: 1px;

border: 0px;
}

/* index
--------------------------------------------------------------------------------------------------*/

.main_s1 {
margin-top:4px;
margin-bottom:0px;
padding-left:3px;
}

.main_s2 {
margin-top:0px;
padding-left:3px;
padding-bottom:4px;
padding-top:4px;
}

.main_s3 {
margin-top:0px;
margin-bottom:4px;
padding-left:3px;
}

#category_navi {
margin:2px auto 0px;
text-align: left;
width: 980px;
height:2080px;
}

#leftside {
float: left;
width: 220px;
background-color: #ffffff;
margin-bottom: 5px;
}

.leftside_contents0 {
background-color:#ffffff;
margin: 5px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}

.btn_date {
margin-left: 5px;
margin-top: 10px;
}

.news_date {
margin-left: 5px;
margin-top: 10px;
color:#e530c5;
}

.press_date {
margin-left: 5px;
margin-top: 10px;
color:#ffad0e;
}

.news_text {
margin-left: 10px;
margin-right: 15px;
margin-top: 0px;
}

#contents1 {
float: left;
width: 659px;
text-align: left;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 15px;
padding-left: 15px;
text-align:center;
}

#contents2 {
float: right;
width: 300px;
height:1580px;
text-align: left;
background-color: #ffeaea;
margin-bottom: 0px;
margin-top: 0px;
}

#contents3 {
float: left;
width: 659px;
height:1000px;
text-align: left;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 15px;
padding-left: 15px;
text-align:center;
}

.tema01 {
float: left;
width: 374px;
text-align: left;
margin-left: 7px;
}

.tema02 {
float: left;
width: 374px;
text-align: left;
margin-left: 7px;
}

.tema01_text {
float:right;
margin-top:5px;
margin-right:10px;
width:auto;
padding-top:5px;
text-align: right;
}

.sen02 {
float:left;
margin-top:0px;
width:auto;
}

.whatnew_img {
float:left;
width: 100px;
margin-top:5px;
margin-bottom:5px;
margin-left:18px;
margin-right:8px;
}

.model_block {
width: 213px;
float:left;
margin-left:0px;
margin-top:0px;
}

.model_thumb {
float:left;
margin-top:5px;
margin-bottom:5px;
margin-left:3px;
border:1px solid #F69;
}

.model_text {
background-color: #ffffff;
float:left;
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
padding-right:2px;
padding-left:4px;
width:100px;
height:100px;
border:1px solid #F69;
}

#java_navi {
margin:3px auto 0px;
text-align: center;
width:650px;
height:auto;
overflow:auto;
}

.java_imgtext {
margin:0;
margin-left:7px;
margin-right:3px;
float:left;
padding-bottom:5px;
text-align: center;
width: 200px;
height:210px;
}

.dress_img {
margin-top:5px;
margin-left:6px;
margin-right:3px;
float:left;
padding-bottom:5px;
text-align: center;
width: 151px;
height:307px;
}

.right_rank {
float:left;
width: 100px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
font-size:11px;
color:#454545;
margin-top:5px;
margin-left:5px;
margin-bottom:5px;
background-color:#FFF
}

.right_ranklogo {
float:left;
width: 177px;
height:106px;
padding-top:0px;
padding-bottom:0px;
padding-left:6px;
margin-top:5px;
margin-left:0px;
margin-bottom:5px;
background-color:#FFF

}

.right_topic {
float:left;
width: 280px;
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
margin-top:5px;
margin-left:0px;
margin-bottom:0px;
}

.right_sp_tema {
float:left;
width: 270px;
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
margin-top:5px;
margin-left:8px;
margin-bottom:0px;
}

.topick_logo {
float:left;
width: 300px;
height:57px;
margin:0px;
padding:0px;
}

.comp {
float:left;
width: 392px;
height:26px;
margin:0px;
padding-right:0px;
padding-top:2px;
background-color:#fbafff;
}

.comp_text {
float:right;
width: 580px;
height:23px;
margin-top:0px;
padding-top:5px;
padding-right:8px;
background-color:#fbafff;
text-align:right;
font-size:10px;
}

/* topick nv
--------------------------------------------------------------------------------------------------*/

#rfp .heading {
padding:0;
}

#rfp .heading .nav {
border:#1px solid #999;
padding: 2px;
}

#rfp .left{
float:right;
background:#FFF;
width:280px;
min-width:200px;
max-width:280px;
}

#rfp .rfpNavHead {
width:280px;
padding: 0px;
height: 30px;
font: 13px;
line-height: 30px;
background:#ff01d2;
color:#FFF;
text-align:center
}

#rfp .rfpNavBody {
display:none;
overflow:auto;
border:#CCC 1px dotted;
border-top:0;
background:#FFF;
}

/* kategory page
--------------------------------------------------------------------------------------------------*/

.kategory_block01 {
	float:left;
	width: 205px;
	padding-top:10px;
	padding-right:0px;
	background-color:#fff2f2;
	text-align:center;
	font-size:11px;
	margin: 0 6px 10px 5px;
	height: 300px;
	position:relative;
}

.kategory_block02 {
	float:left;
	width: 205px;
	height:300px;
	margin-top:0px;
	margin-right:0px;
	padding-top:10px;
	padding-right:0px;
	background-color:#fff2f2;
	text-align:center;
	font-size:11px;
	position:relative;
}

.whats_new {
	float:left;
	width: 205px;
	height:200px;
	margin-top:0px;
	margin-right:13px;
	padding-top:10px;
	padding-right:0px;
	background-color:#ffffff;
	text-align:left;
	font-size:10px;
}

.magazine{
	float:left;
	width: 150px;

	border-top:solid 5px #ff81e3;
	border-left:solid 1px #ff81e3;

	margin-top:0px;
	margin-right:13px;
	margin-left:10px;
	padding-top:10px;
	padding-right:0px;
	padding-left:8px;
	background-color:#ffffff;
	text-align:left;
	font-size:10px;
}

#contents_whatsnew {
float: left;
width: 660px;
height:auto;

margin-bottom: 10px;
margin-top: 10px;

}

.orenge_text {
color:#ff8a00
}

.buy_btn {
	/*float:left;*/
	width: 151px;
	height:20px;
	margin-top:0px;
	padding-top:40px;
	text-align:center;
	top: 250px;
	position:absolute;
	left:27px;
}

#page_top {
float: right;
margin-top:5px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #ffeaea;
text-align:right;
}

#page_top_sen {
float: left;
margin-top:5px;
margin-right: 0px;
margin-bottom: 0px;
text-align:right;
}

#contents_kategory {
float: left;
width: 650px;
margin-bottom: 10px;
margin-top: 10px;
}

.next_page {
width: 620px;
padding-right:3px;
text
}

#kategory_page1 {
float: left;
width: 656px;
text-align: left;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 15px;
padding-left: 15px;
}

.kategory_tema01 {
float: left;
width: 640px;
text-align: left;
margin-bottom: 5px;
margin-top: 7px;
margin-left: 0px;
}

/* syouhinn page
--------------------------------------------------------------------------------------------------*/

#item_box01 {
float: left;
width: 400px;
height:420px;
border: 1px solid #fd62ff;
margin-bottom: 5px;
margin-top: 5px;
padding-top:5px;
padding-left:5px;
text-align:left;
background-image:url(../imgs/kategory_page/dia_bg2.jpg);
}

#item_box02 {
float: right;
width: 230px;
margin-left:7px;
margin-bottom: 10px;
margin-top: 7px;
text-align:left;
font-size:12px;
list-style-position:outside;
line-height:22px;
}

.item_box03 {
float:left;
width: 340px;
margin-right:0px;
margin-bottom: 4px;
margin-top: 4px;
text-align:center;
font-size:12px;
line-height:22px;
background-color:#ffdddd;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
border: 1px solid #fd62ff;
}

.item_cart {
float:left;
width: 340px;
margin-right:0px;
margin-bottom: 4px;
margin-top: 4px;
text-align:center;
font-size:12px;
line-height:22px;
background-color:#ffffff;
padding-top:5px;
padding-left:5px;
padding-right:5px;
}

.item_colorbari {
float:left;
width: 330px;
height:170px;
margin-right:10px;
margin-bottom: 4px;
margin-top: 4px;
text-align:left;
font-size:12px;
line-height:22px;
background-color:#ffffff;
padding-top:10px;
padding-left:0px;
padding-right:0px;
}

.item_detail {
float:left;
width: 280px;
height:500px;
margin-right:0px;
margin-bottom: 4px;
margin-top: 4px;
text-align:center;
font-size:12px;
line-height:22px;
background-color:#ffffff;
padding-top:10px;
padding-left:20px;
padding-right:20px;
}

.items_imgtext {
margin-top:8px;
margin-left:25px;
margin-right:3px;
float:left;
padding-bottom:5px;
text-align: center;
width: 100px;
height:130px;
font-size:10px
}

#contents_kategory_itempage {
float: left;
width: 650px;
height:330px;
margin-bottom: 10px;
margin-top: 10px;
}

/* cart view
--------------------------------------------------------------------------------------------------*/

#cart_view {
float: left;
width: 650px;
text-align:left;
margin-bottom: 10px;
margin-top: 10px;
font-size:12px;
}

#cart_view2 {
float: left;
width: 650px;
text-align:left;
margin-bottom: 10px;
margin-top: 10px;
font-size:12px;
}

#cart_view3 {
float: left;
width: 650px;
text-align:left;
margin-bottom: 10px;
margin-top: 10px;
font-size:12px;
}

.etc_contents {
margin-left: 10px;
margin-top: 10px;
width: 620px;
}

/* regist view
--------------------------------------------------------------------------------------------------*/

#registerUserForm th,
#deliveryForm th {
color: #F06;
border-left: 1px solid #FEADD6;
border-top: 1px solid #FEADD6;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #FFDCEE url(../imgs/kategory_page/bg_registerheader.jpg) no-repeat;
width: 200px;
font-size:11px;
}

#registerUserForm td.alt,
#deliveryForm td.alt {
background: #e5fffd;
color: #151515;
text-align: left;
padding-left:5px;
}

#registerUserForm td.alt2,
#deliveryForm td.alt2 {
background: #ffffff;
color: #151515;
text-align: left;
padding-left:5px;
}

#registerUserForm td.alt3,
#deliveryForm td.alt3 {
background: #e5fffd;
color: #151515;
text-align: center;
padding-left:5px;
}

#registerUserForm td,
#deliveryForm td {
text-align: left;
padding-left:5px;
}

* {margin:0; padding:0}

#accordion {width:630px; margin:20px,auto;}
.accordion {width:600px; font:11px; color:#717171;}
.accordion dt {width:600px; border:2px solid #ff41ef; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif);font:12px; color:#ff41ef;text-align:left;}
.accordion dt:hover {background:url(images/header_over.gif)}
.accordion dd {overflow:hidden; background:#fff}
.accordion span {display:block; width:600px; border:0px; border-top:none; padding:10px; text-align:left;}

/*-----------------------------------------------------
	clearfix
-----------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}

/* end MacIE5 */
.errors{
padding-left:5px;
font-size: 10pt;
color: #FF0000;
}