@charset "utf-8";

/*------------------------------------------
  [1]:header
  [2]:container
  [3]:blog
  [4]:leftmenu

  [5]:footer
------------------------------------------*/

/*----- CONTENTS_LAYOUT -----*/
body{
margin:0px auto;
padding:0px;
text-align:center;
background:#999 url("../img_cmn/bg_01.gif") 0px 0px repeat-x;
}


/*------------------------------------------
  [1]:header
------------------------------------------*/
#header{
position:relative;
width:866px;
height:150px;
margin:5px auto 0px;
text-align:center;
background:url("../img_cmn/ttl_blog.gif") no-repeat 50% 0;
}

#header strong {
position:absolute; left:748px; top:0px; z-index: 2;
display:block;
width:110px;
height:45px;
}
#header strong a{
display:block;
width:110px;
height:45px;
text-indent:-99999em;
overflow:hidden;
}
h1{
position:absolute; left:8px; top:0px; z-index: 1;
width:850px;
height:150px;
}
h1 a{
width:850px;
height:150px;
display:block;
text-indent:-99999em;
overflow:hidden;
}


/*------------------------------------------
  [2]:container
------------------------------------------*/
#container{
position:relative;
width:810px;
margin:0px auto ;
padding:10px 28px;
text-align:center;
background:#fff url("../img_cmn/bg_02.gif") 0px 0px repeat-y;
}
#maincontents{
width:810px;
background:#fff;
text-align:left;
}

#bread{
margin:0px 0px 15px 0px ;
padding:0px;
font-size:x-small;
_font-size:x-small; /* for WinIE*/ 
}
#bread strong{
font-weight:normal;
color:#0094DE;
}
.content-nav{
margin: 0px 0px 15px 0px ;
}

.arw{
margin-top:10px;
text-align:right;
display:inline;
padding:0px 0px 5px 10px;
background:url("../img_cmn/img_arrow_01.gif") 0px 0.35em no-repeat;
}

/*------------------------------------------
  [3]:blog
------------------------------------------*/
/*-- entry_contents --*/
.entrycontents{
width:570px;
float:left;
}
.entry{
padding:0px 20px;
margin-bottom:30px;
background:url("../img_cmn/bg_entry.jpg") 0px 0px no-repeat;
}
	.entry_howto{
	padding:0px 20px;
	margin-bottom:30px;
	background:url("../img_cmn/bg_entry_howto.jpg") 0px 0px no-repeat ;
	}
	.entry_news{
	padding:0px 20px;
	margin-bottom:30px;
	background:url("../img_cmn/bg_entry_news.jpg") 0px 0px no-repeat ;
	}
.entry p.date{
display:block;
padding:7px 0px 0px 0px;
margin:0px;
font-family:"Courier New", Courier, mono;
color:#0094DE;
}
.entry h2{
font-size:14px;
color:#00337C;
font-weight:bold;
}
.entry div{
margin:10px 0px 20px 0px;
}
.entry p.entryfooter{
clear:both;
border-top:1px solid #ccc;
padding:5px 0px 0px 0;
text-align:right;
font-size:x-small;
_font-size:x-small; /* for WinIE*/ 
}


.listArchives{
list-style:none;
padding:0px 0px 0px 0px;
}
.listArchives dt{
color:#0094DE;
font-size:x-small;
_font-size:x-small; /* for WinIE*/
padding:0px 0px 0px 10px;
background:url("../img_cmn/img_arrow_01.gif") 0px 0.35em no-repeat;
}
.listArchives dd{
padding:0px 0px 10px 10px;
}




/*------------------------------------------
  [4]:leftmenu
------------------------------------------*/
#conleft{
width:220px;
float:right;
}


/*rssfeed*/
#rssfeed{
margin-bottom:20px;
}
#rssfeed p{
font-size:x-small;
_font-size:x-small; /* for WinIE*/ 
padding:0px;
}
#rssfeed .itunes{
padding:0px 0px 5px 35px;
background:url("../img_cmn/btn_itunesdl.gif") 0px 0px no-repeat;
}
#rssfeed ul{
margin:10px 0px 0px 0px;
padding:5px 0px 0px 0px;
border-top:1px solid #ccc;
list-style:none;
}


/*recentent*/
#recententry{
margin-bottom:20px;
background:url("../img_cmn/bg_recentent.jpg") 0px 0px repeat-x;
}
#recententry h2{
height:40px;
text-indent:-99999em;
background:url("../img_cmn/ttl_recententry.gif") 0px 0px no-repeat;
}
#recententry ul{
list-style:none;
padding:0px 15px 0px 15px;
}
#recententry li{
padding:0px 0px 5px 10px;
background:url("../img_cmn/img_arrow_01.gif") 0px 0.35em no-repeat;
}



/*searchBox*/
.sttlSearchBox{
margin:0px;
padding:0px;
height:25px;
display:block;
text-indent:-99999em;
background:url("../img_cmn/sttl_search.gif") 0px 0px no-repeat;
}
#searchBox{
margin-bottom:20px;
border:1px solid #0094DE;
}
#searchBox div{
padding:8px 0px 5px 15px;
background:url("../img_cmn/bg_search.gif") 0px 0px repeat-x;
}
	#searchBox #category{
	padding-bottom:10px;
	}
	
#searchBox ul{
list-style:none;
padding-left:11px;
}
	#searchBox li{
	padding:0px 0px 1px 10px;
	background:url("../img_cmn/img_arrow_01.gif") 0px 0.35em no-repeat;
	}


#searchBox h3{
margin:0px 0px 5px 0px;
height:20px;
text-indent:-99999em;
}
	#searchBox #category h3{
	background:url("../img_cmn/ttl_category.gif") 0px 0px no-repeat;
	}
	#searchBox #speakers h3{
	background:url("../img_cmn/ttl_speakers.gif") 0px 0px no-repeat;
	}
	#searchBox #keyword h3{
	background:url("../img_cmn/ttl_keyword.gif") 0px 0px no-repeat;
	}
	#searchBox #backnumber h3{
	background:url("../img_cmn/ttl_backnumber.gif") 0px 0px no-repeat;
	}

#searchBox form{
margin:0px;
padding:0px;
}
	.searchtxt{
	border:1px #AAA solid;
	background:#F9FDFE;
	}
	#searchBox input.middle{
	padding-bottom:4px;
	padding-top:2px;
	}

#searchBox p{
margin:0px;
padding:5px 10px 0px 0px;
}
	#searchBox p a{
	display:block;
	text-indent:-99999em;
	text-decoration:none;
	overflow:hidden;
	}
	#searchBox #speakers p a{
	background:url("../img_cmn/btn_speakers.gif") 100% 0px no-repeat;
	}
	#searchBox #backnumber p a{
	background:url("../img_cmn/btn_backnumber.gif") 100% 0px no-repeat;
	}


/*------------------------------------------
  [5]:footer
------------------------------------------*/
p#pageup{
clear:both;
width:810px;
padding:10px 0px 5px;
margin:0px;
text-align:right;
border-bottom:2px #ccc solid;
}

#footer{
width:810px;
margin-top:5px;
}
#footer ul{
float:left;
width:420px;
}
#footer li{
float:left;
width:130px;
display:inline;
list-style:none;
margin-right:10px;
}
#footer li a{
margin:0px;
padding:0px;
display:block;
}
#footer address{
float:left;
width:390px;
margin:12px 0px 0px;
padding:0px;
display:block;
text-indent:-99999em;
background:url("../img_cmn/img_copy.gif") 0px 0px no-repeat;
}




