/* ::::: http://haukun.sakura.ne.jp/css/hkpDesign.css ::::: */

/* ::::: http://haukun.sakura.ne.jp/css/Header.css ::::: */

div.AreaHeader { width: 100%; height: 175px; }
div.SectionLogo { width: 200px; height: 135px; float: left; }
div.RegionLogo { width: 100%; height: 70px; }
div.RegionVersion { width: 100%; height: 65px; background-image: url('versionborder.png'); }
p.build { color: rgb(30, 120, 180); font-size: 12px; font-family: "ＭＳ 明朝"; margin-left: 10px; padding-top: 5px; }
div.SectionWhite { width: 60px; height: 135px; float: left; }
div.SectionBannerAdvertisement { width: 735px; height: 135px; float: right; }
img.BannerAdvertisement { margin-top: 5px; margin-left: 5px; float: left; }
div.Broadcast { font-size: 12px; }
div.SectionTopicPath { background-image: url('topicpathback.png'); width: 100%; height: 20px; clear: both; }
p.TopicPath { color: rgb(96, 96, 96); padding-left: 102px; padding-top: 4px; font-size: 12px; font-family: "ＭＳ Ｐゴシック"; }
/* ::::: http://haukun.sakura.ne.jp/css/Right.css ::::: */

/* ::::: http://haukun.sakura.ne.jp/css/ContentsPage.css ::::: */

div.ArticleVersion7 { line-height: 2; letter-spacing: 1px; padding-left: 10px; padding-right: 10px; width: 580px; }
div.ArticleVersion7 p {  }
div.ArticleVersion7 h2 { margin-top: 20px; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; font-size: 18px; letter-spacing: 3px; color: rgb(0, 0, 192); border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(164, 164, 240) rgb(164, 164, 240) rgb(164, 164, 240) rgb(64, 64, 240); background-color: rgb(220, 220, 240); }
div.ArticleVersion7 h3 { width: 300px; margin-left: 5px; margin-bottom: 0px; font-size: 16px; font-weight: bold; letter-spacing: 3px; color: rgb(128, 128, 64); border-bottom: 2px dotted rgb(192, 192, 64); }
div.ArticleVersion7 h4 { width: 295px; margin-left: 10px; margin-bottom: 0px; font-size: 12px; font-weight: bold; letter-spacing: 3px; color: rgb(128, 128, 64); border-bottom: 1px dotted rgb(192, 192, 64); }
div.ContentsProperty { text-align: right; width: 550px; margin-top: 5px; line-height: 1.5; font-size: 12px; }
div.ArticleVersion7 hr { color: rgb(221, 221, 221); background-color: rgb(221, 221, 221); width: 100%; height: 1px; border: 0px none; }
div.ArticleVersion7 p { margin: 5px 20px 20px; width: 540px; line-height: 2; letter-spacing: 1px; font-size: 12px; }
div.ArticleVersion7 hr { color: rgb(136, 136, 0); background-color: rgb(136, 136, 0); width: 100%; height: 2px; border: 0px none; }
div.AreaRight { width: 880px; float: right; }
div.RightCaptionSearch { background-image: url('rightcaptionsearch.png'); width: 280px; height: 35px; }
div.RightCaptionDiary { background-image: url('rightcaptiondiary.png'); width: 280px; height: 35px; }
p.more { font-size: 10px; text-align: right; margin-right: 10px; margin-top: 10px; }
div.RightCaptionPopular { background-image: url('rightcaptionpopular.png'); width: 280px; height: 35px; }
div.RightCaptionComment { background-image: url('rightcaptioncomment.png'); width: 280px; height: 35px; }
span.NewCommentAuthor { font-size: 10px; }
div.RightCaptionBooks { background-image: url('rightcaptionbooks.png'); width: 280px; height: 35px; }
div.RightCaptionEnd { background-image: url('rightcaptionend.png'); background-repeat: no-repeat; font-size: 0px; width: 280px; height: 10px; }
div.SectionPage { width: 600px; float: left; }
div.SectionInformation { width: 280px; float: right; }
div.RegionSearch { width: 100%; background-image: url('rightcaptionback.png'); }
div.GoogleSearch { margin-left: 10px; }
div.RegionDiary { background-image: url('rightcaptionback.png'); width: 100%; }
ul.RightList { margin: 0px; padding: 0px 0px 0px 20px; width: 250px; list-style-type: none; line-height: 2; }
li.diary { font-size: 12px; background: url('liststyle_diary.png') no-repeat scroll left top transparent; padding-left: 20px; }
li.popular { font-size: 12px; background: url('liststyle_popular.png') no-repeat scroll left top transparent; padding-left: 20px; }
li.comment { font-size: 12px; background: url('liststyle_comment.png') no-repeat scroll left top transparent; padding-left: 20px; }
div.RegionPopular { background-image: url('rightcaptionback.png'); width: 100%; }
div.RegionComment { background-image: url('rightcaptionback.png'); width: 100%; }
div.RegionBooks { background-image: url('rightcaptionback.png'); width: 100%; }
div.BooksDivision { width: 250px; height: 105px; margin-left: 15px; }
div.BooksTitle { background-image: url('bookstitle.png'); background-repeat: no-repeat; width: 250px; height: 25px; padding-left: 10px; padding-top: 7px; clear: both; font-size: 12px; }
div.BooksImage { width: 100px; height: 70px; text-align: center; float: left; }
div.BooksText { width: 150px; height: 70px; float: right; font-size: 12px; }
/* ::::: http://haukun.sakura.ne.jp/css/Left.css ::::: */

/* ::::: http://haukun.sakura.ne.jp/css/ContentsHover.css ::::: */

