(rep_sp.css)

body{background-color:#eeeeee}

img {
    max-width:100%; /* 画像の最大幅 */
    height:auto;
    vertical-align:bottom;
}

h1{font:bold 20px/25px 'MS Pゴシック'}

h2{border:solid #aaaaaa 4px;letter-spacing:5px;padding:10px;background-color:#f4f6f7;font:bold 18px/22px 'ＭＳ Ｐゴシック';padding-left:40px;letter-spacing:10px;background-image:url(sozai/rep_title_back_1.gif);background-repeat:no-repeat;background-position:right}

h3{border:solid 3px #cccccc;padding:8px 8px 8px 30px;font:bold 16px/20px 'ＭＳ Ｐゴシック';letter-spacing:6px;margin:0px 20px;background-color:white;background-image:url(sozai/rep_title_back_2.gif);background-repeat:no-repeat;background-position:right}	

h4{border:solid 2px grey;padding:7px/7px/7px/25px;font-size:17px;width:100%}

a{font-weight:bold}	

q{font-style:italic;background-color:#eeeeee}

.su{font-weight:bold;text-decoration:underline}

.title{font:bold 20px/30px 'ＭＳ Ｐゴシック';border:solid black 1px;background-color:black;color:white;padding-left:30px;letter-spacing:5px;background-image:url(sozai/rep_title_back_sp.gif);background-repeat:no-repeat;background-position:right}	

.sale{color:green;font-style:italic}

.number{font:normal 20px/22px 'ＭＳ Ｐゴシック'}

.photo{border:1px solid #444444;margin:3px 5px}

.date{font:normal 12px/12px 'ＭＳ Ｐゴシック';color:#ffffff;text-align:right}

.chuui{font:bold 14/20px 'ＭＳ Ｐゴシック';color:red;margin:0px 30px;background-color:#eeeeee;padding:5px;border:dotted 1px red}										
.story{border:4px #ffffdd solid;background-color:#ffffee;padding:10px;line-height:22px;margin:10px 10px}	

.honbun{border:solid #cccccc 1px;margin:0px 10px 10px 10px;padding:5px;background-color:#eeeeee;width:100%}								
.main{font:normal 16px/23px 'ＭＳ Ｐゴシック'}						
							
.tuiki{background-color:#eeeeff;margin:8px;padding:10px;border:solid 1px #ccccff}

.tuiki2{text-align:right;color:#333377;font:bold 14px}

.map{text-decoration:underline;font:bold 14px/20px 'MS Pゴシック';color:red}								

.end{font:bold 42px/60px 'ＭＳ Ｐゴシック'}

.person{color:gray;background-color:#eeeeee}

.next_link{font:bold 30px/40px 'MS Pゴシック';text-align:center}
.next_link_end{font:bold 30px/40px 'MS Pゴシック';text-align:center}
.kansou{font:bold 16px/30px 'ＭＳ Ｐゴシック';display:none}

.hr_short{width:'60%';height:1px}
.hr_long{width:'80%';height:1px}

.br{clear:both}
.r{float:right;border:inset 2px #ffffff;margin:5px}
.l{float:left;border:inset 2px #ffffff;margin:5px}
.n{float:none;border:inset 2px #ffffff;margin:5px}

del{color:#888888}
ins{color:red}

.chu{background-color:#eeeeff;color:green;font:bold 14px/16px 'ＭＳ Ｐゴシック';text-align:right}

.right{float:right;postion:static;font:normal 13px/16px 'ＭＳ Ｐゴシック';background-color:#eeeeff;padding:4px}

.left{float:left;postion:static;font:normal 13px/16px 'ＭＳ Ｐゴシック';background-color:#eeeeff;padding:4px}

.center{text-align:center;postion:static;font:normal 13px/16px 'ＭＳ Ｐゴシック';background-color:#eeeeff;padding:4px}

.sub{width:160px;font:normal 14px/20px 'ＭＳ Ｐゴシック';background-color:#dddddd;padding:5px;vertical-align:top}

.red{color:red}

.nowrap{white-space:nowrap}


.navi{font:normal 14px/14px 'ＭＳ Ｐゴシック';background-color:#ffffff;text-align:center}
.konkai{font:bold 14px/14px 'ＭＳ Ｐゴシック';background-color:#cccccc}

.lfloat{text-align:center;float:left;font:bold 13px/15px 'ＭＳ Ｐゴシック';background-color:#aaaaaa;color:white;margin-right:5px}
.rfloat{text-align:center;float:right;font:bold 13px/15px 'ＭＳ Ｐゴシック';background-color:#aaaaaa;color:white;margin-left:5px}
.cfloat{text-align:center;float:none;font:bold 13px/15px 'ＭＳ Ｐゴシック';background-color:#aaaaaa;color:white;margin-left:5px}
.yougo{border:dotted 1px green;text-decoration:none}
.hosoku{font:normal 14px/16px 'ＭＳ Ｐゴシック';color:#997777}
.inyou{font:normal 16px/22px 'ＭＳ Ｐ明朝';border:solid 3px #999999;padding:10px}
.toggle-photo { border:5px double red; margin:5px 5px; }

.boxtitle{position: relative; top: -18px;width:100px;margin: 0px auto;padding: 4px;font:bold 16px/20px 'ＭＳ Ｐゴシック';text-align:center;color: white;background-color: black;border: #666666 1px solid; }
.box{text-align:left;border:solid 1px grey;padding:10px;margin:0px 15px}

a.tooltip span {
    display: none;
    width: 200px;
    padding: 5px;
    margin: 10px 0 0 -10px;
}

a.tooltip:hover span{
    display: inline; 
    position: absolute; 
    border: 1px solid #CCC; 
    border-radius: 5px;
    background: #F7F7F7;
    color: #666;
    font-size: 12px;
    line-height: 1.6em;
}