/* html5doctor.com Reset Stylesheet v1.6.1　を改変したもの 
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

BODY{
    font-family: /*Meiryo,*/"MS PGothic","Osaka",Arial,sans-serif;
    font-size: 13px;
    line-height: 1.22;
}

H1 {
    display: inline;
    font-weight: bold;
    font-size: 16px;
    color: #0066FF;
    line-height: 0.9;
}
H2 {
    border-left: #ffccff 8px solid;
    border-bottom: #ffccff 2px solid;
    background-color: #FFEEFF;
    padding-left: 5px;
    color: #0000aa;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
}
H3 {
    border-left: #ffccff 8px solid;
    border-bottom: #ffccff 2px solid;
    background-color: #FFEEFF;
    padding-left: 5px;
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3;
}
P {
	line-height: 1.8;
}
DL {
    line-height:1.3em;
}
DT {
    width:9em;
}
DD {
    margin-left:9em;  /* DTとDDを横に並べるため、DLのwidthの値をここでmargin-leftする*/
    margin-top:-1.3em; /* DTとDDを横に並べるため、DLのline-heightの値をここでmargin-topでマイナスする*/
    margin-bottom: 10px;
}

.linklist {
    border-left: #ffccff 8px solid;
    border-bottom: #ffccff 2px solid;
    background-color: #FFEEFF;
    padding-left: 5px;
    color: #000000;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
}

A.blue:link {
    COLOR: #ffffff; text-decoration: underline;
}
A.blue:visited {
    COLOR: #ffffff; text-decoration: underline;
}
A.blue:hover {
    COLOR: #0000aa; text-decoration: underline;
}
A.red:link {
    COLOR: #666666; text-decoration: underline;
}
A.red:visited {
    COLOR: #666666; text-decoration: underline;
}
A.red:hover {
    COLOR: #ee0000; text-decoration: underline;
}
A.green:link {
    COLOR: #666666; text-decoration: underline;
}
A.green:visited {
    COLOR: #666666; text-decoration: underline;
}
A.green:hover {
    COLOR: #00cc00; text-decoration: underline;
}
A.yellow:link {
    COLOR: #666666; text-decoration: underline;
}
A.yellow:visited {
    COLOR: #666666; text-decoration: underline;
}
A.yellow:hover {
    COLOR: #bbbb00; text-decoration: underline;
}
A:link {
    COLOR: #0033ff;
}
A:visited {
    COLOR: #0033ff;
}
A:hover {
    COLOR: #ff33ff;
}
A:active {
    COLOR: #ff0000;
}



#wrapper {
    width:950px;
    margin:0 auto;
}
#headerwrapper {
    position:fixed;
    width:950px;
    z-index:2;
    background-color: #fff9ff;
}
#titlewrapper {
    width:940px;
    border-left: #ff00ff 8px solid;
    COLOR: #ffffff;
    border-bottom: #ff00ff 2px solid;
    height: 26px;
    background-color: #ff66ff;
    background:-moz-linear-gradient(top,#ff77ff, #ff66ff);
    background:-webkit-gradient(linear,left top,left bottom,from(#ff77ff),to(#ff66ff));
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff77ff', endColorstr='#ff66ff'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff77ff', endColorstr='#ff66ff')"; /* IE8 & IE9*/
}
#titleleft {
    position:relative;
    float:left;
    color: #ffffff;
    font-size: 9px;
    top:7px;
    left:5px;
    width: 135px;
}
#titlemiddle {
    position:relative;
    float:left;
    font-size: 10px;
    color: #ffffff;
    top:2px;
    width: 310px;
}
#titleright {
    position:relative;
    float:right;
    font-size: 10px;
    color: #ffffff;
    top:2px;
    width: 440px;
}


#menuwrapper {
    padding-top:1px;
}

#mainwrapper{
    position:relative;
    z-index:1;
    width:950px;
    top:78px;
}

#main2wrapper{
    position:relative;
    z-index:1;
    width:950px;
    top:25px;
}

#footerwrapper{
    position:relative;
    width:950px;
    top:78px;
    padding:20px 0 0 0;
    font-size:12px;
}
#footerwrapper > div{
    padding:5px;
    display:table-cell;
    width:180px;
}
#footerwrapper ul{
	list-style:none;
    padding:0 0 20px 0;
font-weight:bold;
}
#footerwrapper ul li{
    padding:5px 0 5px 0;
}


#sitename{
    z-index:1;
}
#dispdata{
    position:absolute;
    left:153px;
}


