﻿@charset "utf-8";
/******************************************************************************/
/* 共通                                                                       */
/******************************************************************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro';
	text-align: center;
	background: #ededed;
}

span.shidden { visibility: hidden; }
span.sred { color: #ff0000; }

img {
	border: 0px;
	vertical-align: top;
}

div.clear { clear: both; }

#wrap-outer {
	width: 950px;
	margin: 0px auto;
	background: url(../common/back.gif) repeat-y;
}

#wrap-inner {
	width: 900px;
	margin: 0px auto;
}


/******************************************************************************/
/* ヘッダ                                                                     */
/******************************************************************************/
#head {
	width: 840px;
	height: 153px;
	text-align: left;
	margin: 0px auto 10px;
	background: url(../common/top_back.gif) no-repeat;
	position: relative;
}

#head-title {
	position: absolute;
	top: 10px;
	left: 0px;
}

#mp3 {
	position: absolute;
	bottom: 40px;
	right: 0px;
}

#head-text {
	position: absolute;
	font-size: 13px;
	right: 0px;
	bottom: 20px;
}

/******************************************************************************/
/* メニュー                                                                   */
/******************************************************************************/
#menu {
	width: 100%;
	height: 35px;
	margin-bottom: 20px;
}

#menu-list {
	list-style-type: none;
}

#menu-list li {
	float: left;
	height: 35px;
}

#menu-item01 {
	width: 96px;
	background: url(../common/menu_01_a.gif) no-repeat;
}

#menu-item02 {
	width: 117px;
	background: url(../common/menu_02_a.gif) no-repeat;
}

#menu-item03 {
	width: 102px;
	background: url(../common/menu_03_a.gif) no-repeat;
}

#menu-item04 {
	width: 117px;
	background: url(../common/menu_04_a.gif) no-repeat;
}

#menu-item05 {
	width: 165px;
	background: url(../common/menu_05_a.gif) no-repeat;
}

#menu-item06 {
	width: 83px;
	background: url(../common/menu_06_a.gif) no-repeat;
}

#menu-item07 {
	width: 84px;
	background: url(../common/menu_07_a.gif) no-repeat;
}

#menu-item08 {
	width: 136px;
	background: url(../common/menu_08_a.gif) no-repeat;
}

#menu-list li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#menu-link01:link    { background: url(../common/menu_01_a.gif) no-repeat; }
#menu-link01:visited { background: url(../common/menu_01_a.gif) no-repeat; }
#menu-link01:hover   { background: url(../common/menu_01_b.gif) no-repeat; }
#menu-link01:active  { background: url(../common/menu_01_a.gif) no-repeat; }

#menu-link02:link    { background: url(../common/menu_02_a.gif) no-repeat; }
#menu-link02:visited { background: url(../common/menu_02_a.gif) no-repeat; }
#menu-link02:hover   { background: url(../common/menu_02_b.gif) no-repeat; }
#menu-link02:active  { background: url(../common/menu_02_a.gif) no-repeat; }

#menu-link03:link    { background: url(../common/menu_03_a.gif) no-repeat; }
#menu-link03:visited { background: url(../common/menu_03_a.gif) no-repeat; }
#menu-link03:hover   { background: url(../common/menu_03_b.gif) no-repeat; }
#menu-link03:active  { background: url(../common/menu_03_a.gif) no-repeat; }

#menu-link04:link    { background: url(../common/menu_04_a.gif) no-repeat; }
#menu-link04:visited { background: url(../common/menu_04_a.gif) no-repeat; }
#menu-link04:hover   { background: url(../common/menu_04_b.gif) no-repeat; }
#menu-link04:active  { background: url(../common/menu_04_a.gif) no-repeat; }

#menu-link05:link    { background: url(../common/menu_05_a.gif) no-repeat; }
#menu-link05:visited { background: url(../common/menu_05_a.gif) no-repeat; }
#menu-link05:hover   { background: url(../common/menu_05_b.gif) no-repeat; }
#menu-link05:active  { background: url(../common/menu_05_a.gif) no-repeat; }

