@charset "utf-8";

/*
#######################################################
#######################################################
#######################################################

A8Information Blog CSS

2008.10
-------------------------------------------------------

1.Ddefault Setting 


2.Base Layout setting

3.Common Setting

 3-1.Header Setting
 
 3-2.SideMenu Setting
 
 3-3.Footer Setting


4.Contents Setting
 
 4-0.Contents common setting

 4-1.Index setting
 
 4-2.Category archive setting
 
 4-3.Monthly archive setting
 
 4-4.Entry archive setting


5.Other Setting

 5-1.Search result setting
 
 5-2.Dynamic-pages-error setting
 


to.ishiK
#######################################################
#######################################################
#######################################################
*/




/*
########################################################
########################################################

1.Defoult Setting

########################################################
########################################################
*/


*{
margin:0;
padding:0;
}



h1,h2,h3,p,ul,ol,li,dl,dt,dd,table,th,td{
 margin:0;
 padding:0;
 line-height:1.5;

}


li{

 list-style:none;
 
}


table,th,td{
 border-collapse:collapse;
 }




img{
  border:none;
  margin:0;
  padding:0;


}


a{

 color:#003366;

}


a:visited{
   color:#660033;
   }


a:hover{
	color:#0066CC;
	text-decoration:none;

}





/*##########################
clearFix
##########################*/




.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    border: 0;
}


.clearFix:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearFix{
	display: inline-block;
	min-height: 1%;
	/* escape MacIE5 \*/
	display: block;
	/* escape MacIE5 */ 
}
/* escape MacIE5 \*/
* html .clearFix{
	height: 1%;
}
/* escape MacIE5 */




/*
########################################################
########################################################

2.Base Layout setting

########################################################
########################################################
*/




html,body{
 height:100%;
 margin:0;
 padding:0;
 }


body{
   font-family:'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', 'Helvetica', 'Arial', 'Gothic', 'sans-serif';
   text-align:center;
   background:url(http://support.a8.net/as/images/beforeLogin/module/headBg.jpg) repeat-x left top;
   font-size:100.01%;
   
 }
 

 
#container{
    width:100%;
	text-align:left;
	position:relative;
	min-height:100%;

}

 
*html #container{
   height:100%;
   }


body > #container{
   height:auto;
   }




#header{
    width:800px;
	height:47px;
	margin:25px auto 15px;
}



#headerLeft{ 
    width:90px;
    float:left;

}



#headerRight{
	width:450px;
	padding-top:10px;
	_padding-top:15px;
	float:right;

}


#contents{
    width:800px;
	margin:0 auto;
	clear:both;
	padding-bottom:130px;
	
}






#sideMenu{
    width:200px;
    float:left;
}


#mainArea{
   width:600px;
   float:right;
   margin-bottom:20px;
   }




#footer{
	width:100%;
	height:100px;
	clear:both;
	text-align:center;
	position:absolute;
	left:0x;
	bottom:0;
	background:url(http://support.a8.net/as/images/beforeLogin/module/footBg.jpg) left top repeat-x;
  }
  
 

/*
########################################################
########################################################

3.Common Setting

########################################################
########################################################
*/


/*
########################################################

 3-1.Header Setting

########################################################
*/



#headerRight ul{
 line-height:1;
 text-align:right;
 }

#headerRight li{
 display:inline;
 line-height:1;
 font-size:12px;
 background:url(http://support.a8.net/as/images/beforeLogin/module/listMark1.gif) no-repeat left center;
 padding-left:14px;
 margin-right:10px;

}




#headerRight li.edge{
 margin-right:0;
 }


h1{
 
text-align:center;
clear:both;
 margin:0 auto 10px;
 
 }







/*
########################################################

 3-2.SideMenu Setting

########################################################
*/

.sideMenuBox{
 margin:0 10px 10px 0;
 
 }
 
 
.sideMenuBox h2{
 width:190px;
 height:42px;
 background:no-repeat left top;
 text-indent:-9998px;
 overflow:hidden;

}


.sideMenuBoxInner{
  padding:5px 0 10px 0;
  background:url(images/sideMenuBg.jpg) repeat-y left top;
  
}

.sideMenuBoxFoot{
  background:url(images/sideMenuFootBg.jpg) no-repeat center top;
  height:12px;

}


.sideMenuBoxInner ul{
 margin:0 10px;
 }
 
 
