@charset "UTF-8";

/*-----　基　本　情　報　-----*/

html {
	overflow-y:scroll;
}

body {
	font-size: 80%;
	text-align: center;
	color: #333;
	background-color: #ffffff;
	word-break: normal !important;
	word-wrap: break-word;
}

table {
	word-break: break-all;
}


img {
	border:none;
}

.main_area img{
	max-width:100%;
	height:auto !important;
}

td {
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
}


/*-----　リ　ン　ク　色　-----*/

a{
	text-decoration: none;
}

a:link{
	color:#445555;
}

a:visited{
	color:#447733;
}

a:hover{
	color: #AACC99;
	text-decoration: underline;
}

a:active{
	color: #AACC99;
	text-decoration: underline;
}


/*-----　大　枠　-----*/

#container{
	margin: auto;
	text-align:  center;
	width: 950px;
}

#container div{
	border-color: #ccc;
}

div#mainContent{
	float:right;
	width:720px;
}

div#subContent{
	float:left;
	width:210px;
}


/*-----　ヘ　ッ　ダ　ー　・　フ　ッ　タ　ー　-----*/

#header{
	border: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	color: #333;
}

#menu{
	height: 19px;
	padding: 5px 10px 0px 5px;
	border-top: 1px dotted #CCCCCC;
	text-align: right;
	background-color: #F8F8F8;
}


#main_username{
	height: 120x;
	padding: 0 20px;
	font-size: 200%;
	font-weight:bold;
	text-align:right;
}

#footer{
	width:950px;
	height:200px;
	padding-top:20px;
	clear:both;
	float:none;
	margin: 0 auto;
}


/*-----　プ　ロ　フ　ィ　ー　ル　画　像　-----*/

.login_form{
	border-width: 1px;
	border-style: solid;
	padding: 10px 0 0 0;
	text-align: center;
	background-color: #F8F8F8;
}


.form_bottan
{
	margin: 10px 10px 15px 10px;
	font-size: 12px;
}


/*-----　プ　ロ　フ　ィ　ー　ル　-----*/

td.left{
	background-color: #CCEEBB;
}

td.right{
	background-color: #F8F8F8;
}


/*-----　フ　ォ　ー　ム　-----*/

.form{
	border-width: 1px;
	border-style: solid;
	background-color: #F8F8F8;
}


.mylist_user{
	float: left;
	width: 60px;
	height: 88px;
	text-align: center;
	font-size: 10px;
	padding: 7px 0 0 7px;
	background-color: #FFFFFF;
	overflow: hidden;
}


.mylist_line{
	margin: 0px;
	width: 203px;
	text-align: right;
}


.search_box{
	float: left;
	border: 1px solid #888;
	width: 285px;
	height: 140px;
	margin: 10px 30px 10px 21px;
	padding: 5px 11px 15px 11px;
	text-align: left;
}


.space{
	padding: 1px;
}


/*-----　メ　イ　ン　エ　リ　ア　・　タ　イ　ト　ル　-----*/

{*　ボックスタイトル部分　*}
.free_title{
	background-color: #CCEEBB;
	color: #000;
	padding: 6px 10px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}


/*-----　メインエリア・本文　-----*/

{*　ボックス内容部分　*}
.main_area{
	text-align:left;
	padding: 10px;
/*	line-height: 180%; */
}

.main_area:after {
	content: "";
	display: block;
	clear: both;
}

.blog_bottom{
	text-align:right;
}

.comment_link{
	float: right;
	border: 1px solid #ccc;
	padding:5px 10px;
	background-color: #ffffff;
}

.comment_view{
	border: 1px solid #ccc;
	text-align: left;
	padding: 10px;
	background-color: #ffffff;
}

.blog_date{
	color: #000;
	padding: 0px 10px 5px 10px;
	text-align: right;
}


/*-----　メインエリア配置　-----*/

.newimage_td{
	float: left;
	width: 130px;
	height:130px;
	padding: 12px 20px 15px 22px;
	text-align: center;
}

.favimage_td{
	float: left;
	width: 148px;
	height: 170px;
	padding: 12px 12px;
	text-align: center;
}

.favimage_td_b{
	float: left;
	width: 150px;
	height: 160px;
	padding: 12px 12px;
	text-align: center;
}

.clear {
	clear:both;
}

/*-------ブログコメント書き込み---------*/

td.left1 {
    background-color: #CCEEBB;
    border: 1px solid #AAAAAA;
    text-align: center;
    vertical-align: middle;
    width: 150px;
}

table.manage2 {
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    margin: 0 auto;
    width: 502px;
}

/*-----　広告　-----*/
.koukoku_subcontent {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 横並び */
.koukoku_horizontal {
	width: 640px;
	margin: 20px auto;
	display: flex;
	justify-content: space-between;
}