@charset "UTF-8";

html {
	height: 100%;
	margin-bottom:	1px;
}

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
	font-family:'Noto Sans Japanese', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color: #fff;
	color: 	#333;
	font-size: 80%;
	word-break: normal !important;
	word-wrap: break-word;
}

table {
	word-break: break-all;
}

#contents {
	margin: 	0px auto;
	padding-bottom: 10px;
	width: 	100%;
	border: 	none;
	background-color:	#fff;
	text-align: left;
}

/* 回り込み解除 */
.clear {
	clear:	both;
}

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

/* 太字 */
.bold {
	font-weight:	bold;
}

/* リンク */
a {
	text-decoration:	none;
}

a:link {
	color:	#066;
}

a:visited {
	color:	#066;
}

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

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

/* お気に入り用リンクカラー */
a.myuser_color:link {
	color:	#000;
}

a.myuser_color:visited {
	color:	#000;
}

a.myuser_color:hover {
	color: 	#8b0000;
	text-decoration:	underline;
}

a.myuser_color:active {
	color: 	#8b0000;
	text-decoration:	underline;
}

a.myuser_menu:link {
	color:	#000;
}

a.myuser_menu:visited {
	color:	#000;
}

a.myuser_menu:hover {
	color: 	#8b0000;
	text-decoration:	underline;
}

a.myuser_menu:active {
	color: 	#8b0000;
	text-decoration:	underline;
}

/* 赤文字 */
.attention {
	color: #f00;
}

/* タイトル文字調整用 */
.title_user {
	font-size: 150%;
	font-weight:	bold;
	margin: 0px auto;
}

.title_user_u {
	font-size: 150%;
	width: 502px;
	font-weight:	bold;
	margin: 0px auto;
	text-align: center;
}

/* ヘッダ */
#header {
	padding:	10px 0px 0px 10px;
	height: 60px;
	text-align:	left;
}

#title {
	float:	left;
}

.seach_form {
	width:	368px;
	float:	right;
}

#menu {
	width: 100%;
	text-align: right;
	padding: 5px 0px;
	border-top: 1px solid #ccc;
	border-bottom:	1px solid #ccc;
}

.menu {
	width: 100%;
	text-align: right;
	padding: 5px 0px;
	border-top: 1px solid #ccc;
	border-bottom:	1px solid #ccc;
}

.line {
	background-image:	url("/view/images/menu.gif");
}

.line_u {
	background-image:	url("/view/images/menu_u.gif");
}
.officialblog-title {
	margin-bottom:8px;
}
.list {
	margin:0;
	padding:0;
}

.list li {
	line-height: 1.4;
	padding-left:1.2em;
	text-indent:-1.2em;
}
.list li:not(:last-child) {
	margin-bottom:8px;
}
.list li::before {
	content:"";
	display: inline-block;
	background-color:#60a3a4;
	width: .4em;
	height: .4em;
	border-radius:50%;
	margin-right:.5em;
	margin-left:.3em;
}

/* ログインフォーム */
.login_form {
	border: 1px solid #ccc;
	padding:	0px 15px 0px 15px;
	margin: 2px 0px 0px 0px;
}

.login_form_1 {
	border: 1px solid #ccc;
	padding:	0px 15px 0px 15px;
	margin: 2px 0px 0px 0px;
}

.text_form {
	margin: 20px 0px 5px 0px;
	font-size:	12px;
}

.checkbox {
	margin: 10px 0px 0px 0px;
	font-size:	12px;
}

.submit {
	margin: 30px 0px 20px 0px;
	text-align:	center;
}

.message_on {
	text-align:	center;
}

.manage_box {
	width: 210px;
	border: 1px solid #aaa;
	padding:	10px;
}

.manage_xbox {
	width: 	210px;
	border: 	1px solid #aaa;
	padding: 10px;
	background-color:	#fee;
}

.main_flame {
	float: left;
	display: inline;
	margin-left:	0px;
	width: 100%;
}

/* 左メニュー */
.leftmenu {
	float:	left;
	width:	210px;
	margin-bottom: 20px;
}

/* 右メニュー */
.rightmenu {
	float: right;
	width: 250px;
	padding-bottom:	20px;
	text-align: left;
}

/* ボックスタイトル */
.box_title {
	width: 	250px;
	margin: 	0px 0px 5px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:	#ceb;
	font-size: 120%;
	font-weight: bold;
}

.box {
	width:	250px;
	border:	1px solid #ccc;
}

.box_area {
	margin: 2px 0px 0px 3px;
	padding: 3px;
	font-size: 12px;
	line-height:	150%;
}



