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,'MS Pゴシック',sans-serif;
}
.itemDetail div{
font-weight: normal;
font-family: 'MS Pゴシック', 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;
}