@charset "UTF-8";



/* 全体
---------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	color: #333;
	font-size: small;
	background: url(../img/bg3.jpg) repeat-y;
}
img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}
a {
	color: #0066CC;
	text-decoration: underline;
	outline-width: 0;
}
a:hover {
	color: #0066CC;
	text-decoration: none;
}
p {
	font-size: 12px;
	margin: 0;
	padding: 0;
}
table,tr,td {
	border-collapse: collapse;
	vertical-align: top;
}
h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;

}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
li {
	margin:0;
	}	
#wrapper {
	background: url(../img/bg2.jpg) repeat;
}
#wrapper:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}
#contentsbox {
	clear: both;
	width: 800px;
}
#contentsbox:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}


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

#header {
	background: url(../img/bg.jpg) no-repeat;
	padding: 80px 0 0 0;
	height: 20px;
}
#header h1 {
	float: left;
	margin: 3px 0 0 10px;
	font-weight: normal;
	font-size: 10px;
}
#header:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}
#logo {
	padding-left: 190px;
	float: left;
}

/* サブナビ
---------------------------------------------------- */

#subnavibox {
	width: 124px;
	float: left;
	padding: 28px 0 0 6px;
}
#subnavibox li {
	width: 146px;
	height: 38px;
	text-indent: -9999px;
	margin-bottom: 8px;
}
#subnavibox a {
	display: block;
	width: 146px;
	height: 38px;
}
/*新着‚*/
#subnavi_whatsmia {
	background: url(../img/subnavi1_over.gif) no-repeat;
}
#subnavi_whatsmia a {
	background: url(../img/subnavi1.gif) no-repeat;
}
#subnavi_whatsmia a:hover {
	background: none;
}
/*NEWS*/
#subnavi_news {
	background: url(../img/subnavi2_over.gif) no-repeat;
}
#subnavi_news a {
	background: url(../img/subnavi2.gif) no-repeat;
}
#subnavi_news a:hover {
	background: none;
}
/*作品*/
#subnavi_works {
	background: url(../img/subnavi3_over.gif) no-repeat;
}
#subnavi_works a {
	background: url(../img/subnavi3.gif) no-repeat;
}
#subnavi_works a:hover {
	background: none;
}
#subnavi_works_on a {
	background: url(../img/subnavi3_over.gif) no-repeat;
}
/*クリエイター*/
#subnavi_creater {
	background: url(../img/subnavi4_over.gif) no-repeat;
}
#subnavi_creater a {
	background: url(../img/subnavi4.gif) no-repeat;
}
#subnavi_creater a:hover {
	background: none;
}
#subnavi_creater_on a {
	background: url(../img/subnavi4_over.gif) no-repeat;
}
/*ブログ*/
#subnavi_blog {
	background: url(../img/subnavi5_over.gif) no-repeat;
}
#subnavi_blog a {
	background: url(../img/subnavi5.gif) no-repeat;
}
#subnavi_blog a:hover {
	background: none;
}
/*お問い合わせ*/
#subnavi_contact {
	background: url(../img/subnavi6_over.gif) no-repeat;
}
#subnavi_contact a {
	background: url(../img/subnavi6.gif) no-repeat;
}
#subnavi_contact a:hover {
	background: none;
}
/*リンク*/
#subnavi_link {
	background: url(../img/subnavi7_over.gif) no-repeat;
}
#subnavi_link a {
	background: url(../img/subnavi7.gif) no-repeat;
}
#subnavi_link a:hover {
	background: none;
}

/* メインコンテンツ
---------------------------------------------------- */

#maincontents {
	float: right;
	width: 648px;
	margin-top: 5px;
}

/* フッタ
---------------------------------------------------- */

#footer {
	clear: both;
	background: url(../img/footer.jpg) no-repeat;
	height: 220px;
	padding: 30px 0 0 180px;
}
#footer p {
	font-size: 10px;
	color: #999;
	line-height: 170%;
}
#footer p a {
	color: #333;
	text-decoration: none;
}
#footer p a:hover {
	text-decoration: underline;
}

/* 汎用
---------------------------------------------------- */
.colred {
	color: #CC0000;
}
.colgreen {
	color: #669900;
}
.colred_bold {
	color: #CC0000;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
a.link {
	color: #0066CC;
	text-decoration: underline;
}
a.link:hover {
	color: #0066CC;
	text-decoration: none;
}
.font10 {
	font-size: 10px;
}
.font12 {
	font-size: 12px;
}
.gotop {
	text-align: right;
	clear: both;
}
.gotop:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}