@charset "utf-8";

/* ==================================================================
　　最終更新日　

	import.css       メインCSS
	defalut.css    基準値の指定CSS
	common.css 　　サイト全体に共通するCSS
	component.css  CSSの部品
	modules.css　　個別指定用CSS
	print.css      印刷用CSS

=================================================================== */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 *
 */

 /*
	px  %
	10  77
	11  85
	12  92
	13  100
	14  107
	15  114
	16  122
	17  129
	18  136
	19  144
	20  152
	21  159
	22  167
	23  174
	24  182
	25  189
	26  197
*/


body {
	font:13px;
	*font-size:small;
	*font:x-small;
	font-size:80.5%;
	word-break: break-all;
	/*word-wrap:break-word;*/
}

table {
	font-size:inherit;
	font:100%;
}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {
	font:99%;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {
	font:115% monospace;
	*font-size:100%;
}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
/*
body * {
	line-height:1.22em;}
*/

/* ==================================================================
	Site Name:edita.jp
	Version: 0.1
	Author: adachi

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品
	modules.css		個別指定用CSS
	print.css		印刷用CSS

	-----------------------------------------------------------
	1.基本指定
		1body
		2text
		3link
		4image
	-----------------------------------------------------------


=================================================================== */


/* =================================
   ■ 基本指定
================================== */
*	{
	padding: 0px;
	margin: 0px;
	min-width:0;
	min-height:0;
    font-weight: normal;
	/* background: transparent;	*/
	}

/* --------------------------------
   □ body
-------------------------------- */

html {
	height:100%;
	overflow-y: auto;
}


body {
	font-size:12px;
/*	font-family: Arial, Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Osaka",Verdana ,sans-serif; */
	font-family: 'メイリオ',Meiryo,Arial, Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',"Osaka",Verdana ,sans-serif; /*bodyフォント修正 メイリオ優先 20180509*/
}

/* --------------------------------
   □ text
-------------------------------- */

p {
/*	margin:0 0 0.8em 0;*/
	/* delete 20100225 text-align:justify; */
	text-justify:inter-ideograph;
}

strong{
	color:#ff9900;
}

strong,
em{
	font-weight:bold;
}

em,
address,
cite{
	font-style: normal;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	clear: both;
	line-height:1.2;
}

h1 { font-size: 130%;}

h2 { font-size: 130%;}

h3 { font-size: 110%;}

h4 { font-size: 100%;}

h5 { font-size: 100%;}

h6 { font-size: 100%;}


acronym,abbr{cursor:help;}

/* --------------------------------
   □ style
-------------------------------- */
p,table,ul,ol,dl{
	line-height:1.5;
}


table{
	border-collapse:collapse;
 }

th,td{ text-align:left; }


input{
	line-height:100%;
	margin:4px 3px 0 0;
}

/* IE only \*/
* html input{ margin:0; }
*:first-child + html input{ margin:0; }
/* end */



textarea, select, input {
/*	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka","Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif; */
	font-family : "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "Osaka","Helvetica", "Arial", "Verdana", "ＭＳ Ｐゴシック", sans-serif; /*bodyフォント修正 メイリオ優先 20180509*/
}

hr {display:none;}


ul,ol  { list-style : none; }

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
  font-size:100%;
}

fieldset {
	border: none;
	padding: 1px 0;
}
blockquote {
	border:1px solid #CCCCCC;
	margin:10px;
	padding:10px;
}

/* --------------------------------
   □ link
-------------------------------- */
/* 基本 */
a {
	text-decoration:none;
}

/* 訪問済 */
a:visited {

}

/* ロールオーバー */
a:hover{
	text-decoration:underline;
}

/* gecko対策 */
a[name]:hover{text-decoration:none !important;outline:0 !important;}

/* --------------------------------
   □ image
-------------------------------- */
img{
	vertical-align			: bottom;
	border					: 0;
}

object,param{
	border:0;
	vertical-align:bottom;
}


/* ==================================================================
	Site Name:
	Version: edita
	Author: adachi

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品
	modules.css		個別指定用CSS
	print.css		印刷用CSS

=================================================================== */

/* --------------------------------
   □ body
-------------------------------- */

body {
	color: #656565;
	background: #fff;
}

/* --------------------------------
   □ link
-------------------------------- */
/* 基本 */
a:link {
	color:#3399FD;
}

/* 訪問済 */
a:visited {
	color:#3399FD;
}

/* ロールオーバー */
a:hover{
	color:#3399FD;
}

/* ==================================================================
	Site Name:
	Version:
	Author: adachi

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品
	modules.css		個別指定用CSS
	print.css		印刷用CSS

=================================================================== */
.info-head{
	text-align: center;
	font-weight: bold;
	color: #FD9A35;
	padding: 10px;
}

.err-head{
	border: 2px red solid;
	padding: 10px;
	margin: 0px 5px 5px 5px;
	text-align: center;
	font-weight: bold;
	color: red;
}
.err-text{
	font-weight: bold;
	color: red;
}

.required{
	font-weight: bold;
	color: red;
}

#mypage #side-menu ul{
	text-align: center;
	padding:10px 0px 10px 25px;
	_padding-left:0px;
}

#mypage #side-menu ul li a{
	display:block;
	height:23px;
	_height:28px;
	padding-top:5px;
	/*width:200px;*/
	width:auto;
	margin-bottom:5px;
	background:transparent url(../img/menu/menu-bt.gif) 100% 0px no-repeat;
	text-decoration: none;
	color: #666666;
}
#mypage #side-menu ul li a:hover{
	background:transparent url(../img/menu/menu-bt-ro.gif) 100% 0px no-repeat;
}
#mypage #side-menu ul li a.selected{
	background:transparent url(../img/menu/menu-bt-ro.gif) 100% 0px no-repeat;
	font-weight: bold;
}

#mypage #local-menu{
	padding-bottom: 0px;
	overflow: hidden;
}

#mypage #local-menu ul{
	margin-top: -8px;
	margin-left:-7px;
	_margin-left: -5px;
/*	padding:10px 0px 10px 25px;
	_padding-left:0px;
	*/
}
#mypage #local-menu li{
	display: inline;
	float: left;
	text-align: center;
	margin-right: 3px;
	margin-bottom:2px;
}
#mypage #local-menu li a{
	padding-top:2px;
	font-size:0.9em;
	_font-size:9px;
	display:block;
	height:18px;
	_height:18px;
	width:88px;
	background:transparent url(../img/menu/local-menu-bt.gif) 100% 0px no-repeat;
	text-decoration: none;
	color: #666666;
}
#mypage #local-menu li a:hover{
	background:transparent url(../img/menu/local-menu-bt-ro.gif) 100% 0px no-repeat;
}
#mypage #local-menu li a.selected{
	background:transparent url(../img/menu/local-menu-bt-ro.gif) 100% 0px no-repeat;
	font-weight: bold;
	color:#000000;
}
#mypage #local-menu li a.disabled,
#mypage #local-menu li a.disabled:hover{
	background:transparent url(../img/menu/local-menu-bt-da.gif) 100% 0px no-repeat;
	cursor: default;
}

/* --------------------------------
   □ clearfix
-------------------------------- */
.clearfix:after,
.contents-box:after,
.items:after,
.sub-contents:after,
.link:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/* WIN用IE \*/
.clearfix,
.contents-box,
.items,
.sub-contents,
.link {
	zoom:1;
}
/* end */

/* MAC用IE only \*//*/
.clearfix,
.contents-box,
.items,
.sub-contents,
.link { display: inline-block;
/* end */



/* --------------------------------
   □ 文字配置
-------------------------------- */
p.position-text {
	position:relative;
}
p.position-text a {
	position:absolute;
	top:-1em;
	right:7px;
	display:block;
}

/* --------------------------------
   □ textmenu
-------------------------------- */
	ul.inlineMenu { margin:0 auto;}

	ul.inlineMenu li {  display	: inline;}

	ul.inlineMenu li a{
		padding-right	: 8px;
		margin-left:3px;
		border-right:1px solid #989898;
	}

	ul.inlineMenu li.end a{
		border-right:0px solid #989898;
	}