.sideMenuBoxInner li{
 font-size:75%;
 background:url(images/listMark01.gif) no-repeat left 1px;
 padding-left:16px;
 line-height:1.3;
 padding-bottom:5px;


}





#cateMenu h2{
 background-image:url(images/sideMenu01H2.jpg);

}


#searchBox h2{
 background-image:url(images/sideMenu02H2.jpg);

}


#news h2{
 background-image:url(images/sideMenu03H2.jpg);

}


#monthly h2{
 background-image:url(images/sideMenu04H2.jpg);

}




#searchBox p{
 text-align:center;

}


#searchBox #search{
 width:110px;
 margin-right:3px;
 }

#searchBox #btn{
 font-size:12px;
 }

#monthly form{
 text-align:center;
 font-size:70%;
 }

#monthly #slcmenu{
 width:140px;
 z-index:1;


}






/*
########################################################

 3-3.Footer Setting

########################################################
*/


#footer ul{
 padding:10px 0 10px 0;

}


#footer li{
 font-size:12px;
 display:inline;
 margin-right:10px;
 color:#FFFFFF;

}

#footer li a{
 color:#FFFFFF;

}



#footer p#copyR,#footer p#copyR a{
 font-size:12px;
 text-align:center;
 color:#FFFFFF;

}

#footer .climb{
 width:800px;
 height:26px;
 margin:0 auto;
 text-align:right;
 position:relative;
 top:8px;
 
}




/*
########################################################
########################################################

4.Contents Setting

########################################################
########################################################
*/


/*
########################################################

 4-0.Contents common setting

########################################################
*/



#mainArea .entry{
 margin:0 10px 10px;
 
 }
 
 
 
#mainArea .entry h3.entry-header{
 background-color:#F0EDAA;
 padding:3px 3px 3px 10px;
 margin-bottom:10px;
 font-size:85%;
 border:#CCCC00 solid 1px;
 }
 

#mainArea .entry .entry-content{
 margin-bottom:15px;
font-size:75%;


}


#mainArea .entry .entry-more-link,#mainArea .entry .entry-footer{
 text-align:right;
 padding-right:5px;

}

#mainArea .entry .entry-body{
 margin:0 10px;


}


#mainArea .entry .entry-more-link{
 padding-top:5px;
 }





#mainArea .entry .entry-footer{
 font-size:75%;
 margin-bottom:15px;
 border-bottom: #AFAFAF solid 1px;
 background:url(images/entryEnd.jpg) repeat-x left bottom;
  }
  
 

.pager{
 text-align:center;
 font-size:75%;
 margin:0 10px 10px;
 }


.pager .pager_next{
 border:#EBEBEB solid 1px;
 padding:3px 5px;
 color:#003300;

}





/*
########################################################

 4-1.Index setting

########################################################
*/



.indexCon h2{
 margin-bottom:10px;
 }
 
.indexCon .mainAreaBox{
 padding-bottom:5px;
 margin-bottom:10px;
 background:url(images/border.gif) left bottom repeat-x;

}

.indexCon .mainAreaBox ul{
 margin:0 10px;

}

.indexCon .mainAreaBox li{
 font-size:12px;
 margin-bottom:8px;
 font-weight:bold;


}




.indexCon .mainAreaBox li .date{
 font-weight:normal;
 font-size:12px;
 padding:5px 15px 5px 15px;
 margin-right:5px;
 background:url(images/dateBg.gif) repeat-x left center;

 
}


.indexCon #mainte{
 font-size:12px;
 margin:0 0 10px;
 padding:10px 45px;
 background-color:#EEEEEE;
 }
 
.indexCon #mainte p{
 margin-bottom:5px;
 text-align:center;
 }
 
.indexCon #mainte .schedule-left{
 float:left;
 }
 
.indexCon #mainte .schedule-right{
 float:right;
 }




/*
########################################################

 4-2.Category archive setting

########################################################
*/

.cateCon h2.archive-header{
 margin-bottom:10px;
 background:no-repeat left top;
 text-indent:-9998px;
 overflow:hidden;
 width:600px;
 height:30px;

}



.cateCon h2#news{
background-image:url(images/indexContents-H201.jpg);

}


.cateCon h2#campaign{
background-image:url(images/indexContents-H202.jpg);

}


.cateCon h2#release{
background-image:url(images/indexContents-H203.jpg);

}


