@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-color:  #fff;
}

img {
    border: 0;
}

h1 {
    margin: 0;
    padding: 0;
}

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

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

#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 {
    margin: 0;
    padding:0;
    float: left;
    border-right: 1px solid #58595b;
}

#sidemenu ul{
    list-style: none;
    margin: 0;
    padding:0;
    font-size: 90%;
}

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

#other a:hover {
    background: #EBF7E7;
    color: darkgreen;
}

#parent a{
    width: 140px;
    background: url(../images/liparent.gif) repeat-y;
    text-decoration: none;
    display: block;
    padding: 3px 3px 3px 3px;
    border-bottom: 1px solid #58595b;
}

#parent a:hover {
    background: #EBF7E7;
    color: darkgreen;
}

#child a{
    width: 140px;
    background: #E6E7E8;
    text-decoration: none;
    display: block;
    padding: 3px 3px 3px 3px;
    border-bottom: 1px solid #58595b;
}

#child a:hover {
    background: #EBF7E7;
    color: darkgreen;
}


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

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

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



/*
-----------------------------------------------------------------
    CONTENT BOX
-----------------------------------------------------------------
*/
#content {
    width: 725px;
    margin: 5px 0px 0 10px;
}

#content p{
    margin: 0 0 0.5em 0.5em;
}

#content h1{
    padding: 3px 0 2px 10px;
    margin: 1.5em 0 0.5em 0;
    clear: both;
    color: #363541;
    font-size: 115%;
    background: #FFF9E2;
    border-left: 3px solid #FFC046;
    border-bottom: 1px solid #A6A293;
}

#content h2{
    font-size: 120%;
    margin: 0;
}

#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{
    margin: 0;
    color: #676767;
    font-size: 90%;
}

#content h6{
    margin: 1.5em 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%;
}

#tablecenter {
    border: 1px solid #004B90;
    text-align: center;
}

#tablecenter td{
    padding: 0.3em;
    border-left: 1px solid #004B90;
    border-bottom: 1px solid #004B90;
}

.pricetable {
    width: 100%;
    font-size: 90%;
    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;
}

.pricetable2 {
    width: 80%;
    font-size: 90%;
    text-align: center;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
}

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

.pricetable3 {
    width: 90%;
    font-size: 90%;
    text-align: left;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
}

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

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

.subcell {
    background-color: #E9F4FF;
}




/* -------------リフレッシュPC・マウスPCに使用 --------------------------- */

ul.spec,
ul.spec li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.spec {
    width: 434px;
    padding: 4px 0;
    font-size: 90%;
}

ul.spec li {
    clear: both;
    float:left;
    width: 434px;
    margin: 2px 0 !important;
}


ul.spec .emphasis {
    display: block;
    float: left;
    width: 100px;
    font-weight: bold;
    color: #152782;
    background: #F8F8F8;
}

ul.spec .detail {
    display: block;
    float: right;
    width: 331px;
    border-bottom: 1px dashed #DBDBDB;
}

.price {
    margin: 0 0 0 450px;
    font-size: 110%;
    font-weight: bold;
    color: #FF4A4A;
    text-align: right;
}

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


ul.spec .detail {
    display: block;
    float: right;
    width: 331px;
    border-bottom: 1px dashed #DBDBDB;
}


.floatleft {
   float: left;
   margin: 0 10px 10px 0;
}


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

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

.notlist {
    list-style: none;
    margin: 0.4em;
}

#midcol .notlist li{
    text-decolation: none;
    list-style: none;
    background: url(../images/index/normalli.gif) no-repeat;
    text-indent: 8px;
}


#midco .notlist li{
    text-decolation: none;
    list-style: none;
    background: url(../images/index/normalli.gif) no-repeat;
    text-indent: 8px;
}

#midline .notlist li{
    text-decolation: none;
    list-style: none;
    background: url(../images/index/normalli.gif) no-repeat;
    text-indent: 8px;
}

/* ---------------------------ホームで使用中------------------------------------- */
/*3.2. 目的別ナビゲーション及びサービスエリアナビゲーション
-----------------------------------------------*/
/*全体のレイアウト*/


#midcol{
list-style: none;
font-size: 90%;
clear:both;
width:750px;
padding: 19px 0 0;
background:url("../images/index/bg_midcol_top1.gif") no-repeat;
}

html>body #midcol{float:left;}