/* --------------------------------
   □ パンくずナビ
-------------------------------- */

ol#breadcrumbs { margin-left:7px; text-align:left; list-style-type:none; float:left;}
ol#breadcrumbs li { vertical-align  : middle; display	: inline; color:#666666; }

ol#breadcrumbs li a{
	color:#349AFF;
	padding-right: 10px;
	margin-right:0px;
	background:url(../img/common/breadcrumbs/breadcrumbs-arrow.gif) 100% 2px no-repeat;
}

/*
* html ol#breadcrumbs li a{
	background:url(../img/breadcrumbs/breadcrumbs_arrow.gif) 100% 40% no-repeat;
}
*:first-child + html ol#breadcrumbs li a{
	background:url(../img/breadcrumbs/breadcrumbs_arrow.gif) 100% 40% no-repeat;
}
*/
/* --------------------------------
   □ ボタン
-------------------------------- */
/* 要変更 */
p.button{
	margin-bottom:0;
}
	p.button a{
		width:104px;
		height:26px;
		display:block;
		cursor:pointer;
		text-indent:0em;
	}

	/* MAC IE only \*//*/
	p.button a{
		overflow:inherit;
	}
	/* end */


	p.button a:hover{
		text-indent:-1000em;
		border:0;
	}
		p.button a:hover img{
			visibility:hidden;
		}

	html>body p.button a:hover{
		overflow:hidden;
	}

/* ◇ 個別指定
-------------------------------- */

	/* index */
	/*
	div#box_blogparts-btn{
		width:122px;
		height:21px;
	}
	div#box_magazine-btn{
		width:122px;
		height:21px;
	}

	div#box_useradd-btn{
		width:187px;
		height:40px;
	}
	*/


	p#blogparts-btn a{
		width:122px;
		height:21px;
		background:url(../img/common/parts-btn-over.jpg) 0px 0px no-repeat;
	}
	p#magazine-btn a{
		width:122px;
		height:21px;
		background:url(../img/common/magazine-btn-over.jpg) 0px 0px no-repeat;
	}

	p#useradd-btn a{
		width:187px;
		height:40px;
		background:url(../img/common/useradd-btn-over.gif) 0px 0px no-repeat;
	}

/* --------------------------------
   □ メニュー
-------------------------------- */

/* --------------------------------
   □ menu
-------------------------------- */
ul.menu{
	clear:both;
}

ul.menu li{
	float:left;
}

ul.menu li a{
	display:block;
	overflow:hidden;
	cursor:pointer;
}

/* MAC IE only \*//*/
ul.menu li a{
	overflow:inherit;
}
/* end */



/* --------------------------------
   □ NEWS-BOX
-------------------------------- */
#news-box dl{
	padding-top:1em;
	padding-bottom:1em;

	line-height:1.3em;
	width:100%;
}

	#news-box dt,
	#news-box dd{
		margin-bottom:1em;
	}

	#news-box dt{
	    width:9em;
		float:left;
		padding-left:1em;

		background	: url(imgy/arrow.gif) 5px 0.4em no-repeat;
		font-weight:700;

		clear:both;
	}

	html > body #news-box dt{
	    width:8em;
	}

	#news-box dd{
	    padding-left:9em;
	}

	*:first-child+html #news-box dd{
	    padding-left:0px;
	}

/* --------------------------------
   □ 画像・文構成
-------------------------------- */

#pictures-box{
	margin-bottom:3em;
}

	#pictures div{
		width:100%;
		margin-top:0.36em;
		position:relative;
		padding-bottom:0.4em;
	}

		#pictures-box div img.banner{
			float:left;
			clear:both;
			margin-right:5px;
		}

		#pictures-box div dl{
			margin:0;
			line-height:1.2;
			font-size:110%;
		}

		/* MAC用IE only \*//*/
		#pictures-box div dl{
			display:inline-block;
			width:270px;
		}
		/* end */

			#pictures-box div dl dt,
			#pictures-box div dl dt a{
				color:#008470;
				font-weight:700;
				padding-bottom:1em;
			}

			#pictures-box div dl dd{
				text-align:justify;
				text-justify:inter-ideograph;
			}

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ 共通クラス
-------------------------------- */

/* 左寄せ */
.left{
	float:left;
}

/* 右寄せ */
.right{
	float:right;
}

.clear{
	clear:both;
}

/* 文字隠 */
.texthidden{
	text-indent: -1000em;
	text-decoration:none;
	font-size:1px;
	overflow: hidden;
}

/* MAC用IE only \*//*/
.texthidden  {overflow: inherit;}
/* end */



/* ==================================================================
	Site Name: edita
	Version: 1.0
	Author: adachi

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品
	modules.css		個別指定用CSS
	print.css		印刷用CSS

	-----------------------------------------------------------
	1.共通指定
		1レイアウト
			1大枠
			2上枠 top
				1 ヘッダー
			3中枠 middle
				1メニュー枠 menu-box
				2内容枠     entries-box
			4下枠
				2 フッター
	-----------------------------------------------------------

=================================================================== */

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ body
-------------------------------- */
body{
	/* text-align: center; 	 IE用 */
}


/* --------------------------------
   □ レイアウト
-------------------------------- */

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

#top,
#bottom{
	width:781px;
	padding:0 10px 5px 9px;

	background:#fff;
}

#middle_top{
	width:100%;
	height:32px;
	padding:0;
	margin:0;
	background:url(imgy/common/bar_back.jpg) 0 0 repeat-x;
}

#middle{
/*	width:1024px;*/
	padding:0 10px 0 9px;

	background:#fff;
}


html > body #top,
html > body #bottom{
	width:781px;
}

html > body #middle{
	padding-top:5px;
/*	width:1024px;*/
/*	min-width:1024px;*/
}
/* 上枠 ------------------------ */
#top{
	width:781px;
	padding:0 10px 0 9px;

	background:#fff;
}

#top-outer{
	width:100%;
	height:auto;
	padding-top:8px;
	padding-bottom:8px;
	background:#FFFFFF;
	/*border-bottom:6px solid #CEF7A9;*/
	/*border-bottom:4px solid #FF8C00;*/
	background:url(../img/common/linetop.jpg) 0 100% repeat-x;

}
	/* ヘッダー -------------------- */
	#top .header{
		width:200px;
/*		_height:90px;*/
		float:left;
	}

	#top .header h2,
	#top .header p.logo{
		padding:0;
		float:left;
	}

	#top .header p.bnr{
		float:left;
		margin-left:20px;
	}


	.right_menu {
		text-align:right;
		float:right;
		width:320px;
/*		padding-top:2px;*/
		padding-top:60px;

	}

	/*
	div#box_blogparts-btn{
		float:left;
		margin-top:5px;
	}
	div#box_magazine-btn{
		float:right;
		margin-top:5px;
	}
	*/


	#top ul.inlineMenu {
		text-align:right;
		font-size:x-small;
/*		padding-bottom:1em;*/
	}
	#top ul.inlineMenu a{
		color:#808080;
	}

/* 中枠 ------------------ */
#middle{
	padding-bottom:2em;
}

#mypage #middle{
	width:1000px;
	padding:0 0px 0 9px;
	_width:991px;
}

/* ユーザー枠 ------------------ */
#middle .user-box{
	/*border-top:8px solid #FCFDF7;*/
	margin-top:5px;
	width:781px;
	height:21px;
	/*height:31px;*/
}

html > body #middle .user-box{
	height:23px;
}

	/* ユーザー枠内部 -------------------- */
	#middle .user-box p.user{
		float:right;
		color:#656565;
		margin-bottom:0;
	}
	#middle .user-box p.user em{
		font-weight:100;
		color:#FD9A34;
	}

/* 下枠 ------------------------ */
#bottom-outer{
	clear:both;
	width:100%;
	height:100px;
	border-top:#D7EBB0 1px solid;
	background:#fff 0 0 repeat-x;
}

#bottom{
	background:#fff 0 0 repeat-x;
	text-align:center;
}
	/* フッター -------------------- */
		#bottom address {
			margin-top:1.2em;
		}

		#bottom ul.inlineMenu {
			margin-top:2em;
		}

