/***************************************************
	common
***************************************************/
td {
	word-break: break-all;
}
div {
	word-break: break-all;
}
img {
	border: 0;
}
/* entry (tag) 
 * @see tags.js
 * スキンに以下の css を設定すると「引用」と「キーワードリンク」をカスタマイズできます。
*/
/*
div.tag_quote {
	background-color: #ffffff;
	border: 1px solid #2f5376;

	border-width: 1px 1px 1px 5px;
	margin:0px 15px 0px 10px;
}
.keywordlink a:link, 
.keywordlink  a:visited, 
.keywordlink  a:hover  { 
  color: #b20000;
  text-decoration:underline;
}
*/
/***************************************************
	popup
***************************************************/
div.popup {
  visibility:hidden;
  position: absolute;
  border: 1px solid #900;
  background:#FEE;
  z-index: 1;
  padding: 5px;
  width: 220px;
  font-size: 12px;
  filter : alpha(opacity=95);
  opacity : 0.95;
  -moz-border-radius : 7px;
}

/***************************************************
	header
***************************************************/
#header {
	width:800px;
/*	background:url(/image/common/top.gif) no-repeat top left; */
	margin:0;
	padding:0;
	text-align:left;
	clear:both
	}
.logo {
	width:160px;
	padding-top:0px;
	padding-left:43px;
	float:left;
	text-align:right
	}
#header .r {
	width:183px;
	padding-top:25px;
	float:right;
	text-align:left;
	}
#header .r img {
	margin:0;
	}



/***************************************************
	toppage
***************************************************/
.searchtitle {
	margin:0 auto;
	padding:6px;
	background:url(/image/top/search_title.gif) no-repeat top center;
	border-bottom:1px solid #666;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#333
	}
.searchbox{
	color: #333;
	text-decoration: none;
	padding: 1px;
	border: 1px solid #999;
	width: 150px;
	font-size: 12px;
	}
.searchwords{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-: #DDD;
	height: 12px;
	border-bottom:1px solid #999;
	padding: 3px 0px 2px 20px;
	}
