@charset "utf-8";
/*_____________________________________
 _____   ____        ____  ____  ______
/  ___| / _  | ___  / _  ||  __||_    _|
\___  \| |_| ||___|| | | ||  __|  |  |
|_____/|_____|     |_| |_||____|  |__|
________________________________________
___________ KOICHI.TSUJI@SO-NET.CO.JP */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-style: normal; }
body { font-size: 80%; font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif; line-height: 1.6; color: #444444; }
ul, ol { list-style: none }
fieldset, img { border: none }
caption, th { text-align: left }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; }
select option { padding: 0 5px }
form label { cursor: pointer }
input { vertical-align: middle }
a { text-decoration: none; color: #314da5; }
a:visited { text-decoration: none; color: #314da5; }
a:hover { text-decoration: underline; }

.obi,
.search,
.target a.on,
.search-box,
.search-btn,
.bookmarks,
.bookmarks li,
.bookmarks a.edit,
h2,
.main-btn,
.index h2 a,
.column.nav .index li.expand a,
.column.nav .mobile,
.news .tab li a,
.news .box .topics,
.news .box .topics .list a,
.news .news-pr a,
.showcase-north,
.showcase-south,
.osusume .recipe .text,
.osusume .recipe a.link,
.ranking a.link,
.section.point .link,
.section.point .link li a,
.mypanel h2 a,
.mypanel .today,
.mypanel .box .shortcut a,
.mypanel .box .l2-login a,
.mypanel .box li,
.mypanel .box.access h3 a,
.section.access.business .btn a,
.section.access .campaign a.sub,
.aside.pr-banner{ background-image: url(../img/img_pad.png); background-repeat: no-repeat; }

.keywords a.sp,
.notice.pr span a,
.bookmarks li a,
.access-quick .tel span,
.column.nav .support .shortcut a.newly,
.column.nav .index li a span.new,
.column.nav .index li a span.sp,
.news .box li a.new,
.section.point h2 a.game,
.section.point h2 a.hako,
.section.point .point-site a,
.section.point .picup span,
.mypanel .today a,
.access .tel span,
.section.announce .banner a,
.aside.pr-banner a,
.policy{ background-image: url(../img/bnr_pad.png); background-repeat: no-repeat; }

.mypanel .box .l2-login a { background-image: url(../img/mypanel_img_pad.png); background-repeat: no-repeat; }

/* header */
.obi { background-repeat: repeat-x; min-width:950px; background-position: 0 100%; }
.obi .box { position: relative; margin: 0 auto; padding-top: 3px; width: 74.25em; height: 2.2em; min-width: 950px; text-align: right; line-height: 1.2; color: #ffffff; }
.obi a,
.obi a:visited { color: #ffffff }
.obi .text-pr { position: absolute; top: 3px; left: 0; }
.obi .sonet-tool { font-size: 85% }
.obi #link_smartphone a,
.obi #link_smartphone a:visited { color: #fe822f; }
.header { position: relative; margin: 0 auto; width: 74.25em; min-width: 950px; height: 184px; z-index: 10000; }
h1 { position: absolute; top: 20px; left: 10px; }
.search { position: absolute; top: 0; left: 200px; width: 49.5em; min-width: 635px; height: 100px; background-position: 0 -30px; z-index:1000; }
.target { position: absolute; top: 10px; left: 22px; }
.target a { display: inline-block; margin: 0 2px; line-height: 22px; font-size: 93%; }
.target a.on { background-position: 50% 17px; font-weight: bold; color: #444444; }
.target a.on:hover { text-decoration: none }
.search-box { position: absolute; top: 31px; left: 20px; padding: 3px 0 0 6px; width: 500px; height: 31px; background-position: 0 -200px; z-index: 10000; }
.search-box input { width: 498px; height: 28px; border: none; background: none; line-height: 28px; outline: 0px none black; font-size: 15px; font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif; }
.search-btn { position: absolute; top: 31px; left: 526px; width: 85px; height: 34px; background-position: -700px -200px; }
.search-btn input { width: 85px; height: 34px; border: none; background: none; letter-spacing: 5px; text-shadow: 0px 1px 0px #fdd679; font-size: 14px; font-weight: bold; color: #523b05; cursor: pointer; }
.search-btn input:hover { color: #100b00 }
#srchAssistTop { position: absolute; top: 63px; left: 24px; width: 360px; border: 1px #a5a5a5 solid; border-top: none; background: #ffffff; z-index: 10000; }
#srchAssistTop li a { display: block; padding: 2px 10px; }
#srchAssistTop li.on a { background-color: #d0dff7 }
.srchAssistTxt { padding: 2px 10px; color: #777777; }
.keywords { position: absolute; top: 71px; left: 20px; }
.keywords a.sp { padding-left: 18px; background-position: 0 -1197px; }
div.notice.pr { overflow: auto; padding: 106px 0 4px 0; }
.notice.pr span { display: block; float: left; width: 24.5em; min-width: 310px; text-align: center; line-height: 20px; }
.notice.pr span a { display: inline-block }
.notice.pr span a.no1 { padding-left: 26px; background-position: -979px -995px; }
.notice.pr span a.no2 { padding-left: 26px; background-position: 0 -1095px; }
.notice.pr span a.no3 { padding-left: 23px; background-position: -500px -1098px; }
.notice.pr span a.no4 { padding-left: 21px; background-position: 0 -1197px; }
.notice.pr span a.no5 { padding-left: 26px; background-position: -500px -1196px; }
.notice.pr span a.no6 { padding-left: 12px; background-position: 0 -994px; }
.notice.fault { padding: 106px 0 4px 10px }
.notice.fault a { font-weight: bold }
.notice.fault span.status { padding: 0 5px 0 10px; color: #da6a07; }
.season-sp { display:block;	position:absolute; top:5px;	right:5px; width:100px;	height:90px;}

.bookmarks { clear: both; padding: 0 8px; height: 41px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #4e4e4e; background-position: 0 -1800px; background-repeat: repeat-x; z-index: 1; }
.bookmarks li { float: left; padding-right: 1px; height: 30px; background-position: 100% -1870px; }
.bookmarks li a { float: left; display: block; padding:6px 4px 0 24px; height: 24px; background-position: -700px 2px; line-height: 20px; color: #ffffff; }
.bookmarks li a.image { position:relative; padding-left:22px; }
.bookmarks a:visited { color: #ffffff }
.bookmarks a.mail { background-position: 5px -693px }
.bookmarks a.blog { background-position: -195px -693px }
.bookmarks a.point { background-position: -395px -693px }
.bookmarks a.calendar { background-position: -595px -693px }
.bookmarks a.news { background-position: -795px -693px }
.bookmarks a.weather { background-position: 5px -793px }
.bookmarks a.map { background-position: -195px -793px }
.bookmarks a.tv { background-position: -395px -793px }
.bookmarks a.dictionary { background-position: -595px -793px }
.bookmarks a.translation { background-position: -795px -793px }
.bookmarks a.k-words,
.bookmarks a.tel,
.bookmarks a.tokuten,
.bookmarks a.image,
.bookmarks a.noimage{ background: none; padding-left: 5px; }
.bookmarks a.image img{ position:absolute; top:7px; left:4px; width:16px; height:16px;}
.bookmarks a:hover { background-color: #282828; text-decoration: none; }
.bookmarks a.edit { display: block; float: right; margin-top: 7px; width: 36px; height: 17px; background-position: 0 -1880px; text-align: center; line-height: 17px; font-size: 11px; color: #4d4d4d !important; }
.bookmarks span.text{ display:block; float:left; line-height:30px; color:#ffffff;}

.article { margin: 0 auto; width: 74.25em; min-width: 950px; overflow: hidden; }
.column.nav { float: left; width: 12.52em; min-width: 160px; }
.column.contents { float: left; margin-left: 20px; width: 31.25em; min-width: 400px; }
.column.service { float: left; margin-left: 20px; width: 27.35em; min-width: 350px; }
* html .column.contents { margin-left: 14px }
* html .column.service { margin-left: 14px }
.section { padding-top: 30px }
h2 { margin-bottom: 10px; padding: 0 0 2px 10px; background-position: 0 -300px; line-height: 18px; /display: inline-block; }

/* .column.nav */
.column.nav .section { padding-top: 20px }
.column.nav .access-quick { padding-top: 0 }
.column.nav .main-btn { display: block; width: 160px; text-align: center; text-shadow: 0px 1px 0px #fdd679; font-size: 14px; font-weight: bold; color: #523b05; }
.column.nav .main-btn:hover { text-decoration: none; color: #100b00; }
.column.nav .main-btn:visited { color: #523b05 }
.column.nav .access-quick .main-btn { height: 37px; background-position: -800px -150px; line-height: 37px; }
.column.nav .access-quick .main-btn.admission { height: 45px; background-position: -800px -250px; line-height: 45px; }
.column.nav .access-quick .shortcut { padding: 8px 0 0 5px }
.column.nav .access-quick .tel { margin-top: 8px; padding: 8px 0 0 5px; border-top: 1px #b0b0b0 dotted; font-weight: bold; }
.column.nav .access-quick .tel span { display: block; padding-left: 22px; background-position: -300px 3px; color: #c75400; }
.column.nav .access-quick .bnr-access{ display:block; margin-top:5px;}
.column.nav .access-quick .solution { margin-top: 5px; padding: 8px 0 0 5px; border-top: 1px #b0b0b0 solid; }
.column.nav .access-quick .other { margin-top: 8px; padding: 5px 0 0 5px; border-top: 1px #b0b0b0 solid; }
.column.nav .section.support { padding-top: 15px }
.column.nav .support .main-btn { height: 37px; background-position: -800px -150px; line-height: 37px; }
.column.nav .support .main-btn:hover { color: #100b00; }
.column.nav .support .shortcut { padding: 8px 0 0 5px }
.column.nav .support .shortcut a.newly { display: inline-block; padding-left: 15px; background-position: 0px -498px; }
.column.nav .index h2 { position: relative }
.column.nav .index h2 a { position: absolute; top: 0; right: 0; padding-left: 8px; background-position: -600px -594px; font-size: 85%; font-weight: normal; }
.column.nav .index h3 { padding: 5px 0 0 5px; border-top: 1px #b0b0b0 dotted; }
.column.nav .index h3.first { padding-top: 0; border-top: none; }
.column.nav .index ul { padding: 1px 0 5px 4px }
* html .column.nav .index li { border-bottom: 1px #ffffff solid }
.column.nav .index li a { display: block; position: relative; height: 1.6em; border: 1px #ffffff solid; }
.column.nav .index li a span.new,
.column.nav .index li a span.sp{ display: inline-block; height: 1.6em; text-indent: -999px; }
.column.nav .index li a span.sp { width: 21px; background-position: 100% -897px; }
.column.nav .index li a span.new { width: 26px; background-position: 100% -996px; }
.column.nav .index li.expand a { background-position: 100% -594px }
.column.nav .index ul li a:hover,
.column.nav .index ul.jd_menu li.jdm_hover a,
.column.nav .index ul.jd_menu li.jdm_active a { border: 1px #d4d4d4 solid; background: none; background-color: #eaeaea; }
.column.nav .index ul ul { padding: 0; border: 1px #bebebe solid; border-bottom: none; -moz-box-shadow: 3px 3px 2px #ffffff; -webkit-box-shadow: 3px 3px 2px #ffffff; }
.column.nav .index ul.jd_menu ul,
.column.nav .index ul.jd_menu_vertical ul { position: absolute; display: none; z-index: 10000; margin-left: -1px; }
.column.nav .index li li { width: 18em; border-bottom: 1px #bebebe solid; background-color: #ffffff; }
.column.nav .index li li a { display: block; padding: 3px 0 3px 5px; border: none !important; background: none !important; }
.column.nav .index li li a:hover { background-color: #dedede !important }
.column.nav .mobile { margin-top: 5px; padding-left: 5px; background-position: 100% -1588px; }
.column.nav .mobile h3 { padding: 10px 0 0 0 }
.column.nav .mobile span { display: block; padding: 3px 54px 5px 0; font-size: 85%; }

/* .column.contents */
.section.news { padding-top: 0 }
.news .tab { position: relative; overflow: auto; z-index: 100; }
.news .tab li { float: left; margin: 3px 0 0 1px; border-bottom: 1px #ffffff solid; }
.news .tab li a { display: block; line-height: 22px; text-align: center; font-size: 93%; color: #454545; }
.news .tab li a:hover { text-decoration: none }
.news .tab li.main a { width: 3.7em; min-width:40px; background-position: 0px -500px; }
.news .tab li.kokunai a { width: 3.7em; min-width:40px; background-position: -100px -500px; }
.news .tab li.keizai a { width: 3.7em; min-width:40px; background-position: -200px -500px; }
.news .tab li.kaigai a { width: 3.7em; min-width:40px; background-position: -300px -500px; }
.news .tab li.entame a { width: 4.5em; min-width:54px; padding: 0 4px; background-position: -400px -500px; }
.news .tab li.sports a { width: 4.5em; min-width:54px; padding: 0 4px; background-position: -600px -500px; }
.news .tab li.life a { width: 3.7em; min-width:40px; background-position: -800px -500px; }
.news .tab li.list a { width: 3.7em; min-width:40px; background-position: -900px -500px; }
.news .tab li.main a:hover { background-position: 0px -540px }
.news .tab li.kokunai a:hover { background-position: -100px -540px }
.news .tab li.keizai a:hover { background-position: -200px -540px }
.news .tab li.kaigai a:hover { background-position: -300px -540px }
.news .tab li.entame a:hover { background-position: -400px -540px }
.news .tab li.sports a:hover { background-position: -600px -540px }
.news .tab li.life a:hover { background-position: -800px -540px }
.news .tab li.list a:hover { background-position: -900px -540px }
.news .tab li.on { margin-top: 0; border-top: 1px #444444 solid; border-left: 1px #444444 solid; border-right: 1px #444444 solid; border-bottom: none; }
.news .tab li.on a { padding-bottom: 1px; background: none; background-color: #ffffff; color: #333333; }
.news .tab li#n_m1.on a { border-top: 3px #ffae00 solid }
.news .tab li#n_m2.on a { border-top: 3px #b50a00 solid }
.news .tab li#n_m3.on a { border-top: 3px #0036b2 solid }
.news .tab li#n_m4.on a { border-top: 3px #7628e6 solid }
.news .tab li#n_m5.on a { border-top: 3px #ff5815 solid }
.news .tab li#n_m6.on a { border-top: 3px #0094cd solid }
.news .tab li#n_m7.on a { border-top: 3px #85dd36 solid }
.news .box { clear: both; position: relative; margin-top: -1px; padding: 2px 0 0 0; border-top: 1px #444444 solid; z-index: 1; }
.news .box .topics { position: relative; overflow: hidden; padding: 3px 10px 1.4em 72px; width: 24.9em; min-width: 318px; min-height: 49px; background-position: 0 -600px; }
* html .news .box .topics { height: 49px }
.news .box .topics .image { position: absolute; top: 4px; left: 4px; }
.news .box .topics .image img { border: 1px #ffffff solid }
.news .box .topics .image:hover img { border: 1px #314da5 solid }
.news .box .topics a span { font-size: 85%; color: #555555; }
.news .box .topics .list { position: absolute; bottom: 0; right: 0; padding: 2px 2px 0 10px; border-top-left-radius: 10px; background-color: #ffffff; line-height: 1.2; }
.news .box .topics .list a { padding-left: 8px; background-position: -600px -594px; font-size: 93%; }
.news .box ul { padding-top: 8px }
.news .box li { vertical-align: bottom; line-height: 1.7; }
.news .box li a.new { padding-right: 27px; background-position: 100% -996px; }
.news .news-pr { padding-top: 4px; min-height:52px; }
.news .news-pr td a { padding-right: 23px; background-position: 100% -896px; line-height: 1.7; }
.showcase-north { overflow: hidden; padding-top: 15px; min-height:104px; border-top: 1px #b0b0b0 solid; background-position: 100% -999px; }
.showcase-north table { width: 100%; background-color: #ffffff; }
.showcase-north td a { display: block; width: 15.3em; min-width: 195px; font-weight: bold; }
.showcase-north td span { display: block; padding: 2px 0 0 0; min-height: 82px; font-size: 93%; font-weight: normal; color: #444444; }
.showcase-north td a.text:hover { background-color: #eef2f8 }
.showcase-north td a.text img { float: left; margin-right: 5px; }
.showcase-south { clear: both; overflow: hidden; margin-top: 15px; padding: 5px 0; background-position: 100% -999px; background-color: #eef2f8; }
.showcase-south a { font-weight: bold }
.showcase-south img { float: left; margin-right: 8px; }
.showcase-south span { display: block; padding-top: 3px; font-size: 93%; font-weight: normal; color: #444444; }
.osusume { clear: both }
.section.osusume { padding-top: 25px }
.osusume .s-waku { overflow: hidden; height: 13em; min-height:150px; border-bottom: 1px #b0b0b0 dotted; }
.osusume .s-waku .tab { clear: both; position: relative; overflow: hidden; z-index: 100; margin-bottom: 12px; }
.osusume .s-waku .tab li { float: left }
.osusume .s-waku .tab li a { display: block; margin-top: 3px; padding: 1px 1px 0 1px; border-top: 1px #bbbbbb solid; border-bottom: 1px #cccccc solid; background-color: #e6e6e6; text-align: center; font-size: 93%; color: #444444; }
.osusume .s-waku .tab li a:hover { background-color: #cccccc; text-decoration: none; }
.osusume .s-waku .tab li.on a { margin-top: 0; padding: 4px 0 0 0; border-left: 1px #a8a8a8 solid; border-right: 1px #a8a8a8 solid; border-bottom: 1px #ffffff solid; border-top: 1px #aeaeae solid; background-color: #ffffff; }
.osusume .s-waku .tab li.no1 a,
.osusume .s-waku .tab li.no2 a,
.osusume .s-waku .tab li.no3 a,
.osusume .s-waku .tab li.no4 a,
.osusume .s-waku .tab li.no5 a { width: 5em }
.osusume .s-waku .tab li.otoku a { width: 7.2em }
.osusume .s-waku .tab.night li.no1 a,
.osusume .s-waku .tab.night li.no2 a,
.osusume .s-waku .tab.night li.no3 a,
.osusume .s-waku .tab.night li.no4 a,
.osusume .s-waku .tab.night li.no5 a,
.osusume .s-waku .tab.night li.no6 a { width: 4.3em }
.osusume .s-waku .tab.night li.otoku a { width: 6.3em }
.osusume .s-waku .pattern1,
.osusume .s-waku .pattern2,
.osusume .s-waku .pattern3 { clear: both }
.osusume .s-waku .pattern1 a { font-weight: bold; overflow: hidden; }
.osusume .s-waku .pattern1 img { float: left; margin: 2px 8px 0 0; }
.osusume .s-waku .pattern1 span { display: block; padding-top: 2px; font-weight: normal; }
.osusume .s-waku .pattern2 { overflow: hidden }
.osusume .s-waku .pattern2 a { font-weight: bold }
.osusume .s-waku .pattern2 .block { float: left; display: block; margin: 2px 5px 0 5px; width: 9.5em; text-align: center; }
.osusume .s-waku .pattern3 a { font-weight: bold }
.osusume .s-waku .pattern3 img { float: left; margin: 2px 8px 0 0; }
.osusume .s-waku .pattern3 span a { font-weight: normal; }
* html .osusume .s-waku .pattern2 .block { margin: 2px 4px 0 4px }
.osusume .s-waku .pattern2 .block img { margin-bottom: 2px; vertical-align: bottom; }
.osusume .s-waku .pattern2 .block span { display: block; line-height: 1.2; font-weight: normal; }
.osusume .topics { clear: both; overflow: hidden; padding-top: 4px; }
.osusume .topics a { display: block; margin-top: 10px; width: 10.3em; padding-left: 65px; background-position: 0 3px; background-repeat: no-repeat; }
.osusume .topics a span { display: block; min-height:26px; line-height: 1.2; font-size: 85%; color: #444444; }
.osusume .topics a.no1,
.osusume .topics a.no3 { float: left }
.osusume .topics a.no2,
.osusume .topics a.no4 { float: right }
.osusume .topics a.no3 { clear:both; }
.osusume .recipe { clear:both; position:relative; margin-top:14px; padding:14px 0 0 70px; width:25.8em; border-top: 1px #b0b0b0 dotted; line-height:1.2; }
.osusume .recipe h3 { padding-bottom:1px }
.osusume .recipe a.text { padding-left: 11px; background-position: -800px -395px; font-size: 85%; }
.osusume .recipe a.image { display:block; position:absolute; top:16px; left:0; width:60px; height:40px; }
.osusume .recipe a.link {position: absolute; top: 15px; right: 0; padding-left: 8px; background-position: -600px -596px; font-size:85%; }
.osusume .ranking { clear: both; margin-top: 15px; padding-top: 10px; border-top: 1px #b0b0b0 dotted; }
.osusume .ranking h3 { clear: both; padding-bottom: 5px; }
.osusume .ranking .tab { clear: both; position: relative; overflow: auto; z-index: 100; margin-bottom: 12px; }
.osusume .ranking .tab li { float: left }
.osusume .ranking .tab li a { display: block; margin-top: 3px; padding: 1px 1px 0 1px; border-top: 1px #bbbbbb solid; border-bottom: 1px #cccccc solid; background-color: #e6e6e6; text-align: center; font-size: 93%; color: #444444; }
.osusume .ranking .tab li a:hover { background-color: #cccccc; text-decoration: none; }
.osusume .ranking .tab li.on a { margin-top: 0; padding: 4px 0 0 0; border-left: 1px #a8a8a8 solid; border-right: 1px #a8a8a8 solid; border-bottom: 1px #ffffff solid; border-top: 1px #aeaeae solid; background-color: #ffffff; }
.osusume .ranking .tab li.no1 a { width: 5.4em }
.osusume .ranking .tab li.no2 a { width: 6.9em }
.osusume .ranking .tab li.no3 a,
.osusume .ranking .tab li.no4 a,
.osusume .ranking .tab li.no5 a,
.osusume .ranking .tab li.no6 a { width: 5em }
.osusume .ranking h4 { clear: both; padding: 5px 0; }
.osusume .ranking h4 img { vertical-align: top }
.osusume .ranking p.both-sides { clear: both; position: relative; margin: 10px 0; }
.osusume .ranking p.both-sides.top { margin: 0 0 5px 0 }
.osusume .ranking p.both-sides span { font-size: 85% }
.osusume .ranking p.both-sides a.link { position: absolute; top: 0; right: 0; padding-left: 8px; background-position: -600px -594px; }
.osusume .ranking table { width: 31em }
.osusume .ranking td { padding-right: 5px; vertical-align: top; }
.osusume .ranking td.rank { width: 1.5em }
.osusume .ranking td.rank span { display: block; width: 1.5em; padding: 4px 0; background-color: #333333; text-align: center; line-height: 1; color: #ffffff; }
.osusume .ranking td.title img { float: left; margin-right: 5px; }
.osusume .ranking .tv td { padding-bottom: 3px }
.osusume .ranking .tv td.title { width: 29.5em }
.osusume .ranking .dvd td { padding-bottom: 10px }
.osusume .ranking .dvd td.title img { width: 60px }
.osusume .ranking .dvd td.title span { display: block; padding-top: 3px; line-height: 1.4; font-size: 85%; color: #666666; }
.osusume .ranking .movie h4 span { font-size: 85%; font-weight: normal; }
.osusume .ranking .movie td { padding-bottom: 10px }
.osusume .ranking .movie td.title { width: 26em }
.osusume .ranking .movie td.title img { width: 60px }
.osusume .ranking .movie td.lastweek { width: 1.5em; text-align: center; white-space: pre; }
.osusume .ranking .movie td.result { width: 2em; text-align: center; white-space: pre; }
.osusume .ranking .movie td .new { display: block; margin: 5px auto; width: 2.4em; padding: 1px 0; background-color: #eb7a00; text-align: center; line-height: 1; font-size: 10px; font-weight: bold; color: #ffffff; }
.osusume .ranking .movie td .up { font-size: 16px; font-weight: bold; color: #008aff; }
.osusume .ranking .movie td .down { font-size: 16px; font-weight: bold; color: #ff4800; }
.osusume .ranking .movie td .keep { color: #aaaaaa }
.osusume .ranking .music h3 { position: relative }
.osusume .ranking .music h3 a.link { position: absolute; top: 0; right: 0; padding-left: 8px; background-position: -600px -594px; font-weight: normal; }
.osusume .ranking .music .shinseido,
.osusume .ranking .music .hmv,
.osusume .ranking .music .mora{	overflow: hidden;	float:left;	padding-bottom:5px;	width:10em; min-width:128px; }
.osusume .ranking .music .hmv,
.osusume .ranking .music .mora{	padding-left:4px; }
.osusume .ranking .music h4 span { display:block; font-size: 85%; font-weight: normal; }
.osusume .ranking .music td.title { line-height:1.4 }
.osusume .ranking .music .artist { display:block; font-size: 85%; color: #666666; }
.osusume .ranking .music .notice { clear:both; margin-top: 5px; padding: 3px 5px; background-color: #eeeeee; line-height: 1.2; font-size: 85%; }
.osusume .ranking .music p.both-sides { text-align: right }
.osusume .ranking .music p.both-sides a.link { position: static }
.osusume .ranking .travel .world { float: left; width: 11.3em; }
.osusume .ranking .travel .yado { float: right; width: 19.3em; }
.osusume .ranking .travel .world table { width: 11em }
.osusume .ranking .travel .yado table { width: 19em }
.osusume .ranking .travel .travel-words { clear: both }
.osusume .ranking .travel .site-link { text-align: right }
.osusume .ranking .travel .site-link a.link { padding-left: 8px; background-position: -600px -594px; }
.osusume .ranking .job p.both-sides.top { margin: 0 0 -1.5em 0; text-align:right; }
.osusume .ranking .job td { padding-bottom: 3px }
.osusume .ranking .job td.title { width: 29.5em }
.section.point h2 { clear: both; position: relative; margin-bottom: 0; }
.section.point h2 a.hako { position: absolute; top: 2px; right: 0; display: block; width: 28px; height: 12px; background-position: 100% -600px; }
.section.point h2 a.game { position: absolute; top: 0; right: 43px; display: block; width: 30px; height: 16px; background-position: 0 -600px; }
.section.point .link { overflow: hidden; height: 60px; background-position: -200px -756px; }
.section.point .link li { float: left }
.section.point .link li a { display: block; width: 8.39em; min-width:100px; height: 22px; background-position: 0 -800px; text-align: center; line-height: 22px; font-size: 93%; color: #444444; }
.section.point .link li a { width: 8.38em\9 }
.section.point .link li a:hover { background: none; background-color: #c4c3c3; text-decoration: none; }
.section.point .link li.no1 a,
.section.point .link li.no5 a { background-position: -2px -800px }
.section.point .point-site { clear: both; overflow: hidden; padding-top: 0; }
.section.point .point-site a { float: left; display: block;}
.section.point .point-site a.no1,
.section.point .point-site a.no2,
.section.point .point-site a.no3{ margin-bottom: 12px; padding-left: 30px; min-height:25px; line-height:25px; }
.section.point .point-site a.no2,
.section.point .point-site a.no3{ margin-left:10px; }
.section.point .point-site a.no4,
.section.point .point-site a.no5 { margin-bottom: 10px; width: 10.3em; min-height: 44px; padding-left: 65px; }
.section.point .point-site a.no5 { float:right;}
* html .section.point .point-site a.no4,
* html .section.point .point-site a.no5 { height: 44px }
.section.point .point-site a span { display: block; line-height: 1.2; font-size: 85%; color: #444444; }
.section.point .point-site a.no1 { background-position: 0  -1300px; }
.section.point .point-site a.no2 { background-position: -300px -1300px; }
.section.point .point-site a.no3 { background-position: -600px -1300px; }
.section.point .point-site a.no4 { background-image: none; background-position: 0 4px; }
.section.point .point-site a.no5 { background-image: none; background-position: 0 4px; }
.section.point .point-site a#w-chance { background-position: -500px -300px !important }
.section.point .picup { clear: both; margin-top: 10px; padding: 15px 0 5px 0; border-top: 1px #b0b0b0 dotted; }
.section.point .picup a { line-height: 1.8 }
.section.point .picup span { padding-left: 27px; background-position: 10px -1197px; color: #ff6600; }
.section.point .point-site span.no1 { display: block; margin-top: 10px; width: 10.3em; min-height: 44px; padding-left: 65px; }
* html .section.point .point-site span.no1 { height: 44px }
.section.point .point-site span.no1 span { display: block; line-height: 1.2; font-size: 85%; color: #444444; }
.section.point .point-site span.no1 { float: left; background-image: none; background-repeat: no-repeat; background-position: 0 4px; }

/* .column.service */
.column.service .section { width: 27.35em; min-width: 350px; }
.aside.banner-rectangle { height: 240px }
.mypanel h2 { position: relative }
.mypanel h2 a.login { position: absolute; top: -5px; right: 0; display: block; width: 72px; height: 23px; background-position: -700px -250px; text-align: center; text-shadow: 0px 1px 0px #fdd679; line-height: 23px; font-size: 12px; font-weight: bold; color: #523b05; }
.mypanel h2 a.login:hover { text-decoration: none; color: #100b00 !important; }
.mypanel h2 a.login:visited { color: #523b05 }
.mypanel h2 a.logout { position: absolute; top: -1px; right: 0; font-size: 12px; font-weight: normal; }
.mypanel .user { position: relative; padding-right: 8.5em; }
.mypanel .user .setup { position: absolute; top: 1px; right: 0; font-size: 85%; }
.mypanel .user .name { padding-right: 5px; font-weight: bold; }
.mypanel .today { position: relative; margin-top: 5px; padding-left: 10px; background-color: #222222; background-position: -600px -300px; line-height: 24px; color: #ffffff; /display: inline-block; }
.mypanel .today .day { padding-right: 5px; font-weight: bold; }
.mypanel .today .color1 { color:#ffffff }
.mypanel .today .color2 { color:#b8e3ff }
.mypanel .today .color3 { color:#ffb8c4 }
.mypanel .today a { position: absolute; top: 0; right: 0px; padding: 0 8px 0 24px; background-position: -700px 3px; text-decoration: underline; font-size: 93%; color: #ffffff; }
.mypanel .status { clear: both; width: 27.35em; }
.mypanel .status td { padding: 3px 0; width: 49%; border-bottom: 1px #a7a7a8 dotted; border-left: 1px #a7a7a8 dotted; font-size: 93%; }
.mypanel .status td img { vertical-align: middle }
.mypanel .status .block01,
.mypanel .status .block03 { border-left: none }
.mypanel .status .block02,
.mypanel .status .block04 { padding-left: 5px }
.mypanel .status .block03,
.mypanel .status .block04 { border-bottom: none }
.mypanel .status .setup { padding-left: 5px; font-size: 77%; }
.mypanel .tab { position: relative; overflow: hidden; z-index: 100; width: 27.35em; min-width: 350px; }
.mypanel .tab li { float: left; margin: 3px 0 0 1px; border-bottom: 1px #ffffff solid; }
.mypanel .tab li a { display: block; padding: 5px 0; line-height: 1.2; text-align: center; font-size: 93%; color: #ffffff; }
.mypanel .tab li a:hover { text-decoration: none }
.mypanel .tab li.access { border-right: 1px #a93870 solid }
.mypanel .tab li.mail { border-right: 1px #bf4a2d solid }
.mypanel .tab li.point { border-right: 1px #b36c0c solid }
.mypanel .tab li.blog { border-right: 1px #257c47 solid }
.mypanel .tab li.weather { border-right: 1px #137869 solid }
.mypanel .tab li.uranai { border-right: 1px #166583 solid }
.mypanel .tab li.tv { border-right: 1px #4f4b83 solid }
.mypanel .tab li.game { border-right: 1px #7c437f solid }
.mypanel .tab li.access a { width: 4.7em; background-color: #e14b96 }
.mypanel .tab li.mail a { width: 3.8em; background-color: #ff633c; }
.mypanel .tab li.point a { width: 4.7em; background-color: #ef9010; }
.mypanel .tab li.blog a { width: 3.7em; background-color: #32a55f; }
.mypanel .tab li.weather a { width: 3.4em; background-color: #19a08c; }
.mypanel .tab li.uranai a { width: 3.4em; background-color: #1e87af; }
.mypanel .tab li.game a { width: 3.7em; background-color: #a55aaa; }
.mypanel .tab li.access a:hover { background-color: #a93870 }
.mypanel .tab li.mail a:hover { background-color: #bf4a2d }
.mypanel .tab li.point a:hover { background-color: #b36c0c }
.mypanel .tab li.blog a:hover { background-color: #257c47 }
.mypanel .tab li.weather a:hover { background-color: #137869 }
.mypanel .tab li.uranai a:hover { background-color: #166583 }
.mypanel .tab li.game a:hover { background-color: #7c437f }
.mypanel .tab li.on { margin-top: 0; border-top: 1px #444444 solid; border-left: 1px #444444 solid; border-right: 1px #444444 solid; border-bottom: none; }
.mypanel .tab li.on a { padding-bottom: 6px; color: #333333; }
.mypanel .tab li#my_panel_access.on a { border-top: 3px #e14b96 solid; background-color: #fff6fb; }
.mypanel .tab li#my_panel_mail.on a { border-top: 3px #ff633c solid; background-color: #fff3f0; }
.mypanel .tab li#my_panel_point.on a { border-top: 3px #ef9010 solid; background-color: #fef6ec; }
.mypanel .tab li#my_panel_blog.on a { border-top: 3px #32a55f solid; background-color: #eff8f2; }
.mypanel .tab li#my_panel_weather.on a { border-top: 3px #19a08c solid; background-color: #edf8f6; }
.mypanel .tab li#my_panel_uranai.on a { border-top: 3px #1e87af solid; background-color: #edf6f9; }
.mypanel .tab li#my_panel_game.on a { border-top: 3px #a55aaa solid; background-color: #f8f2f8; cursor: default; }
.mypanel .box { clear: both; position: relative; margin-top: -1px; padding: 5px 5px 10px 5px; border-top: 1px #444444 solid; z-index: 1; }
.mypanel .box.default { border-bottom: 2px #acacac solid; background-color: #d3d3d3; }
.mypanel .box.access { border-bottom: 2px #e14b96 solid; background-color: #fff6fb; }
.mypanel .box.mail { border-bottom: 2px #ff633c solid; background-color: #fff3f0; }
.mypanel .box.point { border-bottom: 2px #ef9010 solid; background-color: #fef6ec; }
.mypanel .box.blog { border-bottom: 2px #32a55f solid; background-color: #eff8f2; }
.mypanel .box.weather { border-bottom: 2px #19a08c solid; background-color: #edf8f6; }
.mypanel .box.uranai { border-bottom: 2px #1e87af solid; background-color: #edf6f9; }
.mypanel .box.game { border-bottom: 2px #a55aaa solid; background-color: #f8f2f8; }
.mypanel .box h3 { clear: both; padding: 10px 0 5px 0; }
.mypanel .box h3 .setup { padding-left: 5px; font-size: 85%; font-weight: normal; }
.mypanel .box .shortcut { position: absolute; top: 5px; right: 0; }
.mypanel .box .shortcut a { display: block; float: left; margin-left: 2px; padding: 0 2px; background-position: 0 -400px; background-color: #676767; line-height: 1.4; font-size: 93%; color: #ffffff; }
.mypanel .box .shortcut a:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.mypanel .box .shortcut a:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.mypanel .box .l2-login { padding: 10px 0 5px 0 }
.mypanel .box .l2-login a { display: block; margin: 0 auto; width: 300px; border: 1px #f1a408 solid; border-radius: 4px; background-color: #f1a408; background-position: 0 0; text-align: center; line-height: 32px; text-shadow: 0px 1px 0px #fdd679; font-size: 14px; font-weight: bold; color: #523b05; }
.mypanel .box .l2-login a:hover { text-decoration: none; color: #100b00; }
.mypanel .box .l2-login a:visited { color: #523b05 }
.mypanel .box .l2-login.two { overflow: hidden; padding: 10px 0 20px 0; }
.mypanel .box .l2-login.two a { float: left; margin: 0 10px; width: 145px; }
.mypanel .box .note { padding-top: 10px }
.mypanel .box .error,
.mypanel .box .maintenance,
.mypanel .box .message { margin: 10px 10px 5px 10px; padding: 10px; border-radius: 6px; background-color: #ffffff; color: #777777; }
.mypanel .box .add { font-size: 85% }
.mypanel .box ul { padding-top: 10px }
.mypanel .box li { padding-left: 12px; background-position: -800px -394px; }
.mypanel .box ul.inline { overflow: hidden }
.mypanel .box ul.inline li { display: inline; padding-right: 15px; white-space: pre; }
.mypanel .box table { margin-top: 5px; background-color: #ffffff; font-size: 93%; }
.mypanel .box table th { border-right: 1px #ffffff solid; background-color: #555555; text-align: center; font-weight: pre; font-weight: normal; color: #ffffff; }
.mypanel .box table td { border-right: 1px #999999 solid; border-bottom: 1px #666666 solid; }
.mypanel .box table th span,
.mypanel .box table td span { display: block; overflow: hidden; padding-left: 2px; white-space: pre; }
/* access */
.mypanel .box.access iframe { overflow: hidden; width: 26.6em; height: 26.5em; min-width: 340px; border: none; }
.mypanel .box.access .user-course ul { padding-top: 5px }
.mypanel .box.access h3.user-service,
.mypanel .box.access h3.remote { margin-top: 10px; border-top: 1px #b0b0b0 dotted; }
.mypanel .box.access h3 a { margin-left: 15px; padding-left: 8px; background-position: -600px -594px; font-size: 93%; }
.mypanel .box.access .user-service a { white-space: pre }
/* mail */
.mypanel .box.mail iframe { overflow: hidden; width: 26.6em; height: 14.8em; min-width: 340px; border: none; }
/* point */
.mypanel .box.point iframe { overflow: hidden; width: 26.6em; height: 21em; min-width: 340px; border: none; }
/* blog */
.mypanel .box.blog h3 { padding-bottom: 0 }
.mypanel .box.blog .blog-status { margin: 0; padding: 0; height: 1.2em; }
.mypanel .box.blog .blog-status span { font-size: 108%; font-weight: bold; }
.mypanel .box.blog .graph { margin: 5px 0 0 5px; width: 320px; height: 80px; }
.jqplot-event-canvas { cursor: crosshair }
.mypanel .box.blog .notes { padding: 0 0 5px 20px; line-height: 20px; }
* html .mypanel .box.blog .notes { padding-bottom: 10px }
.mypanel .box.blog .notes span { font-size: 22px; vertical-align: middle; text-shadow: 1px 1px 2px #333333; }
.mypanel .box.blog .notes .pageview { color: #4080c0 }
.mypanel .box.blog .notes .ranking { color: #c06040 }
.mypanel .box.blog .add { display: block; line-height: 1.6; }
/* weather */
.mypanel .box.weather .warning { font-size: 93% }
.mypanel .box.weather .warning img { margin-right: 5px; vertical-align: middle; }
.mypanel .box.weather table tbody th.weather-status,
.mypanel .box.weather table td.weather-tomorrow { border-right: none }
.mypanel .box.weather table thead th.weather-status { background-color: #444444 }
.mypanel .box.weather table tbody th.weather-status { background-color: #777777; border-bottom: 1px #555555 solid; }
.mypanel .box.weather table th.weather-status span { width: 6.9em; }
.mypanel .box.weather table .weather-today span,
.mypanel .box.weather table .weather-tomorrow span { width: 10.3em; text-align: center; }
*+html .mypanel .box.weather table .weather-today span,
*+html .mypanel .box.weather table .weather-tomorrow span { width: 10.1em }
* html .mypanel .box.weather table .weather-today span,
* html .mypanel .box.weather table .weather-tomorrow span { width: 9.7em; }
.mypanel .box.weather table img { vertical-align: middle }
.mypanel .box.weather .add { text-align: right }
.mypanel .box.weather .add img { vertical-align: middle }
/* uranai */
.mypanel .box.uranai table.fortune { width:100%;}
.mypanel .box.uranai table.fortune th { padding:3px 0; border-bottom: 1px #cccccc solid; }
.mypanel .box.uranai table.fortune th.total,
.mypanel .box.uranai table.fortune th.love { border-top: 1px #666666 solid }
.mypanel .box.uranai table.fortune th.money,
.mypanel .box.uranai table.fortune th.job { border-bottom: 1px #666666 solid }
.mypanel .box.uranai table.fortune th span { width:4.2em; text-align: left;}
.mypanel .box.uranai table.fortune td { padding:3px 0;}
.mypanel .box.uranai table.fortune td.total,
.mypanel .box.uranai table.fortune td.love { border-top: 1px #666666 solid }
.mypanel .box.uranai table.fortune td.love,
.mypanel .box.uranai table.fortune td.job { border-right: none }
.mypanel .box.uranai table.fortune td span { width:110px;}
.mypanel .box.uranai table.fortune td img { vertical-align:bottom;}
.mypanel .box.uranai table.lucky { width:100%;}
.mypanel .box.uranai table.lucky th { border-bottom: 1px #cccccc solid }
.mypanel .box.uranai table.lucky th.item { border-bottom: 1px #666666 solid }
.mypanel .box.uranai table.lucky th.color,
.mypanel .box.uranai table.lucky td.color { border-top: 1px #666666 solid }
.mypanel .box.uranai table.lucky td { border-right: none }
.mypanel .box.uranai table.lucky th span { width: 10em; text-align: left; }
.mypanel .box.uranai table.lucky td span { width: 17.8em }
*+html .mypanel .box.uranai table.lucky td span { width: 17.7em }
* html .mypanel .box.uranai table.lucky td span { width: 16.9em }
/* game */
.mypanel div.box.game { padding: 5px 1px 5px 1px }
.mypanel .ad-text { clear: both; position: relative; background-color: #e8e8e8; z-index: 100; }
.section.access .shortcut { overflow: hidden; padding-bottom: 8px; }
.section.access .shortcut span { display: block; float: left; width: 8.9em; }
.section.access .tel { clear: both; padding: 8px 0; border-top: 1px #b0b0b0 dotted; font-weight: bold; }
.section.access .tel span { padding-left: 32px; background-position: -290px 3px; color: #c75400; }
.section.access .campaign { clear: both; overflow: hidden; padding: 8px 0; border-top: 1px #b0b0b0 dotted; line-height: 1.4; }
.section.access .campaign a.sub { display:inline-block; padding-left: 11px; background-position: -800px -396px; font-size: 85%; }
.section.access .guest .campaign a.banner,
.section.access .content .campaign a.banner { float: left; margin-right: 10px; }
.section.access .member .campaign .left { float: left; width: 13.5em; }
.section.access .member .campaign .right { float: right; width: 13.5em; }
.section.access .member .campaign img { float: left; margin-right: 5px; }
.section.access .business .btn { overflow: hidden; padding-bottom: 10px; }
* html .section .access.business .btn { height: 42px }
.section.access .business .btn a { float: left; display: block; width: 150px; border: 1px #689300 solid; border-radius: 4px; background-color: #74a303;	background: -moz-linear-gradient(top, #80b501, #689300); background: -webkit-gradient(linear, left top, left bottom, from(#80b501), to(#689300));	text-align: center; line-height: 32px; font-size: 108%; font-weight: bold; color: #ffffff; }
.section.access .business .btn a.left { float: left; margin: 0 5px 0 10px; }
.section.access .business .btn a.right { float: right; margin: 0 10px 0 5px; }
* html .section.access .business .btn a.left { margin: 0 5px }
* html .section.access .business .btn a.right { margin: 0 5px }
.section.access .business .shortcut { clear: both }
.section.access .pr { clear: both; padding: 2px 0 8px 0; }
.section.access h3 { padding-bottom: 5px }
.section.access .other { clear: both; padding: 8px 0; border-top: 1px #b0b0b0 dotted; }
.section.announce .group { margin-top: 20px; padding-top: 10px; border-top: 1px #b0b0b0 solid; }
.section.announce .banner { overflow:hidden; margin-top: 30px }
/** html .section.announce .banner { height:50px; }*/
.section.announce .banner a { display: block; height: 50px; font-size: 8px; text-indent: -999px;}
* html .section.announce .banner a {letter-spacing: -20px; color:#ffffff;}
/*.section.announce .banner a { width: 350px; }*/
.section.announce .banner a { float:left; width: 170px; }
.section.announce .banner a.no1 { background-position: 0 -300px }
.section.announce .banner a.no2 { margin-left: 10px; background-position: -400px -300px }
.section.announce .banner a.no3 { margin-top:10px; background-position: -800px -300px }
.section.announce .banner a.no4 { margin-left: 10px; margin-top:10px; background-position: -800px -400px }
.aside.pr-banner { clear:both; overflow: hidden; margin-top: 30px; padding-top: 20px; border-top: 1px #b0b0b0 solid; background-position: 100% -999px; }
.aside.pr-banner a { float: left; display: block; width: 170px; height: 50px; font-size: 8px; text-indent: -999px; }
.aside.pr-banner a.no1 { background-position: 0 -400px }
.aside.pr-banner a.no2 { margin-left: 10px; background-position: -400px -400px; }

/* footer */
.footer-bnrsquare { clear: both; padding: 20px 0 15px 0; border-bottom: 1px #b0b0b0 solid; text-align: center; }
.section.corporation-link { position: relative; padding-top: 30px; font-size: 93%; }
.policy { position: absolute; top: 10px; right: 0; width: 139px; height: 123px; background-position: 0 0; }
.policy a { position: absolute; display: block; overflow: hidden; text-indent: -999px; font-size: 10px; }
.policy a.isms { top: 16px; left: 19px; width: 100px; height: 46px; }
.policy a.isp-ss { top: 69px; left: 19px; width: 44px; height: 54px; }
.policy a.privacymark { top: 70px; left: 73px; width: 49px; height: 53px; }
.section.group-link { padding: 15px 0 30px 0; font-size: 93%; }
.footer { border-top: 1px #b0b0b0 solid; background-color: #c7c7c7; }
.footer .copyright { text-align: center; color: #333333; }

/* gate */
.gate { position: relative; margin: 0 auto; width: 75.7em; min-width:968px; height: 60px; background-color: #fed404; }
.gate img { vertical-align: bottom }
.gate-left { position: absolute; top: 0; left: -120px; }
.gate-right { position: absolute; top: 0; right: -120px; }
.aside.floating { height: 101px }

/* print */
@media print {
body{color:#000000 !important;}
a, a:visited{color:#000000;}
.gate{display:none !important;}
}