@charset "utf-8";

*
{
	border:0;
	margin:0;
	padding:0;
}

body
{
	width:800px;
	margin:auto;
}

a:link
{
	text-decoration:none;
	color:#00c5f0;
}

a:visited
{
	text-decoration:none;
	color:#00c5f0;
}

h1
{
	display:block;
	float:left;
	width:294px;
	height:294px;
}

#globalnavi
{
	list-style-type:none;
	float:right;
}

#globalnavi li
{
	float:left;
	margin-right:20px;
}

#header-right
{

}

#contents-area
{
	margin-top:20px;
}

#left-area
{
	float:left;
	padding:0 20px;
	width:400px;
}

@media screen and (max-device-width: 480px)
{
	#left-area .contentsTitle
	{
		font-size:120%;
	}
}

#left-area dl
{
	padding-bottom:25px;
}

#left-area dt
{
	font-size:85%;
	text-align:center;
	margin-bottom:15px;
}

#left-area dd
{
	font-size:85%;
	line-height:1.6;
	margin-bottom:20px;
	text-align:center;
}

#left-area dd p
{
	text-align:left;
	margin-bottom:1em;
}

#right-area
{
	float:right;
	padding:0 20px;
	width:320px;
}

#right-area dt img
{
	margin-bottom:15px;
}

#right-area dd
{
	margin-top:-7px;
}

.twtr-tweet-text
{
	font-size:110%;
}

#footer
{
	clear:both;
}

#footernavi
{
	list-style-type:none;
	margin:0 auto;
	width:300px;
}

#footernavi li
{
	float:left;
	margin-right:10px;
}

#profile .name
{
	font-size:85%;
	text-align:left;
}

#backnumber dd dt
{
	float:left;
}

#backnumber dd dd
{
	float:right;
	width:300px;
	text-align:left;
}

#backnumber dd dd ul
{
	list-style-type:none;
}

#backnumber dd dd ul li
{
	padding-bottom:0.5em;
}

#media ul
{
	list-style-type:none;
	text-align:left;
}

#media table
{
	text-align:left;
}

#media td
{
	padding-bottom:0.5em;
	vertical-align:top;
}

#media .site-name
{
	width:80px;
}

#media .date
{
	font-size:0.8em;
}


#media li
{
	padding-bottom:0.5em;
}

#media dd
{
	border-bottom:1px dashed #999;
	padding-bottom:10px;
	margin-bottom:0px;
}

/*JUITTER PLUGIN CSS
-------------------------------------------*/
#juitterContainer{margin-bottom: 20px; font-size:85%;} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{border:1px solid #ddd; list-style:none;background:#FFF;margin:0;padding:5px 0 0 0;padding:3px;clear:both;margin-bottom:10px;}
#juitterContainer .twittList div.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/
/* clearfix */
#juitterContainer .twittLI:after{clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#juitterContainer .twittLI{display: inline-block;}
* html #juitterContainer .twittLI{height: 1%;}
#juitterContainer .twittLI{display: block;}
/* */

#juitterContainer .readmore
{
	clear:both;
	background-color:#42BfED;
	height:20px;
}

#juitterContainer .readmore a
{
	color:#fff;
	font-size:85%;
	float:right;
	padding-right:5px;
	padding-top:3px;
}
/*end of Juitter CSS*/