/* メインエリア */
#main {
	width: 640px;
	text-align:	left;
	float: left;
}

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

.main_i {
	width: 100%;
	margin-left:	0px;
	text-align: left;
}

.main_contents {
	width: 950px;
	text-align:	center;
}

.main_right {
	width: 100%;
	height: 100%;
	padding-bottom:	20px;
	margin-left:	0px;
}

/* お知らせ・広告スペース */
.announce {
	float: left;
	width: 99%;
	height: 150px;
	text-align: left;
	padding-right:	11px;
	padding-bottom:	11px;
}

#user_board {
	width: 300px;
	display: inline;
	float: right;
	text-align: left;
	margin-left:	4px;
	line-height:	120%;
}

.ad {
	text-align:	center;
}

/***** 最近追加されたブログ記事 *****/
/* ブログの枠 */
.new_blog {
	border: double 3px #3cb371;
	text-align: left;
	padding: 5px;
	line-height: 140%;
}

/* ブログの見出し*/
.new_blog_title {
	margin-bottom: 5px;
	font-weight: bold;
	color: #f00;
	display: block;
}

/* ブログリスト*/
.new_blog_list {
	margin: 0 0 5px 5px;
}

/* 日付 */
.new_blog_list_date {
	width:	9em;
	float:	left;
	clear:	both;
}

/* ブログタイトルとユーザ名 */
.new_blog_list_link {
	margin: 0 0 0 9em;
}

.new_blog_list .uname {
	margin-left: .25em;
}

.new_blog_list .uname a {
	font-weight: bold;
}

.new_blog_text{
	width:580px;
	background-color:#FFF;
	margin-top:5px;
	padding:8px;
	font-size:90%;
	border:1px solid #aaa;
	}

/* ランキング用フォーム */
#index_ranking {
	width: 300px;
	margin-left:	0px;
	display: inline;
	float: right;
	text-align: center;
}

.ranking_box {
	border: 1px solid #888;
	padding:	10px 0px 10px 5px;
	margin: 0px;
	height: 100%;
}

.index_spotlight {
	width: 498px;
	padding:	10px;
	overflow:	hidden;
}

.spotimage {
	width: 85px;
	margin: 0px;
	padding:	5px;
	float: left;
}

hr.ranking {
	border-style: dotted none none none;
	border-top-width:	2px;
	border-top-color:	#ccc;
	width: 	320px;
	height: 	2px;
}

.imagelist_r {
	width: 280px;
	height: 120px;
	padding-left:	30px;
	padding-right:	30px;
	text-align: left;
	margin-top: 20px;
	float: left;
}

.new_illust {
	width:	110px;
	height:	110px;
	margin:	0px auto;
}

.new_illust_r {
	width: 110px;
	height: 110px;
	margin-right:	10px;
	float: left;
}

.imagelist_inline {
	width: 19%;
	min-width:	150px;
	margin: 0px auto;
	text-align:	center;
	float: left;
}

/***** 新着画像スペース *****/
.newcoming {
	margin-top:	20px;
	box-sizing:border-box;
	border: 1px solid #888;
}

/* 見出し：新着画像 */
.newcoming_title {
	letter-spacing: 2em;
	text-align: center;
	padding:3px 0;
	font-size: 1.5em;
	font-weight: bold;
	background: linear-gradient(#aaa, #fff 90%);
	text-shadow: 1px 1px 0 #fff;
	border-bottom: 1px solid #888;
}

/* 画像表示欄 */
.newcoming_body {
	padding: 15px;
}
.newcoming_body:after {
	content: "";
	clear: both;
	display: block;
}

/* 画像1個の枠 */
.newcoming_imagebox {
	margin: 0 15px 30px 0;
	display: inline-block;
	box-sizing:border-box;
	/* 枠からはみ出した部分は隠す */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float:left;
	text-align: center;
}

/* 画像を4カラムで表示する */
.newcoming_image_column4 {
	width: calc( (100% - 45px) / 4 ) ;
}

.newcoming_image_column4:nth-child(4n) {
	margin-right: 0;
}

/* 画像だけを入れる枠 */
.newcoming_image_link {
	display: block;
	text-align: center;
	/* タイトル分の高さ+画像の高さ+余白 */
	height: calc(1em + 110px + 10px);
}

/* 画像のタイトル */
.newcoming_image_title {
	font-weight:bold;
	display: block;
}

/* 画像の幅 */
.newcoming_image {
	max-width: 100%;
}


/* コンテンツの続きを見るリンク */
.readMore {
	text-align:right;
	margin-right: 5px;
	clear: both;
}

#unei {
	margin:	0px auto;
	width:	500px;
	border:	medium #f00 dotted;
}

