【PR】駆け出しテイマーGonzorouが,MMORPG「アルカディアサーガ」で大奮闘
/******************** title ********************/
.pr_title{}
.pr_author{
width:550px;
height:50px;
background:url(./images/bg_pr_author.jpg) no-repeat center top;
color:#ffffff;
font-size:13px;
text-indent:20px;
line-height:22px;
}
/******************** chapter1 ********************/
.pr_chapter_1:after{
content:"";
clear:both;
height:0;
display:block;
}
.pr_chapter_1{
padding:10px 0 20px;
padding:10px 0 10px;
height:100%;
background:url(./images/bg_pr_chapter_1.jpg) no-repeat center bottom;
}
.pr_maintxt_1{
background:url(./images/bg_pr_maintxt_1.gif) repeat-y center top;
}
.pr_maintxt_1 p{
line-height:138%;
line-height:130%;
font-size:15px;
padding:0 16px 0 26px;
}
.pr_maintxt_1 p.pdgB1e{
padding-bottom:1.5em;
}
/******************** chapter2 ********************/
.pr_chapter_2{
padding-top:9px;
height:100%;
/** background:url(./images/bg_pr_chapter_2.jpg) no-repeat center top; **/
}
.pr_maintxt_2:after{
content:"";
clear:both;
height:0;
display:block;
}
.pr_maintxt_2{
background:url(./images/bg_pr_maintxt_2.gif) repeat-y center top;
}
.pr_maintxt_2 p{
line-height:138%;
line-height:130%;
padding:0 25px;
}
.pr_maintxt_2 p.pdgB1e{
padding-bottom:1.2em;
}
.pr_chapter_2_column{
width:324px;
height:156px;
margin:0 auto 10px;
padding:20px 140px 0 20px;
background:url(./images/bg_pr_chapter_1_column.gif) no-repeat center top;
font-style:italic;
font-size:15px;
}
.pr_chapter_2_column p{
padding:0;
}
/******************** chapter7 ********************/
.pr_chapter_7{
background:url(./images/bg_pr_chapter_7.jpg) no-repeat center top;
padding-top:40px;
min-height:505px;
}
*html .pr_chapter_7{
height:505px;
}
.pr_chapter_7 p{
font-size:15px;
line-height:120%;
padding:0 170px 0 15px;
}
.pr_chapter_7 p.pdgB1e{
padding-bottom:1em;
}
.pr_button{
width:550px;
height:274px;
background:url(./images/bg_pr_button.jpg) no-repeat center top;
text-align:center;
}
.pr_button img{
margin:158px auto 0;
}
/******************** tips ********************/
.pr_column{
padding:5px 0 10px;
background:url(./images/bg_pr_column.gif) repeat-y center top;
}
.pr_column p{
font-size:15px;
line-height:130%;
line-height:120%;
padding:0 28px;
}
.pr_column p.pdgB1e{
padding-bottom:1.2em;
}
.pr_column p.pdgB5{
padding-bottom:10px;
}
.pr_column p.pdgT1e{
padding-top:1.2em;
}
.pr_column .map{
width:502px;
margin:0 auto;
text-align:center;
}
.pr_column .map img{
margin:0 auto;
}
/********** image **********/
.pr_column .pr_tL240_no_cap{
float:right;
border:1px solid #009595;
background:none;
padding:0;
margin:0 25px 5px 8px;
}
*html .pr_column .pr_tL240_no_cap{
margin:0 12px 5px 8px;
}
.pr_column .pr_tL240_no_cap img{
background:#ffffff;
padding:4px;
}
/***** center *****/
.pr_column .pr_tC500:after{
content:"";
clear:both;
height:0;
display:block;
}
.pr_column .pr_tC500{
width:502px;
height:100%;
background:url(./images/bg_pr_thumb_500tips.gif) no-repeat center bottom;
margin:0 auto;
}
.pr_column .pr_tC500 .pr_t240_left,
.pr_column .pr_tC500 .pr_t240_right{
width:249px;
}
.pr_column .pr_tC500 .pr_t240_left{
float:left;
/** margin-right:1px; **/
}
.pr_column .pr_tC500 .pr_t240_right{
float:right;
}
.pr_column .pr_tC500 img{
border:1px solid #009595;
background:none;
padding:0;
margin:0;
}
.pr_column .pr_tC500 .cap{
color:#ffffff;
padding:2px 6px 10px 10px;
margin:0;
line-height:120%;
font-size:13px;
}
/***** set *****/
.pr_column .pr_tC500_set{
width:502px;
background:url(./images/bg_pr_thumb_500tips_set.gif) no-repeat center bottom;
margin:0 auto;
}
.pr_column .pr_tC500_set img{
border:1px solid #009595;
background:none;
padding:0;
margin:0;
}
.pr_column .pr_tC500_set .cap{
color:#ffffff;
padding:2px 6px 10px 10px;
margin:0;
line-height:120%;
font-size:13px;
}
/********** table **********/
.pr_column table.mrgT1e{
margin-top:1.2em;
}
.pr_column table{
width:502px;
margin:0 auto;
font-size:13px;
line-height:120%;
background:#ffffff;
color:#333333;
border-collapse:collapse;
}
.pr_column table th,
.pr_column table td{
padding:6px 5px;
vertical-align:middle;
border:1px solid #009595;
}
.pr_column table th{
background:#009595;
color:#ffffff;
border:1px solid #009595;
border-right:1px solid #ffffff;
text-align:center;
}
.pr_column table th.cell4{
border-right:1px solid #009595;
}
.pr_column table tr.even td{
/** background:#f9f9f9; **/
}
.pr_column table td.cell1{
background:#eefcfc;
}
.pr_column table.pr_column_2{
border-collapse:separate;
}
.pr_column table.pr_column_2 th.cell1{
background:#009595;
color:#ffffff;
border:1px solid #009595;
padding:5px 8px;
}
.pr_column table.pr_column_2 td.cell2{
padding:5px 10px;
}
/******************** image ********************/
/********** left **********/
.pr_chapter_head{
width:120px;
height:110px;
float:right;
}
.pr_tL{
float:right;
margin:0 20px 10px 8px;
}
*html .pr_tL{
margin:0 10px 10px 8px;
}
.pr_chapter_2 .pr_tL{
float:right;
margin:0 24px 10px 8px;
}
*html .pr_chapter_2 .pr_tL{
margin:0 12px 10px 8px;
}
.pr_t240,
.pr_tL240,
.pr_t240_no_cap,
.pr_tL220_no_cap,
.pr_tL240_no_cap{
width:250px;
padding-bottom:10px;
margin:0 0 10px;
background:url(./images/bg_pr_thumb_240.gif) no-repeat center bottom #6F583B;
}
.pr_t240_no_cap,
.pr_tL240_no_cap{
padding-bottom:4px;
background:url(./images/bg_pr_thumb_240_no_cap.gif) no-repeat center bottom #6F583B;
}
.pr_tL220_no_cap{
width:230px;
padding-bottom:4px;
background:url(./images/bg_pr_thumb_220_no_cap.gif) no-repeat center bottom #6F583B;
}
.pr_tL240,
.pr_tL220_no_cap,
.pr_tL240_no_cap{
float:right;
margin:0 16px 10px 8px;
}
*html .pr_tL240,
*html .pr_tL220_no_cap,
*html .pr_tL240_no_cap{
margin:0 8px 10px 8px;
}
.pr_t240 img,
.pr_tL240 img,
.pr_t240_no_cap img,
.pr_tL240_no_cap img{
padding:4px 4px 0;
background:url(./images/bg_pr_thumb_240_top.gif) no-repeat center top #6F583B;
}
.pr_tL220_no_cap img{
padding:4px 4px 0;
background:url(./images/bg_pr_thumb_220_no_cap.gif) no-repeat center top #6F583B;
}
.pr_t240 .pr_cap,
.pr_tL220 .pr_cap,
.pr_tL240 .pr_cap{
margin:0 4px 0;
padding:8px 4px 0;
font-size:13px;
line-height:120%;
color:#4D2F00;
background:url(./images/bg_pr_thumb_240_cap.gif) no-repeat center top #F9F6F0;
}
/********** chapter2 **********/
.pr_chapter_2 .pr_tL240,
.pr_chapter_2 .pr_tL220_no_cap,
.pr_chapter_2 .pr_tL240_no_cap{
float:right;
margin:0 24px 10px 8px;
}
*html .pr_chapter_2 .pr_tL240,
*html .pr_chapter_2 .pr_tL220_no_cap,
*html .pr_chapter_2 .pr_tL240_no_cap{
margin:0 12px 10px 8px;
}
/********** right **********/
.pr_tR{
float:left;
margin:0 12px 10px 24px;
}
*html .pr_tR{
margin:0 12px 10px 12px;
}
.pr_t240,
.pr_tR240,
.pr_tR240_no_cap{
width:250px;
padding-bottom:10px;
margin:0 0 10px;
background:url(./images/bg_pr_thumb_240.gif) no-repeat center bottom #6F583B;
}
.pr_tR240_no_cap{
padding-bottom:4px;
background:url(./images/bg_pr_thumb_240_no_cap.gif) no-repeat center bottom #6F583B;
}
.pr_tR240,
.pr_tR240_no_cap{
float:left;
margin:0 12px 10px 16px;
}
*html .pr_tR240,
*html .pr_tR240_no_cap{
margin:0 12px 10px 8px;
}
.pr_chapter_2 .pr_tR240,
.pr_chapter_2 .pr_tR240_no_cap{
float:left;
margin:0 12px 10px 24px;
}
*html .pr_chapter_2 .pr_tR240,
*html .pr_chapter_2 .pr_tR240_no_cap{
margin:0 12px 10px 12px;
}
.pr_t240 img,
.pr_tR240 img,
.pr_tR240_no_cap img{
padding:4px 4px 0;
background:url(./images/bg_pr_thumb_240_top.gif) no-repeat center top #6F583B;
}
.pr_t240 .pr_cap,
.pr_tR240 .pr_cap{
margin