/*{border:1px solid red;}*/
body 
{
	background-image:url(images/bg_body.gif);
	background-repeat:repeat;
	background-position:left top;
	margin:0;
	padding:0;
	background-color:#f0f0f0;
	text-align:center;
	line-height:1.5;
	font-family: Sans-Serif;
	font-size:90%;
}

img
{
	border:none;
}

a
{
	color: #3366CC;
	text-decoration: none;
}

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

p
{
	margin:1em;
	line-height:1.5;	
}

/*------------------------------------------------　その他
*/

.red
{
	color:#cc0000;
}

.emphasis
{
	font-size:120%;
}
.sample
{
	font-size:90%;
}

.block
{
	padding:1em;
}


.error
{
	text-align:center;
	color:#cc0000;
	font-weight:bold;
}

.new
{
	margin: 0 0 0 0.5em;
	padding:  0 0.3em;
	font-size: 80%;
	font-weight: bold;
	color: #ffffff;
	background-color: #FF6600;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	line-height:1.4em;
	display:inline-block;
	
}
	
	
	
	
a:hover .new
{
	color: #ffff66;
	background-color: #FF3300;
	text-decoration:none;
	
}

.free
{
	margin: 0 0 0 0.5em;
	padding: 0 0.3em;
	font-size: 80%;
	font-weight: bold;
	color: #ffffff;
	background-color: #CC9900;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 1.4em;
	display: inline-block;
}
	
	
a:hover .free
{
	color: #ffff66;
	background-color: #CC3300;
	text-decoration:none;
	
}

/*------------------------------------------------　コンテナ
*/


#framecontainer
{

	background-color:#ffffff;

	width:970px;
	padding:0;
	margin:auto;
	text-align:left;
	border:1px solid #999999;
}


/*------------------------------------------------　ヘッダー
*/

