*{
margin:0px;
padding:0px;
line-height:140%;
}

img{
border:none;
vertical-align:bottom;
}
ul{
list-style-type:none;
}



/***********************************************
Layer
***********************************************/

body {
color:#000000;
font-size:75%;
background:url(/shared/images/gnavi_bg.jpg) repeat-x left top;
position:relative;
}

body#index {
background:url(/shared/images/gnavi_index_bg.jpg) repeat-x left top;
}

#body{
width : 819px;
}

#main{
width:100%;
float:left;
margin-top:15px;
margin-bottom:15px;
padding-left:20px;
}

#page #main{
margin-top:5px;
padding-top:35px;
}

#index #contents{
width:512px;

float:left;
}

#page #contents{
width:538px;
float:left;
}

#index #usercase{
float:right;
width:231px;
}

#footer{
width:100%;
clear:both;
}

#localNavi{
float:right;
width:231px;
}

/**************************************
Utility
***************************************/
a{
color: #0059AA;
text-decoration: underline;
}

a:link{
color: #0059AA;
text-decoration: underline;
}

a:visited{
color: #551a8b;
text-decoration: underline;
}

a:hover{
color: #80C2FF;
text-decoration: underline;
}

a:active{
color: #80C2FF;
text-decoration: underline;
}



/**************************************
Header
***************************************/
#header{
position : relative;
width : 819px;
height : 97px;
}

#header #logo{
position: absolute;
top : 14px;
left : 22px;
}

#header #globalNavi{
position: absolute;
top : 70px;
left : 0px;
height:70px;
}

#header #globalNavi li{
float : left;
}

#header #globalNavi li.inquiry{
position:absolute;
top:1px;
left:672px;
}

#header .searchField{
position: absolute;
top : 36px;
right : 0px;
width:300px;
text-align:right;
}

#header .searchField input.searchBox {
width: 170px;
color: #535353;
font-size: 10px;
padding: 2px;
border: 1px solid #262626;
background:#EFEFEF url(/shared/images/search_box_bg.jpg) no-repeat left top;
vertical-align: top;
}

#header .etcNavi{
position: absolute;
top : 7px;
right : 0px;
}

#header .etcNavi li{
float:left;
margin-left: 8px;
vertical-align: middle;
}

#header .etcNavi li a{
background:url(/shared/images/allow_blue.gif) no-repeat left 0.25em;
padding-left:10px;
}

/**************************************
footer
***************************************/

#footer {
clear:both;
border-top:1px solid #CCCCCC;
padding-top:10px;
position:relative;
}

#footer .utilityMenu{
position:absolute;
right:0px;
top:10px;
}

#footer .utilityMenu li{
float:left;
margin-left:10px;
}

#footer .utilityMenu li a{
background:url(/shared/images/allow_blue.gif) no-repeat left 0.25em;
padding-left:10px;
}

#footer .copyright{
position:absolute;
right:0px;
top:30px;
}

#footer .team-6{
position:absolute;
top:10px;
left:10px;
}

/**************************************
LocalNavi
***************************************/

/** ul *************************/

#localNavi ul.level03{
border-top:2px solid #000000;
width:230px;
margin-bottom:10px;
border-bottom:1px solid #C3C3C3;
}

#localNavi ul.level03 li{
background:#F2F2F2;
line-height:0px;
}

#localNavi ul.level03 li a{
width:230px;
display:block;
line-height:140%;
padding:9px 0px 9px 0px;
border-top:1px solid #C3C3C3;
border-bottom:1px solid #666666;
text-decoration:none;
color:#000000;
}
#localNavi ul.level03 li a span{
padding:0px 10px;
}


#localNavi ul.level03 li.parent01 a{
border:none;
}
#localNavi ul.level03 li.parent01 ul.level04{
border-top:1px solid #000000;
}
#localNavi ul.level03 li.parent02 ul.level04{
border-top:1px solid #000000;
}

#localNavi ul.level04{
margin-top:9px;
}

#localNavi ul.level03 li.parent01 a,
#localNavi ul.level03 li.parent02 a{
border:none;
text-decoration:none;
font-weight:bold;
color:#ffffff;
padding-left:12px;
padding-top:12px;
padding-bottom:0px;
}


#localNavi ul.level03 li.parent01,
#localNavi ul.level03 li.parent02{
padding-left:0px;
padding-bottom:10px;
background:#ffffff url(/shared/images/lnavi_bg.jpg) no-repeat left top;
}

#localNavi ul.level03 li.parent01 a span,
#localNavi ul.level03 li.parent02 a span{
padding:0px;
margin:0px;
}



