@charset "utf-8";
*{margin:0;padding:0;}

body {
font: .8em "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, sans-serif;
background: #fff;
color: #363636; }
a { color: #4169e1; text-decoration: none; }
	a:hover { color: #00008b; }
p { line-height: 1.7em; margin: 0 0 15px; }
.x { clear: both; }

h1 { float: left; font-size: 2em; font-weight: normal; font-style: italic; padding: 0 0 25px 10px; margin: 0 0 10px; }
h2 { font-weight: normal; font-size: 2.6em; padding: 0 0 10px; margin: 0 0 15px; }
h3 { font-size: 1.7em; font-weight: normal; margin: 0 0 5px; }
h3 a { color: #222; }
strong {
	font-size: 1.5em;
	font-weight: bold;
	}
bold {
	font-weight: bold;
	}
#content {
	width: 960px;
	margin: 5px auto;
}

#menu { float: right; margin: 10px 10px 0 0; }
	#menu li { display: inline; list-style: none; }
	#menu li a { float: left; margin: 0 0 0 20px; color: #888; }
		#menu li a:hover { color: #555; }

.main {clear: both; padding: 10px 10px; margin: 10px; }
	.main .leftcol {float: left; width: 28%; margin: 10px; }
	.main .rightcol {float: right;width: 65%; margin: 10px; }

.twocol {clear: both; padding: 0px 0px; margin: 5px; }
	.twocol .twocolleft35 {float: left; margin: 0px; width: 35%; }
	.twocol .twocolright60 {float: right; margin: 0px; width: 60%; }
	.twocol .twocolleft45 {float: left; margin: 0px; width: 45%; }
	.twocol .twocolright45 {float: right; margin: 0px; width: 45%; }

.post { clear: both; padding: 30px 10px; margin: 0 0 40px; }
	.post .details {float: left; width: 40%; }
	.post .details .info { font-size: .9em; color: #999; }
	.post .details .info a { color: #777; border-bottom: 1px dotted #999; padding: 3px 1px; }
	.post .body {float: right; width: 55%; padding: 0 0 0 30px; border-left: 1px solid #ddd; }
	.post .fullsizebody { float: right; width: 900px; padding: 0 0 0 30px; border-left: 1px solid #ddd; text-align: center; }
.threecol { width: 300px; margin: 10px 10px 10px 10px; float: left; font-size: .9em; }
	.threecol.last { margin-right: 0; }
		
#footer { clear: both; border-top: 1px solid #ddd; padding: 20px 0; font-size: .9em; color: #999; }

.CELL_TITLE{
	background-color:#57ACB9;
	font-size: 12px;
	margin: 2px;
	padding: 2px 10px 2px 10px;
	color:#FFFFFF;
	font-weight:bold;
}

.CELL_1{
	background-color:#FFFFFF;
	margin: 2px;
	padding: 2px;
	font-size: 12px;
	line-height: 140%;
	color: #363636;	
}
.CELL_CENTER{
	text-align: center;
	background-color:#FFFFFF;
	margin: 2px;
	padding: 2px;
	font-size: 12px;
	line-height: 140%;
	color: #363636;	
}
.textcenter {
	width: 70%;
	margin: 15px 15px;
	text-align: center;
}
.textleft {
	width: 70%;
	margin: 0px 15px;
	text-align: left;
}
.textleftfloat {
	width: 70%;
	margin: 0px 10px;
	text-align: left;
	float: left;
}
.textright {
	margin: 0px 0px;
	text-align: right;
	white-space: norap;
}
.textleft strong {
	font-size: 1.6em;
	font-weight: bold;
	}
img {
	border: none;
	text-align: center;
}
a.fb-like {
        display: inline-block;
        padding-left: 20px;
        padding-right: 2px;
        border: solid 1px #CAD4E7;
        border-radius: 4px;
        -moz-border-radius: 4px;
        height: 20px;
        line-height: 20px;
        background: url("http://garapon.tv/img/f_logo.png") no-repeat 2px center #ECEEF5;
        text-decoration: none;
        color: #3B59B8;
}
a.fb-like:hover {
        background: url("http://garapon.tv/img/like_icon.png") no-repeat 2px center #ECEEF5;
        border: solid 1px #9DACCE;
}

#chiho{
font-size: 90%;
font-weight:bold;
padding: 3px 0;
}