#frameheader 
{
	background-image:url(images/bg_header_base.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	color:#ffffff;
	background-color:#276853;
	
	padding:0 0 10px 0;
	margin:0;
	
}




#frameheader h1 a
{
	color:#ffffff;
}

#frameheader dl
{
	list-style:none;
	margin:0;
	padding:0;
	line-height:0;
}

#frameheader dt
{
	float:left;
	line-height:0;
	margin:0;
	padding:0 0 0 20px;
	font-size:10px;
	height:70px;
	width:330px;
	display:inline;
}

#frameheader dd
{
	display:block;
	text-align:right;
	background-image:url(images/bg_footmark.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	
	line-height:1;
	margin:0 0 0 340px;
	padding:0;
	height:70px;
}

#frameheader dd .logininfo
{
	padding:1em;
	word-wrap:break-word;
}
#frameheader dd .logininfo a
{
	color:#ffffff;
	margin:0 1em;
}
#frameheader ul
{
	clear:left;
	background-image:url(images/bg_header.gif);
	background-repeat:no-repeat;
	background-position:left top;
	
	font-size:110%;
	list-style:none;
	display:block;
	line-height:35px;
	padding:0 20px;
	margin:0;
	height:30px;
	overflow:hidden;
}

#frameheader li
{
	list-style:none;
	display:inline;
	margin:0 8px;
	padding:0;
	
}

#frameheader ul a
{
	color: #534741;
	text-decoration: none;
	font-weight:bold;
}
#frameheader ul a:hover
{
	color: #993300;
	text-decoration: underline;
}



/*------------------------------------------------　フレームフッター
*/

#framefooter
{
	font-size:90%;
	clear:both;
	border-top:1px solid #cccccc;
	text-align:center;
}

#framefooter ul
{
	list-style:none;
	display:block;
	padding:8px 0;
	margin:0 16px;
	
}

#framefooter li
{
	list-style:none;
	display:inline;
	margin:0 8px;
	padding:0 0;
	
}



#framefooter .allrights
{
	padding:8px 0;
	background-color:#cccccc;
	color: #333333;
}

/*------------------------------------------------　フル
*/

#sidecontents
{
	margin:0 10px 0 0;
	padding:0;
}

#maincontents
{
	margin:0 10px 0 0;
	padding:0;
}

/*------------------------------------------------　ドキュメント
*/

.simpledocument #maincontents
{
	width:790px;
	margin:auto;
	padding:0;
}

.simpledocument #sidecontents
{
	width:790px;
	margin:auto;
	padding:0;
}

/*------------------------------------------------　右サイドバー
*/

.rightside #sidecontents
{
	display:inline;
	margin:0 10px 0 0;
	padding:0;
	float:right;
	width:310px;
}

.rightside #maincontents
{
	display:block;
	margin:0 0 0 0;
	padding:0;
	width:630px;
	
}


/*------------------------------------------------　左サイドバー
*/


.leftside #sidecontents
{
	display:inline;
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:310px;
}

.leftside #maincontents
{
	display:block;
	margin:0 0 0 320px;
	padding:0;
	width:630px;
	
}



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


.menudocument #sidecontents
{
	display:inline;
	margin:0 0 0 0;
	padding:0;
	float:left;
	width:230px;
}

.menudocument #maincontents
{
	display:block;
	margin:0 0 0 240px;
	padding:0;
	width:710px;
	
}





/*------------------------------------------------　フレームボディ
*/

#framebody
{
	padding:5px 0 10px 10px;
	margin:0;
}
#framebody h1
{
	background-image: url(images/icon_h1.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	margin: 0 0 0 0;
	padding: 0.3em 0 0.3em 24px;
	font-size: 130%;
	min-height:20px;
	line-height:1.2;
	_height:20px;
	color: #446633;
}



#framebody h2
{
	background-image: url(images/icon_h2.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	margin: 0 0 0 0;
	padding: 0.3em 0 0.3em 24px;
	font-size: 120%;
	min-height:18px;
	line-height:1.2;
	_height:18px;
	color: #446633;
}

#framebody h1.banner
{
	margin:0 0 10px 0;
	padding:0;
	background-color:Transparent;
	background-image:none;
	border:none;
}



#framebody p
{
	margin:1em;
	
}

#framebody .tablebase
{
	padding:10px;
}


#framebody table
{
	margin:10px;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-collapse: collapse;
}

#framebody table caption
{
	text-align:left;
	padding:0.2em 0;
	margin:0;
	line-height:1;
	color:#666666;
	font-weight:bold;
}

#framebody table th
{
	background-color: #f8f8f8;
	color: #666666;
	empty-cells: show;
	vertical-align:top;
}


#framebody table th,#framebody table td
{
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	text-align:left;
	padding:2px 4px;
}

#framebody table.fixedtable
{
	margin:0.2em 1em 1.5em 1em;
	width:90%;
}

#framebody table.fixedtable tbody th
{
	width:9em;
	white-space:normal;
	vertical-align:top;
}


#framebody dl
{
	padding:0;
	margin:0;
	display:inline;
}

#framebody dt
{
	padding:0;
	margin:0;
	display:block;
	color:#446633;
}

#framebody dd
{
	padding:0;
	margin:0.2em 0 0.2em 1em;
	display:block;
}



#framebody .scroll
{
	margin:0.2em 1em;
	height:10em;
	padding:0.2em 0.5em;
	overflow:auto;
	border:1px solid #cccccc;
	background-color:#fffff8;
	line-height:1.3;
}




#framebody dl.sectionlist
{
	list-style:none;
	margin:10px 10px;
	padding:0;
	display:block;

}

#framebody dl.sectionlist dt
{
	background-image: url(images/icon_dt.gif);
	background-repeat: no-repeat;
	background-position: left top; /*	border-left:0.5em solid #aaccbb;*/
	border-bottom: 1px dotted #dddddd;
	line-height: 1.2;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	color: #355128;
}

#framebody dl.sectionlist dd
{
	padding:0;
	margin:1em 1em 2em 1em;
}

#framebody ul.sectioninformationlist
{
	font-weight:bold;
	color:#666666;
	margin-top:1em;
	list-style:none;
	text-align:right;
}




#framebody  p.comment
{
	border:1px solid #dddddd;
	background-color:#f0f0f0;
	padding:10px;
	margin:20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
}


#framebody  blockquote
{
	border: 1px solid #ddddcc;
	background-color: #f0f0dd;
	padding: 10px;
	margin: 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/*------------------------------------------------　コンテンツリスト
*/

#framebody .contents
{
	list-style:none;
	margin:0;
	padding:0 0 1em 0;
}


/*------------------------------------------------　ボトム周辺
*/

#framebody .buttonpanel
{
	text-align:center;
	margin:0.2em 0.5em 0 0.5em;

}


#framebody .footer
{
	text-align:right;
	margin:0 0.5em;
	padding:0.5em 0;
	font-size:90%;
}

#framebody .footer a,#framebody .buttonpanel a,a.more
{
	background-image:url(images/icon_more.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0.2em 0 0 14px;
	line-height:1;
	margin:0 0.5em 0 0.5em;
	display:inline-block;

	
}

#framebody .footer a:hover,#framebody .buttonpanel a:hover,a.more:hover
{
	background-image:url(images/icon_more_hover.gif);
}


#framebody .footer a.down,a.down
{
	background-image:url(images/icon_down.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 14px;
	line-height:1;
	margin:0 0.5em 0 0.5em;
	display:inline-block;

	
}

#framebody .footer a.down:hover,a.down:hover
{
	background-image:url(images/icon_down_hover.gif);
}

#framebody .footer a.up,a.up
{
	background-image:url(images/icon_up.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 14px;
	line-height:1;
	margin:0 0.5em 0 0.5em;
	display:inline-block;

	
}

#framebody .footer a.up:hover,a.up:hover
{
	background-image:url(images/icon_up_hover.gif);
}





#framebody .footer a.simple,#framebody .buttonpanel a.simple
{
	background-image:none;
	padding:0;
	line-height:1;
	margin:0 0.2em 0 0.2em;
	display:inline;

	
}

#framebody .footer a.simple:hover,#framebody .buttonpanel a.simple:hover
{
	background-image:none;
}





/*------------------------------------------------　ドキュメント
*/


#framebody .document
{
	display:block;
	margin:0 0 10px 0;
}




/*------------------------------------------------　コンテント
*/


#framebody .topbanner
{
	display:block;
	margin:0 0 10px 0;
}


/*------------------------------------------------　プレイヤー
*/

#framebody .player 
{
	text-align:center;
	display:block;
	padding:2px 2px 2px 2px;
	margin:0 0 10px 0;
	background-image:url(images/bg_grad_light.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#ffffff;
	line-height:1.2;
	font-size:100%;
	font-weight:normal;
	
	
	border-left: 1px #cccccc solid;
	border-top: 1px #e0e0e0 solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #c0c0c0 solid;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 

}


#framebody .player .manga
{

	margin:2px;
	padding:2px;
/*
	background-image:url(images/bg_manga.gif);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#666666;
	border-left: 1px #cccccc solid;
	border-top: 1px #cccccc solid;
	border-right: 1px #eeeeee solid;
	border-bottom: 1px #eeeeee solid;
*/
}


#framebody .player img
{
	margin:auto;
	border-left: 1px #999999 solid;
	border-top: 1px #999999 solid;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;

}

#framebody .player .swf  
{
	background-color:#000000;
	padding:180px 20px;
	text-align:center;
	color:#999999;
	font-size:70%;
	border-bottom:32px solid #333333;
}


#framebody .player .message
{
	margin:0;
	padding:0.5em 0.5em;
	background-image:url(images/bg_grad_light.gif);
		background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#ffffff;
	border-left: 1px #cccccc solid;
	border-top: 1px #e0e0e0 solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #c0c0c0 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 

}

#framebody .player .sample
{
	margin: 0.2em 0.5em;
	padding: 0 0.5em;
	background-color: #F46A6A;
	color: #ffffff;
	font-size: 80%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




/*------------------------------------------------　BOXコンテント
*/

#framebody .boxcontent 
{
	display:block;
	padding:2px 2px 10px 2px;
	margin:0 0 10px 0;
	background-image:url(images/bg_grad.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#ffffff;
	line-height:1.2;
	font-size:100%;
	font-weight:normal;
	
	
	border-left: 1px #cccccc solid;
	border-top: 1px #e0e0e0 solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #c0c0c0 solid;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 

}

#framebody .boxcontent  h2
{
	margin:0 0 4px 0;
	padding:5px 8px 2px 8px;
	background-image:url(images/bg_grad_header.gif);
	background-repeat:repeat-x;
	background-position:left top;
	
	background-color:#eeeeee;
	line-height:1;
	font-size:100%;
	font-weight:bold;
	color:#666666;
	
	border: 1px #dddddd solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 

	
}

#framebody .boxcontent h2.banner
{
	margin:0 0 10px 0;
	padding:0;
	background-color:Transparent;
	background-image:none;
	border:none;
}

#framebody .boxcontent  ul
{
	list-style: none;
	line-height:1.3;
	margin:0.5em;
	padding:0;
}

#framebody .boxcontent  ul li
{
	display:block;
	background-image:url(images/icon_dot.gif);
	background-repeat:no-repeat;
	background-position:4px 10px;
	border-bottom:1px dotted #cccccc;
	padding:0.2em 2px 0.2em 16px;
	margin:0;
}

#framebody .boxcontent  ul.simple
{
	margin:0;
}


#framebody .boxcontent  ul.simple li
{
	display:block;
	background-image:url(images/icon_dot_simple.gif);
	background-repeat:no-repeat;
	background-position:3px 0.6em;
	border-bottom:none;
	line-height:1.5;
	padding:0 2px 0 14px;
	margin:0;
}



#framebody .boxcontent li  dd span
{
	margin:0 0 0 0.5em;
font-size: 0.8em;
}

#framebody .boxcontent  .login dd input
{
	font-size: 0.8em;
	width:9em;
}

#framebody .boxcontent  dl.valueitem dt
{
	float:left;
	display:inline;
}

#framebody .boxcontent  dl.valueitem dd
{
		padding:0;
	margin:0;
	text-align:right;
}

#framebody .boxcontent  dl.dataitem dt
{
	float:left;
	display:inline;
	width:6.5em;
}
#framebody .boxcontent  dl.dataitem dd
{
	padding:0;
	margin:0;
	margin:0 0 0 6.5em;
}

#framebody .boxcontent  .newsitem li
{
	margin-top:0.5em;
}


#framebody .boxcontent  .newsitem dt
{
	float:left;
	display:inline;
	width:6.5em;	
}

#framebody .boxcontent  .newsitem dt a
{
	float:left;
	width:6.5em;	
	color:#446633;
}

#framebody .boxcontent  .newsitem dt a:hover
{
	color:#446633;
	text-decoration:none;
}



#framebody .boxcontent  .newsitem dd
{
	padding:0;
	margin:0 0 0 6.5em;	
}

#framebody .boxcontent  .newsitem h3
{
	padding:0;
	margin:0 0 0.5em 0;	
	font-size:100%;
	line-height:1.5;
	font-weight: bold;
	color:#666666;
}

#framebody .boxcontent .newsitem  .press
{
	margin: 0 0.5em 0 0;
	padding: 0.1em 0.5em;
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff;
	background-color: #6AA46D;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#framebody .boxcontent .newsitem .news
{
	margin: 0 0.5em 0 0;
	padding: 0.1em 0.5em;
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff;
	background-color: #AC866A;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



#framebody .boxcontent  p
{
	margin:0.5em;
	word-wrap:break-word;
}



#framebody .boxcontent .payed
{
	margin:0.2em 0;
	padding:0.1em 1em;
	background-color:#cc6600;
	color:#ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align:center;
}


#framebody .boxcontent .createrimage
{
	text-align:center;
}

#framebody .boxcontent .createrimage img
{
	width:200px;
	border:1px solid #cccccc;
}
#framebody .boxcontent .simplelist
{
	list-style:none;
}
#framebody .boxcontent .simplelist li
{
	background-image:none;
	padding:0.3em 0.5em;
	
}



/*------------------------------------------------　infoコンテント
*/

#framebody .menu
{
	background-image:url(images/bg_menu.gif);
	background-repeat:repeat;
	background-position:left top;
	background-color:#f0f0f0;

}


/*------------------------------------------------　infoコンテント
*/

#framebody .info
{
	background-image:url(images/bg_info_grad.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#f8f4ee;
	
	border-left: 1px #d8cfb7 solid;
	border-top: 1px #e3dac1 solid;
	border-right: 1px #d8cfb7 solid;
	border-bottom: 1px #d0c8b1 solid;
	

}

#framebody .info h2
{
	background-image:url(images/bg_info_grad_header.gif);
	color:#806666;
	background-color:#f0e7db;
	border:1px solid #d0c8b1;
}

#framebody .info ul li
{
	background-image:url(images/icon_dot_info.gif);
	border-bottom:1px dotted #d0c8b1;
}
/*------------------------------------------------　topicコンテント
*/

#framebody .topic
{
	background-image:url(images/bg_grad_topic.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#edf0f0;
	 
	border-left: 1px #b2bfbf solid;
	border-top: 1px #b2bfbf solid;
	border-right: 1px #b2bfbf solid;
	border-bottom: 1px #b2bfbf solid;
	

}

#framebody .topic h2
{
	background-image: url(images/bg_grad_topic_header.gif);
	color: #2F5553;
	background-color: #e2e5e5;
	border: 1px solid #b2bfbf;
}



/*------------------------------------------------　携帯
*/

#framebody .boxcontent .keitai
{
	list-style:none;
}

#framebody .boxcontent .keitai li
{
	display:block;
	padding:0;
	background-image:none;
	min-height:80px;
	height:auto !important;
	height:80px;
}


#framebody .boxcontent .keitai img
{
	float:right;
}

#framebody .boxcontent .keitai h3
{
	height:60px;

	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 58px;

	font-size:100%;
	font-weight:bold;
	color:#666666;
	line-height:60px;
	margin:0;
}

#framebody .boxcontent .keitai dt
{
	float:left;
	display:inline;
	margin:0 0.5em 0 0;
	background-color:#666666;
	padding:0.1em 0.3em;
	font-size:0.8em;
	color:#ffffff;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#framebody .boxcontent .keitai dd
{
	display:block;
	margin:0;
	padding:0;
}

#framebody .boxcontent p.about
{
	font-size:80%;
	color:#666666;
	margin:0.2em 0.5em;
	clear:right;

}

#framebody .boxcontent .keitai .au h3
{
	background-image:url(images/logo_au.gif);

}

#framebody .boxcontent .keitai .softbank h3
{
	background-image:url(images/logo_softbank.gif);

}

/*------------------------------------------------　ページャー
*/

#framebody .boxcontent  ul.pager
{
	font-size:90%;
	list-style:none;
	display:block;
	line-height:1em;
	padding:0.3em 1em;
	margin:0;
	text-align:center;
}

#framebody .boxcontent  ul.pager li
{
	list-style:none;
	display:inline;
	margin:0 0.2em 0 0.2em;
	padding:0;
	border:none;
	background-image:none;
	line-height:0;

}

#framebody .boxcontent  ul.pager li a
{
	margin:0;
	line-height:1;
	padding:0 0.5em 0 0.5em;
	background-image:none;
}

#framebody .boxcontent  ul.pager li span
{
	margin:0;
	line-height:1;
	padding:0 0.5em 0 0.5em;
	background-image:none;
}


#framebody .boxcontent  ul.pager li a:hover
{
	background-image:none;
}


#framebody .boxcontent  ul.pager li.more a
{
	background-image:url(images/icon_more.gif);
	background-repeat:no-repeat;

	background-position:left center;
	padding:0 0.2em 0 14px;

	display:inline-block;
	
}

#framebody .boxcontent  ul.pager li.more a:hover
{
	background-image:url(images/icon_more_hover.gif);
}

#framebody .boxcontent  ul.pager li.rev a
{
	background-image:url(images/icon_rev.gif);
	background-repeat:no-repeat;

	background-position:right center;
	padding:0 14px 0 0.2em;

	display:inline-block;
	
}

#framebody .boxcontent  ul.pager li.rev a:hover
{
	background-image:url(images/icon_rev_hover.gif);
}

#framebody .boxcontent  ul.pager li.selected
{
	font-weight:bold;
	color:#993300;
}


#framebody .boxcontent  ul.pager li.selected a
{
	color:#993300;
	
}



/*------------------------------------------------　メッセージボックス
*/


#framebody .messagecontent 
{
	display:block;
	padding:0.3em 2px 0.3em 2px;
	margin:0 0 10px 0;
	background-image:url(images/bg_grad_light.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#ffffff;
	line-height:1.2;
	font-size:100%;
	font-weight:normal;
	
	
	border-left: 1px #cccccc solid;
	border-top: 1px #e0e0e0 solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #c0c0c0 solid;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	text-align:center;
}



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

#framebody .form
{
	margin:auto;
	
	display:block;
	padding:0 0 10px 0;
	
	background-image:url(images/bg_grad_form.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#eeeee8;
	line-height:1.2;
	font-size:100%;
	font-weight:normal;
	
	padding:2px;
	
	border-left: 1px #cccccc solid;
	border-top: 1px #e0e0e0 solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #c0c0c0 solid;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 

}

#framebody .form h2
{
	margin:0 0 2px 0;
	padding:5px 8px 2px 8px;
	background-image:url(images/bg_grad_form_header.gif);
	background-repeat:repeat-x;
	background-position:left top;
	
	background-color:#e6e6e0;
	line-height:1;
	font-size:100%;
	font-weight:bold;
	color:#666666;
	
	border: 1px #ccccc0 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 

	
}

#framebody .form p
{
	margin:1em;
	
}

#framebody .form .full
{
	width:99%;
	
}
#framebody .form .half
{
	width:50%;
}

#framebody .form textarea
{
	font-family:monospace;
}
#framebody .form input
{
	font-family:monospace;
}


#framebody .form ul.formitems
{
	margin:1em;
	padding:0;
	list-style:none;
	
}

#framebody .form ul.formitems li
{
	
	border-bottom:1px dotted #cccccc;
	line-height:0;
	padding:0.2em 0;
}

#framebody .form dl
{
	line-height:1.5em;
	margin:0;
	padding:0;
	display:inline;
}

#framebody .form dt
{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	width:8em;
}

#framebody .form dd
{
	line-height:2em;
	margin:0;
	padding:0;
	display:inline;
}

#framebody .form .caution
{
	color:#990000;
	margin:0 0 0 0.5em;
}

#framebody .form .option
{
	color:#666666;
}

#framebody .form .sample
{
	margin-top:2px;
	font-size:80%;
	color:#666666;
}


#framebody .form table
{
	width:100%;
	margin:auto;
	border-collapse: collapse;
	background-color:#f8f8f0;
}

#framebody .form table th
{
	/*border-bottom:1px dotted #cccccc;*/
	border:1px solid #cccccc;
	font-weight:normal;
	padding:4px;
	text-align:left;
	vertical-align:top;
	width:12em;
	color:#333333;
}

#framebody .form table td
{
	/*border-bottom:1px dotted #cccccc;*/
	border:1px solid #cccccc;
	background-color:#fffff8;
	
	padding:4px;
	text-align:left;
	vertical-align:top;
}

#framebody .form .footer
{
	margin:1em;
	text-align:center;
}


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




#framebody .boxcontent ul.verticalmenu 
{	
	list-style:none;
}

#framebody .boxcontent .verticalmenu li
{	
	background-image:none;
	padding:0.3em 0 0.3em 0;
	border:none;
} 

#framebody .boxcontent .verticalmenu li a
{	
	background-image:url(images/icon_more.gif);
	background-repeat:no-repeat;
	background-position:6px 4px;
	padding:0 0.5em 0 20px;
	line-height:1em;
	margin:0;
}


#framebody .boxcontent .verticalmenu li.selected span
{
	background-image:url(images/icon_more_selected.gif);
	background-repeat:no-repeat;
	background-position:6px 4px;
	padding:0 0.5em 0 20px;
	line-height:1em;
	margin:0;
	color: #993300;
}

#framebody .boxcontent .verticalmenu li.selected a
{	
	background-image:url(images/icon_more_selected.gif);
	color: #993300;
}



#framebody .boxcontent .verticalmenu li a:hover
{	
	background-image:url(images/icon_more_hover.gif);
	color:#996633;
}



/*------------------------------------------------　絵巻カード
*/

#framebody .item
{
    height:102px;
}


#framebody .item h3
{
	padding:0;
	font-size:110%;
	margin:5px 0 0 0;
	line-height:1.2em;

}



#framebody .item img{
	float:left;
    height:96px;
    display:inline;
    margin:2px 10px 0 2px;
    border:1px solid #cccccc;
}

#framebody .item p
{
	margin:0.5em;
	padding:0;
	line-height:1.5;	
}


#framebody .item dl.information
{
	margin: 0.5em 0;
	padding:0;
	font-size:90%;
}

#framebody .item dl.information dt
{
	display:inline;
	margin:0;
	padding:0;
	color:#666666;
}

#framebody .item dl.information dd
{
	display:inline;
	margin:0 8px;
	padding:0;
	
}





#framebody .item dl.data
{
	display:block;
	_zoom:1;
	/*background-color: #f0f0dd;*/
	margin: 5px 1em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size:90%;
	padding:0;

}

#framebody .item dl.data dt
{
	background-image:url(images/icon_book.gif);
	background-repeat:no-repeat;
	background-position:left center;	
	
	display:inline;
	_zoom:1;
	line-height:20px;
	margin: 0 0.3em 0 0;
	color:#666655;
	padding:5px 0;
}
#framebody .item dl.data dd
{
	_zoom:1;
	display:inline;
	padding:0;
	line-height:20px;
	margin:0 4px 0 0;
	padding:5px 0;
}
#framebody .item dl.data dt.comic
{
	background-image:url(images/icon_comic.gif);
	padding:5px 0 5px 32px;
}
#framebody .item dl.data dt.movie
{
	background-image:url(images/icon_movie.gif);
	padding:5px 0 5px 32px;
}
#framebody .item dl.data dt.sound
{
	background-image:url(images/icon_onpu.gif);
	padding:5px 0 5px 28px;
}


#framebody .item .footer
{
	margin:0 0.5em 0 0;
	padding:0;
}




#framebody .middle
{
    min-height:134px;
    height:auto !important;
    height:134px;

}
#framebody .middle img{
    height:128px;
}


#framebody .large
{
    min-height:262px;
    height:auto !important;
    height:262px;

}
#framebody .large img{
    height:256px;
}

/*------------------------------------------------　雑誌
*/


#framebody .boxcontent .magazineimage
{
	float:left;
	width:200px;
	text-align:center;
}
#framebody .boxcontent .magazineimage img
{
	float:none;
}

#framebody .boxcontent .magazineimage div
{
	margin:0 0 0.5em 0;
}

#framebody .boxcontent .magazinedata
{
	margin:0 0 0 210px;
	display:block;
}

#framebody .boxcontent .special
{
	float:left;
	display:block;
	width:4em;
	color:#990000;
}

#framebody .boxcontent .magazinedata li
{
	background-image:none;
	padding:0;
	border:none;
}

#framebody .boxcontent .magazinesampleimage
{
	display:inline;	
	width:400px;
	height:300px;
	float:left;	
}

#framebody .boxcontent .magazinesampleimage img
{
}


#framebody .boxcontent dl.magazineinfo
{
	list-style:none;
	width:auto;
	display:block;
	padding:0;
	margin:0 0 0 400px;
	min-height:300px;
	height:auto !important;
	height:300px;
	
}


#framebody .boxcontent dl.magazineinfo dt
{
	background-image:url(images/bg_magazine_dt.gif);
	background-repeat:no-repeat;
	background-position:2px bottom;
	font-weight:bold;
	display:block;
	font-size:19px;
	padding:6px 8px 4px 0;
	margin:0 0 0 0;
	color:#000000;
	
}

#framebody .boxcontent dl.magazineinfo dd
{
	padding:0;
	margin:0.5em 1em 0.5em 0.5em;
	line-height:1.3;

	
}

#framebody .boxcontent dl.magazineinfo dd ol
{
	list-style-type: decimal;
	padding: 0 0 0 0;
	margin: 0;
	line-height: 1.5;
	list-style-position: inside;
	font-weight:bold;
	color:#333333;
}


/*------------------------------------------------　絵巻コンテント
*/

#framebody .emakicontent 
{
	display:block;
	width:630px;
	padding:0;
	margin:0 0 10px 0;
	background-image:url(images/bg_emaki_body.gif);
	background-repeat:repeat-y;
	background-position:left top;
	line-height:1.2;
	font-size:100%;
	font-weight:normal;
	

}

#framebody .emakicontent h2
{
	background-image:url(images/bg_emaki_top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:Transparent;
    padding:25px 60px 0 44px;
	line-height:1;
	font-size:110%;
	font-weight:bold;
	color:#999999;
	border:none;
	margin:0 0 0 0;

	
}


#framebody .emakicontent .item
{
	background-image:url(images/bg_emaki_footer.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
    min-height:270px;
    height:auto !important;
    height:270px;
    padding:0 60px 22px 44px;
	
}


#framebody .emakicontent  p
{
	line-height:1.5;
	margin:1em 0.5em;
	
}


#framebody .emakicontent  .timespan
{
	text-align:right;
	font-size: 90%;
	font-weight: bold;
	color: #CC6600; 
	margin:0.5em 1em;
}


#framebody .emakicontent  h3
{
	font-size:130%;
	
	
}
#framebody .emakicontent  img
{
	
	height:256px;
	
}





/*------------------------------------------------　コンテンツカードリスト
*/


#framebody ul.cardlist {
    margin:0;
    padding:0;
    list-style:none;
}
 
 
 
#framebody ul.cardlist li {
	margin:4px 0 0 4px;
	padding:0;
	float:left;
    display:inline;
    background:#ddd;
    line-height:normal;
    width:304px;
    /*height:102px;*/
    height:128px;
    _zoom:1;
    overflow:hidden;
    
    background-image:url(images/bg_grad_light.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	background-color:#ffffff;
    
    border-left: 1px #cccccc solid;
	border-top: 1px #e0e0e0 solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #c0c0c0 solid;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
}


#framebody ul.cardlist li img{
	float:left;
    height:96px;
    display:inline;
    margin:2px 8px 0 2px;
}


#framebody ul.cardlist li p
{
	margin:2px 0.5em 0 0.5em;
	padding:0;
	line-height:1.3;	
}


#framebody ul.cardlist .footer{
    clear:left;
    margin:0.2em 0.5em 0.2em 0.5em;
}



#framebody ul.cardlist li.full
{
	/*width:612px;*/
	width:auto;
	display:block;
	float:none;
	margin-right:4px;
    min-height:134px;
    height:auto !important;
    height:134px;
    overflow:visible;
    

}
#framebody ul.cardlist li.full img{
    height:128px;
}

#framebody ul.cardlist li.single
{
	/*width:612px;*/
	float:none;
	display:block;
	margin-right:4px;
	width:auto;
	min-height:70px;
    height:auto !important;
    height:70px;
	overflow:visible;
}
#framebody ul.cardlist li.single img{
    height:64px;
}



/*------------------------------------------------　コンテンツリスト
*/


#framebody ul.itemlist {
    margin:0;
    padding:0;
    list-style:none;
}
 
 
 
#framebody ul.itemlist li {
	margin:4px 0 0 4px;
	padding:0;
    min-height:44px;
    height:auto !important;
    height:44px;
    background-image:none;
}



#framebody ul.itemlist li img{
	float:left;
    height:40px;
    display:inline;
    margin:0 8px 0 2px;
}

#framebody ul.itemlist li h3
{
	font-size:100%;
}

#framebody ul.itemlist li p
{
	margin:2px 0.5em 0 0.5em;
	padding:0;
	line-height:1.3;	
}


#framebody ul.itemlist .footer
{
	margin-bottom:0.2em;
}




/*------------------------------------------------　ボタン
*/

#framebody a.button,#framebody a.buttonl,#framebody a.buttonred,#framebody a.buttonlred
{
    background-image:url(images/btn_s_green.gif);
	background-repeat:no-repeat;
	background-position:right top;
	display:inline-block;
	_zoom:1;
	height:30px;
	line-height:30px;
	padding:0 10px 0 0;
	white-space:nowrap;
	color:#ffffff;
	margin:0 2px 6px 12px;
}


#framebody a.button span,#framebody a.buttonl span,#framebody a.buttonred span,#framebody a.buttonlred span
{
	position:relative;
	left:-10px;
    background-image:url(images/btn_s_green_top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 20px;
	_zoom:1;
	height:30px;
	line-height:30px;
	display:inline-block;
	cursor:pointer;
	text-align:center;
	
	
	
}

#framebody a.buttonl,#framebody a.buttonlred
{
    height:40px;
    line-height:40px;
}

#framebody a.buttonl span,#framebody a.buttonlred span
{
	height:40px;
	line-height:40px;
}

#framebody a.buttonl
{
    background-image:url(images/btn_green.gif);
}


#framebody a.buttonl span
{
    background-image:url(images/btn_green_top.gif);
}


#framebody a.buttonred
{
    background-image:url(images/btn_s_red.gif);
}

#framebody a.buttonred span
{
    background-image:url(images/btn_s_red_top.gif);
}


#framebody a.buttonlred
{
    background-image:url(images/btn_red.gif);
}

#framebody a.buttonlred span
{
    background-image:url(images/btn_red_top.gif);
}


#framebody a.button:hover,#framebody a.buttonl:hover,#framebody a.buttonred:hover,#framebody a.buttonlred:hover
{
	color: #FFFF99;
	text-decoration: none;
}
































#framebody a.button:hover
{
	background-image:url(images/btn_s_green_hover.gif);
}

#framebody a.button:hover span
{
    background-image:url(images/btn_s_green_top_hover.gif);
}
#framebody a.buttonl:hover
{
    background-image:url(images/btn_green_hover.gif);
}

#framebody a.buttonl:hover span
{
    background-image:url(images/btn_green_top_hover.gif);
}

#framebody a.buttonred:hover
{
    background-image:url(images/btn_s_red_hover.gif);
}

#framebody a.buttonred:hover span
{
    background-image:url(images/btn_s_red_top_hover.gif);
}

#framebody a.buttonlred:hover
{
    background-image:url(images/btn_red_hover.gif);
}

#framebody a.buttonlred:hover span
{
    background-image:url(images/btn_red_top_hover.gif);
}





/* ie */


* html #framebody a.button:hover
{
	background-image:url(images/btn_s_green.gif);
}

* html #framebody a.button:hover span
{
    background-image:url(images/btn_s_green_top.gif);
}

* html #framebody a.buttonl:hover
{
    background-image:url(images/btn_green.gif);
}

* html #framebody a.buttonl:hover span
{
    background-image:url(images/btn_green_top.gif);
}

* html #framebody a.buttonred:hover
{
    background-image:url(images/btn_s_red.gif);
}

* html #framebody a.buttonred:hover span
{
    background-image:url(images/btn_s_red_top.gif);
}

* html #framebody a.buttonlred:hover
{
    background-image:url(images/btn_red.gif);
}

* html #framebody a.buttonlred:hover span
{
    background-image:url(images/btn_red_top.gif);
}





/*------------------------------------------------　ボタン
*/

#framebody button
{
	background-color:#ffffff;
    background-image:url(images/btn_s_simple_green.gif);
    background-repeat:no-repeat;
	background-position:left top;
    color:#ffffff;
	border-width:0px;
	font-size:100%;
	line-height:30px;
	height:30px;	
	width:130px;
	padding:0 0 0 0px;
	margin:0 0.5em;
	cursor:pointer;
}

#framebody button span
{
	cursor:pointer;
}


#framebody button.lgreen
{
    background-image:url(images/btn_simple_green.gif);
	height:40px;	
	line-height:40px;
}

#framebody button.lred
{
    background-image:url(images/btn_simple_red.gif);
	height:40px;	
	line-height:40px;
}

#framebody button.wgreen
{
    background-image:url(images/btn_w_simple_green.gif);
	width:200px;	
}

#framebody button.wred
{
    background-image:url(images/btn_w_simple_red.gif);
	width:200px;	
}



#framebody button.red
{
    background-image:url(images/btn_s_simple_red.gif);
}



#framebody button:hover
{
    background-image:url(images/btn_s_simple_green_hover.gif);
    color:#ffffcc;
}

#framebody button.lgreen:hover
{
    background-image:url(images/btn_simple_green_hover.gif);
    color:#ffffcc;
}

#framebody button.red:hover
{
    background-image:url(images/btn_s_simple_red_hover.gif);
    color:#ffffcc;
}

#framebody button.lred:hover
{
    background-image:url(images/btn_simple_red_hover.gif);
    color:#ffffcc;
}



#framebody button.wgreen:hover
{
    background-image:url(images/btn_w_simple_green_hover.gif);
    color:#ffffcc;
}

#framebody button.wred:hover
{
    background-image:url(images/btn_w_simple_red_hover.gif);
    color:#ffffcc;
}




#framebody .form button
{
	background-color:#eeeee8;
}


#framebody .info button
{
	background-color:#f8f4ee;
}


/*------------------------------------------------　
*/
#framebody .lawinfo
{
	display:block;
	margin:0.2em 1em;
	padding:1em 1em;
	border:1px solid #cccccc;
	background-color:#f8f8f8;
	line-height:1.3;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	list-style:none;
	color:#446633;
	clear:both;
}

#framebody .lawinfo .header
{
	font-weight:bold;
	margin-bottom:1em;
	color:#556644;
}


#framebody .lawinfo dl
{
	display:block;

	border:1px solid #cccccc;
	line-height:1.5;
	margin:0;
	background-color:#fffff8;
	padding:0;

	line-height:1.3;
	list-style:none;
	overflow:auto;
	height:25em;
}

#framebody .lawinfo dt
{
	list-style:none;
	font-weight:bold;
	margin:0;
	padding:0.5em 0.5em;
}



#framebody .lawinfo dd
{
	list-style:none;
	margin:0 1em 0.5em 1em;
	padding:0;
	color:#000000;
}


/*
#framebody dl.comment
{
	display: block;
	margin: 0.2em 1em 1em 1em;
	padding: 0 1em;
	border: 2px solid #FFE7D2;
	line-height: 1.3;
	list-style: none;
	background-color: #FFF9F4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
}

#framebody dl.comment dt
{	
	list-style:none;
	font-weight:bold;
	margin:0;
	font-size:120%;
	padding:0.2em 0;
	color:#993300;
}


#framebody dl.comment dd
{
	list-style:none;
	margin:0;
	padding:0 0.5em 0.5em 0.5em;
	color:#660000;	
}
*/



#framebody dl.comment
{
	float:right;
	clear:right;
	width:250px;
	display: block;
	margin: 0 0 0.5em 0.5em;
	padding: 0 1em;
	line-height: 1.3;
	list-style: none;
	background-color: #ff6633;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:none;
}

#framebody dl.comment dt
{	
	list-style:none;
	font-weight:bold;
	margin:0;
	padding:0.2em 0;
	color:#FFFFFF;
	background-image:none;
		border:none;
}


#framebody dl.comment dd
{
	list-style:none;
	margin:0;
	font-size:90%;
	padding:0 0.5em 0.5em 0.5em;
	color:#FFFFFF;	
}



#framebody .sampleimage
{
	margin:0;
	float:right;
	padding:2px 10px 10px 10px;
	background-color:#ffffff;
	text-align:center;
	font-size:90%;
	color:#666666;
}

#framebody .sampleimage img
{
	display:block;
	margin:4px;
}

#framebody .boxcontent .sampleimagemargin
{
	
}



/*------------------------------------------------　広告
*/

.ad
{
	display:block;
}


/*------------------------------------------------　クリア
*/


.clearfix { display: inline-block; } 

.clearfix:after { 

     clear: both; 

     content: " "; 

     display: block; 

     font-size: 0; 

     height: 0; 

     visibility: hidden; 

     } 

/* start commented backslash hack \*/ 

* html .clearfix { height: 1%; } 

.clearfix { display: block; } 

/* close commented backslash hack */  

.clear
{
	clear:both;
}

.clearleft
{
	clear:left;
}

.clearright
{
	clear:right;
}