@CHARSET "UTF-8";

*, html {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

body, div, dl, dt, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
    margin: 0;
    padding: 0;
}

dt {
    font-size: 100%;
    color: #3d5e74;
}

dd {
    margin: 0 0 0 1em;
}

q:before, q:after {
    content:'';
}
body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    background-color: #fff;
/*
 *background-image: url("/images/header_bg.png");
 *
 */ 
    background-repeat: repeat-x;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, {
    line-height: 1.7em;
}

h6, li, p, li, dt, dd, td {
    line-height: 1.5em;
}
    
a:link, a:visited {
    color: #1e4f74;
    text-decoration: none;
}
a:active {
    color: #990000;
    text-decoration: none;
}
a:hover {
    color: #009bc2;
    text-decoration: underline;
}

h1 {
    font-family: verdana, arial, helvetica, Hiragino Kaku Gothic Pro, meiryo, sans-serif;
    color: #035ea5;
    background: inherit;
    font-weight: bold;
    font-size: 150%;
    padding: 7px 0 7px 0;
}

h2 {
    font-family: verdana, arial, helvetica, Hiragino Kaku Gothic Pro, meiryo, sans-serif;
    /* color: #1e4f74; */
    font-weight: bold;
    font-size: 131%;
    padding: 7px 0 7px 0;
}

h3 {
    font-family: verdana, arial, helvetica, Hiragino Kaku Gothic Pro, meiryo, sans-serif;
    color: #5f5f5f;
    background: inherit;
    font-style: normal;
    font-size: 115%;
}

h4, h5 {
    font-family: verdana, arial, helvetica, Hiragino Kaku Gothic Pro, meiryo, sans-serif;
    color: #5f5f5f;
    background: inherit;
    font-style: normal;
    font-size: 100%;
    padding: 12px 0 12px 0;
}

h6 {
    background: inherit;
    font-weight: normal;
    font-size: 85%;
}
div, table {
    word-break: break-all;
}

.title {
    font-weight: bold;
}


img {
    border: none;
    vertical-align: text-bottom;
    -ms-interpolation-mode: bicubic;
}


img.thumb {
    width: 200px;
    height: 150px;
}

hr.separator {
    display:none;
}


#content:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#content {
    display: inline-block;
    font-family: verdana,helvetica,sans-serif;
    min-height: 1%;
}
* html #content {
    height: 1%;
}
#content {
    display: block;
}

#flashArea { padding:0; margin:0; height:1%; }

#mainMenu { width:960px; min-height: 140px; margin-bottom:10px #fff;}
* html #mainMenu { height: 260px; }
#mainMenu .mainMenuCont { width:280px; float:left; padding:15px 20px 0 20px; position:relative; }
#mainMenu .mainMenuCont h2 { margin:0 0 7px 0; }
#mainMenu .mainMenuCont p { line-height:1.75; margin: 0 0 1em 0;}
#mainMenu .mainMenuCont .moreBtn { position:absolute; top:15px; right:20px; }

/**
 * --------------------------------------------------------------------------------------
 *
 *
 *
 *
 * --------------------------------------------------------------------------------------
 */
#wrapper {
    width: 960px;
    margin: 0 auto 0 auto;
    padding: 0;
}

/**
 * --------------------------------------------------------------------------------------
 * header
 *
 *
 *
 * --------------------------------------------------------------------------------------
 */
#header {
    width: 960px;
    margin: 0;
    padding: 0;
    clear: both;
}

#header .belt {
    width: 100%;
    height: 80px;
    color: #5f5f5f;
    clear: both;
    margin: 0 0 5px 0;
}

#header .help_belt {
    width: 100%;
    height: 60px;
    clear: both;
    margin: -5px 0 5px 0;
    border-bottom:1px solid #C3DDF1;
}

#header .help_belt2 {
    width: 100%;
    height: 60px;
    clear: both;
    margin: -5px 0 5px 0;
    border-bottom:1px solid #C3DDF1;
}



/**
 * --------------------------------------------------------------------------------------
 * Global Navi BG
 *
 *
 *
 * --------------------------------------------------------------------------------------
 */
