﻿/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
	background-image:url(../images/bodyback_center.jpg);
	background-repeat:repeat-y;
	background-position:top center;
	background-color:#FF9900;
	color:#333333;
	font-family:"Arial","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	font-size:80%;
	margin: 0 auto;
}
img
{
	border: 0;
}
form
{
	margin: 0;
}
strong {
	color:#FF6600;
}
a {

}
a:hover {
	text-decoration:none;
}
/* Headings */
h1,h2,h3,h4,h5,h6
{
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	margin: 0;
}
iframe {
	margin:0px;
	padding:0px;
}
#header a:link, #header a:visited
{
	color: #ffffff;
	text-decoration:none;
}
#header a:hover, #header a:active
{
	color:#333333;
	text-decoration:none;
}
.clear {
	clear:both;
}
/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 800px;
	height: 0;
	clear: both;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header
{
	width: 800px;
	height: 108px;
	background-image:url(../images/headerback.jpg);
	background-repeat:no-repeat;
	margin: 0px auto;
	padding-top:35px;
}
#header2
{
	width: 800px;
	height: 108px;
	background-image:url(../images/headerback.jpg);
	background-repeat:no-repeat;
	margin: 0px auto;
}
#header2 h1 {
}
#logo h1 a{
	background-image:url(http://www.cartoon-anime.net/images/logo.gif);
	text-indent:-9999px;
	background-repeat:no-repeat;
	display:block;
	width: 300px;
	height:35px;
	margin-left:250px;

}

