@charset UTF-8;

html {
background:#FFF;
}

body {
font:12px/1.8;
font-family:'Hiragino Kaku Gothic Pro',Osaka,sans-serif;
color:#333;
-webkit-text-size-adjust:none;
line-height:1.6;
margin:0;
}

.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
}

header#under {
height:48px;
width:100%;
background:url(images/bg.png) repeat-x left center;
position:relative;
}

h2.title000 {
font-size:16px;
font-weight:700;
color:#333;
text-align:left;
vertical-align:middle;
line-height:20px;
border-bottom:dotted 1px #CCC;
padding:5px 0 5px 5px;
}

h3.title003 {
font-size:15px;
color:#eb7c16;
background-image:url(images/title2.gif);
background-position:left bottom;
background-repeat:repeat-x;
margin:20px 0 8px;
padding:0 0 5px 2px;
}

h2.title {
background:#313131;
color:#fff;
font-size:14px;
padding:5px 7px;
}


div.details {
border-bottom:solid 1px #CCC;
margin:0 0 15px;
padding:0 0 10px;
}


div.details .asset-bodyN {
margin:0;
padding:0 7px;
}

@media screen and (min-width: 320px) and (max-width: 374px)
{
.details p,.content .detail p {
font-size:15px;
margin:10px 0;
padding:0;
}
}

@media screen and (min-width: 375px)
{
.details p,.content .detail p {
font-size:16px;
margin:10px 0;
padding:0;
}
}

.pagetop {
height:35px;
text-align:center;
}

.pagetopback {
height:12px;
background:#EDEDED;
}


.pic-middle {
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

@media screen and (min-width: 320px) and (max-width: 374px)
{
.details .image200 img,.content .detail .image200 img,.details .image201 img,.content .detail .image200 img {
width:140px;
float:left;
margin:0 5px 0 0;
padding:0;
}
}

@media screen and (min-width: 375px)
{
.details .image200 img,.content .detail .image200 img,.details .image201 img,.content .detail .image200 img {
width:165px;
float:left;
margin:0 5px 0 0;
padding:0;
}
}	

@media screen and (min-width: 320px) and (max-width: 374px)
{
.details .image500 img,.content .detail .image500 img,.details .image501 img,.content .detail .image501 img {
width:306px;
margin:0;
padding:0;
}
}

@media screen and (min-width: 375px)
{
.details .image500 img,.content .detail .image500 img,.details .image501 img,.content .detail .image501 img {
width:361px;
margin:0;
padding:0;
}
}

.details .image501,.content .detail .image501 {
text-align:center;
margin:0;
padding:0;
}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,.details .image200,.content .detail .image200,.details .image201,.content .detail .image200,footer ul {
margin:0;
padding:0;
}


footer .rights {
text-align:center;
background-color:#000;
padding:10px 0;
}