/* メニュー ------------------------ */

/* --------------------------------
   □ メニュー
-------------------------------- */
#top ul.menu {
	height: 28px;
	float:left;
}


#top ul.menu li{
	margin-right:3px;
}

#top ul.menu li,
#top ul.menu li a{
	width:118px;
	height: 28px;
	display: block;
}
/*
#top ul.menu li.menu1 a,
#top ul.menu li.menu1 a.selected{
	background:url(imgy/common/menu/menu1-over.gif) 0px 0px no-repeat;
}
#top ul.menu li.menu2 a,
#top ul.menu li.menu2 a.selected{
	background:url(../img/common/menu/menu2-over.gif) 0px 0px no-repeat;
}
#top ul.menu li.menu3 a,
#top ul.menu li.menu3 a.selected{
	background:url(imgy/common/menu/menu3-over.gif) 0px 0px no-repeat;
}

#top ul.menu li a:hover,
#top ul.menu li a.selected{
	visibility:inherit;
}

#top ul.menu li a:hover img,
#top ul.menu li a.selected img{
	visibility:hidden;
}
*/



/* ==================================================================
	Site Name: edita
	Version:
	Author:

	import.css		読み込みCSS
	font.css		文字サイズの指定CSS
	defalut.css		基準値の指定CSS
	color.css		色の指定CSS
	common.css		サイト全体に共通するCSS
	component.css	CSSの部品
	modules.css		個別指定用CSS
	print.css		印刷用CSS

	* 細かくなりそうな場合は別にCSSを作成

=================================================================== */


/* --------------------------------
   □ common
-------------------------------- */
.contents-box,
.sub-contents{
	margin:0 auto 0 auto;
	text-align:left;
	padding-bottom:10px;
}

	/*  items
	-------------------------------- */
	div.items dl{
		float:left;
		text-align:center;
		display:inline;
	}

	html > body div.items  dl dt img{
		margin:0 auto;
	}

	/*  ul
	-------------------------------- */
	ul.arrow li{
		padding-left:14px;
		background:url(imgy/common/arrow.gif) 2px 5px no-repeat;
		margin-bottom:10px;
	}

	dl.arrow dt{
		padding-left:14px;
		background:url(imgy/common/arrow.gif) 2px 50% no-repeat;
	}

	dl.arrow dd{
		margin-bottom:0.5em;
	}

	p.link {
		clear:both;
		margin-right:0.4em;
		text-align:right;
		margin-bottom:0;
	}

	p.link a{
		padding-left:14px;
		background:url(imgy/common/arrow.gif) 2px 50% no-repeat;
	}

/* --------------------------------
   ■index
-------------------------------- */

	#index .frame-body{
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
	}

	#index .frame-footer{
		height:6px;
		margin-bottom:15px;
	}

	#index h3{
		height:24px;
		padding-top:10px;
		background:url(../img/parts/gray-back.gif) 0 0 repeat-x;
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
		color:#676767;
		font-size:100%;
		*font-size:11px;
		_height:24px;
	}

	#index h3.login{
		background:url(imgy/parts/green-back.gif) 0 0 repeat-x;
	}

	#index h3 img{
		vertical-align:middle;
		margin:0 5px 0 5px;
	}

	/*  items
	-------------------------------- */
		#index .items dl{
			width:56px;
		}

		#index .items dl dt{
			background:url(imgy/parts/item-border48.gif) 0 0 no-repeat;
			height:56px;
		}
	/*	#index .items dl dt img{
			margin-top:4px;
		}	*/

		#index .items dl dd{
			margin-left:-2px;
			margin-right:-2px;
			position:relative;
			z-index:2;
			width:60px;
		}

	/* --------------------------------
	   □ column
	-------------------------------- */

	#index .column0,
	#index .column1,
	#index .column2,
	#index .column3{
		float:left;
		display:inline;
	}

	#index .column3 ul,
	#index .column3 dl{
		color:#656565;
	}

	/*  column0
	-------------------------------- */
	#index .column0{
		width:565px;
		margin-left:107px;
		margin-right:107px;
	}

/*		#index .column0 .contents-box{
			width:557px;

		}
*/
/*		#index .column0 .frame-body{
			width:565px;
		}
*/
		#index .column0 .frame-footer{
			width:565px;
			background:url(imgy/index/column1-footer.gif) 0 0 no-repeat;
		}

		/*  #index-heding
		-------------------------------- */
		#index #index-center{
			border:#D0D0D2 1px solid;
			padding:20px 10px 20px 10px;
			margin-bottom:15px;
		}