#otoiawase {
	margin:	0px auto;
	width:	500px;
	border:	medium #f00 dotted;
}

.entry_form {
	margin:	0px auto;
}

table.profile {
	width: 	190px;
	height: 	190px;
	margin: 	0px auto;
	background-color:	#fff;
	text-align: center;
	vertical-align: middle;
	border: 	none;
}

/* 入力説明欄 */
.border {
	width: 	500px;
	margin: 	0px auto;
	padding: 10px 0px;
	background-color:	#ceb;
	border: 	1px solid #aaa;
	text-align: center;
}

.xborder {
	width: 	500px;
	margin: 	0px auto;
	padding: 10px 0px;
	background-color:	#fdd;
	border: 	1px solid #ccc;
	text-align: center;
}

.center {
	text-align:	center;
}

table.footer {
	border:	none;
}

/* FAQページ */
.main_faq {
	width:	500px;
	height:	100%;
	margin:	0px auto;
}

.main_userentry {
	width: 500px;
	text-align:	center;
	height: 100% ;
	font-size:	110%;
}

/* 利用規約ページ */
.main_kiyaku {
	width: 650px;
	height: 100%;
	margin: 0px auto;
	text-align:	left;
}

/* エラーページ */
.main_error {
	width: 600px;
	height: 100%;
	margin: 0px auto;
	text-align:	center;
}

/* 基本型フォーム */
table.manage {
	width: 	502px;
	border-collapse:	collapse;
	border: 	1px solid #aaa;
	margin: 	0px auto;
}

td.left {
	width: 	150px;
	text-align: center;
	vertical-align: middle;
	background-color:	#ceb;
	border: 	1px solid #aaa;
}

td.manage {
	text-align: left;
	vertical-align:	middle;
	padding: 5px 0px;
	border: 1px solid #aaa;
	width: 350px;
}

/* フォーム内文字位置調整 */
.inline {
	padding:	7px 10px;
}

.inline_a {
	padding:	15px 10px 0px 10px;
}

.inline_b {
	padding:	5px 10px 0px 10px;
}

.inline_c {
	padding:	15px 10px;
}

/* 不明 */
.contact_title {
	width: 598px;
	height: 30px;
	margin: 0px auto;
	padding:	10px;
	border: 1px solid #ccc;
}

.index_contact {
	width: 598px;
	height: 319px;
	margin: 0px auto;
	padding:	10px;
	border: 1px solid #ccc;
}

/* フォーム */
.center_form {
	width: 500px;
	margin: 0px auto;
	padding-top:	20px;
}

/* タグ */
.tag_form {
	margin:	0px;
	width:	300px;
	border:	1px solid #9b8;
}

.tag_form a {
	margin-left:	1em;
}

.tag_form a:first-child {
	margin-left:	0px;
}

.taglist {
	width:	300px;
	float:	right;
}

.taglist_title {
	width: 	290px;
	padding: 5px;
	background-color:	#ceb;
	border-bottom: 1px solid #9b8;
	text-align: left;
	font-size: 120%;
	font-weight: bold;
}

/* ブログコメントリスト */
.blogcomment_list {
	margin: 0px 0px 10px 0px;
	width: 100%;
	border: 1px solid #aaa;
	padding-bottom:	10px;
}

.blogcomment_list .blog_title {
	background: #ceb;
	border-bottom:	1px solid #aaa;
	color: #555;
	font-weight:	bold;
	padding: 5px;
}

.blogcomment_list a.delete {
	margin-left:	10px;
}

.blogcomment_info {
	margin-right:	10px;
	padding: 5px 0px 0px 0px;
	text-align: right;
}

.marginleft {
	margin-left:	15px;
	font-size: 90%;
}

.comment_bun {
	margin: 10px 20px;
	font-size: 110%;
	line-height:	170%;
	text-align: left;
}

/* タイトル文字調整用 */
.title_user {
	font-size: 150%;
	font-weight:	bold;
	text-align: center;
}

/* ブロックユーザ */
input[type="text"]#blockinput {
	width:	80px;
}

.userblock_confirm {
	font-size:	120%;
}

.userblock_confirm a {
	font-weight:	bold;
	font-size: 120%;
}

/* ブロックユーザー一覧 */
ul.userblocklist {
	margin: 0;
	padding: 5px 0;
	width: 100%;
	border-top:	1px solid #aaa;
	font-size:0;
}

.userblocklist li {
	display: inline-block;
	margin: 0;
	font-size:14px;
}

/* ブロックユーザー一覧 - width設定 */
.userblocklist li.delete {
	width: 6%;
}

