html {
    overflow-y: scroll;
}
span.mini{
    font-size: x-small;
}


body{
    /*font-family:mplus-1p-regular;*/
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}
.itemDetail div{
    font-weight: normal;
    font-family: 'ＭＳ Ｐゴシック', sans-serif;    
    text-size-adjust: 100%;
    padding: 0;
    margin: 0;

}
body{
    background-color: #ccf;
    margin: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaff', endColorstr='#ffffff');
    background: -webkit-gradient(linear, left top, left bottom, from(#aaf), to(#fff));
    background: -moz-linear-gradient(top,  #aaf,  #fff);
    dislpay: block;
    color: #222;
    font-size: small;
}

div.content div{
    line-height: 1.2em;
}

div{
    word-wrap:break-word;

}

a{

}

a:visited{
    color: #a5a;
}
div.mainbody{
    position: relative;
    display: inline-block;
}

div.main{
    width: 1100px;
    margin: 50px auto 0px auto;
    position: relative;

}

div.main2{
    margin: 50px auto 0px auto;
    position: relative;

}

div.header{
    border-radius : 0px 0px 10px 10px;
    box-shadow: 1px 1px 1px rgba(77,77,77,0.5);
    height: 100px;
}
div#header2 , div#footer2{
    color: #fff;
    background-color: #333377;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5555aa', endColorstr='#3399aa'); 
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(33,33,77,0.8)), to(rgba(33,99,121,0.8)));
    background: -moz-linear-gradient(left,  #333377,  #3399aa);
    border-radius : 0px 0px 10px 10px;
    box-shadow: 1px 1px 1px rgba(77,77,77,0.5);       
    padding: 5px;
    margin: 0 auto; 
    
    display: block;
    z-index: 1000;
    height: 25px;
    width: 1100px;
    top: 0;
    left: 0;

}

div#header2{
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -555px;
    text-align:right;
}

div#footer2{
    border-radius : 10px 10px 0px 0px;
    height: auto;
    padding: 5px 5px 50px 5px;
}

div#footer2 a{
    color: #ffffff;
    text-decoration: none;
    padding: 2px;
    vertical-align: top;
}
div#footer2 a:hover , div#header2 a:hover{
    color: #368;
    background-color: rgba(255,255,255,0.5);
    text-decoration: none;
    border-radius : 3px;
    text-shadow : 2px 0px 4px #fff;    
}

div#header2 a{
    color: #ffffff;
    text-decoration: none;
}
div.maincontents{
    margin: 10px 0px 0px 0px;
    width: 1100px;
}


div.maincontents2{
    margin: 10px 0px 0px 0px;
}

div.sono1{
    float: left;
    margin: 0px;
    width: 510px;
    padding: 0px;
}

div.sono10{
    float: left;
    margin: 0px;
    width: 200px;
    padding: 0px;
}

div.sono4{
    float: left;
    margin: 0px;
    width: 910px;
    padding: 0px;

}
div.sono5{
    float: left;
    margin: 0px 0px 0px 0px;
    width: 920px;
    padding: 0px;
    overflow: hidden;
}

div.sono6, div.sono11{
    float: left;
    margin: 0px;
    width: 670px;
    padding: 0px;
}
div.sono11{
    width: 620px;
}


div.items{
    padding: 0;
    margin: 0px 5px 15px 0px;
    background-color: #99ddee;
    border-radius : 10px 10px 10px 10px;
    box-shadow: 1px 1px 1px rgba(77,77,77,0.5);       
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaddee', endColorstr='#ffffff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#aaddee), to(#ffffff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #aaddee,  #ffffff); /* for firefox 3.6+ */ 

}


div.explain,div.appearance,div.tag,div.relitem,div.footer{
    margin: 0px 5px 15px 5px;
    background-color: #ffffff;
    border-radius : 10px 10px 10px 10px;
    box-shadow: 1px 1px 1px rgba(77,77,77,0.5);
    z-index: 0;
    position: relative;
}


div.sono2{
    float: left;
    margin: 0px;
    width: 200px;
    padding: 0px;
    position: relative;
}

div.itemex,div.shortcut,div.ad,div.misc,div.search,div.explain,div.appearance,div.tag,div.relitem,div.footer{
    background-color: #ddffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddffff', endColorstr='#ffffff'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ddffff), to(#ffffff)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ddffff,  #ffffff); /* for firefox 3.6+ */ 
}
div.itemex,div.itemimage,div.shortcut{
    background-color: #ffffff;
    margin: 0px 5px 15px 5px;
    padding: 0px;
    border-radius : 10px;
    box-shadow: 1px 1px 1px rgba(77,77,77,0.5);
    text-align: left;
}