/*		#index-center{
			width:557px;
		}
*/
		#index #index-center p{
			margin-top:2px;
			margin-bottom:0;
		}


	/*  column1
	-------------------------------- */
	#index .column1{
		width:565px;
		margin-right:14px;
	}

		#index .column1 .contents-box{
			width:565px;

		}

		#index .column1 .frame-body{
			_width:563px;
		}

		#index .column1 .frame-footer{
			width:565px;
			background:url(imgy/index/column1-footer.gif) 0 0 no-repeat;
		}

		/*  #index-heding
		-------------------------------- */
		#index #index-heading{
			border:#D0D0D2 1px solid;
			padding:7px 3px 7px 3px;
			margin-bottom:15px;
			_width:557px;
		}


		#index #index-heading p{
			margin-top:2px;
			margin-bottom:0;
		}

		/*  #index-index-bloger
		-------------------------------- */
		#index #index-bloger{
			padding-top:20px;
			padding-left:16px;
			_width:547px;
		}

		#index #index-bloger dl{
			margin:0 22px 5px 0;
		}

		#index-bloger dd{
			height:30px;
			font-size:80%;
			*font-size:9px;
		}

		#index #index-bloger p.clear{
			text-align:right;
			margin-right:21px;
		}



		/*  #index-index-bloger
		-------------------------------- */

		#index #index-list{
			padding-top:20px;
			padding-left:16px;
		}

		#index #index-list{
			width:547px;
		}


		#index #index-list dl{
			width:170px;
			margin:0 auto;
			text-align:left;
			margin-bottom:10px;
			margin-left:10px;
		}

		#index #index-list dt{
			background:url(imgy/parts/item-border36.gif) 0 0 no-repeat;
			height:44px;
			width:44px;
			float:left;
			text-align:center;
		}

		#index #index-list  dl dd{
			float:left;

			text-align:left;
			width:120px;
			margin-left:3px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

		#index #index-list dl dd p{
			font-size:80%;
		}

		/*  #biglist
		-------------------------------- */


		#index #biglist{
			/*text-align:center;*/
			padding-top:19px;
		}

		#index #biglist h4{
			background:url(imgy/common/border/gray3.gif) 0 0 repeat-x;
			color:#FD9A35;
			font-weight:100;
			margin-top:20px;
			margin-bottom:0;
			padding:9px 0 10px 0;
		}

		#index #biglist h4 a{
			color:#FD9A35;
		}

		#index #biglist dl{
			width:480px;
			margin:0 auto;
			text-align:left;
			/*margin-bottom:11px;*/
			margin-left:10px;
		}


		#index #biglist dt{
			background:url(imgy/parts/item-border96.gif) 0 0 no-repeat;
			height:138px;
			width:104px;
			float:left;
			text-align:center;
		}

		#index #biglist  dl dd{
			float:left;
			text-align:left;
			width:340px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

		#index #biglist dl dd p{
			font-size:80%;
		}

		#index #biglist .mytag {
			text-align:left;
			padding: 0px 10px 0px;
			width:330px;
			overflow: hidden;
		}

		#index #biglist .mytag li{
			height: 25px;
			float: left;
			display:inline;
			padding: 0px 36px 0px 0px;
			margin: 0;
			font-size: 0.9em;

		}


		/*  #searchlist
		-------------------------------- */

		#index .searchlist{
			padding-top:19px;
			padding-left:10px;
			padding-right:10px;
		}

		#index .searchlist h4{
			background:url(../img/common/border/gray3.gif) 0 0 repeat-x;
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:9px 0 13px 0;
		}

		#index .searchlist dl{
		/*	margin:0 auto;*/
			text-align:left;
			margin-bottom:30px;
		}


		#index .searchlist dt{
			background:url(../img/parts/item-border96.gif) 0 0 no-repeat;
			height:104px;
			width:104px;
			float:left;
			text-align:center;
		}

		#index .searchlist  dl dd{
			float:left;

			text-align:left;
			width:300px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
			font-size:80%;
		}



		/*  column120
		-------------------------------- */
		#index  .column120 .column121,
		#index  .column120 .column122{
			width:272px;
			display:inline;
			float:left;
		}

		#index  .column120 .column121{
			margin-right:20px;
		}

		#index  .column120 .sub-contents{
			padding:5px;
			width:272px;
		}

		#index  .column120 .sub-contents{
			padding:5px;
			width:260px;
		}


		#index  .column120 .frame-footer{
			background:url(../img/index/2column-footer.jpg) 0 0 no-repeat;
			height:6px;
			width:100%;
		}




		/*  #index-3column
		-------------------------------- */

		#index-2column{
			text-align:left;
		}

		#index-2column dl{
			width:100%;
			margin:0 auto;
			text-align:left;
			background:url(../img/common/arrow.gif) 0 50% no-repeat;
			padding-left:14px;
			margin-bottom:11px;
		}

		html > body #index-2column dl{
			width:260px;
		}

		#index-2column dt{
			background:url(../img/parts/item-border36.gif) 0 0 no-repeat;
			height:45px;
			width:45px;
			float:left;
			text-align:center;
		}
	/*	#index-2column dl dt img{
			margin-top:4px;
		}	*/

		#index-2column dl dd{
			float:left;
			/*font-size:80%;
			font-size:10px;
			*/
			text-align:left;
			width:190px;
			margin-left:5px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}



	/*  column2
	-------------------------------- */
	#index .column2{
		width:200px;
		margin-right:14px;
	}

		#index .column2 .contents-box{
			width:200px;
			_width:198px;
		}

		#index .column2 .frame-footer{
			width:200px;
			background:url(../img/index/column2-footer.gif) 0 0 no-repeat;
		}

		/*  #index-login
		-------------------------------- */
		#index #login-footer{
			margin-bottom:6px;
		}

		#index #index-login{
			text-align:center;
			padding:9px 0 0px 0;
		}

		#index-login .input-area{
			width:184px;
			margin:0 auto;
		}
			#index-login .input-area div{
				float:left;
				margin-right:5px;
				display:inline;
				padding-bottom:7px;
			}
		#index-login label{
			color:#3399FD;
			vertical-align:middle;
			line-height:1.0em;
		}

			#index-login .input-area div input{
				width:115px;
				padding-top:1px;
				padding-bottom:1px;
				color:#3399FD;
			}
			#index-login .input-area #login_mail{
				margin-bottom:4px;
				*margin-bottom:8px;
			}
		#index-login p{
			margin-bottom:0;

		}

		#index-login p.button{
			margin: 8px 0 10px 5px;
		}

		#index-login p.small{
			text-align:center;
			font-size:80%;
			*font-size:9px;
		}

		/*  #index-recommendation
		-------------------------------- */
		#index-recommendation{
			padding:11px 0 0 7px;
		}
		#index #index-recommendation{
			width:191px;
		}

		#index-recommendation dl{
			margin:0 7px 0px 0;
		}
		#index-recommendation dd{
			font-size:80%;
			*font-size:9px;
		}

		/*  #index-pickup
		-------------------------------- */
		#index-pickup{
			padding:11px 0 0 7px;
		}
		#index #index-pickup{
			width:191px;
		}

		#index-pickup dl{
			margin:0 7px 0px 0;
		}
		#index-pickup dd{
			font-size:80%;
			*font-size:9px;
		}

		/*  #index-community
		-------------------------------- */
		#index-community{
			padding:20px 0 0 11px;
		}

		#index #index-community{
			width:187px;
		}

			/*  items
			-------------------------------- */
				#index #index-community dl{
					width:178px;
					margin-bottom:15px;
				}

				#index #index-community dl dt{
					background:url(../img/parts/item-border170.gif) 0 0 no-repeat;
					height:56px;
				}

				#index #index-community dl dd{
					width:178px;
					text-align:left;
				}

		#index #index-community p.clear{
			text-align:right;
			margin-right:10px;
		}
	/*  .column3
	-------------------------------- */

	#index .column3{
		width:203px;
	}


	#index .column3 h3{
		height:34px;
		padding-top:10px;
		background:url(../img/parts/gray-back.gif) 0 0 repeat-x;
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
		color:#676767;

		font-size:11px;
		_height:24px;
	}

	#index .column3 h3 img{
		margin:0 10px 0 9px;
	}

	#index #middle .column3 .frame-footer{
			background:url(../img/mypage/column2-footer.jpg) 0 0 no-repeat;
			height:6px;
			width:100%;
		}

		/*  #hotlist
		-------------------------------- */

		#index .hotlist{
			text-align:center;
			padding-top:19px;
		}

		#index .hotlist dl{
			width:185px;
			margin:0 auto;
			text-align:left;
			margin-bottom:11px;
		}


		#index .hotlist dt{
			background:url(../img/parts/item-border36.gif) 0 0 no-repeat;
			height:44px;
			width:44px;
			float:left;
			text-align:center;
		}

		#index .hotlist  dl dd{
			float:left;

			text-align:left;
			width:131px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

#index .bp_table {
    width:550px;

}


#index .bp_table .title {
    border:dotted 1px #ffffff;
    background:#b1e14f;
    color:#ffffff;
    width:200px;
    padding:5px;
}

#index .bp_table .item {
    border:dotted 1px #ffffff;
    background:#f3f3f3;
    width:349px;
    padding:5px;
}



/*  #manual-biglist
/*  T.OKAZAKI 2007/07/24
-------------------------------- */


#index #manual-biglist{
	/*text-align:center;*/
	padding-top:19px;
}

#index #manual-biglist h4{
	font-weight:100;
	margin-bottom:0;
	padding:9px 0 10px 0;
}

#index #manual-biglist h4 a{
	color:#FD9A35;
}

#index #manual-biglist dl{
	margin:0 auto;
	text-align:left;
	/*margin-bottom:11px;*/
	margin-left:10px;
}


#index #manual-biglist dt{
}

#index #manual-biglist dl.arrow dt{
	margin:30px 0 10px;
	padding-left:14px;
	border-bottom:dotted 1px;
	background:url(../img/common/arrow.gif) 2px 50% no-repeat;
}
#index #manual-biglist dl.arrow dd{
	text-align:left;
	padding:5px 10px 0px 0px;
	display:inline;
	overflow:hidden;
	word-break: break-all;
}

#index #manual-biglist dl dd p{
	font-size:80%;
}





/* --------------------------------
   ■mypage
-------------------------------- */

	#mypage .column1,
	#mypage .column3{
		float:left;
		display:inline;
	}

	#mypage .column1 ul,
	#mypage .column1 dl,
	#mypage .column3 ul,
	#mypage .column3 dl{
		color:#656565;
	}


	#mypage .frame-body{
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
		padding-bottom:10px;
	}

	#mypage .frame-footer{
		width:100%;
		height:6px;
		margin-bottom:15px;
		_margin-bottom:9px;
	}


	/*  □column1
	-------------------------------- */
	#mypage .column1{