#localNavi ul.level03 li.parent01 ul.level04 li a,
#localNavi ul.level03 li.parent02 ul.level04 li a{
width:230px;
font-weight:normal;
display:block;
background:#ffffff;
color:#000000;
text-decoration:none;
padding:9px 0px 9px 0px;
border-top:1px solid #000000;
}

#localNavi ul.level03 li.parent01 ul.level04 li a span,
#localNavi ul.level03 li.parent02 ul.level04 li a span{
padding:0px 10px;
}

#localNavi ul.level03 li.parent02 ul.level04 li.parent01{
padding:0px;
}

#localNavi ul.level03 li.parent02 ul.level04 li.parent01 a{
background:#006BCC;
color:#ffffff;
}

#localNavi ul.level03 li a:hover{
background:#e8e8e8;
}


#localNavi ul.level03 li.parent01 ul.level04 li a:hover,
#localNavi ul.level03 li.parent02 ul.level04 li a:hover{
background:#e8e8e8;
}

#localNavi ul.level03 li.parent01 a:hover,
#localNavi ul.level03 li.parent02 a:hover{
text-decoration:underline;
background:#ffffff url(/shared/images/lnavi_bg.jpg) no-repeat left top;
}

#localNavi ul.level03 li.parent02 ul.level04 li.parent01 a:hover{
background:#004D91;
}


/**************************************
TopPage
***************************************/
#index #mainVisual{
width:800px;
position:relative;
height:242px;
background:url(/shared/images/main_visual_bg02.jpg) no-repeat left top;
}

#index #mainVisual ul{
position:absolute;
top:20px;
right:2px;
z-index:1;
text-align:right;
}

#index #main #mainVisual ul li{
padding:0px;
margin:0px;

}

#index #main #mainVisual ul li a{
padding:0px;
margin:0px;
}

#index #main h2{
margin-bottom:12px;
}
#index #main h2 span.rss{
position:absolute;
top:358px;
left:505px;
height:12px;
padding:0px;
}
#index #main h2 span.rss img{
vertical-align:top;
margin:0px;
}

#main .news{
margin-bottom:20px;
float:left;
}

#main .news dl{
padding-left:5px;
}

#main .news dt{
float:left;
width:84px;
clear:both;
padding-bottom:7px;
}

#main .news dd{
float:left:
width:465px;
padding-bottom:7px;
}

#main .pickupService{
margin-bottom:20px;
}

#main .feature{
margin-bottom:20px;
float:left;
}

#index .feature ul{
margin-left:0px;
}

#index .feature li{
float:left;
margin-right:10px;
padding-left:0px;
background:none;
}

#main .community{
margin-bottom:20px;
float:left;
}

#index .community ul{
margin-left:0px;
}

#index .community li{
float:left;
margin-right:10px;
padding-left:0px;
background:none;
}

#index .partner{
float:left;
}

#index .partner ul{
margin-left:0px;
}

#index .partner li{
float:left;
margin-right:10px;
padding-left:0px;
background:none;
}

#usercase dl{

}

#usercase dl dt{
font-weight:bold;
margin-bottom:5px;
clear:both;
}

#usercase dl dt a{
background:url(/shared/images/topics_icon.gif) no-repeat left 0.2em;
padding-left:12px;
}


#usercase dl dd img{
float:left;
margin-right:5px;
margin-top:2px;
border:1px solid #CCCCCC;
}

#usercase dl dd{
float:left;
color:#666666;
font-size:83%;
margin-bottom:15px;
}

#usercase dl dd ul{
clear:both;
padding-top:5px;
}

#usercase dl dd ul li{
float:left;
margin-right:5px;
}

#usercase dl dd ul li a{
display:block;
padding:0.2em;
border:1px solid #CCCCCC;
text-decoration:none;
color:#999999;
}

#usercase dl dd ul li a:hover{
color:#80C2FF;
}

/**************************************
default
***************************************/

#topicPath{
position:absolute;
top:108px;
left:5px;
font-size:83%;
padding-left:20px;
margin-bottom:15px;
}

#page #topicPath li{
float:left;
}

#page #topicPath li a{
color:#000000;
}

#page #topicPath li a:hover{
color:#666666;
}

#page #contents h1{
background:url(/shared/images/contents_h1_border.gif) repeat-x left bottom;
padding:0px 5px 5px 2px;
font-size:130%;
margin-bottom:10px;
}

#page #contents h2{
font-size:100%;
background:#004D91;
color:#ffffff;
padding:5px;
margin-bottom:10px;
margin-top:10px;
clear:both;
}

