@charset "utf-8";
/*
Theme Name: USAGUITAR-COMIX
Theme URI: http://comix.usaguitar.jp
Description: ウサギターコミックス専用テンプレート
Author: U-MA
Author URI: Nozomi Imai
Tags: USAGUITAR,ウサギター
*/

@import url("css/common.css");


/* DEFAULT SET
------------------------------------------------------------------------*/
.alphaimg{ behavior: url(iepngfix.htc); }

html, body {
	height: 100%;
	background: #eceae6;
}
#toppage{
	margin: 30px auto 0 auto;
	width: 300px;
	text-align: center;
}

/* LAYOUT
------------------------------------------------------------------------*/
.wrapper{/* FOOTER FIXING */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px;
	background: url(images/bg-wrapper.jpg) repeat-x;
}
.push{/* FOOTER FIXING */
	height: 200px;
}

#header{
	width: 100%;
	height: 30px;
	/*background: #eceae6;*/
}
#header h1{
	margin: 0 auto;
	padding: 5px 0;
	width: 730px;
	font-size: 0.8em;
	color: #9d8d6c;
	font-weight: normal;
}

#container{
	margin: 20px auto 0;
	width: 730px;
}

#container #sidebar-left{
	float: left;
	width: 210px;
}

#container #main{
	float: right;
	width: 500px;
}

#footer{
	margin-top: 50px;
	width: 100%;
	height: 200px;
	background: url(images/bg-footer-line.gif) repeat-x top #cc0000;
}

/* FONT-COLOR , LINK STYLE
------------------------------------------------------------------------*/
#container{
	font-size: 0.8em;
	color: #9d8d6c;
}

#container a{
	text-decoration: none;
	color: #9d8d6c;
}
#container a:hover{
	background: #b09d82;
	color: #ffffff;
}

p{ padding: 5px; }


/* LAYOUT [ SIDEBAR-LEFT ]
------------------------------------------------------------------------*/
#sidebar-left .categorylist{
	margin: 10px auto;
	width: 210px;
}
#sidebar-left ul{}

#sidebar-left ul li{
	margin-left: 15px;
	list-style: disc;
}

#sidebar-left .buttons,
#sidebar-left .calendar{
	margin: 10px auto;
	width: 210px;
	text-align: center;
}

#sidebar-left .banner{
	margin: 10px auto;
	width: 210px;
	text-align: center;
}
#sidebar-left .banner img{
	margin: 15px 0 0 0;
}

h2.widgettitle{ display: none; }

/* LAYOUT [ MAIN ]
------------------------------------------------------------------------*/
#container #main .hd-copyright{
	position: relative;
	width: 500px;
	height: 85px;
	background: url(images/bg-main-hd.gif);
}

#container #main .hd-copyright img.copyright{
	position: absolute;
	top: 31px;
	left: -71px;
}

#container #main .entry{
	padding: 30px 100px 100px;
	background:	#ffffff url(images/bg-main-ft.gif) no-repeat left bottom;
}

#container #main .entry p{
	text-align: center;
}

#container #main .navigation{
	width: 300px;
	margin-top: -105px;
	margin-left: 100px;
}

#container #main .footericon{
	width: 300px;
	margin-top: 40px;
	margin-left: 100px;
	text-align: center;
}

#container #main .footericon a{ margin: 0 3px; }
#container #main .footericon a:hover{ background: none; }

/* LAYOUT [ FOOTER ]
------------------------------------------------------------------------*/
#footer .banner{
	margin: 0 auto;
	padding: 15px 0;
	width: 400px;
}

#footer .inner{
	margin: 0 auto;
	width: 850px;
	background: url(images/ba-ft-hanamarucopy.gif) no-repeat left top;
}

#footer .inner a{
	color: #ffffff;
	text-decoration: none;
}

#footer .inner a:hover{
	color: #cccccc;
}

#footer .inner p{ padding-left: 95px; font-size: 0.8em; }

#footer .inner p.footernavi{
	font-size: 0.75em;
	color: #ffffff;
}
#footer .inner p.copyright{
	font-size: 0.7em;
}



/* WORDPRESS DEFAULT ENTRY STYLE
------------------------------------------------------------------------*/
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}