/*		width:758px;*/
		margin-right:25px;
	}


		/*  #mypage-heading
		-------------------------------- */
		#mypage h1{
		/*	margin-top:20px;*/
			width:758px;
			height:39px;
			padding:10px 0 0 23px;
			background:url(../img/mypage/h2.jpg) 0 0 no-repeat;
			color:#FFFFFF;
			font-size:16px;
			font-weight:bold;
		}

		#mypage h1{
			_width:735px;
		}

		#mypage-heading{
			padding-bottom:21px;
		}

		#mypage-heading ul{
			margin-top:7px;
			background:#ededed;
			text-align:center;
		}

		#mypage-heading ul li{	display:inline;

		}
		#mypage-heading .selected{
			background:#3399fd;
			color:#ffffff;
		}

		#mypage-heading ul.arrow li{
			padding-left:14px;
			background:url(../img/common/arrow.gif) 2px 50% no-repeat;
			margin-bottom:20px;
		}

		#mypage-heading .frame-header{
			width:100%;
			height:6px;
			padding:0px 0pt 0pt;
			margin-top:5px;
			*margin-bottom:-10px;
			background:url(../img/mypage/column1-header.jpg) 0 0 no-repeat;
		}


		#mypage-heading .frame-footer{
			width:100%;
			height:6px;
			margin-bottom:0px;
			background:url(../img/mypage/column1-footer.jpg) 0 0 no-repeat;
		}


	/*  □column11_w 12_n
	-------------------------------- */
	#mypage #column11_r{
		margin-right: 0px;
	}
	#mypage #column12_l{
		margin-right: 10px;
	}

	/*  □column11 12
	-------------------------------- */
	#mypage .column1 .column11,
	#mypage .column1 .column12{
		float:left;
		display:inline;
	}

		/*  □column11
		-------------------------------- */
		#mypage .column1 .column11{
			width:265px;
			margin-right:10px;
		}

		#mypage .column11 h3{
			width:100%;
			height:16px;
			_height:21px;
			background:url(../img/mypage/column11-header.jpg) 0 0 no-repeat;
			color:#fff;
			font-weight:100;
			padding:5px 0 0 0;
			font-size:100%;
			*font-size:11px;
			margin-bottom:0;
		}

		#mypage .column11 h3 a {
			color:#fff;
		}

		#mypage .column11 h3 img{
			margin:0 4px 0 8px;
		}

		#mypage .column11 .frame-body{
			width:263px;
			padding-top:10px;
			_width:100%;
		}

		#mypage .column11 .frame-footer{
			background:url(../img/mypage/column11-footer.jpg) 0 0 no-repeat;
		}

			/*  #mypage-user
			-------------------------------- */

			#mypage-user {
				text-align:center;
			}

			#mypage-user dl{
				width:244px;
				margin:0 auto;
			}

			#mypage-user dl dt{
				background:url(../img/parts/item-border96.gif) 0 0 no-repeat;
				height:104px;
				width:104px;
				float:left;
				text-align : center;
			}

			#mypage-user  dl dd{
				float:left;
				font-size:80%;
				*font-size:11px;
				text-align:left;
				width:130px;
				margin-left:10px;
				display:inline;
				overflow:hidden;
				word-break: break-all;
				color:#656565;
			}
			/*  #mypage-blogger
			-------------------------------- */

			#mypage-blogger{
				border-top:#D0D0D2 1px solid;
				/*border-bottom:#D0D0D2 1px solid;*/
				text-align:center;
			}

			#mypage-blogger dl{
				width:224px;
				margin:0 auto;
				text-align:left;
				/*background:url(../img/common/arrow.gif) 0 50% no-repeat;*/
				padding-left:14px;
				margin-top:5px;
				margin-bottom:5px;
			}

			html > body #mypage-blogger dl{
				width:210px;
			}

			#mypage-blogger dt{
				background:url(../img/parts/item-border36.gif) 0 0 no-repeat;
				height:44px;
				width:44px;
				float:left;
				text-align:center;
				color:#656565;
			}
		/*	#mypage-blogger  dl dt img{
				margin-top:4px;
			}	*/

			#mypage-blogger  dl dd{
				float:left;

				text-align:left;
				height:44px;
				width:156px;
				margin-left:10px;
				display:inline;
				overflow:hidden;
				word-break: break-all;
				color:#656565;
				vertical-align:middle;
			}

			#mypage-blogger .info{
				background:transparent url(../img/common/arrow.gif) no-repeat scroll 2px 50%;
				padding-left:14px;
			}


			/*  #mypage-blog
			-------------------------------- */
			#mypage-blog{
				text-align:center;
			}

			#mypage-blog dl{
				width:220px;
				margin:0 auto;
				text-align:left;
			}

			#mypage-blog dl dd{
				padding-left:2em;
				color:#656565;
			}

			/*  #mypage-parts
			-------------------------------- */
			#mypage-parts{
				text-align:center;
			}
			#mypage-parts img,
			#mypage-parts object{
				margin:0 auto;
			}

			#mypage-parts ul{
				width:220px;
				text-align:left;
				position:relative;
			}

			html > body #mypage-parts ul{
				margin:0 auto;
			}

			#mypage-parts ul li{
				margin-bottom:1em;
			}
			#mypage-parts ul li.end{
				position:absolute;
				right:0;
				top:0;
			}

			/*  #mypage-tag
			-------------------------------- */
			#mypage-tag{
				text-align:center;
			}

			#mypage-tag ul{
				text-align:left;
				padding: 0px 10px 0px;
				width:263px;
				overflow: hidden;
			}

			#mypage-tag ul li{
				height: 25px;
				float: left;
				display:inline;
				padding: 0px 36px 0px 0px;
				margin: 0;
				font-size: 0.9em;

			}


			/*  #mypage-prof
			-------------------------------- */
			#mypage-prof{
				text-align:center;
			}

			#mypage-prof dl{
				width:220px;
				margin:0 auto;
				text-align:left;
			}

			#mypage-prof dl dt{
				color:#656565;
			}

			#mypage-prof dl dd{
				padding-left:14px;
				color:#656565;
			}


			/*  #mypage-intro
			-------------------------------- */

			#mypage-intro{
				text-align:center;
			}

			#mypage-intro dl{
				width:224px;
				margin:0 auto;
				text-align:left;
				background:url(../img/common/arrow.gif) 0 50% no-repeat;
				padding-left:14px;
				margin-bottom:11px;
			}

			html > body #mypage-intro dl{
				width:210px;
			}

			#mypage-intro dt{
				background:url(../img/parts/item-border36.gif) 0 0 no-repeat;
				height:44px;
				width:44px;
				float:left;
				text-align:center;
				color:#656565;
			}
		/*	#mypage-intro  dl dt img{
				margin-top:4px;
			}	*/

			#mypage-intro  dl dd{
				float:left;

				text-align:left;
				width:156px;
				margin-left:10px;
				display:inline;
				overflow:hidden;
				word-break: break-all;
				color:#656565;
			}

		/*  □column12
		-------------------------------- */
		#mypage .column1 .column12{
/*			width:482px;*/

		}

		#mypage .column12 h3{
			width:100%;
			*width:663px;
			_width:100%;
			height:16px;
			_height:21px;
			background:url(../img/mypage/column12-header.jpg) 0 0 no-repeat;
			color:#fff;
			font-weight:100;
			padding:5px 0 0 0;
			font-size:100%;
			*font-size:11px;
			margin-bottom:0;
		}

		#mypage .column12 h3 img{
			margin:0 4px 0 8px;
		}

		#mypage .column12 .frame-body{
