@charset "UTF-8";


/*
-----------------------------------------------------
Base CSS
FileName:   base.css
Version:    2007.3.8
-----------------------------------------------------
*/



/*
-----------------------------------------------------
shopping
-----------------------------------------------------
*/
#shop-outline,#shop-order{
margin:0px 0px 20px;
}

#shop-outline p span{
color:#FF0000;
font-size:14px;
font-weight:bold;
}

/*shop-order*/
#shop-order li{
float:left;
margin:0px 0px 5px;
}

#shop-order li img{
vertical-align:top;
}

/*experience*/
#experience p#setumei span{
font-size:14px;
display:block;
color:#FF0000;
font-weight:bold;
margin:0px 0px 5px;
}

#experience #experience-bg{
background-color:#FFFFCC;
padding:5px 10px 20px;
/*margin:10px 0px 0px;*/
}

#goods{
margin:10px 0px 0px;
}

#goods li{
float:left;
width:98px;
margin:0px 10px 0px 0px;
text-align:center;
}

#experience #experience-bg li.cle-mar{
margin:0px;
}

#shopping-area{
clear:both;
padding:30px 0px 0px;
}

#experience #experience-bg p#explain{
font-weight:bold;
font-size:14px;
line-height:1.3em;
text-align:center;
}

#experience #experience-bg p.att{
clear:both;
color:#FF0000;
/*font-weight:bold;*/
text-align:center;
}

#baglist{
float:left;
width:240px;
background-color:#FFFFFF;
border:solid 1px #999999;
margin:0px 0px 20px;
}

#baglist #bag-pad{
padding:8px 10px 5px;
}

#baglist p{
padding:0px 0px 5px;
text-align:center;
border-bottom:solid 1px #999999;
margin:0px 0px 5px;
font-weight:bold;
}

#baglist li{
padding:3px 2px;
}

#bag-area{
float:right;
width:250px;
text-align:center;
margin:0px 0px 20px;
padding-top:100px;
}

#bag-area #bag{
position:relative;
}

#bag-area img{
vertical-align:top;
}

#bag-area #pay{
margin:10px 0px 0px;
}

.draggable{
cursor:move;
display:block;
left:0px;
opacity:0.999999;
position:relative;
top:0px;
z-index:0;
margin:0px 0px 3px;
}

.dragenter{
background-color:#FF9900;
}

#intention{
border-bottom:dotted 1px #999999;
padding:0px 0px 5px;
margin:0px 0px 5px;
color:#FF3300;
font-weight:bold;
}



/*
-----------------------------------------------------
course
-----------------------------------------------------
*/
#course p{
margin:10px 0px 0px;
}

#course p span{
color:#FF0000;
}

#course h3{
margin:15px 0px 0px;
}

#course li{
float:left;
width:176px;
margin:15px 11px 0px 0px;
}

#course li.test{
float:left;
width:244px;
margin:15px 20px 0px 0px;
}

#course li.test_left{
float:left;
width:244px;
margin:15px 20px 0px 0px;
}

#course li.test_right{
float:right;
width:244px;
margin:15px 0px 0px 0px;
}

#course li.cle-mar{
margin:15px 0px 0px 0px;
}

#course li span{
display:block;
margin:3px 0px 0px;
}

#course li span span.red{
color:#FF0000;
}

#course li img{
vertical-align:top;
}



/*
-----------------------------------------------------
shop-area
-----------------------------------------------------
*/
#shop-area p{
margin:0px 0px 10px;
}

#shop-area p span{
color:#FF0000;
font-size:14px;
font-weight:bold;
}

#shop-start{
background:url(../shopping/image/start_bg.gif) repeat-y top left;
}

#shop-start p{
padding:8px 10px 0px;
}

#shop-start-01{
float:left;
width:275px;
padding:0px 0px 23px;
}

#shop-start-02{
float:right;
width:275px;
padding:0px 0px 23px;
}



/*
-----------------------------------------------------
guide-area
-----------------------------------------------------
*/
#guide-area h3{
margin:0px;
}

#guide-area #guide-area-pad{
background-color:#FFFFDE;
padding:0px 10px;
}