#header div.gnavi {
    font-family: verdana, arial, helvetica, Hiragino Kaku Gothic Pro, meiryo, sans-serif;
    width: 958px;
    height: 21px;
    color:#1E4F74;
    font-weight: bold;
    text-align: center;
    padding: 2px 0 0 0;
    background-image: url("/images/gnavi_btn_bg.png");
    border-top: solid 1px #c3ddf1;
    border-right: solid 1px #c3ddf1;
    border-bottom: solid 1px #c3ddf1;
    border-left: solid 1px #c3ddf1;
    clear: both;
    top: 55px;
}

#header div.gnavi div.box {
    float: left;
    width: 125px;
    height: 23px;
}
#header div.gnavi div#btn_mypage {
    left: 0px;
}
#header div.gnavi div#btn_create {
    left: 125px;
}
#header div.gnavi div#btn_myfolder {
    left: 250px;
}
#header div.gnavi div#btn_favorite {
    left: 375px;
}
#header div.gnavi div#btn_download {
    left: 500px;
} 
#header div.gnavi div#btm_ranking {
    left: 625px;
}

/**
 * --------------------------------------------------------------------------------------
 * banner
 *
 *
 *
 * --------------------------------------------------------------------------------------
 */
#banner {
    top: 0;
    left: 0;
    float: left;
    clear: both;
    width: 530px;
    padding: 10px 0 2px 0;
}
#banner h1 {
    font-size: 180%;
    font-weight: bolder;
    float:left;
    width:auto;
    margin: 0;
    padding: 0;
}
#banner h1 a {
    background: inherit;
    color: #fff;
    text-decoration: none;
}


/**
 * --------------------------------------------------------------------------------------
 * menu
 *
 *
 *
 * --------------------------------------------------------------------------------------
 */
#menu {
    font-size: 100%;
    float: right;
    text-align: right;
    width: 420px;
    padding: 20px 0 0 0;
}

#menu a {
    color: #004e8a;
}

#menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#menu li {
    padding: 0;
    margin: 0 0 0 9px;
    display: inline;
    list-style-type: none;
}
#site-information-message {
    display: none;
}

/**
 * --------------------------------------------------------------------------------------
 * main
 *
 *
 *
 *--------------------------------------------------------------------------------------
 */
#main {
    float: left;
    min-height: 400px;
    color: #333333;
    padding: 0;
    margin: 0 -176px 12px  0;
//    overflow: hidden;
    width: 960px;
    z-index: 1;
}

#main .singlecal {
    padding: 0px 5px;
		width: 950px;
}

#mainMargin {
    margin-right: 180px;
}

#mainMargin p {
    padding: 0 0 0 0;
    margin: 0;
    line-height: 1.4em;
}
#mainMargin h2 {
    text-align: left;
    margin: 10px 0 5px 5px;
    font-size: 175%;
    padding: 5px 0;
    width: 770px;
}
#mainMargin h2.label {
    text-align: left;
}

#mgraph-title h2 {
    text-align: left;
    margin: 0.5em 0 0 5px;
    font-size: 175%;
    width: 770px;
}

#main h2.page-title {
    text-align: left;
    margin: 20px 0 10px 5px;
    font-size: 150%;
    font-weight: bold;
    width: 770px;
    padding: 2px 0;
}


/**
 * --------------------------------------------------------------------------------------
 * sub
 *
 *
 *
 *--------------------------------------------------------------------------------------
 */
.sub {
    float: left;
    overflow: hidden;
    width: 176px;
    z-index: 2;
}

.topSubLined {
    border: 1px solid #c7dff2;
    margin: 8px 0 0;
    padding: 0.5em 5px 0.5em 5px;
    background: #fff;
}

/**
 * --------------------------------------------------------------------------------------
 * footer
 *
 *
 *
 * --------------------------------------------------------------------------------------
 */
#footer {
    color: #404040;
    text-align: center;
    width: 960px;
    clear: both;
    margin: 10px 0 30px 0;
    padding: 0.5em 0 8px 0;
}

#backtotop {
    color: #404040;
    border-bottom: 1px solid #C3DDF1;
    width: 960px;
    padding: 5px 0;
    text-align: right;
    clear: both;
}

#backtotop2 {
    color: #404040;
    width: 960px;
    padding: 5px 5px 0 0;
    text-align: right;
    clear: both;
}