/*
			width:456px;
			_width:100%;
*/
			padding:10px 12px 0 12px;
		}

		#mypage .column12 .frame-sheader{
			height:6px;
			_margin-bottom:-9px;
			padding-left:5px;
			_padding-left:0px;
			width:100%;
			background:url(../img/mypage/column12-sheader.jpg) 0 0 no-repeat;
		}

		#mypage .column12 .frame-footer{
			background:url(../img/mypage/column12-footer.jpg) 0 0 no-repeat;
		}

		/*  #mypage-info
		-------------------------------- */

		/*  #mypage-entry
		-------------------------------- */
		#mypage-entry h4{
			background:url(../img/common/border/gray3.gif) 0 0 repeat-x;
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:9px 0 13px 0;
		}

		#mypage .column12 ul.arrow span{
			margin-left:1em;
		}

		#mypage .column12 ul.items {
			margin-left:12px;
			margin-right:-12px;
			padding-bottom:10px;
		}

		#mypage .column12 ul.items li{
			background:url(../img/parts/item-border48.gif) 0 0 no-repeat;
			height:56px;
			width:56px;
			float:left;
			text-align:center;
			margin-right:19px;
			display:inline;
		}
		/*
		#mypage .column12 ul.items li img{
				margin-top:4px;
		}
		*/

		#mypage #mypage-store{
			text-align:center;
			padding-top:19px;
			padding-bottom:10px;
		}


		#mypage #mypage-store dl{
			width:56px;
			margin:0 19px 3px 0;
		}

		#mypage #mypage-store dl dt{
			text-align:center;
			background:url(../img/parts/item-border48.gif) 0 0 no-repeat;
			height:56px;
		}

		#mypage .column12 #mypage-store dl dd{
			height:43px;
			margin-left:-2px;
			margin-right:-2px;
			position:relative;
			z-index:2;
			font-size:80%;
			/*width:60px;*/
		}

		#mypage #com-rec{
			text-align:center;
			padding-top:19px;
			padding-bottom:10px;
		}


		#mypage #com-rec dl{
			margin:0pt auto 10px 10px;
			text-align:left;
			width:135px;
			height:60px;
		}

		#mypage #com-rec dl dt{
			background:transparent url(../img/parts/item-border36.gif) no-repeat scroll 0pt;
			float:left;
			height:44px;
			text-align:center;
			width:44px;
		}

		#mypage .column12 #com-rec dl dd{
			display:inline;
			float:left;
			margin-left:3px;
			overflow:hidden;
			text-align:left;
			width:80px;
		}

		/*  □column13
		-------------------------------- */
		#mypage .column1 .column13{
			clear:both;
			width:265px;
			margin-left:0px;
			position:absolute;
			top:60px;
			left:970px;

		}

		#mypage .column13 h3{
			width:100%;
			color:#fff;
			font-weight:100;
			padding:5px 0 0 0;
			font-size:100%;
			*font-size:11px;
			margin-bottom:0;
		}

		#mypage .column13 h3 a {
			color:#fff;
		}

		#mypage .column13 h3 img{
			margin:0 4px 0 8px;
		}

		#mypage .column13 .frame-body{
			width:261px;
			padding-top:10px;
			_width:100%;
		}

		#mypage .column13 .frame-footer{
		}

		/*  #mypage-member
		-------------------------------- */

		#mypage #mypage-list{
			text-align:center;
			padding-top:19px;
		}

		#mypage #mypage-list dl{
			width:210px;
			margin:0 auto;
			text-align:left;
			margin-bottom:11px;
			margin-left:10px;
		}


		#mypage #mypage-list dt{
			background:url(../img/parts/item-border36.gif) 0 0 no-repeat;
			height:60px;
			width:44px;
			float:left;
			text-align:center;
		}

		#mypage #mypage-list  dl dd{
			float:left;

			text-align:left;
			width:156px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

		#mypage #mypage-list dl dd p{
			font-size:80%;
		}

		/*  #mypage-biglist
		-------------------------------- */

		#mypage #mypage-biglist{
			/*text-align:center;*/
			padding-top:19px;
		}

		#mypage #mypage-biglist h4{
			background:url(../img/common/border/gray3.gif) 0 0 repeat-x;
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:9px 0 13px 0;
		}

/*		#mypage #mypage-biglist h4 .start{
			background:#ffffff;
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:9px 0 13px 0;
		}
*/
		#mypage #mypage-biglist h4 a{
			color:#FD9A35;
		}

		#mypage #mypage-biglist dl{
			width:400px;
			margin:0 auto;
			text-align:left;
			margin-bottom:11px;
			margin-left:10px;
		}


		#mypage #mypage-biglist dt{
			background:url(../img/parts/item-border48.gif) 0 0 no-repeat;
			height:60px;
			width:60px;
			float:left;
			text-align:center;
		}

		#mypage #mypage-biglist  dl dd{
			float:left;

			text-align:left;
			width:330px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

		#mypage #mypage-biglist dl dd p{
			font-size:80%;
		}

		/*  #movie-list
		-------------------------------- */

		#mypage #movie-list{
			/*text-align:center;*/
			padding-top:19px;
		}

		#mypage #movie-list h4{
			color:#FD9A35;
			font-weight:100;
			margin-bottom:0;
			padding:0px 0px 5px 0px;
		}

		#mypage #movie-list h4 a{
			color:#FD9A35;
		}

		#mypage #movie-list .movie-topic{
			width:152px;
			height:190px;
			margin:0px 0px 0px 0px;
			display: inline;
			float: left;
		}

		/*  #movie-show
		-------------------------------- */

		#mypage #movie-show{
			/*text-align:center;*/
			padding-top:19px;
		}

		#mypage #movie-show .movie-detail{
			padding:10px 35px 0px 20px;
		}

		#mypage #movie-show .movie-article{
			text-align: right;
			margin-top: 5px;
		}

		#mypage #movie-show .movie-article a{
			color: #7db520;
			font-size: 0.8em;
		}

		#mypage #movie-show .movie-res h4{
			background:url(../img/common/border/gray3.gif) 0 0 repeat-x;
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:9px 0 13px 0;
		}

		#mypage #movie-show h4{
			color:#FD9A35;
			font-weight:100;
			margin-bottom:0;
			padding:0px 0px 5px 0px;
		}

		#mypage #movie-show .post-date{
			text-align: right;
			clear: both;
		}

		#mypage #movie-show h4 a{
			color:#FD9A35;
		}

		#mypage #movie-show .movie-topic{
			width:152px;
			height:165px;
			margin:0px 0px 0px 0px;
			display: inline;
			float: left;
		}

		#mypage #movie-show .movie-detail dl{
			text-align:left;
			margin-bottom:11px;
			margin-top: 20px;
		}


		#mypage #movie-show .movie-detail dt{
			background:url(../img/parts/item-border48.gif) 0 0 no-repeat;
			height:56px;
			width:56px;
			float:left;
			text-align:center;
		}

		#mypage #movie-show .movie-detail  dl dd{
			float:left;
			text-align:left;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}



		/*  column120
		-------------------------------- */
		#mypage #middle .column120 .column121,
		#mypage #middle .column120 .column122{
			width:231px;
			display:inline;
			float:right;
		}

		#mypage #middle .column120 .column121{
			margin-right:11px;
			float:left;
		}

		#mypage #middle .column120 .sub-contents{
			width:231px;
		}

		#mypage #middle .column120 .sub-contents{
			width:205px;
		}

		#mypage .column120 h3{
			width:100%;
			height:21px;
			background:url(../img/mypage/column121-header.jpg) 0 0 no-repeat;
			color:#fff;
			font-weight:100;
			padding:5px 0 0 0;
			font-size:100%;
			*font-size:11px;
			margin-bottom:0;
		}

		#mypage .column120 h3{
			_height:16px;
		}

		#mypage #middle .column120 .frame-footer{
			background:url(../img/mypage/column121-footer.jpg) 0 0 no-repeat;
			height:6px;
			width:100%;
		}

			/*  #mypage-user2
			-------------------------------- */

			#mypage-user2{
				text-align:center;
			}

			#mypage-user2 dl{
				width:100%;
				margin:0 auto;
				text-align:left;
				background:url(../img/common/arrow.gif) 0 50% no-repeat;
				padding-left:14px;
				margin-bottom:11px;
			}

			html > body #mypage-user2 dl{
				width:191px;
			}

			#mypage-user2 dt{
				background:url(../img/parts/item-border24.gif) 0 0 no-repeat;
				height:33px;
				width:33px;
				float:left;
				text-align:center;
			}
		/*	#mypage-user2 dl dt img{
				margin-top:4px;
			}	*/

			#mypage-user2 dl dd{
				float:left;
				font-size:80%;
				font-size:10px;

				text-align:left;
				width:148px;
				margin-left:10px;
				display:inline;
				overflow:hidden;
				word-break: break-all;
			}

			/*  #mypage-news
			-------------------------------- */

			#mypage-news dl{
				font-size:80%;
				font-size:10px;
			}

			#mypage-news dl dd{
				padding-left:14px;
				margin-bottom:14px;
			}

		/*  #mypage-foot
		-------------------------------- */
		#mypage h3.foot img{
			margin-top:-3px;
		}

		#mypage-foot h4{
			color:#FD9A35;
			font-weight:100;
			margin-top:7px;
			margin-bottom:0;
			padding:5px 0 16px 0;
			margin-bottom:0;
		}

		#mypage-foot ul.comment li{
			margin-bottom:0.5em;
			padding-left:14px;
		}
		#mypage-foot ul.comment li span{
			margin-left:1em;
		}

	/*  .column3
	-------------------------------- */

	#mypage .column3{
		width:203px;
	}


	#mypage .column3 h3{
		height:34px;
		padding-top:10px;
		background:url(../img/parts/gray-back.gif) 0 0 repeat-x;
		border-left:#D0D0D2 1px solid;
		border-right:#D0D0D2 1px solid;
		color:#676767;

		font-size:11px;
	}

	#mypage .column3  h3{
		_height:24px;
	}

	#mypage .column3 h3 img{
		margin:0 10px 0 9px;
	}

	#mypage #middle .column3 .frame-footer{
			background:url(../img/mypage/column2-footer.jpg) 0 0 no-repeat;
			height:6px;
			width:100%;
		}

		/*  #mypage-member
		-------------------------------- */

		#mypage .hotlist{
			text-align:center;
			padding-top:19px;
		}

		#mypage .hotlist dl{
			width:185px;
			margin:0 auto;
			text-align:left;
			margin-bottom:11px;
		}


		#mypage .hotlist dt{
			background:url(../img/parts/item-border36.gif) 0 0 no-repeat;
			height:44px;
			width:44px;
			float:left;
			text-align:center;
		}
		#mypage .hotlist  dl dd{
			float:left;

			text-align:left;
			width:131px;
			margin-left:10px;
			display:inline;
			overflow:hidden;
			word-break: break-all;
		}

