/* common */
div,dl,dt,dd,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
p{margin-bottom:0.5em;}
h1,h2,h3{line-height:1.2;}
h2,h3{margin-top:1em;}

body{
font-family:'Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
font-size:13px;
line-height:1.5;
word-break:break-all; 
word-wrap:break-word;
color:#333;
padding:10px;
}

a.MenuLink{color:blue;text-decoration:none;font-weight:bold;}
a.current{color:#000;font-weight:bold;}
a.bl{color:#000;cursor:text;text-decoration:none;}

#body-inner {background-color:#E0E0E0;}
#sidebar{width:116px;padding:12px;background-color:#E0E0E0; font-size:13px;line-height:1.6; float:left;}
#sidebar #sitelogo{padding-bottom:3px; display:block;height:63px;}
#sidebar ul,#sidebar li {list-style:none;margin:0;padding:0}
#sidebar hr{margin:7px 0 10px;}
#language {font-family: Verdana; margin:22px 0 48px -2px;line-height:1.3;min-height:192px;}
#language a {text-decoration:underline}

#contents{margin-left:140px;position:relative;padding:2px 16px 2px 20px;background-color: #FFF;}

h1 {text-align: center;font-size: 140%;}
h2 {text-align: center;font-size: 120%;}
h4 {font-size: 100%;}

table {border-spacing:1px;}
th, td{padding:6px;}
td.Layout { background-color: white;}
td.Item { background-color: #E8E8E8;text-align: center;}
th.Title { background-color: #A0E0A0;}

#toppage{margin-right:300px;display:inline-block;}
#news-wrap {width:250px;vertical-align: top;display:inline-block;}
table.News { background-color: silver; width: 250px; }
table.News td { padding:3px; line-height:1.3;}
TR.NewsHeader { background-color: rgb(128, 128, 224); }
TR.News { background-color: rgb(255, 248, 248); }
TD.NewsTitle { color: white; font-weight: bold; width: 55%; }
TD.NewsDate { color: white; font-weight: bold; text-align: right; }
TD.NewsText { font-size: 11px; }

#top-download {width: 400px;}
#search-box {height: 32px;margin-bottom:1em;}
#howto-title, #howto-list{ text-align: right;}
#howto-list a {font-size: 10px; text-decoration: none; color: rgb(0, 0, 0); }

#wrap-tmr, #wrap-tm7 { position: relative; }
#gpt-tmr { display: inline-block; vertical-align: top; }
.medium-rectangle {width:300px;height:250px;}
.leaderboard {width:728px;height:90px;}
.position-r{position:absolute; right:0; margin:0 0 8px 8px;}
.float-r{float:right; margin:0 0 8px 8px;}

@media screen and (max-width:479px) {
body{margin:0;padding:0;}
#sidebar {width:auto;float:inherit;margin:0;padding:0;font-size:15px;line-height:1.7;}
#sidebar hr{display:none;}
#sidebar #sitelogo{float:left;margin-right:4px;}
#sidebar ul{margin:0 0 0 114px;}
#sidebar li{display:inline;}
#sidebar li a{padding:5px; white-space: nowrap;}
#language {display:none;}
img{ max-width: 100%; height: auto;}
#contents{margin:0; padding:5px;}
#contents ul li {margin:3px 0;}
.leaderboard, #gpt-omr {width:320px;height:50px;}
.position-r{position:inherit;margin:0 0 0 -5px;}
.float-r{float:inherit;margin:0 0 0 -5px;}
#cse-search-box input {max-width:300px;}
}