.cateCon h2#mainte{
background-image:url(images/indexContents-H204.jpg);

}


.cateCon h2#accident{
background-image:url(images/indexContents-H205.jpg);

}




/*
########################################################

 4-3.Monthly archive setting

########################################################
*/


.monthlyCon h2.archive-header{
 margin-bottom:10px;
 background: url(images/monContents-H2Bg.jpg) no-repeat left top;
 height:30px;
 line-height:30px;
 font-size:100%;
 padding-left:37px;
 color:#5D5D5D;
 position:relative;

 }
 
 
.monthlyCon h2.archive-header span{
color:#FFFFFF;
position:absolute;
top:-1px;
left:36px;
font-weight: bold;
}


.monthlyCon .entry #release h3{
 font-size:110%;
 margin-bottom:10px;

}

.monthlyCon .entry #release table{
 margin-bottom:20px;

}
.monthlyCon .entry  #release td{
 vertical-align:top;
 font-size:12px;
}

/*IE6 or sooner*/

*html .monthlyCon .entry  #release td{
 font-size:100%;
}



.monthlyCon .entry #release .capture{
 text-align:center;
 padding:0 5px 0 10px;

}

.monthlyCon .entry #release .red{
color:#CC0000;

}









/*
########################################################

 4-4.Entry archive setting

########################################################
*/


.entryCon h2.archive-header{
 margin-bottom:10px;
 background:url(images/entry-H2Bg.jpg) no-repeat left top;
 height:30px;
 line-height:30px;
 font-size:100%;
 padding-left:37px;
 color:#5D5D5D;
 position:relative;

}


.entryCon h2.archive-header span{
color:#FFFFFF;
position:absolute;
top:-1px;
left:36px;
font-weight: bold;
}

.entryCon .entry #release h3{
 background:url(images/release_entryBodyh3.jpg) no-repeat left top;
 height:26px;
 line-height:26px;
 padding-left:75px;
 font-size:110%;
 margin-bottom:10px;

}

.entryCon .entry #release table{
 margin-bottom:20px;

}
.entryCon .entry  #release td{
 vertical-align:top;
 font-size:12px;
}

/*IE6 or sooner*/

*html .entryCon .entry  #release td{
 font-size:100%;
}



.entryCon .entry #release .capture{
 text-align:center;
 padding:0 5px 0 10px;

}

.entryCon .entry #release .red{
color:#CC0000;

}


.entryCon .entry #release dt{
background-color:#eeeeee;
font-weight:bold;
margin-bottom:5px;

}

.entryCon .entry #release dd{
margin-bottom:10px;

}







/*
########################################################
########################################################

5.Other Setting

########################################################
########################################################
*/



/*
########################################################

 5-1.Search result setting

########################################################
*/

.searchResults h2.search-results-header{
 margin-bottom:10px;
 background:url(images/searchResults_H2Bg.jpg) no-repeat left top;
 height:30px;
 line-height:30px;
 font-size:100%;
 padding-left:37px;
 color:#5D5D5D;
 position:relative;

}


.searchResults h2.search-results-header span{
color:#FFFFFF;
position:absolute;
top:-1px;
left:36px;
font-weight: bold;
}

.searchResults .entry-footer{
 font-size:75%;
 margin-bottom:15px;
 border-bottom: #AFAFAF solid 1px;
 background:url(images/entryEnd.jpg) repeat-x left bottom;
 text-align:right;
 padding-right:5px;


}

.searchResults h3.search-results-header{
background-color:#F0EDAA;
 padding:3px 3px 3px 10px;
 margin-bottom:10px;
 font-size:85%;
border:#CCCC00 solid 1px;

}


.searchResults #search-options{
 font-size:12px;
 text-align:center;
 margin-bottom:10px;
}

.search-results-container{
 margin:0 10px;
 }


.search-results-container h3,.search-results-container p{
 font-size:75%;
 }



/*
########################################################

 5-2.Dynamic-pages-error setting

########################################################
*/


#contents .error{
 padding-top:90px;
 background:url(images/not-foundImg.gif) no-repeat center top;

}

#contents .error h3{
 background-color:#F0EDAA;
 font-size:100%;
 margin-bottom:10px;
 padding:5px 0 5px 10px;

}

#contents .error blockquote{
  font-size:85%;
  color:#666666;
  margin:0 10px;
  }