.boxback a:link,
.boxback a:visited { font-size: 12px;	color: #333; text-decoration: underline;}
.boxback a:hover { font-size: 12px;	color: #0099FF; text-decoration: underline;}
.topcategorytbl {
	width:190px;
	color:#FFF;
	text-align:right;
	margin-left:10px;
	background:#464646;
/*	background:url(/image/common/sidetitle.jpg) repeat-y top left;  */
	border-bottom:1px solid #999;
	}
.topcategorytbl div {
	padding:5px 5px 1px 3px;
	}
.topcategory {
	width:190px;
	margin-bottom:10px;
	margin-left:10px;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	text-align: left;
	background:url(/image/common/sidebg.gif) repeat-y left;
	border-bottom:1px solid #627479;
	}
.topcategory div {
	padding:2px 5px;
	}
.topcategory_cal {
	width:190px;
	margin-bottom:10px;
	margin-left:10px;
	font-size: 12px;
	text-decoration: none;
	text-align:center;
	background:url(/image/common/sidebg.gif) repeat-y left;
	border-bottom:1px solid #627479;
	}
.topcategory_cal div {
	padding:2px 0;
	margin:0 auto
	}
.topcategory_cal div table {
	width:180px;
	}
.calendar a:link { font-size: 12px;	color: #3300ff;	text-decoration: none;	line-height: 17px;}
.calendar a:visited { font-size: 12px;	color: #3300ff;	text-decoration: none;}
.calendar a:hover { font-size: 12px;	color: #3300ff;	text-decoration: underline; background: #ffff00}	

.topcategory_login {
	width:190px;
	margin-bottom:10px;
	margin-left:10px;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	text-align:center;
	background:url(/image/common/sidebg.gif) repeat-y left;
	border-bottom:1px solid #627479;
	}
.topcategory_login div {
	padding:10px 16px 5px 16px;
	text-align:center;
	}
.topcategory_login .line {
	border-bottom:1px dotted #999;
	height:1px;
	margin:0;
	}
.howto_01 a:link,
.howto_01 a:visited {
	width:178px;
	height:25px;
	background:url(/image/top/howto01.gif) no-repeat top left;
	display:block;
	}
.howto_01 a:hover{
	background:url(/image/top/howto01_on.gif) no-repeat top left;
	display:block;
	}
.howto_02 a:link,
.howto_02 a:visited {
	width:178px;
	height:27px;
	background:url(/image/top/howto02.gif) no-repeat top left;
	display:block;
	}
.howto_02 a:hover{
	background:url(/image/top/howto02_on.gif) no-repeat top left;
	display:block;
	}
.howto_03 a:link,
.howto_03 a:visited {
	width:178px;
	height:27px;
	background:url(/image/top/howto03.gif) no-repeat top left;
	display:block;
	}
.howto_03 a:hover{
	background:url(/image/top/howto03_on.gif) no-repeat top left;
	display:block;
	}
.howto_04 a:link,
.howto_04 a:visited {
	width:178px;
	height:27px;
	background:url(/image/top/howto04.gif) no-repeat top left;
	display:block;
	}
.howto_04 a:hover{
	background:url(/image/top/howto04_on.gif) no-repeat top left;
	display:block;
	}
.howto_05 a:link,
.howto_05 a:visited {
	width:178px;
	height:27px;
	background:url(/image/top/howto05.gif) no-repeat top left;
	display:block;
	}
.howto_05 a:hover{
	background:url(/image/top/howto05_on.gif) no-repeat top left;
	display:block;
	}
.howto_06 a:link,
.howto_06 a:visited {
	width:178px;
	height:21px;
	background:url(/image/top/howto06.gif) no-repeat top left;
	display:block;
	}
.howto_06 a:hover{
	background:url(/image/top/howto06_on.gif) no-repeat top left;
	display:block;
	}
	.howto_07 a:link,
.howto_07 a:visited {
	width:178px;
	height:27px;
	background:url(/image/top/howto07.gif) no-repeat top left;
	display:block;
	}
.howto_07 a:hover{
	background:url(/image/top/howto07_on.gif) no-repeat top left;
	display:block;
	}

.howto_01 span,
.howto_02 span,
.howto_03 span,
.howto_04 span,
.howto_05 span,
.howto_06 span,
.howto_07 span {
	display:none;
	}

.toptitle {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	width:530px;
	height:24px;
	text-align:left;
	border-top:1px solid #56536E;
	background:#333399;
/*	background:url(/image/common/title_m.jpg) repeat-x top left */
	}
.toptitle div {
	padding:5px 0 1px 5px;
	}
.topcontents {
	width:530px;
	background:url(/image/common/rightbox.gif) repeat-y left #F6F8FA;
	border-bottom:1px solid #CCC;
	text-align:left;
	margin-bottom:15px;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	}
.contents {
	width:530px;
	background:url(/image/common/rightbox.gif) repeat-y left #F6F8FA;
	border-bottom:1px solid #CCC;
	text-align:center;
	margin:0 auto 15px 0;
	padding:10px 0;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	}
.contents th {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	padding:3px 3px 6px 3px;
	background:url(/image/top/shadow_s.gif) repeat-x bottom #A9B2C3;
	font-weight:normal;
	white-space:nowrap
	}
.center_contents {
	width:720px;
	background:url(/image/common/centerbox.gif) repeat-y left #F6F8FA;
	border-bottom:1px solid #CCC;
	text-align:center;
	padding:10px 0;
	font-size: 12px;
	color: #999;
	text-decoration: none;
	margin:0 auto 10px auto
	}
.topcontents .line {
	border-bottom:1px dotted #69C;
	height:5px;
	margin:0 5px 5px 5px;
	font-size:1px;
	clear:both
	}
.topcontents th{
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	padding:3px 3px 6px 3px;
	background:url(/image/top/shadow_s.gif) repeat-x bottom #A9B2C3;
	font-weight:normal;
	white-space:nowrap
	}
.topcontents td{
	font-size: 12px;
	color: #333;
	padding:3px;
	border-bottom:1px solid #EEE
	}
.topcontents tr a:link {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	}
.topcontents tr a:visited { 
	font-size: 12px;
	color: #888;
	text-decoration: none;
	}
.topcontents tr a:hover {
	font-size: 12px;
	color: #C30;
	text-decoration: underline;
	}
.topcategory ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.topcategory li{	
	font-size: 10px;
	color: #666666;
	padding:1px 0 3px 15px;
	margin:0;
	background:url(/image/iconarrows.gif) no-repeat top left;
	}
	
.topcategorytext{
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight:bold;
	border-bottom:3px double #DDD;
	}
.topcategorytext a:link { 
	font-size: 12px;
	color: #333;
	text-decoration: none;
	}
.topcategorytext a:visited { font-size: 12px;	color: #666;	text-decoration: none;}
.topcategorytext a:hover { font-size: 12px;	color: #C30;	text-decoration: underline;}
.topcategorytexts,
.topcategorytexts a:link { font-size: 12px;	color: #333;	text-decoration: none;	line-height: 17px;}
.topcategorytexts a:visited { font-size: 12px;	color: #666;	text-decoration: none;}
.topcategorytexts a:hover { font-size: 12px;	color: #C30;	text-decoration: underline;}

.topcategorytexts ul {
	margin:0 5px;
	padding:0;
	list-style:none;
	}
.topcategorytexts li {
	margin:0;
	padding:0 0 0 10px;
	background:url(/image/top/top_icon.gif) no-repeat top left;
	font-size:12px;
	}
.topcategorytexts li a:link,
.topcategorytexts li a:visited,
.topcategorytexts li a:hover{
	font-size:12px;
	}

.topcategorymore{
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-align: right;
	margin: 3px 8px;
	background:none
	clear:both
	}
.topcategorymore a:link,
.topcategorymore a:visited {
	color: #666;
	text-decoration: none;
	}
.topcategorymore a:hover {	
	color: #C30;
	text-decoration:underline
	}

.more{	
	font-size: 10px;
	color: #666666;
	float:right;
	margin:3px;
	padding:1px 0 2px 15px;
	background:url(/image/iconarrows.gif) no-repeat top left;
}
.more a:link,
.topcategory li a:link,
.more a:visited,
.topcategory li a:visited{
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	}
.more a:hover,
.topcategory li a:hover {
	font-size: 10px;
	color: #CC3300;
	text-decoration: underline;
	}
.top_special_top {
	width:530px;
	background:url(/image/top/special_top.jpg) no-repeat top left;
	margin:10px 0 20px 3px;
	}
.top_special_bot {
	background:url(/image/top/special_bot.jpg) no-repeat bottom left;
	padding:50px 10px 10px 10px;
	}
.top_special_bot td {
	color:#FFF
	}
.top_special_bot td .number{
	font-size:18px
	}
.new_entry_box {
	width:259px;
	background:url(/image/top/new_entry_box.gif) repeat-y;
	border-bottom:1px solid #999;
	}
.new_entry_box ul {
	margin:0 1px;
	padding:0;
	list-style:none;
	background:url(/image/top/stripe.gif) repeat-y top
	}
.new_entry_box li {
	margin:0;
	padding:0;
	height:18px;
	}
.new_entry_box li div{
	margin:0;
	padding:2px 5px;
	color:#333;
	}

/***************************************************
	total class
***************************************************/
.linecolor{	background-color: #999999;}
.linecolor tr { background-color: #FFFFFF;	font-size: 12px;	color: #333;	text-decoration: none;}
.secondcolor {	background-color: #EEE;}
.thirdcolor {	background-color: #DDD;	font-size: 12px;	color: #333333;	text-decoration: none;}
.backcolor { background-color: #FFFFFF;	font-size: 12px;	color: #333;	text-decoration: none;}
.bodybox {
	margin: 10px auto;
	height: 200px;
	text-align:center
	}
.tab { color:#FFF; }

/***************************************************
	title
***************************************************/
.title {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	border-bottom:1px solid #999;
/*	background:#06367E; */
	background:#333399;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	padding: 5px;
	margin:0 0 15px 0;
	text-align:left;
	}
.title a:link,
.title a:visited,
.title a:hover {
	color:#FFF;
	text-decoration:none;
	}
.title_l {
	width:750;	
	height:24px;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	margin:0 auto 0 0;	
	text-align:left;
	background:#333399;
	}
.title_l a:link,
.title_l a:visited {
	color:#FFF;
	text-decoration:none;
	}
.title_l a:hover {
	color:#FFF;
	text-decoration:underline;
	}
.title_l div {
	padding:4px 0 7px 5px;
	}


.title_portal {
	width:100%;	
	height:24px;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	margin:0;
	text-align:left;
	float:left;
	background:#333399;
	}
.title_portal div {
	padding:4 0 7px 10px;
	}
	
.title_m {
	width:530px;
	height:24px;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	margin:0 auto 0 0;	
	text-align:left;
	background:#333399;
	}
.title_m a:link,
.title_m a:visited {
	color:#FFF;
	text-decoration:none;
	}
.title_m a:hover {
	color:#FFF;
	text-decoration:underline;
	}
.title_m div {
	padding:4px 0 7px 5px;
	}

.title_s {
	margin:0 17px;
	border-bottom:1px dotted #6282DD;
	background:url(/image/contents/icon_howto.gif) no-repeat left;
	color:#036;
	text-align:left
	}
.title_s div {
	padding:7px 0 3px 15px;
	}

.title_form  {
	width:95%;
	height:30px;
	text-align:right;
	white-space:nowrap;
	border-bottom:1px solid #CCC;
	margin:0 auto 10px auto;
	padding:5px;
	white-space:nowrap
	}
	
.title_ss {
	width:300px;
	height:24px;
	font-size: 12px;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	margin:10px auto 0 0;
	padding:5px;
	text-align:left;
	background:#BBBBFF;
	}
	
.title_ms {
	width:600px;
	height:24px;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	margin:10px auto 0 0;
	padding:5px;
	text-align:left;
	background:#06367E;
	}
	
.title_list {
	width:530px;
	background:#333399;
/*	background:url(/image/listtitle_right.gif) no-repeat top right;  */
	padding:0;
	text-align:left;
	margin-top:5px;
	}
.title_list div {
/*	background:url(/image/listtitle_left.gif) no-repeat top right; */
	width:60%;
	padding:3px 5px 6px 5px;
	color:#FFF
	}
.top_title_list {
	width:530px;
	background:#333399;
/*	background:url(/image/top_listtitle_right.gif) no-repeat top right; */
	padding:0;
	text-align:left
	}
.top_title_list div {
/*	background:url(/image/listtitle_left.gif) no-repeat top right; */
	width:60%;
	padding:5px;
	color:#FFF
	}

/***************************************************
	box
***************************************************/	
.sidebodybox {
	margin:0 auto;
	backgroun:#FFF;
	text-align:left;
	}
.boxnotefont {
	font-size: 10px;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	padding: 2px 15px 2px 0px;
	text-align: right; 
}
.boxnotefont a:link,
.boxnotefont a:visited { font-size: 10px;	color: #333; text-decoration: underline;}
.boxnotefont a:hover { font-size: 10px;	color: #0099FF; text-decoration: underline;}

.boxback {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	background-color: #DDDDDD;
	height: 12px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #999;
	padding: 2px 15px 2px 0px;
	text-align: right; 
}
.boxback a:link,
.boxback a:visited { font-size: 10px;	color: #333; text-decoration: underline;}
.boxback a:hover { font-size: 10px;	color: #0099FF; text-decoration: underline;}

.bot_btn {
	border-top:3px double #ccc;
	width:530px;
	margin:10px 0px 5px 0px;
	padding:5px 0;
	text-align:center;
	}
/*
.bot_btn input {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	background-color: #d0d0d0;
	text-align: center;
	padding: 1px;
	border: 1px solid #666666;
	border-color : #fff #555 #555 #fff;
	}
*/
.bot_btn_pop {
	margin:10px 0px 10px 0px;
	padding:5px auto;
	text-align:center;
	}
/*
.bot_btn_pop input {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	background-color: #d0d0d0;
	text-align: center;
	padding: 1px;
	border: 1px solid #666666;
	border-color : #fff #555 #555 #fff;
	}
*/
.button {
	padding: 1px;
  background-color: #d0d0d0;
	border: 1px solid #666666;
	border-color : #fff #555 #555 #fff;
	color: #333;
	font-size: 12px;
  font-weight: bold;
	text-align: center;
	text-decoration: none;
}
/*
.button_manage {
	margin-top:5px;
	padding:5 0 3 0;
	background-color:#ccccbb;
	color:#000000;
	font-size:12px;
	cursor: pointer
	}
*/
.cancelbutton {
	font-size: 12px;
  font-weight: bold;
	color: #333;
	text-decoration: none;
  background-color: #d0d0d0;
/*	background-color: #b0b0b0; */
	text-align: center;
	padding: 1px;
	border: 1px solid;
	border-color : #ddd #555 #555 #ddd;
}
/*
.cancelbutton_manage {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	background-color: #b0b0b0;
	text-align: center;
	padding: 1px;
	border: 1px solid;
	border-color : #ddd #555 #555 #ddd;
}

.button_s {
	padding:5 0 3 0;
	background-color:#ccccbb;
	color:#000000;
	font-size:12px;
	cursor: pointer
}
*/
.text_paragraph {
	background:#EEE;
	border-width:1px 1px 1px 4px;
	border-style:solid;
	border-color:#CCC;
	padding:4px;
	line-height:1.3;
	color:#333;
	margin:0 0 10px 0
	}

/***************************************************
	font
***************************************************/ 
.normalfont { font-size: 12px;	color: #333; line-height:1.4;}
.normalfont a:link {	font-size: 12px;	color: #333;	text-decoration: none;}
.normalfont a:visited { font-size: 12px;	color: #333; text-decoration: none;}
.normalfont a:hover { font-size: 12px;	color: #0099FF; text-decoration: underline;}
.normalfont_s { font-size: 10px;	color: #333; line-height:1.4;}
.normalfont_s a:link {	font-size: 10px;	color: #333;	text-decoration: none;}
.normalfont_s a:visited { font-size: 10px;	color: #333; text-decoration: none;}
.normalfont_s a:hover { font-size: 10px;	color: #0099FF; text-decoration: underline;}
.mainattentionfont{	font-size: 12px; color: #900;}
.inputerrormsgfont{
	font-size: 12px;
	color: #FF3300;
	text-decoration: none;
}

/***************************************************
	subwindow
***************************************************/
.sublayoutbox {
	width:420px;
	margin:10px auto;
	padding:0 0 10px 0;
	background:url(/image/common/pop_bg.gif) repeat-y;
	border-bottom:1px solid #CCC;
	text-align:center
	}
.sublayoutbox .title {
	background:#333399;
/*	background:url(/image/common/title_m.jpg) repeat-x; */
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	padding:5px 5px 7px 3px;
	border:none
	}
.sublayoutbox .line {
	height:10px;
	margin:0;
	background:url(/image/common/pop_line.gif) no-repeat top left;
	}
.sublayoutbox_m {
	width:530px;
	margin:10px auto;
	padding:0 0 10px 0;
	background:url(/image/common/pop_bg.gif) repeat-y;
	border-bottom:1px solid #CCC;
	text-align:center
	}
.sublayoutbox_m .title {
	background:url(/image/common/title_m.jpg) repeat-x;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	padding:5px 5px 7px 3px;
	border:none
	}
.sublayoutbox_m .line {
	height:10px;
	margin:0;
	background:url(/image/common/pop_line.gif) no-repeat top left;
	}

/***************************************************
	menubox
***************************************************/
.header_menu {
	width:800px;
	height:30px;
	background:url(/image/common/manage_btn_bg.gif) repeat-x bottom #B1B5C3;
	border-bottom:1px solid #CCC;
	margin:0;
	padding:0;
	text-align:left;
	list-style:none;
	}

.header_menu ul {
	margin:0 auto 0 45px;
	padding:0;
	list-style:none;
	}
.header_menu li {
	dispaly:block;
	margin:0;
	padding:0;
	list-style:none;
	}
.header_on {
	padding:5px;
	height:30px;
	background:url(/image/common/manage_btn_on.gif) repeat-x bottom #B1B5C3;
	float:left;
	border-left:1px solid #999;
	list-style:none;
	display:block
	}

.header_on a:link,
.header_on a:visited,
.header_on a:hover{
	padding:5px;
	height:30px;
	display:block;
	float:left;
	}

.header_off {
	padding:5px;
	height:30px;
	float:left;
	border-left:1px solid #999;
	list-style:none;
	display:block
	}

.header_off a{
	padding:5px;
	color:#FFF;
	}
	
.header_off a:link,
.header_off a:visited{
	padding:5px;
	height:30px;
	display:block;
	float:left;
	}
.header_off a:hover{
	height:30px;
	display:block;
	background:url(/image/common/manage_btn_on.gif) repeat-x bottom #B1B5C3;
	float:left;
	}

.entry_on { 
	width:101px;
	height:18px;
	background:url(/image/common/btn_entry_on.gif) no-repeat top left;
	display:block;
	}
.entry_off,.entry_off a:link,.entry_off a:visited {
	width:101px;
	height:18px;
	background:url(/image/common/btn_entry_off.gif) no-repeat top left;
	display:block;
	}
.entry_off a:hover  {
	background:url(/image/common/btn_entry_on.gif) no-repeat top left;
	display:block;
	}
.profile_on { 
	width:101px;
	height:18px;
	background:url(/image/common/btn_profile_on.gif) no-repeat top left;
	display:block;
	}
.profile_off,.profile_off a:link,.profile_off a:visited {
	width:101px;
	height:18px;
	background:url(/image/common/btn_profile_off.gif) no-repeat top left;
	display:block;
	}
.profile_off a:hover  {
	background:url(/image/common/btn_profile_on.gif) no-repeat top left;
	display:block;
	}
.friend_on { 
	width:101px;
	height:18px;
	background:url(/image/common/btn_friend_on.gif) no-repeat top left;
	display:block;
	}
.friend_off,.friend_off a:link,.friend_off a:visited {
	width:101px;
	height:18px;
	background:url(/image/common/btn_friend_off.gif) no-repeat top left;
	display:block;
	}
.friend_off a:hover  {
	background:url(/image/common/btn_friend_on.gif) no-repeat top left;
	display:block;
	}
.skin_on { 
	width:101px;
	height:18px;
	background:url(/image/common/btn_skin_on.gif) no-repeat top left;
	display:block;
	}
.skin_off,.skin_off a:link,.skin_off a:visited {
	width:101px;
	height:18px;
	background:url(/image/common/btn_skin_off.gif) no-repeat top left;
	display:block;
	}
.skin_off a:hover  {
	background:url(/image/common/btn_skin_on.gif) no-repeat top left;
	display:block;
	}
.blog_on { 
	width:101px;
	height:18px;
	background:url(/image/common/btn_blog_on.gif) no-repeat top left;
	display:block;
	}
.blog_off,.blog_off a:link,.blog_off a:visited {
	width:101px;
	height:18px;
	background:url(/image/common/btn_blog_off.gif) no-repeat top left;
	display:block;
	}
.blog_off a:hover  {
	background:url(/image/common/btn_blog_on.gif) no-repeat top left;
	display:block;
	}

.mypage_off,.mypage_off a:link,.mypage_off a:visited {
	width:101px;
	height:18px;
	background:url(/image/common/btn_mypage_off.gif) no-repeat top left;
	display:block;
	}
.mypage_off a:hover  {
	background:url(/image/common/btn_mypage_on.gif) no-repeat top left;
	display:block;
	}
	
/* manage */

.header_manage_menu	 {
	width:800px;
	height:30px;
	background:url(/image/common/btn_bg_l.gif) repeat-x top center;
	text-align:center;
	margin:0;
	padding:0;
	} 
.header_manage_menu ul {
	margin:0 auto 0 40px;
	padding:0;
	list-style:none;
	}
.header_manage_menu	li {
	margin:0;
	padding:0;
	float:left;
	}
.btn_on{
	width:115px;
	height:30px;
	background:url(/image/common/btn_on.gif) no-repeat top right;
	display:block;
	text-aling:center;
	}
.btn_on a{
	padding:7px;
	display:block;
	font-weight:bold;
	color:#339;
	text-decoration:none;
	}
.btn_on a:link,
.btn_on a:visited,
.btn_on a:hover,
.btn_on a:hover{
	color:#339;
	text-decoration:none;
	}
.btn, .btn a:link, .btn a:visited {
	width:115px;
	height:30px;
	background:url(/image/common/btn_off.gif) no-repeat top right;
	display:block;
	text-aling:center;
	}
.btn a:hover  {
	background:url(/image/common/btn_on.gif) no-repeat top right;
	display:block;
	}
.btn a,
.btn a:link,
.btn a:visited{
	padding:7px;
	font-weight:bold;
	color:#339;
	text-decoration:none;
	}
.btn a:hover {
	color:#339;
	text-decoration:underline;
	}

/*消しました*/
.manage_menu {
	width:800px;
	height:30px;
	background:url(/image/common/manage_btn_bg.gif) repeat-x bottom #B1B5C3;
	border-bottom:1px solid #CCC;
	margin:0;
	padding:0;
	text-align:left;
	list-style:none;
	}
.magene_menu ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.magene_menu li {
	dispaly:block;
	margin:0;
	padding:0;
	list-style:none;
	}
.manage_on {
	height:30px;
	background:url(/image/common/manage_btn_on.gif) repeat-x bottom #B1B5C3;
	float:left;
	border-left:1px solid #999;
	list-style:none;
	display:block
	}
.manage_on a:link,
.manage_on a:visited,
.manage_on a:hover{
	height:30px;
	display:block;
	float:left;
	}
.manage_on div {
	padding:5px;
	color:#339;
	}
.manage_off {
	height:30px;
	float:left;
	border-left:1px solid #999;
	list-style:none;
	display:block
	}

.manage_off a:link,
.manage_off a:visited{
	height:30px;
	display:block;
	float:left;
	}
.manage_off a:hover{
	height:30px;
	display:block;
	background:url(/image/common/manage_btn_on.gif) repeat-x bottom #B1B5C3;
	float:left;
	}
.manage_off div {
	padding:5px;
	color:#FFF;
	}



.submenu_manage {
	border-left:1px solid #CCC;
	padding:2px 3px 5px 3px;
	line-height:1.1;
	font-size:10px;
	text-align:right;
	float:right
	}
.submenu_manage span a:link,
.submenu_manage span a:visited{
	color:#666
	}
.submenu_manage span a:hover{
	color:#000
	}
.submenu {
	padding:4px 3px 5px 3px;
	line-height:1.1;
	font-size:12px;
	text-align:right;
	float:right;
	color:#999;
	width:420px;
	white-spacing:nowrap
	}
.submenu_left {
	padding:4px 3px 5px 3px;
	line-height:1.1;
	font-size:12px;
	text-align:left;
	float:left;
	color:#999;
	width:320px;
	white-spacing:nowrap
	}
.submenu span a:link,
.submenu_left span a:link,
.submenu span a:visited,
.submenu_left span a:visited{
	color:#603
	}
.submenu span a:hover,
.submenu_left span a:hover{
	color:#039
	}
.menubottom {	background-image: url(/image/gw-img/titleback.gif);	background-position: top;}

/***************************************************
	friendllist
***************************************************/	
.commenttitle {
	font-size: 12px;
	color: #333333;
	height: 20px;
	border-bottom: 1px solid #DDD;
	border-left: 5px solid #DDD;
	background: #FFFFFF;
	padding: 2px;
}
.commenttext {
	font-size: 12px;
	color: #333333;
	border-bottom: 1px solid #DDD;
	border-left: 5px solid #DDD;
	background: #FFFFFF;
	padding: 2px;
}
.commenttex a:link {
	font-size: 12px;
	color: #3399FF;
	text-decoration: underline;
}
.commenttex a:visited {
	font-size: 12px;
	color: #66CCCC;
	text-decoration: underline;
}
.commenttex a:hover {
	font-size: 12px;
	color: #33CCFF;
	text-decoration: underline;
}

/***************************************************
	entry
***************************************************/	
.entryline{
	border-top: 3px double #CCC;
	}
.entryline_main{
	border-top: 3px double #666;
	}

/***************************************************
	side
***************************************************/	
.sidemenu {
	width:190px;
	margin:10px 0 15px 0;
	text-align:left;
	float:right;
	clear:both;
	background:url(/image/common/sidebg.gif) repeat-y center;
	border-bottom:1px solid #627479
	}
.sidemenu ul{
	margin:0;
	padding:0;
	text-decoration: none;
	list-style:none
	}
.sidemenu li {
	margin:0px;
	}
.sideBoxOn { 
	font-size: 12px;
	padding:6px 5px 3px 5px;
	text-align:right;
	color: #FFF;
	background:#06367E;
/*	background:url(/image/common/sidetitle.jpg) no-repeat top center; */
	border-bottom:1px solid #999;
	}
.sideBoxOn a:link,
.sideBoxOn a:visited {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	}
.sideBoxOn a:hover {
	font-size: 12px;
	color: #FFF;
	text-decoration: underline;
	}
.sideBoxOff { 
	font-size: 12px;
	padding:6px 5px 3px 5px;
	text-align:right;
	color: #FFF;
	background:#6666AA;
/*	background:url(/image/common/sidetitle.jpg) no-repeat top center; */
	border-bottom:1px solid #999
	}
.sideBoxOff a:link,
.sideBoxOff a:visited {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	}
.sideBoxOff a:hover {
	font-size: 12px;
	color: #FFF;
	text-decoration: underline;
	}
.sideMenuLinkOn {
	font-size: 12px;
	color: #AE132A;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	padding:4px 5px 9px 5px;
	background:url(/image/dot.gif) no-repeat bottom center;
	}
.sideMenuLinkOn a:link,
.sideMenuLinkOn a:visited {	
	font-size: 12px;
	color: #AE132A;
	text-decoration: none; 
	padding: 2px 17px 0 0;
	background:url(/image/icon_blue.gif) no-repeat top right;
	}
.sideMenuLinkOn a:hover {	font-size: 12px;	color: #AE132A;	text-decoration: underline;}
.sideMenuLinkOff {
	font-size: 12px;
	color:#424242;
	text-decoration: none;
	text-align:right;
	padding:4px 5px 9px 5px;
	background:url(/image/dot.gif) no-repeat bottom center;
	}
.sideMenuLinkOff a:link,
.sideMenuLinkOff a:visited { 
	font-size: 12px;
	color:#424242;
	text-decoration: none; 
	padding: 2px 17px 0 0;
	background:url(/image/icon_blue.gif) no-repeat top right;
	}
.sideMenuLinkOff a:hover {	font-size: 12px;	color:#06367E;	text-decoration: underline;}
.sideMenuLinkOff a:active {	font-size: 12px;	color:#E20030;	text-decoration: underline;}
.sideboxspace{
	height:30px;
	background:#FFF;
	border-top:1px solid #999;
	} 

.accesstitle{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #CCCCCC;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #999;
	height: 30px;
}
.accesscount{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	height: 30px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #999;
}


.sidemenuLight {
	width:190px;
	margin:10px 0 15px 0;
	text-align:left;
	float:right;
	clear:both;
	background-color: #FFFFFF;
	border:1px solid #999999;
}

.sidemenuLight_title {
	text-align:center;
	background-color: #DDD;
	border-bottom:1px solid #999999;
}

.sidemenuLight_contents {
	
}
/***************************************************
	footer
***************************************************/	
#footer {
	width:810px;
	margin:0 0 10px 0;
	background:url(/image/common/bot.gif) no-repeat top left #E5E5E5;
	padding:0 auto 10px auto;
	text-align:center;
	font-size:10px;
	}

#footer div{
	color:#5770B3;
	font-size:10px;
	}
#footer a:link,
#footer a:visited {
	color:#1F409A;
	font-size:10px;
	}
#footer a:hover {
	color:#000;
	font-size:10px;
	}
#Coral {
	width:100%;
	padding:3px;
	background:#FF7755
	}
	
	
	
/* ========================================================================= */
/* ============================ from clip ================================== */
/* ========================================================================= */
/***************************************************
	clip list
***************************************************/	
.cliptitle{
	font-size: 12px;
	color: #333;
	text-decoration: none;
	padding: 2px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
.c_tabcount {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background: #EEE;
	padding: 2px;
	}
.c_tabcount a:link,
.c_tabcount a:visited {	font-size: 12px;	color: #0099FF;	text-decoration: underline;}
.c_tabcount a:hover {	font-size: 12px;	color: #33CCCC;	text-decoration: underline;}

/***************************************************
	helppage,faqpage
***************************************************/	
#help {
	text-align:center;
	background:#FFF
	}
.help_layout{
	width:625px;
	margin:10 auto;
	}
.help_left {
	width:170px;
	background:url(/image/help/help_left_bg.gif) repeat-y;
	float:left;
	}
.help_left .title {
	background:#AAAAFF;
/*	background:url(/image/help/help_left_title.gif) no-repeat top left;*/
	text-align:center;
	padding:5px auto;
	color:#FFF;
	font-size:14px;
	border:none
	}
.help_left_bot {
	background:url(/image/help/help_left_bot.gif) no-repeat bottom left;
	padding:5px;
	}
.help_right {
	padding:5px;
	border:1px solid #006;
	float:right;
	text-align:center
	}
.help_close {
	width:445px;
	text-align:center;
	float:right;
	padding:10px auto;
	}
.leftmenu_text_on {	
	font-size: 10px;
	text-decoration: none;
	padding:3px 3px 3px 15px;
	background:url(/image/help/left_icon_on.gif) no-repeat top left;
	text-align:left
	}
.leftmenu_text_on a:link { font-size: 10px;	color: #000;	text-decoration: none;}
.leftmenu_text_on a:visited { font-size: 10px;	color: #333;	text-decoration: none;}
.leftmenu_text_on a:hover { font-size: 10px;	color: #0099FF;	text-decoration: underline;}

.leftmenu_text_off {	
	font-size: 10px;
	text-decoration: none;
	padding:3px 3px 3px 15px;
	background:url(/image/help/left_icon.gif) no-repeat top left;
	text-align:left
	}
.leftmenu_text_off a:link { font-size: 10px;	color: #000;	text-decoration: none;}
.leftmenu_text_off a:visited { font-size: 10px;	color: #333;	text-decoration: none;}
.leftmenu_text_off a:hover { font-size: 10px;	color: #0099FF;	text-decoration: underline;}

.leftmenu_text {	font-size: 10px;	color: #000;	text-decoration: none;	padding: 3px;}
.leftmenu_text a:link { font-size: 10px;	color: #000;	text-decoration: none;}
.leftmenu_text a:visited { font-size: 10px;	color: #333;	text-decoration: none;}
.leftmenu_text a:hover { font-size: 10px;	color: #0099FF;	text-decoration: underline;}

.help_title { 
	font-size:14px; 
	color:#FFF; 
	font-weight:normal; 
	background:#AAAAFF;
	padding:5px 0 5px 12px;
	}
.help_text { 
	font-size:12px; 
	color:#333;
	padding:5px 0 3px 3px;
	}
.help_midasi { 
	font-size:12px;
	color:#333;
	font-weight:bold; 
	padding:5px 0 3px 10px;
	text-align:left;
	}
.top_new_text {
	font-size:10px;
	color:#333;
	padding-bottom:10px
	}
.top_new_text A:link{ color:#AE132A; text-decoration:none}
.top_new_text A:visited{ color:#888; text-decoration:none}
.top_new_text A:hover{ color:#067E36; text-decoration:underline;}
/*
.top_new_text A:link{ color:#AE132A; text-decoration:none}
.top_new_text A:visited{ color:#AE132A; text-decoration:none}
.top_new_text A:hover{ color:#067E36; text-decoration:none}
*/

.faq_title { 
	font-size:12px;
	color:#333;
	font-weight:bold; 
    border-bottom:2px solid #ccc;
	padding:5px 0 3px 3px;
	}
.faq_big_title { 
	font-size:14px;
	color:#333;
	font-weight:bold; 
    border-bottom:1px solid #ccc;
	padding:5px 0 3px 3px;
	}
.ex_img  { padding-top:3px; padding-bottom:3px;}			  

/***************************************************
	お気に入りカテゴリ関係
***************************************************/
div.favorite_category_leftbox {
	float : left;
	width : 40%;
}
div.favorite_category_rightbox {
	float : right;
	width : 59%;
}
div.favorite_category_leftbox ul, div.favorite_category_rightbox ul {
	margin : 1em 0;
	padding : 0;
}
div.favorite_category_rightbox ul {
	display : none;
}
div.favorite_category_rightbox ul#catL_0 {
	display : block;
}
div.favorite_category_leftbox li, div.favorite_category_rightbox li{
	padding : 2px 2em;
	margin : 0;
	list-style-type : none;
	width : 100%;
}

div.favorite_category_leftbox li.selected{
	background : #ddf;
}
div.favorite_category_leftbox li.selected:first-letter{
	color : #bbf;
}
div.favorite_category_leftbox .box_title, div.favorite_category_rightbox .box_title {
	background : #eee;
	border-bottom: 1px solid #777;
	padding : 3px;
}

/***************************************************
	ヘッダ部分
***************************************************/
div#blogSelectMenu {
	position : absolute;
	background : #fff;
	margin : 0px 0px 0 0px;
	padding : 3px;
	display : none;
	border : 2px solid #aaa;
	z-index : 1;
}
div#blogSelectMenu a {
	font-weight : normal;
	width : 100%;
	display : block;
}
div#blogSelectMenu a:hover {
	background : #ddf;
}

div#viewBlogSelectMenuTop {
	border-bottom : 1px solid #888;
	padding-bottom : 1px;
}
span#viewBlogSelectMenuDeleteButton {
	position: absolute;
	right: 1px;
	top: 1px;
	background : #ccc;
	border: 1px solid;
	border-color: #ccc #444 #444 #ccc;
	cursor: pointer;
}
div#viewBlogSelectMenu {
	position : absolute;
	background : #fff;
	margin : 0px 0px 0 0px;
	padding : 3px;
	border : 2px solid #aaa;
	z-index : 1;
}
div#viewBlogSelectMenu a {
	font-weight : normal;
	width : 100%;
	display : block;
}
div#viewBlogSelectMenu a:hover {
	background : #ddf;
}
div#viewBlogSelectMenuTop {
	border-bottom : 1px solid #888;
	padding-bottom : 1px;
}
span#viewBlogSelectMenuDeleteButton {
	position: absolute;
	right: 1px;
	top: 1px;
	background : #ccc;
	border: 1px solid;
	border-color: #ccc #444 #444 #ccc;
	cursor: pointer;
}

/***************************************************
	スケジューラ
***************************************************/
.banner     { position:absolute;height:14; border-left:1px #eeeeee; border-top:1px #eeeeee; border-right:1px #333333; border-bottom:1px #333333; border-style:solid; background:#ccffcc; }
.banner_text     { position:absolute;height:0; border-left:0px #ffffff; border-top:0px #ffffff; border-right:0px #ffffff; border-bottom:0px #ffffff; border-style:solid; background: transparent; }
.day_back  {background-color: #eee;}
.schedule_cel {
  word-break: break-all;
  word-wrap: break-word;
}

.schedule_detail_menu {
	background-color: #DDD;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	padding: 5px;
}

.schedule_detail_text {
	background-color: #FFF;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	padding: 5px;
}
.schedulelink {	font-size: 12px;	color: #333;	text-decoration: underline;	border-width: 1px 0px 0px 0px;	border-color: #999;}
.schedulelink a:link { font-size: 12px;	color: #333;	text-decoration: underline;}
.schedulelink a:visited { font-size: 12px;	color: #333;	text-decoration: underline;}
.schedulelink a:hover { font-size: 12px;	color: #333;	text-decoration: underline;}

.bottom_line {
	border-bottom:1px solid #c1c1c1;
}
.top_line {
	border-top:1px solid #c1c1c1;
}
.attention_msg {
	color: #FF0000;
	text-align: center;
}

.teamMenuLinkOn { 
	width:140;
	height:18px;
	display:block;
	}
	
.teamMenuLinkOff { 
	width:140px;
	height:18px;
	display:block;
	}
.profileLayer{
	position: absolute; 
	padding: 4px 4px 4px 4px;
	top: 0px;
	left: 0px;
	font-size: 12px; 
	width: 200px; 	
	height: auto;
	line-height: normal;
	word-break: break-all; 
	overflow: auto; 
	z-index: 1;
	background: #99ccff;
	border : 2px solid #aaa;
	}

.infoBar{
  position: absolute; 
  z-index: 1001;
  width: 500px;
  height: auto;
  padding: 4px 4px 4px 4px;
  font-size: 16px;
  font-weight:bold;
  text-align:center;
  word-break: break-all; 	
  overflow: auto;
  background-color: #ffc;
  -moz-border-radius : 10px;
}

#overlay {
  z-index : 1000;
  position : absolute;
  top    : 0;
  left   : 0;
  width  : 100%;
  height : 100%;
  background-image: url(/image/alpha.png);
  background-repeat: repeat;
}

* html #overlay {
  background-color: #000;
  filter: Alpha(opacity=50);
}
.red {
  color: #FF0000;
}



/* ログアウトメニューの定義 */
#logout dl {
	width : 160px;
	height : 149px;
	background : white url(/image/common/bg_logout.png) no-repeat;
	padding-bottom : 15px;
}
#logout dt {
	margin : 5px 10px 0px 80px;
	height : 20px;
	padding-top : 5px;
	padding-left : 13px;
	padding-bottom : 3px;
	background : url(/image/common/icon_arrow3.png) no-repeat left center;
	font-weight : bold;
}
#logout dd.text {
	line-height : 14px;
	font-size : 11px;
	color : black;
	margin: 6px; auto auto 6x;
 padding:0px 0px 0px 3px;
 height:80px;
 border:0;
	
}
#logout dd.regist {
	margin : 0px 10px 0px 40px;
	height : 12px;
	font-weight : 8px;
	padding-left : 13px;
	padding-bottom : 3px;
	background : url(/image/common/icon_arrow4.png) no-repeat left center;
}
#logout dt a         { color: white; text-decoration: underline; }
#logout dt a:link    { color: white; text-decoration: underline; }
#logout dt a:visited { color: white; text-decoration: underline; }
#logout dt a:active  { color: white; text-decoration: underline; }
#logout dt a:hover   { color: white; text-decoration: underline; background: #666; }
#logout dd.regist a         { color: white; text-decoration: underline; }
#logout dd.regist a:link    { color: white; text-decoration: underline; }
#logout dd.regist a:visited { color: white; text-decoration: underline; }
#logout dd.regist a:active  { color: white; text-decoration: underline; }
#logout dd.regist a:hover   { color: white; text-decoration: underline; background: #666; }
#logout dd a         { color: #333; text-decoration: underline; }
#logout dd a:link    { color: #333; text-decoration: underline; }
#logout dd a:visited { color: #333; text-decoration: underline; }
#logout dd a:active  { color: #333; text-decoration: underline; }
#logout dd a:hover   { color: #333; text-decoration: underline; background: #CCC; }

#login {
	width : 160px;
	background-color : white;
	padding-bottom : 15px;
	border:none;
}

/* ログインメニューの定義 */
#login dl {
	height : 144px;
	background : white url(/image/common/bg_login_fanmog.png) no-repeat;
	padding-top : 38px;
}

#login dt {
	margin : 0px 10px 0px 60px;
	height : 13px;
	padding-left : 13px;
	padding-bottom : 3px;
	font-weight : bold;
}

#login dd {
	margin : 3px 10px 0px;
	line-height : 20px;
	padding-left : 10px;
	background : url(/image/common/icon_arrow1.png) no-repeat left center;
	font-size:12px;
}

#login dt a         { color: white; text-decoration: underline; }
#login dt a:link    { color: white; text-decoration: underline; }
#login dt a:visited { color: white; text-decoration: underline; }
#login dt a:active  { color: white; text-decoration: underline; }
#login dt a:hover   { color: white; text-decoration: underline; background: #666; }

#login dd a         { color: #333; text-decoration: underline; }
#login dd a:link    { color: #333; text-decoration: underline; }
#login dd a:visited { color: #333; text-decoration: underline; }
#login dd a:active  { color: #333; text-decoration: underline; }
#login dd a:hover   { color: #333; text-decoration: underline; background: #CCC; }