.userblocklist li.no1,
.userblocklist li.id {
	width: 10%;
}

.userblocklist li.uname,
.userblocklist li.name {
	width: 65%;
}

.userblocklist li.dated,
.userblocklist li.date {
	width: 19%;
}

/* ブロックユーザー一覧 - 見出し */
.userblocklist li.no1 {
	padding-left: 6%;
}

/* ブロックユーザー一覧 - 内容 */
.userblocklist li.delete {
	text-align: center;
}

.userblocklist li.delete a {
	display: block;
}
/* ブロック解除 */
.userblock_deleteconfirm {
	font-size:	120%;
	color: #d00;
}

.userblock_deleteconfirm a {
	font-weight:	bold;
	font-size: 120%;
}

ol,ul {
	list-style:	none;
}

/* ブロックユーザ END */
/* 場所 */
ul#breadlist {
	margin:	5px 0px 5px 7px;
}

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

ul#breadlist a {
	color:	#36c;
}

ul#breadlist li.on {
	font-weight:	bold;
}

ul#breadlist {
	height: 15px\9;	/* IE8 and below */
	*height:	15px;	/* IE7 and below */
	_height:	15px;	/* IE6 */
}

ul#breadlist:not(:target) {
	height:	15px\9;	/* IE9 */
}

.blockconfirm {
	background: none repeat scroll 0px 0px #fdfdfd;
	border: 1px solid #999;
	margin: 0px 5px 10px;
	padding: 10px 10px 20px;
}

/* BBS */
#sub {
	margin: 0px;
	margin-right:	auto;
	text-align: left;	/* IE用方法の弊害対策用 */
	width: 200px;
	line-height:	150%;
	float: left;
}

.sub_box {
	margin: 10px 5px 10px 0px;
	padding: 5px 0px 0px 0px;
	width: 190px;
	font-size: 100%;
	background: #fff;
	border: 1px solid;
	border-color:	#ccc;
}

.site_box {
	margin: 10px;
	padding: 5px 15px 10px 20px;
	line-height:	170%;
	background: #fff;
}

.site_h_box {
	margin: 10px;
	padding: 5px 0px 5px 25px;
	font-size: 120%;
	font-weight:	bold;
	border: 1px solid #ccc;
	border-top: 5px double #ccc;
}

/* 二階層以降の基本 */
#main2 {
	margin: 0px;
	margin-right:	auto;
	text-align: left;	/* IE用方法の弊害対策用 */
	width: 750px;
	float: right;
}

.main2_box {
	margin: 10px 0px 20px 0px;
	padding-bottom:	5px;
	width: 750px;
	font-size: 100%;
	line-height:	150%;
	background: #fff;
}

.in_box2 {
	margin: 10px;
	padding: 10px;
	font-size: 95%;
	line-height:	150%;
	border: 1px solid #c93;
}

#main3 {
	margin: 0px auto;
	margin-right:	auto;
	text-align: left;	/* IE用方法の弊害対策用 */
	width: 600px;
}

/* 左ナビ */
.site_sub_list {
	margin: 0px 5px 5px 5px;
	padding:	5px 0px 0px 0px;
	color: #000;
	display:	block;
}

ul.site_sub_list a {
	padding:	2px 5px 2px 10px;
	padding:	5px 0px 5px 5px;
	color: #000;
	display:	block;
	zoom: 1;	/* IE6の余白を解消する指定 */
}

ul.site_sub_list a:hover {
	color: #c36;
	background:	#efe;
}

/* FAQ */
.faq_list {
	margin: 0px 10px 0px 20px;
	line-height:	150%;
	color: #666;
}

/* ブログ検索 */
.blog_search {
	float: right;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	width: 230px;
}
.blog_search-textinput {
	width: 167px;
	margin-right: 5px;
}
.blog_search-submit {
	width: 50px;
}



/* ブログ記事管理 */
.userblogmanage_view  {
width:580px;background-color:#FFF;margin-top:5px;padding:8px;font-size:90%;border:1px solid #aaa;}
.userblogmanage_view  img {
	max-width:100%;
	height:auto !important;
}

/* 広告 */

.koukoku_main_sub {
	float: right;
	width: 300px;
	margin-top: 20px;
}

.koukoku_sub {
	float: left;
	width: 192px;
	margin-top: 20px;
	padding-right: 10px;
}

.koukoku_leftmenu {
	margin-top: 20px;
}

.koukoku_rightmenu {
	float: left;
	width: 300px;
	margin-bottom: 20px;
}

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

.usertop_adblock {
	float: right;
	width:740px;
}