#midcol .layout{
clear:both;
padding:0 0 20px 15px;
background:url("../images/index/bg_midcol.gif") 0 100% no-repeat;
}

#midcol .wrap table{
}

#midcol td.left{
width: 520px;
}

#midcol td.left .wrap{
clear:none;
}



/*
--------------------------------
コピー
--------------------------------
*/
#midco{
list-style: none;
font-size: 90%;
clear:both;
width:750px;
padding: 9px 0 0;
background:url("../images/index/bg_midco_top.gif") no-repeat;
}

html>body #midco{float:left;}

#midco .layout{
clear:both;
padding:0 0 20px 15px;
background:url("../images/index/bg_midco.gif") 0 100% no-repeat;
}

#midco .wrap table{

}

#midco td.left{
width: 530px;
}

#midco td.left .wrap{
clear:none;
}


#midline{
list-style: none;
font-size: 90%;
clear:both;
width:738px;
padding: 19px 0 0;
background:url("../images/index/bg_line_top1.gif") no-repeat;
}

html>body #midline{float:left;}

#midline .layout{
clear:both;
padding:0 0 20px 15px;
background:url("../images/index/bg_line.gif") 0 100% no-repeat;
}

#midline .wrap table{

}

#midline td.top{
width: 738px;
height: 10px;
padding:0 0 5px 15px;
}

#midline td.left{
width: 246px;
}

#midline td.left .wrap{
clear:none;
}

#midline td.center{
width: 246px;
}

#midline td.center .wrap{
clear:none;
}

#midline td.right{
width: 246px;
}

#midline td.right .wrap{
clear:none;
}


#midcenter{
list-style: none;
font-size: 90%;
clear:both;
width:738px;
padding: 19px 0 0;
background:url("../images/index/bg_midcenter_top1.gif") no-repeat;
}

html>body #midcenter{float:left;}

#midcenter .layout{
clear:both;
padding:0 0 20px 15px;
background:url("../images/index/bg_midcenter.gif") 0 100% no-repeat;
}

#midcenter .wrap table{

}

#midcenter td.left{
width: 454px;
}

#midcenter td.right{
width: 284px;
}

#midcenter td.right .wrap{
clear:none;
}

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


/*目的別ナビゲーション
-----------------------------------------------*/
/*全体のレイアウト*/
#midcol td.left .left{
float:left;
width:135px;
}

#midcol td.left .center{
float:left;
width:520px;
}

#midcol td.left .right{
float:left;
width:170px;
}

#midcol td.left .section{
margin: 0 8px 0 0px;
}

#midcol td.left .right .section{
margin-right:0;
}


#midcol td.left .section *{
margin:0;
padding:0;
}

/*細かい調整*/
#midcol td.left .section .title{
margin-bottom:5px;
}




/*ナビゲーション
-----------------------------------------------*/
#midcol td.right ul{
margin:0;
padding:0;
}

#midcol td.right{
float:left;
width: 200px;
}

#midcol div.rightcol{
margin: 0 0 20px 10px;
}

#midcol td.right .adlt{
padding-top:0px;
background:url("../../images/index/bg_tn_line.gif") 0px 0 no-repeat;
}




#ad {
    margin: 8px 0;
}

#ad img {
    margin: 1px 0;
}

#news {
    float: left;
    width: 530px;
    height: 250px;
    margin: 0 8px 0 5px;
    overflow: auto;
}

#news h2{
    color: #5D0000;
    font-size: 95%;
    margin: 0;
    padding: 0 0 5px 10px;
    border-top: 2px solid #FF6147;
    background: #E8E8E8;
}

.date {
    margin-right: 10px;
    color: #A11118;
}


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

.redbox {
    border: 2px solid #E99259;
}

.redbox_a {
    border: 2px solid #E55C61;
}
.redboxb {
    border: 2px solid #5980E9;
}
.redbox_c {
    border: 2px solid #FCBB5D;
}
.redbox_d {
    border: 2px solid #5FA0FE;
}

.bluebox {
    margin: 20px 0 0 0;
    border: 2px solid #0961A8;
}


.hikari_table {
    margin: 10px;
    text-align: center;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
    font-size: 90%;
}

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

.hikari_table .titlecell {
    background: #DCFAFF;
}




.period {
    color: #724119;
    font-weight: bold;
}

.floatright {
    float: right;
}



#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;
}