@charset "utf-8";

/*
-----------------------------------------------------
Date:			2010.3.11
Version:		v3.r
Designed by:	Hiroyuki Takisawa
Information:	rakrapX^CV[g
-----------------------------------------------------
*/

/*
#container #main{ float:left; }
#container #sub{ width:200px; float:right; }
*/
#container #main{ margin:0 auto; float:none; }


div#rakra-container{
	/*width:535px;*/
	height:auto;
	margin:0 auto;
	margin-bottom:20px;
	color:#222222;
	font-size:small;
	line-height:1.5;
}
div#rakra-container p{
	margin-bottom:10px;
}

div#rakra-container img{
	border:none;
	vertical-align:text-bottom;
}

div#rakra-container img#rakra-topimage{
	margin:0 auto;
	/*margin:-bottom:10px;*/
}

div#rakra-container div#rakra-mainblock{
	/*width:535px;*/
	height:auto;
	margin:0 auto;
}
div#rakra-container div#rakra-mainblock div.read{
	font-weight:bold;
	background:#666;
	color:#FFF;
	margin:0 auto;
	text-align:left;
	padding:5px;
}
div#rakra-container div#rakra-mainblock div.read p{
	margin:10px;
}
div#rakra-container div#rakra-mainblock h3.contents{
	/*height:535px;*/
	height:30px;
	text-indent:-9999px;
	display:block;
	margin:10px auto;
	background:#FFFFFF url('../rakra-img/index/contents.jpg') 0 0 no-repeat;
    border-bottom: none;
}
div#rakra-container div#rakra-mainblock ul {
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-size:small;
	list-style: none;
}
div#rakra-container div#rakra-mainblock ul li{
	border-bottom: 1px #6699FF dotted;
	margin-bottom:10px;
	padding-left:20px;
	background:#FFFFFF url('../rakra-img/index/action_forward.gif') 0 50% no-repeat;
}
div#rakra-container div#rakra-mainblock ul li span.date{
	width:auto;
	padding-right:10px;
}
div#rakra-container div#rakra-mainblock ul li.new{
	/height:1%;
	border-bottom: 1px #6699FF dotted;
	margin:0 0 10px;
	padding-left:20px;
	background:#FFFFFF url('../rakra-img/index/action_forward2.gif') 0 50% no-repeat;
	font-size:large;
	font-weight:bold;
}
div#rakra-container div#rakra-mainblock ul li.new span.date{
	width:500px;
	display:block;;
	padding-right:10px;
	font-size:small;
	clear:both;
}
div#rakra-container div#rakra-mainblock ul li a:link,
div#rakra-container div#rakra-mainblock ul li a:active,
div#rakra-container div#rakra-mainblock ul li a:visited{
	text-decoration: none;
	color: #333333;
}
div#rakra-container div#rakra-mainblock ul li a:hover{
	color: #6699FF;
}



/* start: clearfix ------------------------------ */
div#rakra-container div#rakra-mainblock div.rakra-information:after,
div#rakra-container:after,
div#rakra-container p:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

div#rakra-container div#rakra-mainblock div.rakra-information,
div#rakra-container,
div#rakra-container p { display:inline-table; }

/* Hides from Mac IE \*/
* html div#rakra-container div#rakra-mainblock div.rakra-information,
* html div#rakra-container,
* html div#rakra-container p { height:1px; }
div#rakra-container div#rakra-mainblock div.rakra-information,
div#rakra-container,
div#rakra-container p { display:block; }
/* */
/* end: clearfix ------------------------------ */