/* --------------------------------
   □ 入力エリア
-------------------------------- */


table.admintable {
    border-top:solid  1px #999999;
    width:100%;
}

table.admintable tr {
    border:solid  1px #999999;
}

table.admintable td {
	border:solid  1px #999999;
    padding:5px;
}
table.admintable .text-input{
	width:95%;
	font-size:11px;
	padding:2px;
}
table.admintable .text-input-middle{
	width:230px;
	font-size:11px;
	padding:2px;
}

table.admintable .text-input-short{
	width:100px;
	font-size:11px;
	padding:2px;
}
table.admintable .nicedit-textarea{
	width:620px;
}

table.admintable select{
	width:130px;
}
table.admintable .title {
	text-align:center;
/*	width:130px;*/
	background-color:#EDF1EB;
}
table.admintable .item {
	width:465px;
	padding: 0px;
}
table.admintable .item div.cnt{
	width:465px;
	overflow: auto;
	padding:5px;
}

table.admintable div.cnt-nicedit b,
table.admintable div.cnt-nicedit strong{
	font-weight:bold !important;
	color:#000000 !important;
}
table.admintable div.cnt-nicedit em{font-style:italic !important;}
table.admintable div.cnt-nicedit u{text-decoration:underline !important;}

table.admintable div.cnt-nicedit h1,
table.admintable div.cnt-nicedit h2,
table.admintable div.cnt-nicedit h3,
table.admintable div.cnt-nicedit h4,
table.admintable div.cnt-nicedit h5
{
	background-image:none !important;
	color:#000000 !important;
	width:100% !important;
	height:100% !important;
	padding:0 !important;
}
table.admintable div.cnt-nicedit h1{font-size:2em !important;}
table.admintable div.cnt-nicedit h2{font-size:1.8em !important;}
table.admintable div.cnt-nicedit h3{font-size:1.6em !important;}
table.admintable div.cnt-nicedit h4{font-size:1.4em !important;}
table.admintable div.cnt-nicedit h5{font-size:1.2em !important;}
table.admintable div.cnt-nicedit hr{
	display:block !important;
}

table.admin_inner_table,
table.admin_inner_table tr,
table.admin_inner_table td,
table.admin_inner_table th{
	border:none;
	padding:1px;
	vertical-align:top;
}

.p_use_editor{
	padding:1px;
	border:1px solid #99CD51;
	border-bottom:0px;
	background-color:#E8F3D1;
	width:115px;
	float:left;
	text-align:center;
}
.p_no_use_editor{
	padding:1px;
	border:1px solid #99CD51;
	border-bottom:0px;
	border-left:0px;
	background-color:#E8F3D1;
	width:115px;
	float:left;
	text-align:center;
}
.p_upload{
	padding:1px 0px 1px 10px;
	float:left;
}

table.status {
    border-top:dotted  1px #dddddd;
    width:100%;
}

table.status tr {
    border-bottom:dotted  1px #dddddd;
}

table.status td {
    border-bottom:dotted  1px #dddddd;
    padding:5px;
}
table.status .text-input{
	width:95%;
	font-size:11px;
	padding:2px;
}
table.status .text-input-short{
	width:100px;
	font-size:11px;
	padding:2px;
}
table.status select{
	width:130px;
}
table.status .title {
	width:80px;
	text-align:left;
	color:#635B4A;
	font-size:x-small;
	font-weight:bold;
}

.column13 table.status{
	margin:0 5px;
	border:none;
}
.column13 table.status td,
.column13 table.status tr{
	border:none;
	border-bottom:1px solid #999999;
}

table.list {
/*	margin-top:10px;*/
    width:100%;
	margin-bottom: 5px;
}

table.list tr {
/*    border-bottom:solid  1px #dddddd;*/
}

table.list td {
/*    border-bottom:solid  1px #dddddd;*/
	border:solid  1px #999999;
    padding:5px;
}

table.list th {
	text-align:center;
	font-weight:bold;
/*	border-bottom: 1px solid #A7A5A5;*/
	background-color:#8EA7A7;
	color:#FFFFFF;
	border: 1px solid #999999;
	padding:4px 0px;
}

table.paging{
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.paging td{
	width:30%;
	text-align: center;
}
table.paging {
text-align:center;
line-height:15px;
color:#999999;
clear: both;
font-size:12px;
padding:7px;
}
table.paging a{
	color:#3399CC;

}
table.paging b u{
	font-weight: bold;
}
table.paging b u,
table.paging a{
	padding:0 5px 0 5px;
	text-decoration: none;
}

table.paging a.next:hover,
table.paging a.back:hover{
	text-decoration: underline;

}
table.paging a.each_page{
	background-color:#3399CC;

	border:1px solid #3399CC;
	padding:2px 5px;
	margin-right:2px;
	color:#FFFFFF;
}
table.paging a.each_page:hover{
	background-color:#FFFFFF;
	color:#3399CC;
}

table.clear,
table.clear tr,
table.clear td{
	border:0px;
}

table.plain_table,
table.plain_table td,
table.plain_table th,
table.plain_table tr{
	border:0px;
	padding:0px;
	margin:0px;
}

table.square_table{
	width:100%;
}
table.square_table th,
table.square_table td{
	border: 1px black solid;
}
table.square_table th.left_dotted,
table.square_table td.left_dotted{
	border-left: 1px black dotted;
}
table.square_table th{
	background-color:#F9F5B0;
	color:#635B4A;
	font-weight:bold;
	text-align:center;
}
table.square_table tr.title_small th{
	font-size: 0.8em;
}

table.search_item{
	width:100%;
}
table.search_item td,
table.search_item th{
	padding:5px;
	border-bottom:1px dashed #888888;
}
table.search_item th{
	color:#4D3434;
	font-weight:bold;
	text-align: center;
}

.mail_msg{
	font-weight: bold;
	color: black;
}

.article_kind{
	font-weight:lighter;
	font-size: x-small;
	__font-size: xx-small;
}
.title{
	font-weight:bold;
	color:#333333;
}

.kiyaku{
	width:420px;
	height:250px;
	overflow: scroll;
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: left;
}
.simple_border{
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.grey_back{
	background-color: #CCCCCC;
	padding: 2px;
	margin-bottom:2px;
}
.mail_selected{
background-color: #fff084;
}
.reject_selected{
background-color: #CCCCCC;
}
.article_selected{
background-color: #fee6d0;
}

/* --------------------------------
   □ お知らせ
-------------------------------- */

.info_celc {
/*margin:1em 0pt 1em 4px;*/
padding:10px 0 50px 0;
/*border-bottom:1px solid;*/
}
.info_celc .info_celdate {
/*font-weight:bold;*/
}
.info_celc .info_celttl {
font-weight:bold;
padding-right:5px;
color:#669900;
}
.info_celc .info_title_date{
margin-bottom:20px;
border-bottom:1px solid;
background-color:#EEEEEE;
padding:3px;
}
.info_celc .info_celtxt {
line-height:130%;
margin-top:4px;
margin-left:20px;
/*width:100%;*/
}
.info_celc .info_hr {
background:transparent url(../img/common/info_dot_hr.gif) repeat-x;
height:1px;
margin:1em 0pt 0.3em;
overflow:hidden;
}
.info_celc .info_celttl{
font-size:17px;
}
.info_celc a:hover span {
color:#656565;
}
.infomation_alert a{
color:red;
}

div#article_baloon{
background:transparent url(../img/common/baloon_header.gif) no-repeat scroll left top;
/*display: none;*/
z-index: 100;
position:absolute;
width:468px;
}

div#article_baloon p.close_btn{
text-align:right;
padding:10px 40px 0px 0px;
}
div#article_baloon p.close_btn img{
border:0px;
}
div#article_baloon div#article_baloon_body{
/*margin-top:73px;*/
background:transparent url(../img/common/baloon_body.gif) repeat-y scroll left top;
}
div#article_baloon div#article_baloon_cont{
padding:0px 35px 0px 45px;
/*position:relative;
top:-50px;*/
}

