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

/*	#contents
=======================================================*/
div#container {
	background:url(../../images/common/bg_container_blog.gif);
}

div#rightArea div#contents {
	border:none;
 padding:0;
}

div#blogcontents {
	float: left; 
	display: inline; 
	width: 586px; 
	padding: 38px 0 18px 0; 
	border: 2px #CCC solid;
	 background-color: #FFF;
	 border-bottom: none;
}

div#blogcontents p#leadcopy {
	width: 510px; 
	margin: 0 auto 35px auto; 
	font-size: 93%; 
	line-height: 1.8;
}

div.midashi {
	margin: 0 0 20px 0; 
	background: url(../images/news/bg_midashi.gif) repeat-y;
}

	div.midashi:after { 
		content: " "; 
		display: block; 
		clear: both; 
		height: 0; 
	} 
	div.midashi { 
		display: inline-block; 
	} 
	div.midashi { 
		display: block; 
	}

div.midashi h2 {
	float: left; 
	width: 395px; 
	padding: 10px 0 10px 60px; 
	font-size: 138.5%; font-weight: bold;
}

div.midashi p {
	float: left; width: 92px; padding: 14px 0 0 0; text-align: right;
	font-size: 93%;
}

div.textArea {
	clear: both; 
	width: 510px; 
	margin: 0 auto 20px auto;
}

div.textArea p.photo {
	margin: 0 0 20px 0;text-align: center;
}

div.textArea p.photo img {
	border:1px #CCC solid;
}

div.textArea p {
	padding: 0 0 20px 0;
	font-size: 93%;
	line-height: 1.8;
}

div.textArea p strong {
	font-size: 123.1%;
	color: #F00;
	font-weight: bold;
}

div.textArea p em {
	text-decoration: underline;
}


div#blogside {
	float: right; 
	width: 190px;
}

div#category,
div#backnumber {
	width: 186px; margin: 0 0 10px 0; 
	padding: 10px 0; 
	border: 2px #CCC solid; 
	background-color:#FFF;
}

div#category h3,
div#backnumber h3{
	margin: 0 0 10px 0;text-align:center;
}

div#category ul,
div#backnumber ul{
	width: 170px; margin: 0 auto;
}

div#category ul li,
div#backnumber ul li {
	margin-bottom: 1px;
}

div#category li a,
div#backnumber li a {
	display: block; width: 154px; padding: 8px 8px;
	background: #f0f0f0 url(../images/common/bg_arrow.gif) right center no-repeat;
	font-size: 85%;
	color: #505050;
}

div#category li a:hover,
div#backnumber li a:hover {
	background-color: #CCC;
}

div#category li span {
	display: block; width: 154px; padding: 8px 8px;
	font-size: 85%;
	color: #505050;
	background-color: #f0f0f0;
}


/*	#contents
=======================================================*/
div#container {
	background:url(../../images/common/bg_container_blog.gif);
}

div#rightArea div#contents {
	border:none;
	padding:0;
}

div#rightArea div#contents div#introduction {
	width: 786px;
	padding: 38px 0;
	border: 2px #CCC solid;
	background-color: #FFF;
}

div#rightArea div#contents div#introduction p#leadcopy {
	width: 710px; 
	margin: 0 auto; 
	font-size: 93%; 
	line-height: 1.8;
}

div#rightArea div#contents div.profile {
	width:710px;
	margin:0 auto;
	padding: 15px 0;
	border: 1px #CCC solid; 
	background-color: #F0F0F0; 
}

div.profile h2{
	width: 680px;
	margin:0 auto 10px auto;
}

div.profile ul{
	width: 680px;
	margin: 0 auto;
}

div.profile ul li {
	float:left;
	width:210px; 
	margin:0 25px 0 0;
	font-size: 85%;
	line-height: 1.3;
}

div.profile ul li.last {
	margin: 0;
}

div.profile ul li img {
	float:left;
	margin:0 12px 0 0;
	border:1px #CCC solid; 
}

div#blogContentArea {
	 background: url(../images/adcafe/bg_adcafe_content.gif) no-repeat left top;
		padding-top:11px;
		padding-left:2px;
}

/*div#blogcontents{
	border:none;
}*/


	div.profile ul:after,
	div.profile ul li:after { 
		content: " "; 
		display: block; 
		clear: both; 
		height: 0; 
	} 
	div.profile ul,
	div.profile ul li { 
		display: inline-block; 
	} 
	div.profile ul,
	div.profile ul li { 
		display: block; 
	}