/*top*/

/* header */

#header{
width:950px;
margin:0 10px 8px 0;
border-top:5px solid #019ec7;
}

#header h1{
width:236px;
float:left;
margin:6px 0 0 0;
}

#header p{
font-size:12px;
width:500px;
float:left;
margin:15px 0 0 25px;
color:#666666;
line-height:1.5em;
}

#header ul{
font-size:12px;
float:right;
list-style:none;
padding:26px 10px 0 0;
width:85px;
text-align:right;
}

#header ul li span{
background:url(../images/bg_square-icon.gif) no-repeat 0 50%;
padding:0 0 0 17px;
}

/* container */

#container{
width:950px;
text-align:left;
margin:0 auto;
}

#container .hl-type01{
height:44px;
background:url(../images/bg_hl-type01.jpg) no-repeat 0 0;
}

#container .hl-type01 h2{
font-size:18px;
color:#ffffff;
padding:10px 0 0 30px;
}

#container .hl-type01 h2 span{
font-size:12px;
padding:0 0 0 10px;
font-weight:normal;
}

/* main */

#contents .main{
width:950px;
background:url(../images/bg_main.gif) repeat-y 0 0;
}

#contents p.paragraph{
font-size:12px;
padding:8px 8px 8px 8px;
border-bottom:1px solid #a6afc0;
margin:0 1px 0 1px;
color:#666666;
line-height:1.5em;
}

/* area-banner */

#contents .area-banner{
width:948px;
background:url(../images/bg_banner-inner.gif) repeat-y top left;
margin:0 1px 0 1px;
}

#contents .box01{
width:237px;
float:left;
}

#contents .box01-spacer{
margin:0 5px 0 7px;
}

#contents .sectionelement{
border-top:1px solid #FFFFFF;
padding:10px 0 0 0;
margin:0 4px 10px 5px;
}

#contents .a8banner{
width:121px;
float:right;
text-align:right;
}

#contents .a8banner img{

}

#contents .sectionelement dt{
width:85px;
font-size:12px;
line-height:1.4em;
float:left;
}

#contents .sectionelement dd{
clear:both;
font-size:10px;
line-height:1.3em;
padding:10px 0 0 0;
}


#contents .box01 h3{
background:url(../images/bg_h3-01.jpg) no-repeat 0 0;
font-size:14px;
padding:10px 0 7px 6px;
}

#contents .box01 .h3-outside{
background:url(../images/bg_h3-01-outside.jpg) no-repeat 0 0;
padding:11px 0 7px 6px;
}

#contents .box02{
width:237px;
float:left;
}

#contents .box02-spacer{
margin:0 6px 0 6px;
}

#contents .box02 h3{
background:url(../images/bg_h3-02.jpg) no-repeat 0 0;
font-size:14px;
padding:10px 0 7px 6px;
}

#contents .box02 .h3-outside{
background:url(../images/bg_h3-02-outside.jpg) no-repeat 0 0;
padding:11px 0 7px 6px;
}

#contents .box03{
width:237px;
float:left;
}

#contents .box03-spacer{
margin:0 7px 0 5px;
}

#contents .box03 h3{
background:url(../images/bg_h3-03.jpg) no-repeat 0 0;
font-size:14px;
padding:10px 0 7px 6px;
}

#contents .box03 .h3-outside{
background:url(../images/bg_h3-03-outside.jpg) no-repeat 0 0;
padding:11px 0 7px 6px;
}

#contents .box04{
width:237px;
float:left;
}

#contents .box04-spacer{
margin:0 7px 0 4px;
}

#contents .box04 .section01{
background:#FFFFFF;
text-align:center;
padding:5px 0 0 0;
}

#contents .box04 .section01 img{
margin:0 auto;
}

#contents .box04 h3{
background:url(../images/bg_h3-04.jpg) no-repeat 0 0;
font-size:14px;
padding:10px 0 7px 6px;
}

#contents .box04 .h3-outside{
background:url(../images/bg_h3-04-outside.jpg) no-repeat 0 0;
padding:11px 0 7px 6px;
}

/* area-basic */

#contents .area-basic{
margin:0 0 20px 0;
}

#contents .area-basic .hl-basic{
height:32px;
background:url(../images/bg_hl-type02.jpg) no-repeat 0 0;
}

#contents .area-basic h2{
font-size:14px;
padding:8px 0 7px 8px;
color:#112955;
}

#contents .area-basic .basic-spacer{
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
padding:10px 10px 10px 10px;
height:1%;
}

#contents .area-basic p{
font-size:12px;
line-height:1.5em;
padding:0 0 9px 0;
}

#contents .area-basic p.border-dotted{
border-bottom:1px dotted #cccccc;
margin:0 0 10px 0;
}

#contents .area-basic .basic01{
width:464px;
float:left;
border-right:1px dotted #cccccc;
}

#contents .area-basic .basic01-spacer{
padding:0 10px 0 0;
}