div.ab0{
}

div.ab1{
    position: absolute;
    top: 0;
    left: 240px;
}

div.ab2{
    position: absolute;
    top: 40px;
    left: 925px;
}

div.itemimage{
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
}

.itemimage a{
    display: block;
}

.itemimage a:hover{
    background-color: rgba(255,255,255,0.3);
}

div.sono7{
    margin: 0px;
    float: left;
    padding: 0px;
    width: 800px;
    overflow: hidden;
}

div.sono33{
    margin: 0px;
    float: left;
    padding: 0px;
    width: 180px;
}
div.sono3{
    display:block;
    margin: 0px;
    float: left;
    padding: 0px;
    width: 180px;
}

.toppage .sono3{
    width: 300px;
}


div.ad,div.misc,div.search{
    margin: 0px 5px 15px 5px;
    border-radius : 10px;
    box-shadow: 1px 1px 1px rgba(77,77,77,0.5);
    background-color: #ffffff;
    padding: 0px;
    text-align: left;
}

ul.recommend{
    margin:3px 0 3px 0;
    padding: 0;
}
ul.recommend li{
    margin: 0px;
    padding: 2px 2px 0px 2px;
    font-size: small;
}

ul{
    list-style-image: none;
    list-style-type: none;
    margin: 3px;
    padding: 3px 3px 3px 10px;
    border-radius : 5px;
}
li{
    list-style-image: none;
    list-style-type: none;
    margin: 3px;
    padding: 3px;
}
h4.ul , h4.update{
    margin-top: 10px;
    padding-left: 8px;
    background-color: #fff;
    border-radius : 5px;
    color: #377;
    border-bottom: 2px solid #39a;
    border-right: 2px solid #39a;
    background-color: #ddffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ddddee'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dde)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #fff,  #dde); /* for firefox 3.6+ */ 

}
h4.update{
    margin-left: 3px;
    padding-left: 8px;
    margin-bottom: 6px;
    border-bottom: 2px solid #3399aa;
    color: #366;
}



p.update ,p.recent{
    margin: 3px;
    padding: 2px 5px 8px 10px;
    line-height: 1.2em;
    font-size: small;
}




.content{    
    padding: 6px 6px 20px 6px;
}
.text{
    padding: 10px;
    line-height: 1.3em;
}


