/********大枠*********/
body {
   background-color:#383838;
}

ul,
li,
dl,
dt,
dd {
   margin:0;
   padding:0;
}

#wrapper {
   margin:0 auto -201px;
   width:800px;
   background-color:#ffffff;
   min-height: 100%;
   height: auto !important;
   height: 100%;
}

#wrapper #content {
   width:800px;
   background-color:#ffffff;
}

#wrapper #fla {
   width:100%;
   height:363px;
   background-image:url(../images/flabg.jpg);
}

#wrapper #content #main {
   background-color:#ffffff;
   padding:0 4px 0 4px;
   background-image:url(../images/idx_mainbg.jpg);
   background-position:4px 0;
   background-repeat:no-repeat;
}
 /*************************************/

 /********LATEST NEWS*********/
#wrapper #content #main #rss a {
   display:block;
   width:99px;
   height:18px;
   position:relative;
   left:455px;
   top:21px;
   background-image:url(../images/rss.gif);
   background-repeat:no-repeat;
   text-indent:-9999px;
}

#wrapper #content #main ul#news {
   float:left;
   width:572px;
   height:37px;
}

#wrapper #content #main ul#news span#ttl_news {
   display:block;
   width:572px;
   height:37px;
   text-indent:-9999px;
   background-image:url(../images/idx_ttl_news.jpg);
}

#wrapper #content #main ul#news dl {
   width:550px;
   padding-left:12px;
}

#wrapper #content #main ul#news dl dt {
   padding-left:10px;
   height:17px;
   background-image:url(../images/news_border.gif);
   background-repeat:repeat-x;
   color:#003366;
   font-weight:bold;
}

#wrapper #content #main ul#news dd {
   margin-top:12px;
   margin-bottom:10px;
   padding-left:10px;
}

#wrapper #content #main dl.date dt span.newsdate {
   display:block;
   margin-left:5px;
   float:left;
}
 /*************************************/

 /********TOPICS*********/
#wrapper #content #main dl.date dt span.cateicon {
   display:block;
   margin-left:60px;
   padding-top:2px;
   width:68px;
   height:15px;
   background-repeat:no-repeat;
   background-position:center;
}

#wrapper #content #main ul#news li.press {
   padding-right:12px;
   text-align:right;
}

#wrapper #content #main ul#topics {
   float:right;
   width:215px;
   height:310px;
}

#wrapper #content #main ul#topics span#ttl_topics {
   display:block;
   width:215px;
   height:37px;
   background-image:url(../images/idx_ttl_topics.jpg);
   background-repeat:no-repeat;
   text-indent:-9999px;
}

#wrapper #content #main ul#topics li img {
   margin-bottom:3px;
}
 /*************************************/

 /********SERVICES*********/
h2#ttl_services {
   clear:both;
   width:792px;
   height:42px;
   background-image:url(../images/idx_ttl_service.jpg);
   background-repeat:no-repeat;
   text-indent:-9999px;
}

span.link_services a {
   display:block;
   width:129px;
   height:17px;
   position:relative;
   top:-22px;
   left:65px;
   text-indent:-9999px;
}

#idx #services {
   margin-left:24px;
}

#idx #services dl {
   margin-bottom:8px;
   border:1px solid #ccc;
   padding-left:185px;
   width:564px;
   float:left;
}

#idx #services dl:after {
   content: ".";
   display: block;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
   clear: both;
   visibility: hidden;
}

*+ html body #services dl {
   padding-bottom:4px;
}

*html body #services dl {
   padding-bottom:4px;
}

#idx #services dt {
   margin-top:17px;
   margin-left:-200px;
   width:185px;
   background-repeat:no-repeat;
   background-position:right bottom;
   text-indent:-9999px;
   float:left;
}

* html body#idx #services dt {
   margin-left:-100px;
}

#idx #services dt#service_mobile_bana {
   background-image:url(../images/service_ttl01.gif);
}

#idx #services dt#service_portal_bana {
   background-image:url(../images/service_ttl02.gif);
}

#idx #services dt#service_kao_bana {
   background-image:url(../images/service_ttl03.gif);
}

#idx #services dt#service_cmdata_bana {
   background-image:url(../images/service_ttl04.gif);
}

#idx #services dd a {
   display:block;
   margin-left:8px;
   margin-top:4px;
   margin-bottom:4px;
   width:177px;
   height:48px;
   background-repeat:no-repeat;
   text-indent:-9999px;
   float:left;
}

#services dd#cm55 a {
   background-image:url(../images/bana_cm55.gif);
}

#services dd#spokyo a {
   background-image:url(../images/bana_spokyo.gif);
}

#services dd#ppmm a {
   background-image:url(../images/bana_ppmm.gif);
}

#services dd#wine55 a {
   background-image:url(../images/bana_wine55.gif);
}

#services dd#kaomode a {
   background-image:url(../images/bana_kaomode.gif);
}

#services dd#myupo a {
   background-image:url(../images/bana_myupo.gif);
}

#services dd#miteca a {
   background-image:url(../images/bana_miteca.gif);
}

#services dd#photonavi a {
   background-image:url(../images/bana_photonavi.gif);
}

#services dd#cmdata a {
   background-image:url(../images/bana_cmdata.gif);
}
p.note {
   margin-right:15px;
   text-align:right;
   color:#042130;
   clear:both;
}

.clear {
   clear:both;
}

*html body p.note {
   margin-right:15px;
}

/*************************************/

/********フッター*********/
.mar {
   width:800px;
   background-color:#ffffff;
   height:201px;
}

#footer {
   margin:0 auto;
   width:800px;
   height:201px; 
   background-image:url(../images/footer_bg.jpg);
   background-repeat:no-repeat;
   text-align:center;
}

.footmenu {
   padding-top:120px;
}

#copyright {
   margin-top:15px;
   text-align:center;
   color:#ffffff;
}

h1#page-title {
   border:1px dotted #999;
   padding:8px;
   font-weight:bold;
   text-align:center;
}

.asset-body {
   line-height:2em;
}
/*************************************/

/********サイドテンプレート用*********/
#wrapper #content #left {
background-color:#efefef;
width:200px;
float:left;
}

#wrapper #content #right {
   margin-left:200px;
   background-color:#adadad;
   width:600px;
}

/*****************/