@charset "utf-8";

/*
  ---------------------------------------------------------------
  doit-station default.css
  ---------------------------------------------------------------
  INDEX : 
     - BASE
     - HEADER
     - CONTENT
     - SIDE MENU
     - FOOTER
  ---------------------------------------------------------------
*/

/*
-----------------------------------------------------------------
    BASE ELEMENTS
-----------------------------------------------------------------
*/


body {
    margin: 0px;
    padding: 0px;
    background: url(../images/background.gif) #ebebec;
    font-size: 90%;
    line-height: 150%;
}

#wrapper {
    position: relative;
    width: 750px;
    margin: 0px auto;
    border-right: 1px solid #AAAEAC;
    border-left: 1px solid #AAAEAC;
    border-bottom: 1px solid #AAAEAC;
    background: #ffffff;
    text-align: left;
    background: url(../images/main_background.gif) #ebebec;
}

img {
    border:0;
}

h1 {
    margin: 0;
}

/*
-----------------------------------------------------------------
    HEADER
-----------------------------------------------------------------
*/

#header {
    background-color: #fff;
    border-top: 3px solid #BF0B22;
    border-bottom: 1px solid #121212;
}

#headright {
    float: right;
}

#headright a{
    color: #121212;
    font-size: 90%;
}

#headright a:hover{
    color: #BF0B22;
    font-size: 90%;
}


/*
-----------------------------------------------------------------
    MENU BOX
-----------------------------------------------------------------
*/

#globalmenu {
    clear: both;
    height: 25px;
    width: 750px;
    background: url(../images/gmenuback.gif) repeat-x;
}

#globalmenu ul{
    margin: 0;
    padding: 0;
}


#globalmenu li {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
}

#ghome a{
    display: block;
    width: 92px;
    height: 25px;
    background: url(../images/ghome.gif) no-repeat;
    background-position: left top;
}

#ghome a:hover {
    width: 92px;
    height: 25px;
    background: url(../images/ghome.gif) no-repeat;
    background-position: left bottom;
}

/*
----------------
追加修正分
----------------
*/
#ghome9 a{
    display: block;
    width: 80px;
    height: 25px;
    background: url(../images/ghome9.gif) no-repeat;
    background-position: left top;
}

#ghome9 a:hover {
    width: 80px;
    height: 25px;
    background: url(../images/ghome9.gif) no-repeat;
    background-position: left bottom;
}

#gline9 a{
    display: block;
    width: 153px;
    height: 25px;
    background-position: left top;
    background: url(../images/gline9.gif) no-repeat;
    text-align: center;
}

#gline9 a:hover {
    height: 25px;
    background: url(../images/gline9.gif) no-repeat;
    background-position: left bottom;
}

#gsale9 a{
    display: block;
    width: 150px;
    height: 25px;
    background-position: left top;
    background: url(../images/gsale9.gif) no-repeat;
    text-align: center;
}

#gsale9 a:hover {
    height: 25px;
    background: url(../images/gsale9.gif) no-repeat;
    background-position: left bottom;
}

#gcanp9 a{
    display: block;
    width: 110px;
    height: 25px;
    background-position: left top;
    background: url(../images/gcanpaign9.gif) no-repeat;
    text-align: center;
}

#gcanp9 a:hover {
    height: 25px;
    background: url(../images/gcanpaign9.gif) no-repeat;
    background-position: left bottom;
}

#gphs9 a{
    display: block;
    width: 120px;
    height: 25px;
    background-position: left top;
    background: url(../images/gphs9.gif) no-repeat;
    text-align: center;
}

#gphs9 a:hover {
    height: 25px;
    background: url(../images/gphs9.gif) no-repeat;
    background-position: left bottom;
}

#gsapport9 a{
    display: block;
    width: 120px;
    height: 25px;
    background-position: left top;
    background: url(../images/gsapport9.gif) no-repeat;
    text-align: center;
}

#gsapport9 a:hover {
    height: 25px;
    background: url(../images/gsapport9.gif) no-repeat;
    background-position: left bottom;
}

#getc {
    width: 17px;
    display: block;
    height: 25px;
    background-position: left top;
    background: url(../images/globalnavi_back.gif) repeat-x;
}