#menu-link06:link    { background: url(../common/menu_06_a.gif) no-repeat; }
#menu-link06:visited { background: url(../common/menu_06_a.gif) no-repeat; }
#menu-link06:hover   { background: url(../common/menu_06_b.gif) no-repeat; }
#menu-link06:active  { background: url(../common/menu_06_a.gif) no-repeat; }

#menu-link07:link    { background: url(../common/menu_07_a.gif) no-repeat; }
#menu-link07:visited { background: url(../common/menu_07_a.gif) no-repeat; }
#menu-link07:hover   { background: url(../common/menu_07_b.gif) no-repeat; }
#menu-link07:active  { background: url(../common/menu_07_a.gif) no-repeat; }

#menu-link08:link    { background: url(../common/menu_08_a.gif) no-repeat; }
#menu-link08:visited { background: url(../common/menu_08_a.gif) no-repeat; }
#menu-link08:hover   { background: url(../common/menu_08_b.gif) no-repeat; }
#menu-link08:active  { background: url(../common/menu_08_a.gif) no-repeat; }


/******************************************************************************/
/* コンテンツ                                                                 */
/******************************************************************************/
#main {
	width: 840px;
	margin: 0px auto 20px;
}

#contents {
	float: right;
	width: 520px;
	text-align: left;
}

#contents2 {
	float: right;
	width: 840px;
	text-align: left;
}


#site-info {
	margin: 20px 0px 2px;
}

#blog-info {
	width: 518px;
	padding: 5px 0px;
}

#contents .blog-line { padding: 5px 0px; margin: 0px 10px; border-bottom: 1px dotted #cccccc; }
#contents .blog-line .blog-date { padding-right: 15px; padding-left: 10px; }

#rss { width: 100%; margin: 10px 0px; }
#rss-logo {
	float: left;
	width: 80px;
}
#rss-logo .logo01 { margin-bottom: 5px; }
#rss-top {
	float: right;
	width: 432px;
}

#contact-us { margin: 10px 0px; }
#contact-us .contact-description { margin-top: 5px; }

#banner { margin: 10px 0px; }

#amazon {
	float: left;
	width: 300px;
	background: #eeeeee;
}


/******************************************************************************/
/* フッター                                                                   */
/******************************************************************************/
#foot {
	clear: both;
	width: 100%;
}

#foot-link {
	line-height: 30px;
}

#copy-right {
	text-align: right;
	line-height: 40px;
}


/******************************************************************************/
/* プロフィール                                                               */
/******************************************************************************/
.prof-title {
	margin-bottom: 15px;
}

.prof-text {
	float: left;
	width: 270px;
	margin-bottom: 15px;
}

.prof-img {
	float: right;
	width :240px;
	margin-bottom: 15px;
}

.prof-name {
	font-weight: bold;
	margin-bottom: 15px;
}

.prof-description {
	margin-bottom: 10px;
}
/******************************************************************************/
/* プロフィール / リンク　/作品                                               */
/******************************************************************************/
.link-tex {
	font-size: 14px;
	margin-top: 20px;
	font-weight: bold;
}
.link-tex2 {
	font-size: 14px;
	margin-bottom: 5px;
	margin-top: 20px;
}
.link {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 2px 0px 20px;
	width: 520px;
}
.link th {
	font-weight: normal;
	background: #eeeeee;
	width: 150px;
	padding: 5px 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.link td {
	padding: 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.link2 {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 2px 0px 20px;
	width: 520px;
}
.link2 th {
	font-weight: normal;
	width: 240px;
	padding: 5px 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.link2 td {
	padding: 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.music {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 2px 0px 20px;
	width: 520px;
}
.music th {
	background: #eeeeee;
	text-align: center;
	font-weight: bold;
	width: 45px;
	padding: 5px 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.music td {
	padding: 5px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.music-01 {
	
	font-weight: bold;
	background: #eeeeee;
	text-align: center;
}

