/* ------------■■■basic■■■------------ */
/* ------------format_css------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
margin:0;padding:0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
} 
table{
border-collapse:collapse;border-spacing:0;
} 
fieldset,img{
border:0;
} 
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;font-weight:normal;
} 
ol,ul{
list-style:none;
} 
caption,th{
text-align:left;
} 
h1,h2,h3,h4,h5,h6{
font-size:100%;
}
q:before,q:after{
content:'';
}
a{
color:#546ABB;
}
a:visited{
color:#897CD5;
}
a:hover{
color:#42B2D6;
}
a{
overflow:hidden;
}
img{
vertical-align: bottom;
}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.font10{font-size:77%;}
.font11{font-size:85%;}
.font12{font-size:93%;}
.font13{font-size:100%;}
.font14{font-size:108%;}
.font15{font-size:116%;}
.font16{font-size:123%;}
.font17{font-size:131%;}
.font18{font-size:138.5%;}
.font19{font-size:146.5%;}
.font20{font-size:153.9%;}
/* ------------format_css_end------------ */
/* ------------tools------------ */
/*■■■float■■■*/
.floatL{
float:left;
}
.floatR{
float:right;
}
.clear{
clear:both;
}
/*■■■clear_fix■■■*/
.block:after{
content: "."; 
display: block; 
clear: both; 
visibility: hidden;
}
.block{
zoom : 1 ; 
}
* html .block{
height: 1%;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
/*■■■font■■■*/
.subText{
padding:0 10px;
font-size:80% ;
color:#777777;
}
/* ------------tools_end------------ */
/* ------------■■■basic_end■■■------------ */
/* ------------■■■main■■■------------ */
/* ------------layout------------ */
body{
text-align:center;
}
#PAGEBODY{
width:700px;
margin:0px auto;
text-align:left;
background:white;
border-left:solid 1px #aaaaaa;
}
.copyright{
margin:0 10px;
border-top:solid 1px #aaaaaa;
text-align:center;
clear:both;
padding:5px 0;
line-height:1;
margin-top:5px;
}
/* ------------layout------------ */
/* ------------top_page------------ */
#TOPPAGE{
width:100%;
}
#TOPPAGE .leftPanel{
float:left;
}
#TOPPAGE .leftPanel .mainImage{
padding:10px;
}
#TOPPAGE  .logo{
margin-top:10px;
}
#TOPPAGE .rightPanel{
float:left;
padding:10px;
}
.welcomeText{
}
.newArrival{
border:solid 2px #cccccc;
border-width:0 0 0 5px;
}
.newArrival p{
padding:2px 10px;
}
.topNewFrm{
margin-top:170px;
height:10em;
overflow:hidden;
}
.topArticle{
}
.rightContents{
width:600px;
margin-top:10px;
float:left;
}
.topNavi li,
.topNavi li a{
display:block;
text-align:-9999px;
text-decoration:none;
}
a.topNavi_01{
background:url(../images/topNavi_01.jpg);
width:160px;
height:101px;
}
a.topNavi_02{
background:url(../images/topNavi_02.jpg);
width:160px;
height:101px;
}
a.topNavi_03{
background:url(../images/topNavi_03.jpg);
width:107px;
height:60px;
}
a.topNavi_04{
background:url(../images/topNavi_04.jpg);
width:107px;
height:60px;
}
a.topNavi_05{
background:url(../images/topNavi_05.jpg);
width:107px;
height:60px;
}
a.topNavi_06{
background:url(../images/topNavi_06.jpg);
width:107px;
height:60px;
}
.topNavi a{
display:block;
float:left;
}
.topNavi a:hover{
background-position:bottom center;
}
/* ------------left_navi------------ */
.miniTitle{
padding-top:5px;
}
.leftNavi{
width:80px;
padding-left:7px;
padding-top:7px;
float:left;
}
.leftNavi ul.navi_all li,
.leftNavi ul.navi_all li span,
.leftNavi ul.navi_all li a{
width:65px;
height:65px;
}
.leftNavi ul.navi_all li a,
.leftNavi ul.navi_all li span{
background:url(../images/navi.jpg);
display:block;
text-indent:-9999px;
}
.leftNavi ul.navi_all li.navi_circle_01 a{
background-position:-65px 0px;
}
.leftNavi ul.navi_all li.navi_circle_02 a{
background-position:-65px -65px;
}
.leftNavi ul.navi_all li.navi_circle_03 a{
background-position:-65px -130px;
}
.leftNavi ul.navi_all li.navi_circle_04 a{
background-position:-65px -195px;
}
.leftNavi ul.navi_all li.navi_circle_05 a{
background-position:-65px -260px;
}
.leftNavi ul.navi_all li.navi_circle_06 a{
background-position:-65px -325px;
}
.leftNavi ul.navi_all li.navi_circle_07 a{
background-position:-65px -390px;
}
.leftNavi ul.navi_all li.navi_circle_08 a{
background-position:-65px -455px;
}
.leftNavi ul.navi_all li.navi_circle_01 span{
background-position:0px 0px;
}
.leftNavi ul.navi_all li.navi_circle_02 span{
background-position:0px -65px;
}
.leftNavi ul.navi_all li.navi_circle_03 span{
background-position:0px -130px;
}
.leftNavi ul.navi_all li.navi_circle_04 span{
background-position:0px -195px;
}
.leftNavi ul.navi_all li.navi_circle_05 span{
background-position:0px -260px;
}
.leftNavi ul.navi_all li.navi_circle_06 span{
background-position:0px -325px;
}
.leftNavi ul.navi_all li.navi_circle_07 span{
background-position:0px -390px;
}
.leftNavi ul.navi_all li.navi_circle_08 span{
background-position:0px -455px;
}
.leftNavi ul.navi_all li.navi_circle_01 a:hover{
background-position:-130px 0px;
}
.leftNavi ul.navi_all li.navi_circle_02 a:hover{
background-position:-130px -65px;
}
.leftNavi ul.navi_all li.navi_circle_03 a:hover{
background-position:-130px -130px;
}
.leftNavi ul.navi_all li.navi_circle_04 a:hover{
background-position:-130px -195px;
}
.leftNavi ul.navi_all li.navi_circle_05 a:hover{
background-position:-130px -260px;
}
.leftNavi ul.navi_all li.navi_circle_06 a:hover{
background-position:-130px -325px;
}
.leftNavi ul.navi_all li.navi_circle_07 a:hover{
background-position:-130px -390px;
}
.leftNavi ul.navi_all li.navi_circle_08 a:hover{
background-position:-130px -455px;
}
/* ------------buying------------ */
.buyingTitle{
padding-left:30px;
}
.buyHelp tr td{
padding:0px 5px;
}
.buyHelp article{
width:300px;
}
.buy_pointer{
margin-left:70px;
}
.aticle_sorry{
padding:10px;
margin:10px;
background:#FFFAC2;
text-align:center;
font-size:%;
border:solid 1px #dddddd;
}
table.mustBuy{
border:solid 1px #dddddd;
border-width:1px 1px 0px 0px;
margin:10px;
margin-top:20px;
width:580px;
}
table.mustBuy tr th,
table.mustBuy tr td{
border:solid 1px #dddddd;
border-width: 0px 0px 1px 1px;
padding:5px;
}
table.mustBuy tr th{
text-align:center;
background:#CA5069;
color:white;
}
table.mustBuy input{
margin-bottom:5px;
}
.create_mail_button{
text-align:center;
width:650px;
margin:10px;
}
.mailform{
line-height:2;
border:solid 1px #dddddd;
padding:20px;
}
.orderForm{
padding:20px;
}
.orderForm p{
margin-top:5px;
}
.orderForm p.color{
color:#EC1648;
}
/* ------------profile------------ */
.profileList{
float:left;
width:350px;
margin-bottom:10px;
}
.profileList div{
clear:both;
line-height:1.1;
margin-bottom:5px;
font-size:85%;
}
.profileList div em{
font-size:105%;
font-weight:bold;
}
.profileList div span{
width:63px;
display:block;
float:left;
}
.profileList div p{
width:200px;
float:left;
}
.leftContents{
padding-bottom:10px;
padding-top:5px;
}
.profilePH img{
padding:0 10px;
float:right;
}
.profileImage{
float:left;
}
/* ------------cikcik------------ */
ul.prevnext{
float:left;
width:100%;
}
ul.prevnext li{
float:left;
width:49%;
}
ul.prevnext li.next{
float:right;
text-align:right;
}
ul.domtabs{
width:600px;
}
ul.domtabs li{
font-size:77%;
float:left;
margin:5px;
width:144px;
margin:3px;
display:inline;
height:250px;
}
ul.domtabs li.clear{
font-size:1px;
clear:both;
float:none;
margin:0px;
}
.domtabs{
width:600px;
}
.domtabs li.title{
clear:both;
background:#7AC2DB;
display:inline;
width:590px;
padding:3px;
font-size:116%;
color:white;
margin:3px 10px 3px 3px;
height:1%;
}
ul.prevnext {
width:600px;
position:absolute;
top:75px;
}
ul.prevnext li{
height:50px;
background:url(../images/back.gif) left center no-repeat;
margin:10px;
margin-top:0px;
width:50px;
}
ul.prevnext li.next{
height:50px;
background:url(../images/next.gif) right center no-repeat;
}
ul.prevnext li a{
display:block;
width:50px;
height:50px;
float:left;
text-indent:-9999px;
overflow:hidden;
}
ul.prevnext li.next a{
float:right;
text-indent:9999px;
}
ul.prevnext li.next a:after{
display:none;
}
#loading{
height:60px;
}
/* ------------works------------ */
#WORKS .rightContents li {
float:left;
margin:0 4px 8px 0;
}
#WORKS .worksPct li a{
background:url(../images/photoBack.gif);
width:134px;
height:134px;
padding:5px;
display:block;
margin-bottom:5px;
}
#WORKS .worksPct li a:hover{
background-color:#7AC2DB;
}
/* ------------news------------ */
.newsBox{
padding-bottom:20px;
clear:both;
}
#CIKCIK .rightContents{
width:600px;
}
.newsBox .title{
font-size:116%;
padding:3px;
background:#7AC2DB;
margin:0 0 5px 0;
color:white;
}
.cikcikorder .title{
width:130px;
float:left;
margin-top:5px;
}
.cikcikorder .text{
width:600px;
float:left;
margin-top:10px;
padding-bottom:10px;
}
ul.itemArticle{
width:590px;
padding:0 5px;
}
ul.itemArticle li{
margin:0 5px;
float:left;
width:340px;
display:inline;
padding-bottom:20px;
text-align:center;
}
ul.itemArticle li img{
border:solid 5px #eeeeee;
}
.backLink{
clear:both;
margin-top:10px;
color:#CA5069;
text-align:center;
}
.itemArticle .text{
width:220px;
font-size:93%;
padding:0 5px;
margin-bottom:10px;
text-align:left;
}
/* ------------photoSet------------ */
.newsBox .photoSet {
height:1%;
padding-bottom:10px;
clear:both;
}
.newsBox .photoSet .photo{
width:290px;
height:290px;
float:left;
margin-right:10px;
margin-bottom:10px;
}
.newsBox .photoSet .photo a{
border:solid 1px #dddddd;
width:280px;
height:280px;
padding:4px;
display:block;
}
.newsBox .photoSet .photo a:hover{
background-color:#7AC2DB;
}
.newsBox .photoSet .text{
font-size:116%;
width:270px;
padding:10px;
float:left;
margin-bottom:5px;
}
.newsBox .photoSet .text p{
margin-bottom:15px;
}
.banish{
height:0px !important;
width:0px !important;
display:none !important;
margin:0 !important;
padding:0 !important;
}
ul.domtabs li a{
width:134px;
height:180px;
padding:4px;
display:block;
margin-bottom:5px;
border:solid 1px #dddddd;
}
ul.domtabs li a:hover{
background-color:#7AC2DB;
}


.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;background:#eaeaea;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

*{margin:0;padding:0}
h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
a{color:#348;text-decoration:none;outline:none;}
a:hover{color:#67a;}
.caption{color:#887;}
.demo{position:relative;margin-top:2em; }
.gallery_demo{width:540px;margin:0 auto; }
.gallery_demo li{width:68px;height:50px;border:2px solid #dddddd;margin: 0 2px;}
.gallery_demo li div{left:240px}

#main_image{margin:0 auto 30px auto;height:400px;width:528px;text-align:center;}

.nav{margin:0 auto;width:528px;padding:5px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
.galleria_wrapper{background:#f5f5f5;margin-bottom:5px;}
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}