#page #contents h2 a{
color:#ffffff;
}
#page #contents h2 a:hover{
text-decoration:none;
}


#page #contents h3{
font-size:100%;
border-bottom:1px solid #cccccc;
padding:5px;
padding-top:0px;
margin-bottom:10px;
margin-top:10px;
clear:both;
}
#page #contents p{
padding:0 3px;
padding-bottom:10px;
}

#contents ul{
margin-left:10px;
padding-bottom:10px;
}

#contents ol{
margin-left:25px;
padding-bottom:10px;
}

#contents ul li{
background:url(/shared/images/allow_blue.gif) no-repeat left 0.3em;
padding-left:10px;
margin-bottom:5px;
}

#contents ol li{
padding-left:5px;
margin-bottom:5px;
}
#contents #usercase ul{
margin-left:0px;
}
#contents #usercase ul li{
background:none;
padding-left:0px;
}


#page #contents .figure{
margin:0px;
margin-bottom:10px;
}

#page #contents a.extRef{
padding-left:14px;
background:url(/shared/images/contents_extref_icon.gif) no-repeat left 0.25em;
}

#page #contents .featuresImage{
float:right;
margin-left:10px;
margin-bottom:10px;
border:1px solid #CCCCCC;
}

#page #contents dl{
padding-bottom:10px;
padding-left:3px;
float:left;
}

#page #contents dl dt{
clear:both;
margin-bottom:5px;
}
#page #contents dl dd{
width:512px;
background:url(/shared/images/contents_dot_border.gif) repeat-x left bottom;
float:left;
padding-bottom:10px;
margin-bottom:10px;
}

#page #contents dl dd .featuresImage{
float:left;
margin:0px;
margin-right:10px;
border:1px solid #CCCCCC;
}

#page #contents table{
width:538px;
font-size:100%;
margin-bottom:10px;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #CCCCCC;
}

#page #contents table caption{
text-align:left;
border-left:4px solid #0059AA;
padding:1px 5px 2px 5px;
margin-bottom:5px;
font-weight:bold;
}

#page #contents th{
background:#E4E4E4;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding:5px;
}

#page #contents td{
border-bottom: 1px solid #CCCCCC;
padding:5px;
}

#page #contents td ul{
padding:0px;
margin-left:2px;
}

#page #contents .note{
color:#8E8E8E;
font-size:83%;
text-indent:-0.8em;
padding-left:1em;
padding-bottom:0px;
margin:0px;
}

#page #contents ul.notes{
margin-left:0px;
}

#page #contents ul.notes li{
color:#8E8E8E;
font-size:83%;
background:none;
text-indent:-1.8em;
padding-left:2em;
}
#page #contents .hot{
color:#FE0000;
}
#page #contents .cool{
color:#0059AA;
}
#page #contents .keypoint{
background:url(/shared/images/allow_blue.gif) no-repeat left 0.3em;
padding-left:10px;
}

#page #contents ul.intRef{
margin-left:0px;
}
#page #contents ul.intRef li{
background:none;
padding-left:0px;
}
#page #contents ul.intRef li a{
background:url(/shared/images/contents_intref_icon.gif) no-repeat left 0.3em;
padding-left:14px;
}

#contents p.more{
text-align:right;
}

#contents p.more a{
background:url(/shared/images/allow_blue.gif) no-repeat left 0.3em;
padding-left:10px;
font-weight:bold;
}

#page #contents .news dl dt{
margin:0px;
padding:0px;
font-weight:bold;
color:#666666;
}

#page #contents ul#contentNavi{
margin-left:5px;
}

#page #contents ul#contentNavi li{
float:left;
padding:0px;
background:none;
}

#page #usercase dd{
color:#000000;
font-size:100%;
padding:0px;
margin:0px;
}
#page #usercase dd img{
margin-top:0px;
}

#page #usercase dd p{
padding:0px;
}
#page #contents dl.search dd{
padding-bottom:5px;
}

#page #contents dl.search dd p{
padding:0px;
padding-bottom:5px;
margin:0px;
clear:both;
}
	
#page #contents dl.search dd img{
float:left;
margin-right:5px;
margin-bottom:5px;
}
#page #contents dl.search dd span{
color:#009900;
}

ul#contentNavi{
list-style-type:none;
margin-left:0px;
}

ul#contentNavi li{
float:left;
margin-right:10px;
padding-right:10px;
}

#contents p.inquiry{
clear:both;
text-align:center;
margin-top:15px;
margin-bottom:15px;
}