@charset "utf-8";
/* CSS Document */


@import url(base.css);


/*
-----------------------------------------------------------------------
wrapper
-----------------------------------------------------------------------
*/

body {
	background:url(../img/column/bg_header.jpg) repeat-x;
	color:#666;
	line-height:150%;
}

div#wrapper {
	width:100%;
	background:url(../img/column/bg_footer.gif) bottom repeat-x;
}

div#wrapper div#container {
	width:835px;
	margin:0 auto;
	text-align:left;
}


/*
-----------------------------------------------------------------------
header
-----------------------------------------------------------------------
*/

div#wrapper div#container div#header {
	height:233px;
	background:url(../img/column/p_maincap.jpg) center 17px no-repeat;
}

div#wrapper div#container div#header h1 {
	display:none;
}

div#wrapper div#container div#header p {
	width:95px;
	padding:166px 0 0 550px;
}

div#wrapper div#container div#header p a {
	display:block;
	width:95px;
	height:25px;
	background:url(../img/column/bt_blogtop.jpg) no-repeat;
	text-indent:-9999px;
}

div#wrapper div#container div#header p a:hover { background:url(../img/column/bt_blogtop.jpg) -95px 0 no-repeat; }


/*
-----------------------------------------------------------------------
area
-----------------------------------------------------------------------
*/

div#container div#area-l {
	width:632px;
	float:left;
}

div#container div#area-r {
	width:185px;
	float:right;
}


/*
-----------------------------------------------------------------------
nav
-----------------------------------------------------------------------
*/

div#container div#area-l div#lnavbox {
	width:185px;
	float:left;
}

div#container div#area-r div.rnav {
	width:185px;
}

div#container div#area-l div.lnav h3,
div#container div#area-r div.rnav h3 {
	display:block;
	height:48px;
	text-indent:-9999px;
}

div#container div#area-l div#lnavbox div#profbox h3 { background:#FFF url(../img/column/lncap_01.jpg) no-repeat; }
div#container div#area-l div#lnavbox div#linkbox h3 { background:#FFF url(../img/column/lncap_02.jpg) no-repeat; }
div#container div#area-r div#calebox h3 { background:#FFF url(../img/column/rncap_01.jpg) no-repeat; }
div#container div#area-r div#searbox h3 { background:#FFF url(../img/column/rncap_02.jpg) no-repeat; }
div#container div#area-r div#catebox h3 { background:#FFF url(../img/column/rncap_03.jpg) no-repeat; }
div#container div#area-r div#archbox h3 { background:#FFF url(../img/column/rncap_04.jpg) no-repeat; }

div#container div#area-l div.lnav,
div#container div#area-r div.rnav { margin-bottom:19px; }

div#container div#area-l div#lnavbox div#profbox {
	width:185px;
}

div#container div#area-l div#lnavbox div#profbox p#logobox {
	display:block;
	height:96px;
	background:url(../img/column/p_logo.gif) center top no-repeat;
	text-indent:-9999px;
}

div#container div#area-l div#lnavbox div#linkbox p {
	width:185px;
	margin-bottom:6px;
}

div#container div#area-l div#lnavbox div#linkbox p a {
	display:block;
	height:60px;
	text-indent:-9999px;
}

div#container div#area-l div#lnavbox div#linkbox p#ids a { background:url(../img/column/bn_ids.jpg) no-repeat; } 

div#container div#area-r div#calebox p#monthdoc {
	display:block;
	padding:3px 0 2px;
	margin-bottom:2px;
	border:#999 1px solid;
	font-weight:bold;
	text-align:center;
}

div#container div#area-r div#calebox p#monthdoc a {
	color:#666;
	text-decoration:none;
	font-size:10px;
}

div#container div#area-r div#calebox p#monthdoc a:hover {
	color:#F63;
}

div#container div#area-r div#calebox table#calestyle {
	border:#999 1px solid;
}

div#container div#area-r div#calebox table#calestyle th,
div#container div#area-r div#calebox table#calestyle td {
	padding:0 0 6px;
	text-align:center;
	font-size:10px;
	line-height:100%;
}

div#container div#area-r div#calebox table#calestyle th {
	width:26px;
	padding-top:4px;
	font-weight:bold;
}

div#container div#area-r div#calebox table#calestyle th.holibox {
	width:27px;
	color:#36C;
}

div#container div#area-r div#calebox table#calestyle td#cell1,
div#container div#area-r div#calebox table#calestyle td#cell7,
div#container div#area-r div#calebox table#calestyle td#cell8,
div#container div#area-r div#calebox table#calestyle td#cell14,
div#container div#area-r div#calebox table#calestyle td#cell15,
div#container div#area-r div#calebox table#calestyle td#cell21,
div#container div#area-r div#calebox table#calestyle td#cell22,
div#container div#area-r div#calebox table#calestyle td#cell28,
div#container div#area-r div#calebox table#calestyle td#cell29,
div#container div#area-r div#calebox table#calestyle td#cell35,
div#container div#area-r div#calebox table#calestyle td#cell36 {
	color:#36C;
}

div#container div#area-r div#calebox table#calestyle td a {
	padding:2px;
	background:#FF9;
	color:#666;
	text-decoration:none;
}

div#container div#area-r div#calebox table#calestyle td a:hover {
	color:#F63;
}

div#container div#area-r div#searbox {
	background:#EDEDFC;
	text-align:center;
}

div#container div#area-r div#searbox div#search {
	padding:18px 0 8px;
}

div#container div#area-r div#searbox div#search input {
	margin-bottom:8px;
}

div#container div#area-r div#catebox ul.linkbox li,
div#container div#area-r div#archbox ul.linkbox li {
	background:url(../img/column/ic_rnav.gif) 3px 0.3em no-repeat;
	padding:0 3px 5px 21px;
}


/*
-----------------------------------------------------------------------
content
-----------------------------------------------------------------------
*/

div#container div#area-l div#mainbox {
	width:425px;
	float:right;
}

div#container div#area-l div#mainbox div.sharebox {
	margin-bottom:20px;
	background:#FFF;
	border:#666 1px solid;
}

div#container div#area-l div#mainbox div.sharebox h2 {
	background:#EDEDFC;
	margin-bottom:5px;
	padding:30px 15px;
	color:#F63;
	font-size:14px;
	line-height:130%;
}

div#container div#area-l div#mainbox div.sharebox p {
	padding:0 15px 20px;
	line-height:170%;
}

div#container div#area-l div#mainbox div.sharebox p.datedoc {
	padding:0 15px 17px;
	color:#999;
}

div#container div#area-l div#mainbox p#pagebox {
	clear:both;
	height:70px;
	padding-top:10px;
	text-align:center;
}

div#container div#area-l div#mainbox p#pagebox span.pagedoc {
	padding:3px 4px 2px;
	margin:0 10px;
	background:#CCC;
}

div#container div#area-l div#mainbox p#pagebox span.pagedoc a {
	color:#666;
	text-decoration:none;
}


/*
-----------------------------------------------------------------------
footer
-----------------------------------------------------------------------
*/

div#wrapper div#footer {
	clear:both;
	width:237px;
	height:25px;
	margin:0 auto;
}

div#wrapper div#footer address a {
	display:block;
	width:237px;
	height:9px;
	background:url(../img/column/t_copyright.gif) no-repeat;
	text-indent:-9999px;
}


/*
-----------------------------------------------------------------------
clear:both
-----------------------------------------------------------------------
*/

div#wrapper:after,
div#container div#area-l div#mainbox div.sharebox:after {
	content:"";
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}