html {
    margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}
body{
	margin: 0px 0px 20px 0px;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;  
    background: #CCFFCC;
    text-align:center;
    font-size:12px;
    font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif,'Hiragino Kaku Gothic Pro','MS ゴシック';
    text-align: center; /* center on ie */
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
img {
    border-style: none;
}
a {
    text-decoration: none;
}
#footer{
    clear:both;
    width:760px;
    margin:0 auto 0 auto; 
    background:#CCFFCC;
}
#footer img{
    float:right;
    width:431px;
    height:31px;
}
*{
    outline:none;
}
#banner { 
    position: relative; 
}
#banner-inner{
    position: static; 
    width:760px;
    height:100px;
    background: url(http://m-roman.com//images/banner-w.jpg) no-repeat;
}
#banner-inner h1{
    text-indent:-9999px;
    margin: 0;
    padding: 0;
}
#banner-inner h2{
    text-indent:-9999px;
    margin: 0;
    padding: 0;
}
#container{
    width:760px;
    margin:0 auto 0 auto; 
    text-align:left; 
    background:#FFFFFF; 
}
#content-inner{
    padding:0 0 65px 0; 
}
#pagebody-inner{
    background: url(http://m-roman.com//images/info-back.gif) no-repeat left bottom;
}
/*nav*/
#nav ul#nav-y{
    background: url(http://m-roman.com//images/nav-y-b-all.gif) no-repeat;
    margin:0;
    position: relative;
    list-style:none;
    width:760px;
    height: 30px;
    text-indent:-9999px;
}
#nav li{
    position: absolute;
    top: 0;
}

