body{
font:88% "ＭＳ Ｐゴシック",Osaka,sans-serif;
color:#000000;
background-image: url("/img/bg.png");
margin:0px;
}
div,p,form {
padding:0;
margin:0;
}

.h{color:#FFFFFF;background-color:#EC008C;border:dashed #FFFFFF;border-width:1px;margin:10px 35px;}
.logo{margin-right:10px;}
.red,.error{color:#EC008C;}

hr {
border:0;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #ffffff;
*border-top:1px solid #DDDDDD;
*border-bottom:1px solid #ffffff;
*filter:alpha(opacity = 30);
clear:both;
height:0;
display:block;
margin:10px 0;
}

address{
font-size:small;
font-style:normal;
margin-bottom:2px;
color:#666666;
display:inline;
}

ul{
    list-style: disc inside none;
    margin: 10px;
    padding: 0;
}

div.check {

    border-top: 1px solid #DDDDDD;
    padding: 10px 0 10px 50px;
}
.ok {
    background: url("/img/check.png") no-repeat scroll 0 50% transparent;
}
.PR {
    font-family: Verdana,arial,helvetica,sans-serif;
    font-size: large;
    margin-bottom: 10px;
}

h3.check {
    border: 0 none;
    margin: 0 0 10px 0;
    padding: 0;
}
img.check {
    margin: 0 10px 10px 0;
}
.alerts {
    background: url("/img/info.png") no-repeat scroll 2px 50% #FAFAD2;
    font-size: small;
    margin: 15px 10px 0;
    padding: 2px 2px 2px 20px;
    text-align: left;
}
.box{
border:1px solid #DDDDDD;
text-align:left;
padding:20px;
margin:10px 20px 20px 30px;
line-height:150%;
}
.more {
    margin: 0 20px 10px 30px;
    padding: 20px;
    text-align: left;
}
.more img, .more iframe {
    margin: 0 0 10px 0;
}

.twbox {
    margin-top: 10px;
}

a:hover img {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
zoom:1;
}
.box a.next,p.next a {
    background: url("/img/logoy2.gif") no-repeat scroll 0 50% transparent;
    display: block;
    padding: 10px 0 10px 35px;
    margin-bottom: 10px;
}
.box a.next:hover,p.next a:hover {
    background: url("/img/logoy2.gif") no-repeat scroll 0 50% #EFEFEF;
}
.next + .next {
    margin-top: -10px;
}

.image {
display: block;
margin: 10px 0 30px 0;
padding: 10px 2px;
border:1px solid #DDDDDD;
}

.m10 {
margin:10px;
}
.mt10 {
margin-top:10px;
}
.mr10 {
margin-right:10px;
}
.mb10 {
margin-bottom:10px;
}
.ml10 {
margin-left:10px;
}
.p10 {
padding:10px;
}
.pan {
    border-bottom: 1px solid #DDDDDD;
    font-size: 12px;
    padding: 5px 15px;
    text-align: left;
}
.filter {
    border: 5px solid #DDDDDD;
    font-size: large;
    padding: 5px;
    width: 77%;
    color: #333333;
    font-weight: bold;
}
.filter:hover,.filter:focus,.filter:active {
    border: 5px solid #00AEEF;
}
.words {
    width: 50%;
}
.data {
    color: #666666;
    padding-left: 30px;
    text-align: left;
}
.box .data {
    padding-left: 0;
}

#live_filter ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.typebox{
margin-bottom: 10px;
}
#wrapper{
text-align:center;
}
#contents{
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
width:950px;
text-align:center;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}
.link{
margin:0 0 0 30px;
}
.last{
font-size:small;
margin:0 0 0 25px;
color:#999999;
font-weight: bold;
text-align: left;
}
.linker{
margin:0 50px;
}


h1,h2,h4,div.rec_h2{
color:#FFFFFF;
background-color:#00AEEF;
margin:10px 25px;
padding-left: 2px;
text-align:left;
}
h3 {
    border-bottom: 1px solid #DDDDDD;
    font-size: large;
    font-weight: bold;
    margin: 30px 0 10px 0;
    padding: 10px 0;
}
.box h3:first-child {
    margin-top: 0;
}

.typebox + h3 {
    margin: 10px 0;
}