h1,h2,h3,div.header,div.footlink{
    background-color: #66dd66;
    color: #ffffff;
    /*box-shadow: 3px 3px 5px #777777;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3399aa', endColorstr='#5555aa'); /* for IE */
    background: -webkit-gradient(linear, left top, right bottom, from(#3399aa), to(#333377)); /* for webkit browsers */
    background: -moz-linear-gradient(left,  #3399aa,  #333377); /* for firefox 3.6+ */ 
    position: relative;
    z-index: 10;
}
div.footlink{
    margin: 10px;
}

h1{
    padding: 10px 20px 10px 10px;
    margin: 0 0 20px 0;
    border-radius : 10px 10px 0 0;
    text-shadow : 1px 1px #337;
}
h2,h3{
    padding: 7px;
    margin: 0px;
    border-radius : 10px 10px 0 0;
}
h4{
    padding: 3px;
    margin: 0px;
    border-radius : 5px 5px 0 0;
}

h1.title{
     border-radius : 10px;
     padding:20px;
     box-shadow: 1px 1px 1px #777777;
     text-shadow: 1px 1px #336;
}

div.char {
    width: 71px;
    height: 140px;
    position: relative;
    float:left;
    z-index:1;
    margin-left:60px;
}

.female {
    background: transparent url(https://images.mukya.net:8443/items/images/female.png) no-repeat;
    background-position: 0px 0px;
    position: relative;
    margin: 0;
    padding: 0;
}

.male {
    background: transparent url(https://images.mukya.net:8443/items/images/male.png) no-repeat;
    background-position: 0px 0px;
    position: relative;
    margin: 0;
    padding: 0;
}

a:hover.direction{
    display: inline-block;
    border: 0;
    z-index: 1000;
    margin: 0;
    padding: 0;
    width: 38px;
    height: 83px;
    text-decoration: none;

}

a.direction {
    position: relative;
    display: inline-block;
    z-index: 1000;
    margin: 0;
    padding: 0;
    width: 38px;
    height: 83px;
}

a:hover.left{
    background: transparent url(https://images.mukya.net:8443/items/images/left_over.png) no-repeat;
}
a.left{
    background : transparent url(https://images.mukya.net:8443/items/images/left.png) no-repeat;
}
a:hover.right{
    background: transparent url(https://images.mukya.net:8443/items/images/right_over.png) no-repeat;
}
a.right{
    background : transparent url(https://images.mukya.net:8443/items/images/right.png) no-repeat;
}


.dimage{
    z-index: 1001;
    position: absolute;
    padding: 0;
    width: 38px;
    height: 83px;
}

.leftimage{
    top: 10px;
    left: 10px;
}

.rightimage{
    top: 10px;
    left: 145px;
}




img.icon{
    background-color: #ffffff;
    margin: 0px 10px 0px 0px;
    padding: 5px;
    border-radius : 10px;
    box-shadow: 1px 1px 1px rgba(77,77,77,0.5);
}
div.menu{
    margin: 0px;
    padding: 5px;
}
div.menu a{
    /*background-color: #3399aa;*/
    /*box-shadow: 1px 1px 2px #222277; */
    font-size: small;
    line-height: 1.5em;
}

span{
    font-size: small;
}

.minitext{
    font-size: small;
}


a.tag,a.relitem{
    padding: 3px;
    font-size: small;
}

a:hover{
    background-color: rgba(196,255,255,0.5);
    border-radius : 5px;
    text-shadow : 1px 1px 2px rgba(0,0,255,0.5);
    color: #00aaaa;
}

table.premium{    
    margin: 0px auto;
    padding: 0px;
    border-top: 1px solid #58b;
    border-left: 1px solid #58b;
    font-size: small;
}

table.premium th{
    padding: 3px;
    border-right: 1px solid #58b;
    border-bottom: 1px solid #58b;
    color: #fff;
    background-color: #5ab;
}
table.premium td{
    padding: 3px;
    border-right: 1px solid #58b;
    border-bottom: 1px solid #58b;
    background-color: #fff;
}


h4.basic{
    font-weight: normal;
    border-bottom: 1px solid #8af;
    padding: 0;
    margin: 8px 2px 0px 4px;
    color: #58b;
}

table.basic{    
    width: 450px;
    margin: 10px auto 3px auto;
    padding: 0;
    border-top: 1px solid #58b;
    border-left: 1px solid #58b;
    font-size: small;
}

table.basic th{
    width: 20%;
    padding: 2px;
    border-right: 1px solid #58b;
    border-bottom: 1px solid #58b;
    color: #fff;
    background-color: #5ab;
}
table.basic td{
    width: 20%;
    padding: 2px;
    border-right: 1px solid #58b;
    border-bottom: 1px solid #58b;
    background-color: #fff;
}

span.size{
    font-size: x-small;
    color: #888;
}

div.sono6 span.size, div.sono11 span.size{
    font-size: x-small;
    color: #888;
    margin-left: 100px;
}


h4.size{
    font-weight: normal;
    border-bottom: 1px solid #8d8;
    padding: 0;
    margin: 8px 2px 0px 4px;
    color: #494;
}

table.size{    
    width: 450px;
    margin: 10px auto 0px auto;
    padding: 0;
    border-top: 1px solid #8d8;
    border-left: 1px solid #8d8;
    font-size: small;
}

table.size th{
    width: 10%;
    padding: 2px;
    border-right: 1px solid #8d8;
    border-bottom: 1px solid #8d8;
    color: #fff;
    background-color: #3b9;
}
table.size td{
    width: 10%;
    padding: 2px;
    border-right: 1px solid #8d8;
    border-bottom: 1px solid #8d8;
    background-color: #fff;
}



table.shortcut{
    width: 160px;
    margin: 10px auto 10px auto;
    padding: 1px;
}
table.shortcut td{
    padding: 5px;
}

h4.title{
    border-radius: 5px;
    border: 2px solid #3399aa;
    padding: 4px;
    margin: 10px 4px;
    color: #ffffff;
    background-color: #3399aa;
    text-align: left;
}
div.amazon{
    margin: 0px auto;
    /*margin: 5px 0px 10px 0px;*/
    text-align: center;
    font-size: small;
    color: #333333;
    
}

div.amazon2{
    margin: 5px 0px 10px 0px;
    font-size: small;
    color: #333333;
    float: left;
    width: 190px;
    text-align:left;
}
div.amazon,div.amazon2 img{
    margin: 0px auto;
    display:block;
    
}

.target_type{
    margin: 0px auto;
    display:block;
}

a.title{
    margin: 0px;
    padding: 0px;
}
ul.recent{
    margin:5px;
}

ul.recent li{
    padding: 2px 3px;
    margin: 0px;
}

ul.link{
    font-size: small;
    color: #333;
    
}

li.links{
    list-style-image: url(https://images.mukya.net:8443/items/images/sankaku.png);
    margin: 2px 5px 3px 10px;
    font-size: small;
    padding: 0px;
}

li.linkform{
    font-size: small;
    margin: 0px 2px 2px 15px;
    padding: 0px;
}


pre{
	background-color: #ffffff;
	padding: 5px;
	border: 1px solid #7777bb;

}
div.twitter h3{
    background-image: none;
    border: none;
}

.linkdetail{
    font-size: small;
}

p.detail{
    font-size:small;
    margin: 0px;
    padding-left: 40px;
    color: #444466;
}

.explainText{
    line-height: 1.5em;
}


a.search1{
    background-image: url(https://images.mukya.net:8443/items/images/search11.png);
    witdh:192px;
    height:192px;
    margin:0px;
    display: inline-block;
}

a.search2{
    background-image: url(https://images.mukya.net:8443/items/images/search22.png);
    witdh:192px;
    height:192px;
    margin:0px;
    display: inline-block;

}

a.search3{
   background-image: url(https://images.mukya.net:8443/items/images/search33.png);
    witdh:192px;
    height:192px;
    margin:0px;
    display: inline-block;

}

a:hover.search1{
    background-image: url(https://images.mukya.net:8443/items/images/search01.png);
}

a:hover.search2{
    background-image: url(https://images.mukya.net:8443/items/images/search02.png);
}

a:hover.search3{
    background-image: url(https://images.mukya.net:8443/items/images/search03.png);
}

h3.search1{
    background-color: #66dd66;
    border-radius : 10px;
    margin: 4px;
    padding: 5px 10xp;
    /*box-shadow: 3px 3px 5px #777777;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd6666', endColorstr='#993366'); /* for IE */
    background: -webkit-gradient(linear, left top, right bottom, from(#d66), to(#936)); /* for webkit browsers */
    background: -moz-linear-gradient(left,  #d66,  #936); /* for firefox 3.6+ */ 
    text-shadow: 1px 1px #633;

}


h3.search2{
    border-radius : 10px;
    margin: 4px;
    padding: 5px 10px;
    background-color: #66dd66;
    /*box-shadow: 3px 3px 5px #777777;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66bb66', endColorstr='#339696'); /* for IE */
    background: -webkit-gradient(linear, left top, right bottom, from(#6b6), to(#396)); /* for webkit browsers */
    background: -moz-linear-gradient(left,  #6b6,  #396); /* for firefox 3.6+ */ 
    text-shadow: 1px 1px #363;
}


h3.search3{
    border-radius : 10px;
    margin: 4px;
    padding: 5px 10px;
    background-color: #66dd66;
    /*box-shadow: 3px 3px 5px #777777;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6666dd', endColorstr='#336699'); /* for IE */
    background: -webkit-gradient(linear, left top, right bottom, from(#66d), to(#369)); /* for webkit browsers */
    background: -moz-linear-gradient(left,  #66d,  #369); /* for firefox 3.6+ */ 
    text-shadow: 1px 1px #336;
}

li.footerLink{
    margin: 0px 0px 0px 10px;
    padding: 2px 0px 2px 0px;
    font-size: small;
    color: #def;
    vertical-align: top;
}

div.content li{
    padding:0;
    margin: 2px 3px 3px 10px;
}

.lsYellow{
    list-style-image: url(https://images.mukya.net:8443/items/images/arrow100_yellow.png);
}
.lsBlue{
    list-style-image: url(https://images.mukya.net:8443/items/images/arrow100_blue.png);
}
.lsPink{
    list-style-image: url(https://images.mukya.net:8443/items/images/arrow100_pink.png);
}
.lsOrange{
    list-style-image: url(https://images.mukya.net:8443/items/images/arrow100_orange.png);
}
.lsGreen{
    list-style-image: url(https://images.mukya.net:8443/items/images/arrow100_green.png);
}

li.footerLink span{
    vertical-align: top;
}

div#footer2 h4{
    color: #ffffff;
}

div.box{
    margin: 10px 5px 20px 5px;
    float:left;
    text-align:left;
    color:#def;
}

div.amazon img{

}

div.message{
    font-size: small;
}

p.subtitle{
    margin: 2px;

}

div.appFemale{
    margin: -40px 0 0 -70px;
    height: 100px;
    width: 190px;
    z-index: 100;
}
div.appMale{
    margin: -100px 0 0 30px;
    height: 100px;
    width: 190px;
    z-index: 100;
}

.fixed {
  position: fixed;
  top: 20px;
}


.romaBox{
    width: 253px;
    height: 253px;
    margin: 10px;
    border: 1px #aaa solid;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background: -moz-linear-gradient(top,  #fff,  #ddd);
    float: left;
}

.wide{ width: 528px;}

#red{ 
    background:#d99;
    text-shadow: 1px 1px #922;
}
#green{ 
    background:#9d9;
    text-shadow: 1px 1px #292;
}

.noBackground{
    width: 255px;
    height: 255px;
    background: transparent;
    filter: none;
    border: 0px;
}

.romaBox .content{
    overflow-y: auto;
    height: 180px;
    padding: 10px;
}

.romaBox .content h4{
    border: 0px;
    background: transparent;
    padding: 2px;
    margin: 1px;
    border-radius: 0;
}

.romaBox h1{
    filter: none;
    background: transparent;
    font-size: xx-large;
    border-radius: 0;
    text-shadow: 1px 1px #fff;
    color: #000;
}

.romaBox h2{
    margin: 0px;
    padding: 3px 10px;
    color: #fff;
    text-shadow: 1px 1px #229;
    
    filter: none;
    background: #77aadd;

    border-radius: 0;

}

.romaBox a{
}
a#imageDetailLink{
    text-decoration: none;
    text-shadow: 1px 1px #fff;
    height: 100%;
}
div#imageDetail{
    display:none;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
div.image{
    position: relative;
    text-align:center;
    margin: 200px auto;
   
}
div.image img{
    box-shadow: 1px 1px 1px rgba(0,0,0,0.9);
    background-color: rgba(255,255,255,0.8);
    /*background-color: transparent;*/
    border-radius: 3px;
}

div.image p{
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
    
}

div.totop{
    position: fixed;
    bottom: 30px;
    right: 0px;
    z-index: 10000;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    border-radius : 10px 0px 0px 10px;
    width: 100px;
    padding: 5px;
    text-align: center;
    background-color: rgba(33,33,77,0.8);
}
div.totop a{
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 2px  rgba(0,0,22,0.8);
}

div#top{
 font-size:1px;
 margin:0;
 padding:0;
 height:1px;
}


div.p{
    width: 200px;
    position:relative;
    display: block;
    padding: 0 0 10px 0;
    border: 1px solid #aaa;
    margin: 20px auto;
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

div.p img{
    margin: 0 0 5px 0;
}
div.p a{
    display: block;
    width: 100%;
}
div.p a:hover{
    background-color: #fff;
}

table.item-detail{
    border-top: 1px solid #39d;
    border-left: 1px solid #39d;
}

table.item-detail td , table.item-detail th{
    border-bottom: 1px solid #39d;
    border-right: 1px solid #39d;
    padding: 3px;
}

table.item-detail th{
    background-color: #8dd;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    font-weight: normal;
}

h1 span{
    font-size: xx-large;
    color: #fff;
}
h1 span a{
    text-decoration: none;
}

#close , #sm_footer{
    display:none;
    
}

#pageTools , .closeTools , .openTools , .serachTool , .serachToolMessage , #headerAd ,#smartSearch{
    display:none;
}

.btn{
    3px 3px 5px rgba(77,77,77,0.5);
    background-color: #3399aa;
    color: #fff;
    border-radius : 10px 10px;
    border: 2px solid #337799;
    padding: 5px 30px;
}
.btn:hover{
    background-color: #5ad;
}

.osirase  h4{
    height: 24px;
    padding: 8px 0 0 26px;
    margin: 3px 0px 0px 0px;
    background: transparent url(https://images.mukya.net:8443/items/images/roicons/741.png) no-repeat left center;
    vertical-align: middle;
    display: block;
}
.osirase h4+p{
    margin: 1px 1px 1px 7px;
    padding: 2px;
    font-size: small;
}

button.top, input.top{
    font-size: 150%;
    margin-left: 20px;
}
.nodata {
    font-size: 150%;
    margin: 10px;
}
.result {
    margin : 5px 5px 5px 10px;
}
.result p{
    padding: 5px;
    margin : 0;
}
.result p.text {
    margin-left: 10px;
}
.result p.name {
    line-height: 1.4em;
}
input.top{
    width: 90%;
    margin: 0px auto;
}

div.osirase span {
    font-size: x-small;
    color: #888;
}

select {
    max-width: 100% !important;
}