#top-y {left:0px; width:190px;}
#info-y {left:190px; width:190px;}
#news-y {left:380px; width:190px;}
#guide-y {left:570px; width:190px;}
#nav li#top-y a{
    background: url(http://m-roman.com//images/nav-y-b-all.gif) no-repeat 0px 0px;
    display:block;
    height: 30px;
}
#nav li#top-y a:hover{
    background: url(http://m-roman.com//images/nav-y-p-all.gif) no-repeat 0px 0px;
}
#nav li#info-y a{
    background: url(http://m-roman.com//images/nav-y-b-all.gif) no-repeat -190px 0px;
    display:block;
    height: 30px;
}
#nav li#info-y a:hover{
    background: url(http://m-roman.com//images/nav-y-p-all.gif) no-repeat -190px 0px;
}
#nav li#news-y a{
    background: url(http://m-roman.com//images/nav-y-b-all.gif) no-repeat -380px 0px;
    display:block;
    height: 30px;
}
#nav li#news-y a:hover{
    background: url(http://m-roman.com//images/nav-y-p-all.gif) no-repeat -380px 0px;
}
#nav li#guide-y a{
    background: url(http://m-roman.com//images/nav-y-b-all.gif) no-repeat -570px 0px;
    display:block;
    height: 30px;
}
#nav li#guide-y a:hover{
    background: url(http://m-roman.com//images/nav-y-p-all.gif) no-repeat -570px 0px;
}
/*archive titile*/
#title h2#archive-title{
    width:450px;
    height:30px;
    margin:0 0 0 90px;
    padding:18px 0 10px 0;
    color:#3300CC;
    font-size:18px;
    font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif,'Hiragino Kaku Gothic Pro','MS ゴシック';
}
/*TOP-PAGE*/
#container-inner-top{
    width:760px;
    height:460px;
    background: url(http://m-roman.com//images/mroman_top.gif) no-repeat;
}
#banner-top{
    margin: 0;
    padding: 0;
}
#banner-top h1{
    text-indent:-9999px;
    margin: 0;
    padding: 0;
}
#banner-top h2{
    text-indent:-9999px;
    margin: 0;
    padding: 0;
}
#pagebody-top{
    width:760px;
    height:460px;
}
#nav-top ul#nav-t{
    float:left;
    margin:0;
    width:460px;
    list-style:none;
    text-indent:-9999px;
}
#nav-top li#info a{
    background: url(http://m-roman.com//images/top-info-a.gif) no-repeat;
    margin: 135px 0 0 170px;
    height:36px;
    width:171px;
    display:block;
}
#nav-top li#info a:hover{
    background: url(http://m-roman.com//images/top-info.gif) no-repeat;
    margin: 135px 0 0 170px;
    height:36px;
    width:171px;
    display:block;
}
#nav-top li#news a{
    background: url(http://m-roman.com//images/top-news-a.gif) no-repeat;
    margin: 4px 0 0 114px;
    height:36px;
    width:171px;
    display:block;
}
#nav-top li#news a:hover{
    background: url(http://m-roman.com//images/top-news.gif) no-repeat;
    margin: 4px 0 0 114px;
    height:36px;
    width:171px;
    display:block;
}
#nav-top li#guide a{
    background: url(http://m-roman.com//images/top-guide-a.gif) no-repeat;
    margin: 8px 0 0 134px;
    height:36px;
    width:171px;
    display:block;
}
#nav-top li#guide a:hover{
    background: url(http://m-roman.com//images/top-guide.gif) no-repeat;
    margin: 8px 0 0 134px;
    height:36px;
    width:171px;
    display:block;
}
#nav-top li#spirit a{
    background: url(http://m-roman.com//images/top-spirit-a.gif) no-repeat;
    margin: 89px 0 0 211px;
    height:36px;
    width:221px;
    display:block;
}
#nav-top li#spirit a:hover{
    background: url(http://m-roman.com//images/top-spirit.gif) no-repeat;
    margin: 89px 0 0 211px;
    height:36px;
    width:221px;
    display:block;
}
/*spirit*/
#pagebody-spirit{
    background: url(http://m-roman.com//images/spirit-ue.gif) no-repeat 0 30px;
}
#pagebody-inner-spirit{
    height:852px;
    background: url(http://m-roman.com//images/spirit-down.gif) no-repeat left bottom;
    color:#666666;
}
#content-spirit{
    background: url(http://m-roman.com//images/spirit-back-light.gif) no-repeat;
    width:550px;
    height:680px;
    margin:0 auto 0 auto; 
}
#content-inner-spirit{
    width:450px;
    margin:0 0 0 58px; 
    padding:110px 0 0 0;
    letter-spacing:0.1em;
    line-height:1.8em;
    font-size:12px;
    font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif,'Hiragino Kaku Gothic Pro','MS ゴシック';
}
/*info*/
#pagebody-info{
    background: url(http://m-roman.com//images/info-back-ue.gif) no-repeat 0 30px;
}
#info-up{
    background: url(http://m-roman.com//images/info-ue.gif) no-repeat;
    width:500px;
    height:40px;
    margin:0 auto 0 auto;
}
#info-up h3{
    margin:0;
    padding:12px 0 0 50px;
    color:#666666;
    font: normal 17px 'trebuchet ms', verdana, helvetica, arial, sans-serif,'Hiragino Kaku Gothic Pro','MS ゴシック';
}
#info-up h3 a{
    color:#666666;
}
#info-up h3 a:hover{
    color:#FF66CC;
}
#info-center{
   background: url(http://m-roman.com//images/info-center.gif) repeat-y;
    width:500px;
    margin:0 auto 0 auto;
    color:#666666;
}
.entry-content-info{
    width:480px;
    margin:0 auto 0 auto;
    padding:5px 0 5px 0;
    background: #FFFFFF;
}
#entry-body-info{
     width:400px;
}
#entry-body-info p{
    width:400px;
    margin:0 0 0 50px;
    padding:10px 0 5px 0;
    font: normal 13px 'trebuchet ms', verdana, helvetica, arial, sans-serif,'Hiragino Kaku Gothic Pro','MS ゴシック';
    letter-spacing:0.1em;
    line-height:1.5em;
    clear: both;
}
#entry-body-info a{
    color:#FF66CC;
}
#entry-body-info img{
    float:left;
    margin:0 10px 10px 0;
    display:block;
}
.entry-more-link-info{
    text-align:right;
    width:400px;
    font: normal 11px 'trebuchet ms', verdana, helvetica, arial, sans-serif,'Hiragino Kaku Gothic Pro','MS ゴシック';
    margin:0 0 0 50px;
    padding:0;
    color:#666666;
}
.entry-more-link-info a{
    color:#666666;
}
.entry-more-link-info a:hover{
    color:#FF66CC;
}
p.entry-footer-info{
    background: url(http://m-roman.com//images/info-down.gif) no-repeat;
    width:500px;
    height:23px;
    margin:0 auto 20px auto;
    font: normal 10px 'trebuchet ms', verdana, helvetica, arial, sans-serif,'Hiragino Kaku Gothic Pro','MS ゴシック';
    color:#666666;
}
span.post-footers{
    float:right;
    padding:5px 15px 0 0;
}
span.post-footers a{
    color:#666666;
}
/*guide*/
#pagebody{
    background: url(http://m-roman.com//images/info-back-ue.gif) no-repeat 0 30px;
}
#guide-up{
    background: url(http://m-roman.com//images/guide-ue.gif) no-repeat;
    width:550px;
    height:40px;
    margin:0 auto 0 auto;
}
#guide-center{
   background: url(http://m-roman.com//images/guide-center.gif) repeat-y;
    width:550px;
    margin:0 auto 0 auto;
    color:#666666;
}
.entry-content-guide{
    width:530px;
    margin:0 auto 0 auto;
    padding:5px 0 5px 0;
    background: #FFFFFF;
}
.entry-body-guide{
    width:450px;
}
.entry-body-guide p{
    width:450px;
    margin:0 0 0 50px;
    padding:10px 0 5px 0;
    font: normal 13px 'trebuchet ms', verdana, helvetica, arial, sans-serif,'Hiragino Kaku Gothic Pro','MS ゴシック';
    letter-spacing:0.1em;
    line-height:1.4em;
}
.entry-body-guide img{
    float:left;
    margin:0 9px 0 0;
}
p.entry-footer-guide{
    background: url(http://m-roman.com//images/guide-down.gif) no-repeat;
    width:550px;
    height:23px;
    margin:0 auto 20px auto;
    font: normal 10px 'trebuchet ms', verdana, helvetica, arial, sans-serif,'Hiragino Kaku Gothic Pro','MS ゴシック';
    color:#666666;
}
/*news*/
#pagebody-news{
    background: url(http://m-roman.com//images/news-back.gif) no-repeat 0 30px;
}
#content-inner-news{
    width:680px;
    height:480px;
    padding:0 0 0 80px;
}
#news-part1{
    margin:0 0 0 20px;
    float:left;
    width:170px;
    height:170px;
    background: url(http://m-roman.com//images/star-part1.gif) no-repeat;
}
a #news-part1{
    background: url(http://m-roman.com//images/star-part1.gif) no-repeat;
}
a:hover #news-part1{
    background: url(http://m-roman.com//images/star-part1-p.gif) no-repeat;
}
#news-part2{
    margin:0 0 0 20px;
    float:left;
    width:170px;
    height:170px;
    background: url(http://m-roman.com//images/star-part2.gif) no-repeat;
}
a #news-part2{
    background: url(http://m-roman.com//images/star-part2.gif) no-repeat;
}
a:hover #news-part2{
    background: url(http://m-roman.com//images/star-part2-p.gif) no-repeat;
}
#news-merry{
    margin:0 0 0 20px;
    float:left;
    width:170px;
    height:170px;
    background: url(http://m-roman.com//images/star-merry.gif) no-repeat;
}
a #news-merry{
    background: url(http://m-roman.com//images/star-merry.gif) no-repeat;
}
a:hover #news-merry{
    background: url(http://m-roman.com//images/star-merry-p.gif) no-repeat;
}
#news-no5{
    margin:0 0 0 20px;
    float:left;
    width:170px;
    height:170px;
    background: url(http://m-roman.com//images/star-no5.gif) no-repeat;
}
a #news-no5{
    background: url(http://m-roman.com//images/star-no5.gif) no-repeat;
}
a:hover #news-no5{
    background: url(http://m-roman.com//images/star-no5-p.gif) no-repeat;
}
#news-love6{
    margin:0 0 0 20px;
    float:left;
    width:170px;
    height:170px;
    background: url(http://m-roman.com//images/star-love6.gif) no-repeat;
}
a #news-love6{
    background: url(http://m-roman.com//images/star-love6.gif) no-repeat;
}
a:hover #news-love6{
    background: url(http://m-roman.com//images/star-love6-p.gif) no-repeat;
}
#news-nihonbashi{
    margin:0 0 0 20px;
    float:left;
    width:170px;
    height:170px;
    background: url(http://m-roman.com//images/star-nihonbashi.gif) no-repeat;
}
a #news-nihonbashi{
    background: url(http://m-roman.com//images/star-nihonbashi.gif) no-repeat;
}
a:hover #news-nihonbashi{
    background: url(http://m-roman.com//images/star-nihonbashi-p.gif) no-repeat;
}