@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	color:#333333;
	font-size:11px;
	background-color: #F0F0f0;
	font-family:'MS ゴシック','Osaka',sans-serif;
	line-height: 150%;
}

#container {
	width:840px;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
}

#header {
	background-color:#FFFFFF;
	margin:0 0 0 0;
	padding:00px;
}

#content {
	margin:0 0 0 0;
}

#left {
	float:left;
	width:200px;
	background-color:#FFFFFF;
	padding:0px;
}

#main {
	float:left;
	width:413px;
	background-color:#FFFFFF;
	padding:0px;
}

#right {
	float:right;
	width:227px;
	background-color:#FFFFFF;
	padding:0px;
}

#footer {
	background-color:#FFFFFF;
	padding:10px;
}

img {
    border-style:none;
}


.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
.pink{
	COLOR: #FF3366;
}
.nine{
	COLOR: #999999;
}

A:link {
	COLOR: #FF3366; TEXT-DECORATION: none
}
A:visited {
	COLOR: #FF3366; TEXT-DECORATION: none
}
A:hover {
	COLOR: #FF3366; TEXT-DECORATION: underline
}

.contents a:link {color: #3399ff; TEXT-DECORATION: underline}
.contents a:visited {color: #3399ff; TEXT-DECORATION: underline}
.contents a:hover {COLOR: #3399ff; TEXT-DECORATION: underline}

.ml50 {
	margin-left:50px;
}

.ml40 {
	margin-left:40px;
}

.ml30 {
	margin-left:30px;
}
.ml20 {
	margin-left:20px;
}

.ml10 {
	margin-left:10px;
}

.ml15 {
	margin-left:15px;
}
.ml5 {
	margin-left:5px;
}

.mt30 {
	margin-top:30px;
}
.mt20 {
	margin-top:20px;
}
.mt15 {
	margin-top:15px;
}

.mt10 {
	margin-top:10px;
}
.mt5 {
	margin-top:5px;
}
.mr20 {
	margin-right:20px;
}
.mr15 {
	margin-right:15px;
}

.mr10 {
	margin-right:10px;
}
.mr5 {
	margin-right:5px;
}
.margin10 { padding: 10px; }
.margin15 { padding: 15px; }
.margin20 { padding: 20px; }


.arearight{
	width:200px;
}
.entrytitle{
	color:#333333;
	font-size:14px;
	font-family:'MS ゴシック','Osaka',sans-serif;
}
.entrydate{
	color:#3399FF;
	font-family:'MS ゴシック','Osaka',sans-serif;
}
.box360{
	width:330px;
	text-align:left;
	margin-right:20px;
	margin-left:20px;
	margin-top:15px;
}

.box380{
	width:340px;
	text-align:left;
	margin-right:20px;
	margin-left:20px;
	margin-top:15px;
}
.width360{
	width:360px;
}

.butebox{
	width:370px;
	text-align:center;
}

.userpic {
	width:330px;
	text-align:right;
	margin-right:20px;
}


.catcom { margin: 0 auto; width : 330px ; }
.leftcat { float : left ; width : 165px ; text-align:left; }
.rightcom { float : left ; width : 165px ; text-align:right; }
.left { float: left; }
.right { float: right; }
.clr { clear: both; height:0px; }