div#article_baloon div#article_baloon_footer{
/*clear:both;*/
background:transparent url(../img/common/baloon_footer.gif) no-repeat scroll left bottom;
height:29px;
}

div#article_baloon p.title_balloon{
font-size:1.2em;
color:#FFA73D;
font-weight:bold;
}
div#article_baloon p.title_balloon a{
color:#3399FF;
}

div#article_baloon .article_img{
float:left;
margin:0px 5px 5px 0px;
}

div#article_baloon div.desc_cont{
padding-bottom:5px;
}

div#article_baloon div.height_fix{
height:350px;
overflow-y:auto;
}

div#article_baloon p.description{
/*float:left;*/
}


div#article_baloon span.article_link{
margin-left:10px;
font-size:11px;
color:#666666;
}
div#article_baloon p.url{
margin:3px 0px 10px 0px;
border-bottom:1px dashed #666666;
}
div#article_baloon p.url a{
color:#999999;
}

div#article_baloon article_img{
float:left;
}
div#article_baloon div.bottom{
/*background:transparent url(../img/common/baloon_body.gif) repeat-y scroll left top;
*/
clear:both;
width:100%;
}

div#popup_help_div{
	position:absolute;
}
div.popup_help_div_right{
	background:transparent url(../img/common/popup_help_left.gif) no-repeat scroll left top;
	padding-left:10px;
}
div.popup_help_div_left{
	background:transparent url(../img/common/popup_help_right.gif) no-repeat scroll right top;
	padding-right:10px;
}

div#popup_help_div p{
	background-color:#FFFFFF;
	border:5px solid #FFCC33;
	padding:8px;
	min-width:130px;
	min-height:90px;
	_width:240px;
}

/*
ファンブロガーの備考表示
*/
div#popup_memo_div p{
	background-color:#FFFFFF;
	border:5px solid #9ACC1F;
	padding:8px;
	min-width:130px;;
	min-height:90px;
);

}

div#popup_memo_div{
	position:absolute;
}
div.popup_memo_div_right{
	background:transparent url(../img/common/popup_memo_left.gif) no-repeat scroll left top;
	padding-left:10px;
}

div#popup_memo_div textarea{
	font-size:12px;
	width:250px;
	height:200px;
}
div#popup_memo_div h3,
div#popup_memo_div div.memo_button {
	text-align:center;
}
div#popup_memo_div div#memo_error{
	color:red;
	font-weight:bold;
}


/* SDSort1 */
.SDSort1 {border: 1px solid #999999}
	.SDSort1 .CU1 {}
		.SDSort1 .CU1 th {padding:3px;width:70px;height:46px;vertical-align:top;background-color:#8EA7A7;color:#FFFFFF;}
		.SDSort1 .CU1 th.RFirst { font-weight:bold; margin-right:5px;}
			.SDSort1 .CU1 th a { background:url(../img/icon/IconSort1_3.gif) no-repeat center bottom; padding:3px 0 22px 0;color:#FFFFFF;}

			.SDSort1 .CU1 th.ROn1 a { background:url(../img/icon/IconSort1_1.gif) no-repeat center bottom; padding:3px 0 22px 0; font-weight:bold;color:#FFFFFF;}
				.SDSort1 .CU1 th.ROn1 a:hover { background:url(../img/icon/IconSort1_2.gif) no-repeat center bottom;}
			.SDSort1 .CU1 th.ROn2 a { background:url(../img/icon/IconSort1_2.gif) no-repeat center bottom; padding:3px 0 22px 0; font-weight:bold;color:#FFFFFF;}
				.SDSort1 .CU1 th a:hover { background:url(../img/icon/IconSort1_1.gif) no-repeat center bottom;}

/* 管理メニュー サービスタブ */
.SUTab1_1 { border-bottom: 3px solid #EB651A;}
.SUTab1_2 { border-bottom: 3px solid #000;}
#SUTab1 { padding-left:6px;}
#SUTab1 li { float:left; height:33px; width:120px; margin-right:3px;}
#SUTab1 li a { display:block; text-indent: -9999px; height:33px; width:120px;}
.SUTab1_1 #b01 a { background:url(../img/common/BtnSUTab1_1_f2.gif) 0 0 no-repeat;}
.SUTab1_1 #b02 a { background:url(../img/common/BtnSUTab1_2.gif) 0 0 no-repeat;}
.SUTab1_2 #b01 a { background:url(../img/common/BtnSUTab1_1.gif) 0 0 no-repeat;}
.SUTab1_2 #b02 a { background:url(../img/common/BtnSUTab1_2_f2.gif) 0 0 no-repeat;}
#SUTab1 #b01 a:hover { background:url(../img/common/BtnSUTab1_1_f2.gif) 0 0 no-repeat;}
#SUTab1 #b02 a:hover { background:url(../img/common/BtnSUTab1_2_f2.gif) 0 0 no-repeat;}

div#ContactUsBox { position: fixed; _position: absolute; right: 20px; bottom: 12px; z-index: 99; }
div#ContactUsBox table table { border-collapse: collapse; }
div#ContactUsBox table td { background-color: #FFFFFF; }
div#ContactUsBox table td a { display: block; height: 21px; text-decoration: none; padding: 13px; font-weight: bold; background-color: #FFA500; font-size: 14px; color: #5A3F0D; border-radius: 999rem; }
div#ContactUsBox table td a:hover { background-color: #FFd530; text-decoration: underline; }

a.btn-share-box{ background: url("../img/common/02_shareBox.png") no-repeat; background-size: 100px 25px;width: 100px;height: 25px;display: inline-block;vertical-align:middle;}
a.btn-share-box.shared{ background: url("../img/common/02_shareBox-saved.png") no-repeat;}
a.btn-share-box:hover{ background: url("../img/common/02_shareBox-hover.png") no-repeat;}
a.btn-share-box.shared:hover{ background: url("../img/common/02_shareBox-delete-hover.png") no-repeat;}

a.btn-share-box-all{ background: url("../img/common/01_shareBoxAll.png") no-repeat; background-size: 110px 25px;width: 110px;height: 25px;display: inline-block;}
a.btn-share-box-all.shared{ background: url("../img/common/01_shareBoxAll-saved.png") no-repeat;}
a.btn-share-box-all:hover{ background: url("../img/common/01_shareBoxAll-hover.png") no-repeat;}
a.btn-share-box-all.shared:hover{ background: url("../img/common/01_shareBoxAll-delete-hover.png") no-repeat;}

/*Css member list*/
.search-label-fan-member-footer{padding: 5px 10px;}
.search-label-fan-member-footer .line{border-top: 1px solid #999;margin-bottom: 10px;}