h2 a,h4 a{
color: #FFFFFF;
text-decoration: none;
}
ul.rec_h2 {
    list-style: disc inside none;
    margin: 0;
    line-height: 1.6em;
}
.rec {
    color: #666666;
    font-size: small;
    font-weight: bold;
    margin-bottom: 5px;
}
ul.rec_h2 li a {
    font-weight: bold;
}
ul.rec_h2 li span {
    font-size: 12px;
}

.head h2 {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #636363;
    font-size: medium;
    float: left;
    margin:0 20px 0 25px;
}

.pnavi {
    list-style: none outside none;
    margin-left: 25px;
    padding: 0;
    text-align: left;
}
.pnavi li {
    border-right: 1px solid #CCCCCC;
    float: left;
    font-size: small;
    margin-right: 5px;
    padding-right: 5px;
}

.sbm{
    display: block;
    float: right;
}

.main h1,.main h2,.main h4,div.rec_h2{
padding:2px;
}
.main h2,div.rec_h2{
    margin:10px 15px 10px 25px;
    font-size: large;
    font-weight: bold;
    border: 1px solid #DDDDDD;
}
.main h2.red, div.rec_h2.red {
    color: #FFFFFF;
    background-color: #EC008C;
}

h1.top{
text-align: left;
font-size: x-large;
color:#333333;
background: transparent;
border:0 none;
margin:20px 0 20px 25px;
font-weight: bold;
}
.toplogo{
margin:15px 0 0 0;
}
.toplogo .fleft a, .toplogo .fleft iframe {
margin:0 0 0 25px;
}
.toplogo .fright a{
    display: block;
    float: left;
    font-size: 12px;
    padding: 5px;
    text-decoration: none;
    color:#333333;
    height: 16px;
}
.toplogo .fright a img{
    vertical-align: bottom;
}
.toplogo .fright a:hover{
    background-color:#EFEFEF;
}
.toplogo .fright a.about, .toplogo .fright a.twitter, .toplogo .fright a.qa, .toplogo .fright a.facebook{
    border: 5px solid #DDDDDD;
    margin-right:10px;
}
.toplogo .fright a.form{
    border: 5px solid #EC008C;
    margin-right:25px;
}


.main {
    float: left;
    width: 700px;
}
.right{
width: 215px;
float:left;
border-left: 1px solid #DDDDDD;
}
.right_box{
margin-left: 15px;
width: 200px;
}

.right h4 {
    background-color: #EC008C;
    font-size: large;
    margin: 10px 0 0 0;
}

.right ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: small;
}
.right ul li a{
    border-bottom: 1px solid #DDDDDD;
    display: block;
    padding: 5px;
    text-decoration: none;
}
.right ul li a:hover{
    background-color:#EEEEEE;
}
.right ul li a span{
    color: #666666;
    font-size: x-small;
    display: block;
}
.right .ad{
    margin-top: 10px;
}
.right .ad_sub {
    margin-top: 10px;
    padding: 5px;
    border: 5px solid #00AEEF;
}
.ad_big {
    padding: 10px 50px;
    text-align:left;
}

.mini{
color:#666666;
font-size:x-small;
}
.mini{
color:#666666;
font-size:x-small;
}
.footer .mini {
padding: 10px 0 70px;
}
.info {
color: #666666;
font-size: small;
}
.new {
background: url(/img/new.gif) no-repeat 0 50% transparent;
color: transparent;
}

.searchbox {
    text-align: left;
}
.searchbox input[type="submit"] {
    padding: 0 2px;
}