#menu1tbl {
    float:left;
    font-weight: bold;
}
.menu1td {
    float:left;
    border-top:1px solid #ff66ff;
    border-left:2px solid #ff66ff;
    margin:0 0 0 1px;
    padding:4px 0 3px 0;
    display:table-cell;
    white-space: nowrap;
    background-color: #ffddff;
    cursor: pointer;
    border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    background:-moz-linear-gradient(top,#ffeeff, #ffddff);
    background:-webkit-gradient(linear,left top,left bottom,from(#ffeeff),to(#ffddff));
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeff', endColorstr='#ffddff'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeff', endColorstr='#ffddff')"; /* IE8 & IE9 */
}
.menu1tdhover {
    background-color: #ffccff;
    background:-moz-linear-gradient(top,#ffddff, #ffccff);
    background:-webkit-gradient(linear,left top,left bottom,from(#ffddff),to(#ffccff));
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffddff', endColorstr='#ffccff'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffddff', endColorstr='#ffccff')"; /* IE8 & IE9 */
}
#menu2tbl {
    float:left;
    font-weight: bold;
}
.menu1on {
    padding:4px 0 3px 0;
    float:left;
    COLOR: #333333;
    background-color: #ffccff;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px 4px 0 0 / 4px 4px 0 0;
    border-top:1px solid #ff66ff;
    border-left:2px solid #ff66ff;
    background:-moz-linear-gradient(top,#ffddff, #ffccff);
    background:-webkit-gradient(linear,left top,left bottom,from(#ffddff),to(#ffccff));
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffddff', endColorstr='#ffccff'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffddff', endColorstr='#ffccff')"; /* IE8 & IE9 */
}
.menu2on {
    float:left;
    border-left:1px solid #ff66ff;
    margin:0 0 0 1px;
    padding:4px 0 3px 1px;
    COLOR: #333333;
    background-color: #ffccff;
    white-space: nowrap;
    cursor: pointer;
    background:-moz-linear-gradient(top,#ffccff, #ffddff);
    background:-webkit-gradient(linear,left top,left bottom,from(#ffccff),to(#ffddff));
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffccff', endColorstr='#ffddff'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffccff', endColorstr='#ffddff')"; /* IE8 & IE9 */
}
.menu2onhover {
    background-color: #ffbbff;
    background:-moz-linear-gradient(top,#ffbbff, #ffccff);
    background:-webkit-gradient(linear,left top,left bottom,from(#ffbbff),to(#ffccff));
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbbff', endColorstr='#ffccff'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbbff', endColorstr='#ffccff')"; /* IE8 & IE9 */
}
.datawrapper {
}
.graybg{
    background-color:#f4f4f4;
}
.datawrapper div {
    border-left:3px solid #fcfcfc;
    display:table-cell;
    vertical-align:middle;
/*    height:52px;*/
}

.gotdhover {
    background-color:#e0e0e0;
    background:-moz-linear-gradient(top,#e0e0e0, #d1d1d1 70%, #d1d1d1);
    background:-webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#d1d1d1));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0e0e0', endColorstr='#d1d1d1')"; /* IE8 & IE9 */
    cursor: pointer;
}

.datags {
    color: #446688;
}
.membernow {
    position: relative;
    float: right;
    font-size: 10px;
    top: -67px;
    left: -803px;
    background-color: #ffddff;
}
.campaign {
    position: relative;
    float: right;
    font-size: 10px;
    top: -67px;
    left: -800px;
    background-color: #ffddff;
}
.bold {
    font-weight: bold;
}
.sentence {
    padding-right: 10%;
    padding-left: 10%;
}
.pr {
    font-size: 10px;
    text-align: left;
}
.category {
    font-size: 10px;
    color: #444444;
}
.estimate {
    font-size: 10px;
    color: #666666;
}
.estimatestar {
    font-size: 10px;
    color: #FF00FF;
}
A.estimatestar:link {
    color: #FF00FF; text-decoration: underline;
}
A.estimatestar:visited {
    color: #FF00FF; text-decoration: underline;
}
A.estimatestar:hover {
    color: #EE0000; text-decoration: underline;
}
.estimatechr {
    font-size: 10px;
    color: #666666;
    font-weight: normal;
}
.estimatediv {
    display: inline-block; /*for modern*/
}

a.tips {
    border-bottom: dotted 1px #FF99FF;
    color: #000000;
}

.datawrapper div, .menu1td, .menu1on, .menu2on, .estimatediv {
    *display:inline; /* IE7以下 */
    *zoom:1; /* IE7以下 */
}

#changespn {
  text-align:center;
  margin:50px 0 150px 0;
  padding:20px 0;
  border: 1px solid #e7e7e7;
  background:#f9f9f9;
}



#focuswrapper{
    font-size:12px;
    padding:10px;
    line-height: 2;
    text-align:left;
}

.edbutton  {
    margin:1px;
    padding:3px;
    background-color:#fff;
    background:-moz-linear-gradient(top, #fff, #e2e2e2);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff), to(#e2e2e2));
    color:#000;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    border:1px solid #b3b2b1;
    -webkit-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
}
#focusopenclosebutton  {
    float:right;
    width:70px;
}
*+html #focusopenclosebutton { /*IE7*/
    margin-top:-13px;
}
* html #focusopenclosebutton { /*IE6以下*/
    display:none;
}

/* cluetip設定  始まり*/
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-content {
  padding: 12px;
  background-color: #ffeeff;
}
/* cluetip設定 終わり*/