#footer p {
    font-weight: normal;
    font-size: 11px;
}

#footerNav {
    float: left;
    text-align: left;
    margin: 8px 0 0 5px;
    width: 470px;
}

#copyRight p {
    float: right;
    text-align: right;
    margin: 8px 5px 0 0;
    width: 470px;
}


#country {
    float: center;
}

.img {
    float: left;
    margin: 4px 6px 3px 4px;
    padding: 2px;
}


a.none {
    text-decoration: none;
    border: none;
}
a.none img {
    border: none;
}

div.error_list {
    color: red;
    padding:0　10px 0 0;
}

div.hidden {
    display: none;
}

div.clear_both {
    clear: both;
}

/**
 * --------------------------------------------------------------------------------------
 * aboutus
 *
 *
 *
 * --------------------------------------------------------------------------------------
 */
.stripedtable { border-top:solid 1px #f5f5f5; width:100%; line-height:1.5; }
.stripedtable th { width:110px;}
.stripedtable th,
.stripedtable td { border-bottom:solid 1px #f5f5f5; padding:10px; text-align:left; vertical-align:top; }
.stripedtable .oddline td,
.stripedtable .oddline th {  }
.stripedtable .evenline { }
.stripedtable .normal { font-weight:normal; }

.stripedtable td table,  
.stripedtable td table th,
.stripedtable td table td { padding:0; border:none; width:auto; font-weight:normal; }
.stripedtable td table .oddline td,
.stripedtable td table .oddline th { background:none; }
.stripedtable td table th { white-space:nowrap; padding:0 10px 0 0; }

/**
 * --------------------------------------------------------------------------------------
 * press
 *
 *
 *
 * --------------------------------------------------------------------------------------
 */
.press { border-top:solid 1px #f5f5f5; width:100%; line-height:1.5; }
.press th { width:110px;}
.press th,
.press td { border-bottom:solid 1px #f5f5f5; padding:10px; text-align:left; vertical-align:top; }
.press .oddline td,
.press .oddline th {  }
.press .evenline { }
.press .normal { font-weight:normal; }

.press td table,  
.press td table th,
.press td table td { padding:0; border:none; width:auto; font-weight:normal; }
.press td table .oddline td,
.press td table .oddline th { background:none; }
.press td table th { white-space:nowrap; padding:0 10px 0 0; }

/**
 * --------------------------------------------------------------------------------------
 * information
 *
 *
 *
 *--------------------------------------------------------------------------------------
 */
#main_info {
    float: left;
    min-height: 370px;
    color: #333333;
    padding: 0;
    margin: 0;
//    overflow: hidden;
    width: 500px;
    z-index: 1;
}
#wrapper_info {
    width: 500px;
    margin: 0 auto 0 auto;
    padding: 0;
}

/**
 * --------------------------------------------------------------------------------------
 * tutorial
 *
 *
 *
 *--------------------------------------------------------------------------------------
 */
.tutorial_tit {height:32px; background:url(../image/tutorial_img/tutorial_tit_icon24x32.gif) no-repeat left center; padding:0 0 1px 32px; Margin:30px 0 0 0;}
.help_tit {height:37px; background:url(../image/help_img/help_tit_140x40.gif) no-repeat left center; padding:0 0 1px 37px; Margin:30px 0 0 0; vertical-align:text-bottom;}
.reason {width:95%;margin-top:5px;margin-left:3px;margin-bottom:12px;}
.video_index {margin:0 32px;padding:0;}
.video_index li {font-weight:bold;font-size:12px; list-style:none; background:url(../image/tutorial_img/vizcat_video_icon_16x20.gif) no-repeat left center;padding-left:22px;margin-top:5px;}
.checkmark {margin:1.3em;padding:0;}
.checkmark li {list-style:none; background:url(../image/tutorial_img/checkmark_yellow.gif) no-repeat left center;padding-left:22px;margin-top:3px;}
.InfoBar {background: transparent; margin:1px;}
.InfoBarTitle {background:url(../image/tutorial_img/vizcat_video_icon_16x20.gif) no-repeat left center; color:#1E4F74; border-bottom:1px solid #aaa;font-weight:bold;font-size:14px;padding:0 0 1px 24px; Margin:20px 0 4px 0;}