@charset 'Shift_JIS';

/* - First{ Y.H } - Last{ T.O } - Update{ 2008-12-26 } - About{ playguide style of typing } */

/* tool
-------------------------------------------------- */
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

/* contents_playguide style
-------------------------------------------------- */
#contents.playguide {line-height:1.5;}
#contents.playguide .contentsTable {padding:25px 0 5px;}
#contents.playguide .contentsTable .section {width:564px; margin:0 auto 20px;}
#contents.playguide .nextPage {margin:40px 15px 0 0; padding-right:8px; background:url(https://images.hange.jp/hangame/easy/typing/playguide/arrow_ore.gif) right 6px no-repeat; text-align:right;}
#contents.playguide .nextPage a {text-decoration:underline;}
#contents.playguide .nextBtn {text-align:right;}


/* mainImage style
-------------------------------------------------- */
.playguide .mainImg1_1 {padding:17px 0 20px 28px;}
.playguide .mainImg1_2 {padding:5px 0 30px 32px;}
.playguide .mainImg1_3 {padding:18px 0 30px 32px;}



/* section style
-------------------------------------------------- */
.playguide .section h4 {height:35px; padding:4px 0 10px 12px; color:#333; background:url(https://images.hange.jp/hangame/easy/typing/common/bg_sub-title.gif) 0 0 no-repeat;}
.playguide .section {clear:both; width:564px; overflow:hidden;}
.playguide .section ol {clear:both; width:564px; overflow:hidden;}

.playguide .section .udl {text-decoration:underline;}

.playguide .section .i_t_set {clear:both; overflow:hidden;}
.playguide .section .i_t_lineset li {margin-top:10px; padding-top:10px; background:url(https://images.hange.jp/hangame/easy/typing/playguide/line1.gif) 0 0 repeat-x; zoom:1;}
.playguide .section .i_t_lineset li.top {margin-top:0;padding-top:0; background:none;}
.playguide .section .i_t_lineset h5 {padding-top:4px;}

.playguide .section .longTxt_r {float:right; width:318px;}
.playguide .section .pict_l {float:left; margin-right:18px;}
.playguide .section .pict_r {float:right; margin-left:18px;}
.playguide .section .ore {color:#ff9c00; font-style:normal;}
.playguide .section .t_i {padding-left:12px; text-indent:-12px;}
.playguide .section .t_i_right {}

.playguide .section .steps1_1 li {height:295px;}
.playguide .section .steps1_1 li.step01,
.playguide .section .steps1_1 li.step03 {float:left;}
.playguide .section .steps1_1 li.step02,
.playguide .section .steps1_1 li.step04 {float:right;}
.playguide .section .steps1_1 h5 {padding:10px 0 5px;}

#contents.playguide .contentsTable .leftShift {width:auto; margin:0 0 20px 14px;}
#contents.playguide .contentsTable .leftShift h4 {margin-left:10px;}

.playguide .section .songList li {width:564px; height:95px; margin-bottom:12px; background:url(https://images.hange.jp/hangame/easy/typing/playguide/line1.gif) 0 bottom repeat-x;}
.playguide .section .songList li.last {margin-bottom:0; background:none;}
.playguide .section .songList p {line-height:1.3;}
.playguide .section .songList .image {float:left; margin-right:14px; padding:4px; background:#f4f4f4;}
.playguide .section .songList .title {padding-top:6px; font-weight:bold;}
.playguide .section .songList .title em {color:#907bf0; font-style:normal; font-family:Tahoma;}
.playguide .section .songList .discription {padding-top:5px;}

.playguide .section .guideBox {margin-top:20px; background:url(https://images.hange.jp/hangame/easy/typing/playguide/guidebox_middle.gif) repeat-y 0 0;}
.playguide .section .guideBox .top {background:url(https://images.hange.jp/hangame/easy/typing/playguide/guidebox_top.gif) no-repeat 0 top;}
.playguide .section .guideBox .bottom {background:url(https://images.hange.jp/hangame/easy/typing/playguide/guidebox_bottom.gif) no-repeat 0 bottom;}
.playguide .section .guideBox .cts {padding:18px 22px;}
.playguide .section .guideBox .cts h3 {padding-bottom:4px;}
.playguide .section .guideBox .cts p {color:#8c8c8c;}
.playguide .section .guideBox .cts a {color:#8c8c8c; text-decoration:underline;}

.playguide .section p.btn {padding-top:10px;}
.playguide .section p.btn a {display:inline; padding-right:4px;}

.playguide .section .exile h5 {padding:0 0 10px 10px;}
.playguide .section .exile .example {margin:0 0 22px 10px;}
.playguide .section .exile .example li {padding:0 0 10px 12px; background:url(https://images.hange.jp/hangame/easy/typing/playguide/point_list.gif) no-repeat 0 6px;}
.playguide .section .exile .example_img .img_l {float:left; color:#a2a2a2;}
.playguide .section .exile .example_img .img_r {float:right; color:#a2a2a2;}

.playguide .section ol.i_t_lineset .inLi_left {clear:none; width:300px; overflow:auto;}
.playguide .section ol.i_t_lineset .inLi_left li {margin:0; padding:0 0 0 12px; background:none; text-indent:-12px;}
.playguide .section ol.i_t_lineset .inLi_center {clear:none; overflow:auto;}
.playguide .section ol.i_t_lineset .inLi_center li {margin:0; padding:0; background:none;}



/* copy
-------------------------------------------------- */
.playguide .numList li {margin-left:8px; padding-left:23px;}
.playguide .numList .n01{background: url(https://images.hange.jp/hangame/easy/typing/common/ico_num_01.gif) no-repeat 0 2px;}
.playguide .numList .n02{background: url(https://images.hange.jp/hangame/easy/typing/common/ico_num_02.gif) no-repeat 0 2px;}
.playguide .numList .n03{background: url(https://images.hange.jp/hangame/easy/typing/common/ico_num_03.gif) no-repeat 0 2px;}
.playguide .numList .n04{background: url(https://images.hange.jp/hangame/easy/typing/common/ico_num_04.gif) no-repeat 0 2px;}
.playguide .numList .n05{background: url(https://images.hange.jp/hangame/easy/typing/common/ico_num_05.gif) no-repeat 0 2px;}
.playguide .numList .n06{background: url(https://images.hange.jp/hangame/easy/typing/common/ico_num_06.gif) no-repeat 0 2px;}
.playguide .numList .n07{background: url(https://images.hange.jp/hangame/easy/typing/common/ico_num_07.gif) no-repeat 0 2px;}
.playguide .numList .n08{background: url(https://images.hange.jp/hangame/easy/typing/common/ico_num_08.gif) no-repeat 0 2px;}


/* cntTxt
--------------------------------------------------*/
.playguide .cntTxt {width: 562px; margin: 0 auto; padding: 14px 0 12px; line-height:1.5;}

/* L-img
--------------------------------------------------*/
.playguide ul.L-img li {min-height: 181px; _height: 181px; border-bottom: 1px dashed #ededed; }
.playguide ul.L-img li img {float: left; margin: 0 20px 0 0; }
.playguide ul.L-img li p a img {float: none; margin-top: 5px;}
.playguide ul.L-img li .textBox {float: left; width: 310px;}
.playguide .flow2 ul.L-img li .textBox,
.playguide .flow3 ul.L-img li .textBox {float: left; width: 310px; line-height:1.5; }