ul#ContentsList li.SphereOnlineJudge a { background-image: url('contentssphereonlinejudge.png'); }
ul#ContentsList li.StartOn a { background-image: url('contentsstarton.png'); }
ul#ContentsList li.BooksReview a { background-image: url('contentsbooksreview.png'); }
ul#ContentsList li.Download a { background-image: url('contentsdownload.png'); }
#SphereOnlineJudge li.SphereOnlineJudge a { background-position: left 20px; }
div.AreaLeft { width: 120px; float: left; }
div.LeftCaptionContents { background-image: url('leftcaptioncontents.png'); width: 120px; height: 35px; }
div.LeftCaptionAdmin { background-image: url('leftcaptionadmin.png'); width: 120px; height: 35px; }
div.LeftAdminImage { text-align: center; width: 100px; margin-left: 10px; }
p.LeftAdminText { margin-left: 10px; margin-right: 10px; }
div.LeftCaptionCounter { background-image: url('leftcaptioncounter.png'); width: 120px; height: 35px; }
div.LeftCaptionLasttime { background-image: url('leftcaptionlasttime.png'); width: 120px; height: 35px; }
div.LeftCaptionTwitter { background-image: url('leftcaptiontwitter.png'); width: 120px; height: 35px; }
div.LeftCaptionEnd { background-image: url('leftcaptionend.png'); background-repeat: no-repeat; font-size: 0px; width: 120px; height: 10px; }
div.RegionContents { width: 100%; background-image: url('leftcaptionback.png'); }
ul#ContentsList { margin: 0px 0px 0px 10px; padding: 0px; list-style: outside none none; width: 100px; }
ul#ContentsList li { margin: 0px; padding: 0px; }
ul#ContentsList a { display: block; height: 20px; text-indent: -200%; background-position: left 0px; width: 100px; }
ul#ContentsList a:hover { background-position: left 40px ! important; }
div.RegionAdmin { width: 100%; background-image: url('leftcaptionback.png'); }
div.RegionCounter { width: 100%; background-image: url('leftcaptionback.png'); }
table.Counter { font-size: 12px; font-family: "ＭＳ Ｐゴシック"; width: 100px; margin-left: 10px; background: none repeat scroll 0% 0% rgb(128, 128, 128); }
tr.Counter td { width: 50px; text-align: right; }
tr.Counter td.Counter { text-align: center; background: none repeat scroll 0% 0% rgb(192, 192, 192); }
td.CounterSaturday { background: none repeat scroll 0% 0% rgb(192, 192, 255); }
td.CounterSunday { background: none repeat scroll 0% 0% rgb(255, 192, 192); }
td.CounterNormal { background: none repeat scroll 0% 0% rgb(192, 255, 192); }
td.CounterSum { background: none repeat scroll 0% 0% rgb(255, 255, 192); }
div.RegionLasttime { width: 100%; background-image: url('leftcaptionback.png'); }
table.Lasttime { margin-left: 10px; margin-right: 10px; font-size: 12px; font-family: "ＭＳ Ｐゴシック"; line-height: 1.5; }
td.LasttimeValue { text-align: right; width: 60px; }
td.LasttimeUnit { text-align: center; width: 40px; }
div.RegionTwitter { width: 100%; background-image: url('leftcaptionback.png'); word-break: break-all; }
div.RegionTweet { padding-left: 10px; padding-right: 10px; }
div.TweetText { padding-bottom: 12px; line-height: 1.2; color: rgb(51, 51, 51); }
span.TweetDate { font-size: 12px; color: rgb(102, 102, 102); }
span.TweetText { font-size: 12px; border-bottom: 1px solid rgb(153, 153, 255); }
div.RegionTowerAdvertisement { width: 100%; }
/* ::::: http://haukun.sakura.ne.jp/css/Footer.css ::::: */

div.AreaFooter { width: 100%; clear: both; }
h6.Abount { font-size: 10px; margin-left: 10px; }
p.About { margin-left: 20px; font-size: 10px; margin-top: 10px; margin-bottom: 10px; }
div.SectionDivision { width: 100%; }
div.SectionAbout { width: 500px; float: left; }
div.SectionLink { width: 250px; float: left; }
p.Link { line-height: 2; font-size: 12px; }
div.SectionRss { width: 250px; float: right; }
div.RegionRss10 { text-align: right; }
/* ::::: http://haukun.sakura.ne.jp/css/Diary2.css ::::: */

body { background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0px; font-size: 12px; font-family: "ＭＳ Ｐゴシック"; }
div.FrameHomepage { width: 1000px; }
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
/* ::::: http://haukun.sakura.ne.jp/css/page/origcss_SphereOnlineJudge.css ::::: */

div.ArticleVersion7 h2 { margin-top: 20px; margin-left: 0px; margin-right: 0px; padding-left: 50px; padding-right: 20px; font-size: 18px; letter-spacing: 3px; color: rgb(0, 128, 0); border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(164, 240, 164) rgb(164, 240, 164) rgb(164, 240, 164) rgb(64, 180, 64); background-color: rgb(220, 240, 220); background-image: url('sphereonlinejudge.png'); background-repeat: no-repeat; background-position: 10px center; }
div.ArticleVersion7 h3 { width: 450px; margin-left: 5px; margin-bottom: 0px; font-size: 16px; font-weight: bold; letter-spacing: 3px; color: rgb(64, 128, 128); border-bottom: 2px dotted rgb(64, 192, 192); }
div.ArticleVersion7 h4 { width: 445px; margin-left: 10px; margin-bottom: 0px; font-size: 12px; font-weight: bold; letter-spacing: 3px; color: rgb(64, 128, 128); border-bottom: 1px dotted rgb(64, 192, 192); }
/* ::::: http://haukun.sakura.ne.jp/lib/syntaxhighlighter/Styles/SyntaxHighlighter.css ::::: */