em{color:#636363;}
.ping{display:block;}
.links{position:relative;top:-5px;font-size:77%;color:#FFFFFF;background-color:#EC008C;}
.type{font-size:small;color:#FFFFFF;border:1px solid #00AEEF;background-color:#00AEEF;padding:2px;margin:0 5px 0 0;}
.type2{font-size:small;color:#FFFFFF;border:1px solid #EC008C;background-color:#EC008C;padding:2px;margin:0 5px 0 0;}
.type3{font-size:small;color:#00AEEF;border:1px solid #00AEEF;padding:2px;margin:0 5px 0 0;}
.type4{font-size:small;color:#EC008C;border:1px solid #EC008C;padding:2px;margin:0 5px 0 0;}
.linkf{
margin:0;
}
.linkf textarea{
font-size:small;
}
#gnavi {
    background: none repeat scroll 0 0 #00AEEF;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    margin: 15px 0 0;
    padding: 0;
    text-align: left;
}
#gnavi li {
    list-style: none outside none;
    float: left;
}
#gnavi li a {
    border-right: 1px solid #DDDDDD;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 10px 15px;
    text-decoration: none;
}
#gnavi li a:hover {
    background: none repeat scroll 0 0 #46CDFF;
}

#gn {
    border-bottom: 1px solid #DDDDDD;
    border-left: 5px solid #00AEEF;
    margin: 0;
    padding: 0;
    text-align: left;
}

#gn li{
    list-style: none outside none;
    float:left;
}
#gn li a {
    background: none repeat scroll 0 0 #EFEFEF;
    border-right: 1px solid #DDDDDD;
    display: block;
    font-size: 12px;
    padding: 10px 7px;
    text-decoration: none;
}
#gn li a:hover{
    background-color:#FFFFFF;
}
.simple{
border: 1px #EEEEEE solid;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.simple th{border: 1px #EEEEEE solid;
border-width: 0 0 1px 1px;
background: #EEEEEE;
}
.simple td{border: 1px #EEEEEE solid;
border-width: 0 0 1px 1px;
}
xmp,pre{
font-size:small;
width:auto;
margin:10px auto;
padding:10px;
background:#EFEFEF;
border:1px dashed #DDDDDD;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 */
word-wrap: break-word; /* IE 5.5+ */
}

.fleft{
float:left;
}
.fright{
float:right;
}

img{
border: none;
}
.linkinp input {
width:60%;
}
.foot{
text-align:left;
border-top: 1px solid #636363;
margin-left: 25px;
padding: 20px;
}
.none{
clear: both;
height: 1px;
}
.clearfix{
zoom:1;
}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}




/* tables */
table.tablesorter {
font-family:arial;
background-color: #CDCDCD;
margin:10px 0pt 15px;
font-size: 8pt;
width: 100%;
text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #e6EEEE;
border: 1px solid #FFF;
font-size: 8pt;
padding: 4px;
}
table.tablesorter thead tr .header {
background-image: url(/img/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: top;
}
table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(/img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(/img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}



div.grippie {
background:#EEEEEE url(/img/grippie.png) no-repeat scroll center 2px;
border-color:#DDDDDD;
border-style:solid;
border-width:0pt 1px 1px;
cursor:s-resize;
height:9px;
overflow:hidden;
}
.resizable-textarea textarea {
display:block;
margin-bottom:0pt;
width:95%;
height: 20%;
}
#formform table{
margin-bottom:20px;
width:100%;
border-style:solid;
border-color:#CCCCCC;
border-width:1px 0 0 1px;
border-collapse:collapse;
}
#formform th{
padding:5px;
border-style:solid;
border-color:#CCCCCC;
border-width:0 1px 1px 0;
background-color:#eeeeee;
}
#formform td{
padding:5px;
border-style:solid;
border-color:#CCCCCC;
border-width:0 1px 1px 0;
}



.box ul li.us {
    background: url("/img/us.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.jp {
    background: url("/img/jp.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.kr {
    background: url("/img/kr.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.gb {
    background: url("/img/gb.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.cn {
    background: url("/img/cn.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}
.box ul li.au {
    background: url("/img/au.png") no-repeat scroll 0 50% transparent;
    list-style: none outside none;
    padding-left: 25px;
    text-indent: 0;
}


.bana {
    background-color: #FFFFFF;
    border: 5px solid #EC008C;
    display: block;
    font-size: small;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
.bana span {
    border-top: 1px dashed #00AEEF;
    display: block;
    font-size: small;
    margin-top: 5px;
    padding-top: 5px;
    font-weight: normal;
}
.banaqa {
    display: block;
    font-size: small;
    margin-top: 10px;
background: url(/img/new.gif) no-repeat 0 0 transparent;
padding-top: 12px;
}


#cse-search-box {
width: 200px !important;
}
#cse-search-box table.gsc-search-box td.gsc-input {
padding: 0 !important;
}
#cse-search-box input[type="text"] {
padding: 0 !important;
height: 25px;
width: 136px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-appearance: none;
}
#cse-search-box input[type="submit"] {
margin-left: 0 !important;
background-color: #00AEEF;
border: 1px solid #00AEEF;
color: #FFFFFF;
height: 25px;
width: 40px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-appearance: none;
}