/*-----guide-start-----*/
#guide-area #guide-start{
padding:0px 0px 15px;
border-bottom: dotted 1px #999999;
}

#guide-area #guide-start p{
padding:8px 0px 0px;
}

#guide-area #guide-start li{
float:left;
width:105px;
text-align:center;
}

#guide-start li img{
vertical-align:top;
margin:10px 0px 3px;
}


/*-----step1-----*/
#guide-area .step1{
clear:both;
padding:15px 0px;
border-bottom: dotted 1px #999999;
}

#guide-area .step1 p{
margin:10px 0px;
}

#guide-area .step1 .course1{
float:left;
width:370px;
}

#guide-area .step1 .course1 p{
margin:10px 0px 0px;
}

#guide-area .step1 .course1 p span{
color:#FF0000;
font-weight:bold;
}

#guide-area .step1 .course2{
padding:10px 0px 0px;
float:right;
width:141px;
}


/*-----step3-----*/
#guide-area #step3{
clear:both;
padding:15px 0px;
border-bottom: dotted 1px #999999;
}

#guide-area #step3 p{
margin:10px 0px 0px;
}

#guide-area #step3 #category{
margin:10px 0px 0px;
}

#guide-area #step3 #category img{
float:left;
}

#guide-area #step3 #category p{
float:right;
margin:0px;
width:300px;
}

#guide-area #step3 #category p strong{
color:#FF0000;
font-size:14px;
line-height:1.4em;
}

#guide-area #step3 #category p span{
display:block;
margin:0px 0px 8px;
}

#guide-area #step3 #guide-test{
clear:both;
background:url(../shopping/image/guide_test_bg.gif) repeat-y top left;
border-bottom:4px solid #FF6600;
margin:15px 0px;
}

#guide-area #step3 #guide-test .dropzone{
float:right;
padding:0px 15px 0px 0px;
}

#guide-area #step3 #guide-test p{
margin:10px 15px;
clear:both;
}

#guide-area #step3 #guide-test p#chui{
text-align:center;
color:#FF0000;
font-weight:bold;
}

#guide-area #step3 #guide-test #test-item{
float:left;
padding:25px 10px 0px 15px;
}

#guide-area #step3 #guide-test #test-item li{
float:left;
width:90px;
text-align:left;
margin:0px 10px 0px 0px;
font-size:10px;
line-height:1.2em;
}

#guide-area #step3 #but-set li{
clear:both;
}

#guide-area #step3 #but-set{
padding:10px 0px 0px 0px;
}

#guide-area #step3 #but-set li span.but{
display:block;
width:133px;
float:left;
padding:10px 0px 0px 0px;
}

#guide-area #step3 #but-set li span.set{
display:block;
width:397px;
float:left;
padding:10px 0px 0px 0px;
}


/*-----step4-----*/
#guide-area .step4{
clear:both;
padding:15px 0px;
border-bottom: dotted 1px #999999;
}

#guide-area .step4 #kakunin{
margin:10px 0px 0px;
}

#guide-area .step4 #kakunin img{
float:left;
}

#guide-area .step4 #kakunin p{
margin:0px;
float:right;
width:400px;
}

#guide-area .step4 p, #guide-area .step4 img#scl-top{
margin:10px 0px 0px;
}


/*-----start-----*/
#start{
padding:15px 0px;
text-align:center;
}

#start p{
margin:10px 0px 0px;
}

#process{
background:transparent url(../image/icon_arrow.gif) no-repeat scroll left center;
padding:0px 0px 0px 15px;
}

#course-select{
background:transparent url(../image/icon_arrow.gif) no-repeat scroll left 2px;
padding:0px 0px 0px 15px;
}



/*
-----------------------------------------------------
動画
-----------------------------------------------------
*/
#move-area{
margin:15px 0px 0px;
padding:0px 10px;
background-color:#FFFFDE;
border:1px solid #FF6600;
}

#move-area #move{
float:left;
width:310px;
padding:10px 0px;
}

#move-area #move li{
float:left;
width:145px;
margin:0px 10px 0px 0px;
}

#move-area #move li span{
display:block;
text-align:center;
}

#move-area #move-st{
float:right;
width:214px;
padding:10px 0px;
}