#getc {
    height: 25px;
    background: url(../images/globalnavi_back.gif) repeat-x;
    background-position: left bottom;
}

/*
---------------------
ここまで
---------------------
*/

#ghikari a{
    display: block;
    width: 153px;
    height: 25px;
    background-position: left top;
    background: url(../images/ghikari.gif) no-repeat;
    text-align: center;
}

#ghikari a:hover {
    height: 25px;
    background: url(../images/ghikari.gif) no-repeat;
    background-position: left bottom;
}

#gadsl a{
    width: 150px;
    display: block;
    height: 25px;
    background-position: left top;
    background: url(../images/gadsl.gif) no-repeat;
    text-align: center;
}

#gadsl a:hover {
    height: 25px;
    background: url(../images/gadsl.gif) no-repeat;
    background-position: left bottom;
}

#gcanpaign a{
    width: 128px;
    display: block;
    height: 25px;
    background-position: left top;
    background: url(../images/gcanpaign.gif) no-repeat;
}

#gcanpaign a:hover {
    height: 25px;
    background: url(../images/gcanpaign.gif) no-repeat;
    background-position: left bottom;
}


#gservice a{
    width: 100px;
    display: block;
    height: 25px;
    background-position: left top;
    background: url(../images/gservice.gif) no-repeat;
}

#gservice a:hover {
    height: 25px;
    background: url(../images/gservice.gif) no-repeat;
    background-position: left bottom;
}

#gcommunity {
    width: 127px;
    display: block;
    height: 25px;
    background-position: left top;
    background: url(../images/globalnavi_back.gif) repeat-x;
}

#gcommunity {
    height: 25px;
    background: url(../images/globalnavi_back.gif) repeat-x;
    background-position: left bottom;
}



/* ---------------------------------------------- */


#sidemenu {
    font-size: 93%;
    margin: 0;
    padding:0;
    float: left;
}

#sidemenu ul{
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #ADAFB3;
}

.other a{
    color: #121212;
    width: 142px;
    background: url(../images/liother.gif) repeat-y;
    text-decoration: none;
    display: block;
    padding: 5px 3px 5px 2px;
    border-bottom: 1px solid #ADAFB3;
}

.other a:hover {
    background: url(../images/liparent.gif);
}

.parent a{
    color: #121212;
    width: 141px;
    font-weight: bold;
    background: url(../images/liparent.gif);
    text-decoration: none;
    display: block;
    padding: 5px 3px 5px 3px;
    border-bottom: 1px solid #ADAFB3;
}

.parent a:hover{
    color: #121212;
    width: 141px;
    background: url(../images/liparent.gif);
    text-decoration: none;
    padding: 5px 3px 5px 3px;
    border-bottom: 1px solid #ADAFB3;
}

.sidesub {
    background: url(../images/liparent.gif);
    padding: 1px 3px 3px 1px;
    border-bottom: 1px solid #ADAFB3;

}

.child a{
    color: #121212;
    width: 141px;
    font-size: 96%;
    text-indent: 1.5em;
    text-decoration: none;
    display: block;
    padding: 5px 3px 3px 3px;
    background: url(../images/lichild.gif);
    border-bottom: 1px dashed #D7D7D7;
}

.child a:hover {
    color: #121212;
    background: url(../images/lichild_parent.gif);
}

.child_parent a{
    color: #121212;
    width: 141px;
    font-size: 96%;
    text-indent: 1.5em;
    text-decoration: none;
    display: block;
    padding: 5px 3px 3px 1px;
    background: url(../images/lichild_parent.gif);
    border-bottom: 1px dashed #D7D7D7;
}

.child_parent a:hover{
    color: #121212;
    width: 141px;
    font-size: 96%;
    text-indent: 1.5em;
    text-decoration: none;
    display: block;
    background: url(../images/lichild_parent.gif);
    border-bottom: 1px dashed #D7D7D7;
}


/*
-----------------------------------------------------------------
    TITLE 
-----------------------------------------------------------------
*/

#title {
    background: #D9DBD9;
    border-bottom: 1px solid #939598;
}

#title img{
    border-bottom: 1px solid #939598;
}