#contents .area-basic .basic01 p{
float:left;
width:227px;
}

#contents .area-basic .basic01 a{
float:right;
width:210px;
}

#contents .area-basic .basic02{
width:453px;
float:right;
}

#contents .area-basic .basic02 p{
float:left;
width:227px;
}

#contents .area-basic .basic02 a{
float:right;
width:210px;
}



/* area-comparison */

#contents .area-comparison{
margin:0 0 20px 0;
}

#contents .area-comparison .hl-comparison{
height:32px;
background:url(../images/bg_hl-type02.jpg) no-repeat 0 0;
}

#contents .area-comparison h2{
background:url(../images/bg_hl-type02.jpg) no-repeat 0 0;
font-size:14px;
padding:8px 0 7px 8px;
color:#112955;
}

#contents .area-comparison .comparison-spacer{
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
padding:10px 10px 10px 10px;
}

#contents .area-comparison p{
font-size:12px;
padding:0 0 9px 0;
border-bottom:1px dotted #cccccc;
}

#contents .area-comparison ul{
list-style:none;
padding:10px 0 0 0;
}

#contents .area-comparison ul li{
display:inline;
padding:0 8px 0 0;
}

#contents .area-comparison ul .libtm-spacer{
padding:0 0 0 5px;
}


/* area-ranking */
#contents .area-ranking{
width:615px;
margin:0 0 20px 0;
float:left;
}

#contents .area-ranking .hl-ranking{
height:32px;
background:url(../images/bg_hl-type03.jpg) no-repeat 0 0;
}

#contents .area-ranking h2{
font-size:14px;
padding:8px 0 7px 8px;
color:#112955;
}

#contents .area-ranking .ranking-spacer{
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
padding:10px 10px 10px 10px;
}

.area-ranking table{
border-collapse:collapse;
empty-cells:show;
width:593px;
border-top:1px dotted #CCCCCC;
}

.area-ranking table caption{
caption-side:top;
font-size:12px;
text-align:left;
padding:0 0 5px 0;
}

.area-ranking table th{
width:105px;
text-align:left;
vertical-align:middle;
border-bottom:1px dotted #CCCCCC;
padding:10px 0 10px 0;
}

.area-ranking table td.name{
width:115px;
font-size:14px;
font-weight:bold;
text-align:left;
vertical-align:middle;
border-bottom:1px dotted #CCCCCC;
padding:10px 30px 10px 0;
}

.area-ranking table td.description{
font-size:12px;
vertical-align:top;
border-bottom:1px dotted #CCCCCC;
padding:10px 0 10px 0;
line-height:1.5em;
}

.area-ranking table td.description a{
background:url(../images/bg_window-icon.gif) no-repeat 0 0;
padding:0 0 0 15px;
}

#contents .area-ranking p{
font-size:12px;
float:left;
width:290px;
color:#666666;
}

#contents .area-ranking ul li{
font-size:12px;
float:right;
width:290px;
list-style:none;
text-align:right;
}

#contents .area-ranking ul li span{
background:url(../images/bg_list-icon.gif) no-repeat 0 50%;
padding:0 0 0 12px;
}

#contents .ranking-innerspacer{
padding:10px 0 12px 0;
}

/* area-campaign */

#contents .area-campaign{
width:320px;
margin:0 0 20px 0;
float:right;
}

#contents .area-campaign .hl-campaign{
height:32px;
background:url(../images/bg_hl-type04.jpg) no-repeat 0 0;
}

#contents .area-campaign h2{
font-size:14px;
padding:9px 0 8px 8px;
color:#112955;
}

#contents .area-campaign .campaign-spacer{
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
padding:10px 10px 10px 10px;
}

#contents .area-campaign dl{
font-size:12px;
line-height:1.5em;
margin:0 0 5px 0;
}

#contents .area-campaign p{
font-size:12px;
padding:0 0 9px 0;
border-bottom:1px dotted #cccccc;
margin:0 0 5px 0;
}

#contents .area-campaign ul li{
list-style:none;
border-top:1px dotted #cccccc;
font-size:12px;
padding:10px 0 0 0;
text-align:right;
}

#contents .area-campaign ul li span{
background:url(../images/bg_list-icon.gif) no-repeat 0 50%;
padding:0 0 0 12px;
}

/* area-news */

#contents .area-news{
margin:0 0 20px 0;
}

#contents .area-news .hl-news{
height:32px;
background:url(../images/bg_hl-type02.jpg) no-repeat 0 0;
}

#contents .area-news h2{
font-size:14px;
padding:8px 0 7px 8px;
color:#112955;
}

#contents .area-news ul{
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
padding:10px 0 10px 0;
}

#contents .area-news ul li{
font-size:12px;
background:url(../images/bg_list-icon.gif) no-repeat 0 50%;
padding:0 0 0 13px;
list-style:none;
line-height:1.9em;
margin:0 10px 0px 10px;
}