@charset "UTF-8";

/* メイン スタイルシートの読み込み　+　Mac 版 IE5.x スタイル適応除外
------------------------------------------------------------ */
/*¥*/
@import "/css/common.css";
@import "/css/mod/contents.css";
/**/


#topLink .btnSitemap {
/* margin:10px 0 0 328px; */
margin:10px 0 0 0;
}

h1{
color:#ffffff;
width:328px;
margin:11px 0 0 0;
padding:0;
font-size:10px;
font-weight:bold;
float:left;
}

/* 
------------------------------------------------------------ */
#promotionArea {
margin-top:20px;
height:180px;
}


/* 
------------------------------------------------------------ */
#gatewayArea {
margin:20px 0 20px 0;
/* height:154px; */
height:115px;
}

* html #gatewayArea {
margin:20px 0 10px 0;
/* height:154px; */
height:115px;
}

#gatewayArea p {
background-color:#fff;
font-size:12px;
line-height:140%;
letter-spacing:0.1em;
height:92px;
padding:5px;
text-align:left;
}

#gatewayArea p img {
float:left;
margin:0 12px 20px 0;
}

#gatewayArea p strong {
color:#36f;
font-weight:normal;
}

#gatewayArea h2.imgHead {
margin:0;
}

#gatewayColumn01, 
#gatewayColumn02, 
#gatewayColumn03,
#bannerAreaColumn01,
#bannerAreaColumn02,
#bannerAreaColumn03 {
text-align:left;
/* padding-bottom:5px; */
}

#gatewayColumn01, 
#gatewayColumn02,
#bannerAreaColumn01,
#bannerAreaColumn02 {
/* background:url(/images/index/gatewayarea_bg.gif) no-repeat left bottom; */
width:195px;
float:left;
text-align:center;
}

#gatewayColumn01,#bannerAreaColumn01 {
margin-right:20px;
}

#gatewayColumn02 {
}

#gatewayColumn03,#bannerAreaColumn03 {
float:right;
width:195px;
padding-bottom:0;
}

#gatewayColumn01 a.gwColButton, 
#gatewayColumn02 a.gwColButton {
clear:both;
}



#bannerArea {
margin:10px 0 20px 0;
height:77px;
}

#bannerArea #bannerColumn01,
#bannerArea #bannerColumn02,
#bannerArea #bannerColumn03 {
background:none;
padding-bottom:0;
}


/* 
------------------------------------------------------------ */
#leadArea{
margin:20px 0 20px 0;
padding:0;
font-size:12px;
line-height:1.45;
}

#leadArea01 {
margin:0;
padding:0 0 0 20px;
width:410px;
float:right;
/* border:solid 1px #000; */
}

#leadArea02 {
margin:0;
padding:0;
width:195px;
height:115px;
float:left;
/* border:solid 1px #000; */
}

#leadArea:after {/* float clear */
content: ".";
display: block;
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
visibility: hidden;
}

#leadArea { display:inline-block; }



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

#wrapper{
background:url(/images/index/bg_wrapper.png) repeat-x left top #fff;
}

#contents {
background:none;
}

#contentWrapper {
clear:both;
background:url(/images/common/bg_upper_part.png) no-repeat left top;
padding:18px 20px 20px 20px;
}

#contentWrapper h2.latestNews {
background:none;
margin:0 0 16px 0;
padding:0;
}

dl.latestNews  {
padding-bottom:40px;
}

dl.latestNews dt {
font-weight:bold;
}

dt span.veryNew {
background-color:#36f;
color:#fff;
font-size:10px;
padding:1px 3px;
}

dl.latestNews dd {
margin-bottom:0.7em;
line-height:1.5em;
}


.feedIcon {
vertical-align:bottom;
}

a.latestNews {
background:url(/images/common/bullet_link_inside.gif) no-repeat left top;
line-height:16px;
height:16px;
padding:2px 0 2px 20px;
}

/* 
------------------------------------------------------------ */
div.newsArchive {
background:url(/images/common/bg_page_top.png) no-repeat left top;
height:34px;
margin-bottom:12px;
}

ul.newsArchive {
background:url(/images/common/bg_page_top.png) no-repeat left bottom;
list-style:none;
}

ul.newsArchive li {
background:url(/images/common/bullet_utility_navi.gif) no-repeat left center;
display:inline;
line-height:34px;
padding:0 16px 0 16px;
margin-left:3px;
}

* html body 

/* 
------------------------------------------------------------ */
.serverService {
}

h2.serverService {
margin-top:22px;
}

dl.serverService {
margin-top:30px;
}

* html body dl.serverService dt, 
* html body dl.serverService dd {
font-size:1.2em;
}

dl.serverService dt {
background:url(/images/common/bullet_link_inside.gif) no-repeat left center;
line-height:20px;
padding-left:20px;
font-size:1.2em;
font-weight:bold;
}

* html body dl.serverService dd {
line-height:1.6em;
}

dl.serverService dd {
/* margin-bottom:0.7em; */
margin-bottom:1.5em;
margin-top:0.3em;
margin-left:20px;
}

dl.serverService a:link{
color:#6666bb;
}

dl.serverService a:visited{
color:#6666bb;
}

dl.serverService a:hover{
color:#333366;
}

dl.serverService a:active{
color:#666699;
}




/* 
------------------------------------------------------------ */
#bottomNavi {
padding:0 40px 20px 40px !important;
height:100%;
}

#bottomNavi h2 {
background:url(/images/common/bg_page_top.png) no-repeat left 14px;
font-size:10px;
line-height:16px;
padding:26px 0 4px 0;
height:16px;
}


#bottomNaviLeft{
width:auto;
float:left;
}

#bottomNaviRight{
margin:0 0 10px 0;
padding:5px;
color:#666666;
width:210px;
font-size:small;
line-height:1.2em;
float:right;
border:solid 2px #cccccc;
}

#bottomNaviRight p.logo{
margin:0 0 5px 0;
text-align:center;
}

#bottomNavi ul {
list-style:none;
margin-bottom:0.7em;
}

#bottomNavi ul li {
display:inline;
padding:0 16px 0 0;
}


#footer #utilitynavi p{
line-height:1.4em;
}



#bottomNavi ul#server {
background:url(/images/index/line_top_service.gif) no-repeat 0 0;
list-style:none;
}

#bottomNavi ul#server li {
/* width:167px; */
width:196px;
display:inline;
margin:0;
padding:0;
display:block;
float:left;
font-size:10px;
text-align:center;
}

#bottomNavi ul#server li a {
text-decoration:none;
}

#bottomNavi ul#server :after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#bottomNavi ul#server { display:inline-block; }




#bottomNavi h2.linkService02 {
background:url(/images/common/bg_page_top.png) no-repeat left 1px;
font-size:10px;
line-height:16px;
padding:26px 0 4px 0;
height:16px;
}




/* Windows 版 IE5.x (5.0〜5.5) 用スタイルシートの読み込み
------------------------------------------------------------ */
@media tty {
	i{content:"¥";/*" "*/}} @import '/css/win-ie5x.css'; /*";}
}/* */

/* Windows 版 IE5.0 用スタイルシートの読み込み
------------------------------------------------------------ */
@media tty {
	i{content:"¥";/*" "*/}}; @import '/css/win-ie50.css'; {;}/*";}
}/* */

/* Windows 版 IE5.5 用スタイルシートの読み込み
------------------------------------------------------------ */
@media tty {
	i{content:"¥";/*" "*/}}@m; @import '/css/win-ie55.css'; /*";}
}/* */