/*
-----------------------------------------------------------------
    CONTENT BOX
-----------------------------------------------------------------
*/
#content {
    background: #fff;
    width: 560px;
    float: right;
    margin: 1em 0.5em 0 1em;
}


#content p{
    margin: 0 0 0.8em 0.8em;
    line-height: 134%;
    font-size: 90%;
}

#content h1{
    margin: 0 0 1em 0;
    color: #4E5063;
    font-size: 120%;
    padding: 0 0 0 10px;
}

#content h2{
    margin: 1em 0 1em 0;
    padding: 2px 0 2px 8px;
    font-size: 95%;
    background: #E9E7FF;
    border-left: 3px solid #355E92;
    border-bottom: 1px solid #757895;
}

#content h3{
    clear: both;
    margin: 2em 0 0.3em 0;
    text-indent: 1.5em;
    background: url(../images/h3.gif) no-repeat;
    border-bottom: 1px solid #3289B7;
    color: #363541;
    font-size: 92%;
}

#content h4{
    background: #f1;
    color: #363541;
    margin: 0.3em;
    font-size: 92%;
}

#content h6{
    clear: both;
    margin: 2em 0 0.3em 0;
    text-indent: 1.5em;
    background: #DDECF7;
    border-top: 1px solid #A6CCE9;
    border-bottom: 1px solid #A6CCE9;
    color: #002F4C;
    font-size: 92%;
}

#fastbar {
    background: url(../images/adsl/fastbar.gif) repeat-y;
}

#lowbar {
    background: url(../images/adsl/lowbar.gif) repeat-y;
}

#bottom {
    border-bottom: 1px dashed #939598;
}

#category {
    padding: 0.5em;
    border-bottom: 1px dashed #939598;

}

.floatleft {
    clear: both;
    margin: 3px 0.8em 0 0.8em;
    padding: 0 0 1em 0;
    float: left;
}

.pricetable {
    font-size: 90%;
    width: 100%;
    margin: 0.5em;
    text-align: center;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
}

.pricetable td{
    padding: 3px;
    border-top: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
}

.titlecell {
    text-align: center;
    color: #121212;
    background-color: #F1F1F1;
}

.total {
    background-color: #D5D5D5;
    font-weight: bold;
    color: #121212;
}

.subcell {
    background-color: #E4E4E4;
}

.cell {
    background-color: #F1F1F1; 
    border: 1px solid #121212;
}

#construction {
    font-size: 90%;
    margin: 1em 0 0 0;
    border: 1px solid #121212;
}

#construction ul{
    margin: 0 0 0 1.2em;
}

.attention {
    padding: 0.2em 0 0 0;
    color: #404040;
    font-size: 90%;
}

.blink {
    margin: 0.4em;
    font-weight: bold;
    font-size: 110%;

}

.table_box {
    width: 100%;
    font-size: 90%;
    border: 1px solid #AEB8FF;
    margin-bottom: 20px;
}



#tell {
    margin: 18px 0 0 4px;
}


#paddingtop {
    padding: 1em;
}

#clearboth {
    clear: both;
}

#contenttitle {
    padding: 3em 0 0 0;
}

.navigate {
    color: ##454746;
    padding-top: 40px;
}

.navigate td{
    font-size: 90%;
    width: 150px;
}

.block {
    background: #C1D4FF;
    text-align: center;
}

.normaltable {
    font-size: 90%;
    width: 100%;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
}

.normaltable td{
    padding: 3px;
    border-top: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
}




#go_top a{
    padding-top: 5em;
    margin: 10px;
    float: right;
    color: #454746;
    text-align: right;
    font-size: 85%;
}

#go_top a:hover{
    text-decoration: underline;
}

/*
-----------------------------------------------------------------
    FOOTER
-----------------------------------------------------------------
*/


#footer {
    text-align: right;
    font-size: 93%;
    color: #343434;
    clear: both;
    width: 750px;
    margin-top: 10px;
    border-top: 2px solid #AAAEAC;
    background: #D1D1D1;
}

#footer p{
    color: #343434;
    text-align: left;
    margin: 0 0 0 10px;
}

#footer a{
    color: #343434;
    text-decoration: none;
    font-size: 93%;
}

#footer a:hover{
    color: #121212;
    text-decoration: underline;
}