/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper
{
	background-image:url(../images/bodyback_top.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin:0 auto;
}
#wrapper
{
	width: 800px;
	margin: 0px auto;
}
.ad {
	margin:10px 0px;
	text-align:center;
}
/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container
{
	width: 550px;
	float:right;
	margin-right:20px;
}
.content
{
	width: 555px;
	background-image:url(../images/contentsback_center.jpg);
	background-repeat:repeat-y;
	margin: 0;
	padding:0;
	overflow:hidden;
}

/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2
{
	width: 555px;
	height:45px;
	background-image:url(../images/contentstitle.jpg);
	background-repeat:no-repeat;
	font-size:medium;
	text-indent:50px;
	line-height:45px;
	margin: 0;
	color:#FFFFFF;
	letter-spacing: 2px;
	font-weight: bold;
}
.contenttitle a {
	color:#FFFFFF;
	text-decoration:none;
}
.contenttitle a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.contentbody
{
	width:495px;
	font-size:100%;
	padding:10px;
	background-color:#FFFFFF;
	margin:10px 10px 10px 20px;
	line-height: 130%;
}
.contentbody h3
{
	width: 480px;
	height:30px;
	background-image:url(../images/contentstitle_h3.jpg);
	background-repeat:no-repeat;
	font-size:100%;
	text-indent:25px;
	line-height:30px;
	margin: 5px 0px;
	color:#333333;
	font-weight: bold;
	clear: both;
}
.contentstop {
	width:555px;
	height:10px;
	background-image:url(../images/contentsbback_top.jpg);
	margin:0;
	padding:0;
	overflow:hidden;
}
.contentsbottom {
	width:555px;
	height:15px;
	background-image:url(../images/contentsback_bottom.jpg);
	margin:0;
	padding:0;
	overflow:hidden;
}
#c_menu  {
	width: 500px;
}
#c_menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float:left;
}
#c_menu ul li {
	display: block;
	width: 82px;
	height: 32px;
	text-indent: -9999px;
	margin-left: 3px;
	margin-right: 3px;
	float:left;
}
#c_menu ul li a {
	display: block;
	width: 82px;
	height: 32px;
	text-indent: -9999px;
	margin: 0px;
	text-decoration:none;
	float:left;
}
#c_menu ul li a:hover {
	display: block;
	width: 82px;
	height: 32px;
	text-indent: -9999px;
	margin: 0px;
	text-decoration:none;
	float:left;
}
/* リンク無しの指定
---------------------------------------------------- */
#c_menu li#c_menu1    {
  background: url(../images/menu1.gif) no-repeat;
}
#c_menu li#c_menu2    {
  background: url(../images/menu2.gif) no-repeat;
}
#c_menu li#c_menu3    {
  background: url(../images/menu3.gif) no-repeat;
}
#c_menu li#c_menu4    {
  background: url(../images/menu4.gif) no-repeat;
}
#c_menu li#c_menu5    {
  background: url(../images/menu5.gif) no-repeat;
}
/* リンクの指定
---------------------------------------------------- */
#c_menu li#c_menu1    {
  background: url(../images/menu1.gif) no-repeat;
}
#c_menu li#c_menu2    {
  background: url(../images/menu2.gif) no-repeat;
}
#c_menu li#c_menu3    {
  background: url(../images/menu3.gif) no-repeat;
}
#c_menu li#c_menu4    {
  background: url(../images/menu4.gif) no-repeat;
}
#c_menu li#c_menu5    {
  background: url(../images/menu5.gif) no-repeat;
}
/* マウスオーバー時の指定
---------------------------------------------------- */
#c_menu li#c_menu1    {
  background: url(../images/menu1.gif) no-repeat;
}
#c_menu li#c_menu2    {
  background: url(../images/menu2.gif) no-repeat;
}
#c_menu li#c_menu3    {
  background: url(../images/menu3.gif) no-repeat;
}
#c_menu li#c_menu4    {
  background: url(../images/menu4.gif) no-repeat;
}
#c_menu li#c_menu5    {
  background: url(../images/menu5.gif) no-repeat;
}
.kuchikomi {

}
.kuchikomi h4 {
list-style-image:url(../images/user-comment-orange.gif);

}
.kuchikomi h4 {
background-image:url(../images/user-comment-orange.gif);
background-repeat:no-repeat;
text-indent:20px;
margin:10px 0 5px 0;

}
/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebar {
	float: left;
	width: 180px;
	margin-left:15px;
	color:#FFFFFF;
}
.sidebar 
{
	background-image:url(../images/sideback_center.jpg);
	background-repeat:repeat-y;
}
.sidebar h3
{
	width: 180px;
	height:40px;
	background-image:url(../images/sidetitle.jpg);
	background-repeat:no-repeat;
	font-size:small;
	text-indent:35px;
	line-height:40px;
	margin: 0;
	color:#FFFFFF;
	font-weight: bold;
}
.sidebar form
{
	margin: 0 0 0 5px;
}
.sidebar imput
{
	margin: 0;
}
.sidebartop {
	width:180px;
	height:10px;
	background-image:url(../images/sideback_top.jpg);
	margin:0;
	padding:0;
	overflow:hidden;
}
.sidebarbottom {
	width:180px;
	height:102px;
	background-image:url(../images/sideback_bottom.jpg);
	margin:0;
	padding:0;
	overflow:hidden;
}
.sidebar h2 {
	position: absolute;
	z-index: -1;
	bottom: 0;
	right: 0;
	visibility: hidden;
}
.sidebar ul {
	list-style-image:url(../images/list-image.gif);
	margin:0 0 0 30px;
	padding:0;	
}
.sidebar li {
	margin:0;
	padding:0;
	line-height:150%;
}
.sidebar a {
	color:#FFFFFF;
	text-decoration: none;
}
.sidebar a:hover{
	color:#99CC00;
	text-decoration: none;
}
.side_ads {
	margin-left:10px;
}

/* Menu lists */

/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer
{
	clear:both;
	width: 800px;
	height:80px;
	background-image:url(../images/footerback.jpg);
	text-align: left;
	margin: 0 auto;
}

#footer address
{
	text-indent:-9999px;
}



/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(../images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(../images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(../images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}

.side-table {
	margin-bottom:5px;
}
#pagetop {
	background-image:url(../images/pagetop.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:120px;
	height:20px;
	display:block;
	float: right;
}
#pagetop a {
	background-image:url(../images/pagetop.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:120px;
	height:20px;
	display:block;
	float: right;
}
#pagetop a:hover {
	background-image:url(../images/pagetop.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:120px;
	height:20px;
	float: right;
}
