@charset "utf-8";

/*---------------------------------
whole
---------------------------------*/
body { background:url(back.gif); padding:15px 0px; }


/*---------------------------------
header
---------------------------------*/
#header.top {
	padding:10px 13px 0px 13px;
	width:742px;
	height:298px;
	background:url(header_top.gif) no-repeat;
	margin:0px auto;
}
#header {
	padding:10px 13px 0px 13px;
	width:742px;
	height:93px;
	background:url(header.jpg) no-repeat;
	margin:0px auto;
	overflow:hidden;
}
#header img,
#header a#topLink {
	float:left;
	height:55px;
}
#header h1 {
	width:200px;
	float:right;
	font-size:11pt;
	background:none;
	text-align:right;
	color:#999999;
}
#movieArea { width:740px; margin:0px auto 5px auto; }
#header li { float:left; margin-right:10px; }
#header li.listend { margin:0px; }
#header a {
	text-indent:-500em;
	outline:none;
	display:block;
	width:115px;
	height:28px;
}
#header a:hover { background-position:0px -28px; }
#navi_rikabi { background:url(navi_rikabi.jpg); }
#navi_profile { background:url(navi_profile.jpg); }
#navi_link { background:url(navi_link.jpg); }
#navi_contact { background:url(navi_contact.jpg); }
#navi_sitemap { background:url(navi_sitemap.jpg); }
#navi_english { background:url(navi_english.jpg); }


/*---------------------------------
top
---------------------------------*/
#body_top_1,
#body_top_2 {
	width:768px;
	margin:0px auto;
}
#body_top_1 {
	background:url(body_top_1.gif) no-repeat;
	height:7px;
	overflow:hidden;
	margin-top:5px;
}
#body_top_2 { background:url(body_top_2.gif) repeat-y; }
#contentsBox1,
#contentsBox3 {
	width:168px;
	padding:5px 10px 10px 10px;
	float:left;
	background:url(back_contentsbox1.jpg) no-repeat;
}

#contentsBox1 h3,
#contentsBox3 h3 {
	background:url(back_h3_top.gif) no-repeat;
	height:19px;
	padding:7px 17px;
	font-size:11pt;
	color:#FFFFFF;
	margin:0px;
}
p.pictBox { width:160px; margin:10px auto; }
#contentsBox2 {
	width:380px;
	float:left;
	margin:0px 6px;
	overflow:hidden;
}
#history { background:url(back_history.jpg) no-repeat; }
#history,
#shop{
	overflow:hidden;
	padding:10px;
}
#history p,
#shop p { line-height:130%; }
#history a,
#shop a { float:right; }
#joint { height:15px; overflow:hidden; }
#joint span {
	background:url(joint.gif) no-repeat;
	position:absolute; z-index:1;
	margin-left:-10px;
	width:398px;
	height:15px;
}
#renewInfo {
	width:350px;
	height:300px;
	padding:0px 10px;
	margin:10px 0px 5px 0px;
	overflow:auto;
}
#renewInfo span { font-size:8pt; font-weight:bold; }
h3#titleHistory,
h3#titleRenew,
h3#titleShop{
	border-bottom:1px dashed #CCCCCC;
	text-indent:-500em;
}
h3#titleHistory { margin:0px; background:url(title_history.jpg) no-repeat; }
h3#titleRenew { margin:10px 10px 0px 10px; background:url(title_renewinfo.jpg) no-repeat; }
h3#titleShop { margin:10px 10px 0px 10px; background:url(title_shopinfo.jpg) no-repeat; }

#eventInfo { margin:10px 0px; }

/*---------------------------------
common
---------------------------------*/
#contents {
	width:768px;
	margin:10px auto;
	background:url(body_main_2.gif) repeat-y;
}
#body_main_1 {
	background:url(body_main_1.jpg) no-repeat;
	padding:15px;
}
#body_main_3 {
	background:url(body_main_3.gif) no-repeat;
	height:10px;
	overflow:hidden;
}
#pankuzu {
}
h3.head3 {
	background:url(back_h3.gif) no-repeat;
	height:19px;
	padding:7px 17px;
	font-size:11pt;
	color:#FFFFFF;
}
.indentBox { margin:0px 20px; }
div#linkCode { padding:5px; background:#F1F1F1; display:inline; color:#CC6600; }
p#linkEachOther { color:#999999; }
h4.head4 { color:#CC6600; }
a.pointer { background:url(pointer.gif) no-repeat; padding-left:20px; }

/*---------------------------------
about shop event
---------------------------------*/
h2#titleAbout,
h2#titleShop,
h2#titleEvent,
h2#titleAbout_en {
	height:88px;
}
h2#titleAbout span,
h2#titleShop span,
h2#titleEvent span,
h2#titleAbout_en span {
	width:738px;
	height:88px;
	position:absolute;
	z-index:1;
}
h2#titleAbout span { background:url(title_about.jpg) no-repeat; }
h2#titleShop span { background:url(title_shop.jpg) no-repeat; }
h2#titleEvent span { background:url(title_event.jpg) no-repeat; }
h2#titleAbout_en span { background:url(title_about_en.jpg) no-repeat; }
#historyArea h4 { font-size:10pt; color:#CC6600; }
#historyArea p {
	margin:0px 20px;
	line-height:130%;
	border-left:2px solid #E7DACB;
	padding-left:10px;
}
.pictInAbout_l {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;
	background:url(back_aboutpict.gif) no-repeat;
	width:256px;
	height:193px;
	padding-top:7px;
	padding-left:8px;
}
div.pictInAbout_r {
	float:right;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;
	background:url(back_aboutpict.gif) no-repeat;
	width:256px;
	height:193px;
	padding-top:7px;
	padding-left:8px;
}


/*---------------------------------
member
---------------------------------*/
h2#titleMember { height:88px; }
h2#titleMember span {
	width:738px;
	height:88px;
	position:absolute;
	z-index:1;
	background:url(title_member.jpg) no-repeat;
}
.thumbGroupMember {
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px;
}
.thumbGroupMember a {
	background:url(back_memberlist.jpg) no-repeat;
	display:block;
	margin-right:19px;
	padding:9px;
	width:141px;
	height:134px;
	text-decoration:none;
	text-align:center;
	color:#666666;
	font-weight:bold;
	font-size:8pt;
}
.thumbGroupMember a:hover { background-position:0px -152px; }
.thumbGroupMember .memberName {
	color:#CC6600;
	background:none;
	margin:0px auto 10px auto;
	padding:0px 0px 5px 0px;
	height:15px;
	font-weight:bold;
	font-size:11pt;
	border-bottom:1px dashed #999999;
}
.thumbGroupMember img {
	margin:0px auto 10px auto;
	padding:0px;
	display:block;
}
.thumbGroupMember div {
	width:106px;
	height:81px;
	background:url(back_thumb.gif) no-repeat;
	padding-top:6px;
	padding-left:6px;
	margin-top:5px;
}
#headPictArea img { border:2px solid #CCCCCC; margin-bottom:5px; }
#headPictArea {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	text-align:right;
	color:#999999;
	font-size:8pt;
}
h4.head4#memberName {
	font-size:16pt;
	margin-bottom:0px;
}
#memberNameFuri { color:#999999; }
dl#profileList dt { font-size:10pt; background:url(pointer.gif) no-repeat; padding-left:20px; color:#996600; }
dl#profileList dd { margin-bottom:10px; margin-left:20px; }
.subName { font-size:9pt; color:#999999; }
table.profileTable { border-collapse:collapse; }
table.profileTable th { padding:2px 10px 2px 2px; vertical-align:top; }
table.profileTable td { padding:2px; }

#worksListArea { width:670px; margin:0px auto; }
.worksList {
	width:120px;
	float:left;
	margin-left:10px;
}
.worksList div {
	width:106px;
	height:81px;
	background:url(back_thumb.gif) no-repeat;
	padding-top:6px;
	padding-left:6px;
	margin-top:5px;
}


/*---------------------------------
link
---------------------------------*/
h2#titleLink { height:88px; }
h2#titleLink span {
	width:738px;
	height:88px;
	position:absolute;
	z-index:1;
	background:url(title_link.jpg) no-repeat;
}
.linkGroup { margin:0px 20px;}
.linkGroup a:link,
.linkGroup a:visited,
.linkGroup a:active {
	background:url(pointer_link1.gif) no-repeat;
	background-color:#F7F7F7;
	padding-left:20px;
	display:block;
	padding:2px 0px 2px 20px; 
}
.linkGroup a:hover { background:url(pointer_link2.gif) no-repeat; background-color:#EAEAEA; }
.linkGroup p { margin-left:20px; }


/*---------------------------------
contact
---------------------------------*/
h2#titleContact { height:88px; }
h2#titleContact span {
	width:738px;
	height:88px;
	position:absolute;
	z-index:1;
	background:url(title_contact.jpg) no-repeat;
}
img#contactImg { width:388px; margin:0px auto; display:block; }


/*---------------------------------
sitemap
---------------------------------*/
h2#titleSitemap { height:88px; }
h2#titleSitemap span {
	width:738px;
	height:88px;
	position:absolute;
	z-index:1;
	background:url(title_sitemap.jpg) no-repeat;
}
.sitemapGroup { margin-left:20px; }
.sitemapGroup p { margin-left:20px; color:#999999; }
#memberAreaSitemap { margin:0px 20px 0px 40px; }
#memberAreaSitemap h4.head4 {
	clear:both;
	border-bottom:1px dashed #CCCCCC;
	padding:2px;
}
#memberAreaSitemap .thumbGroupMember a {
	background:url(pointer.gif) no-repeat;
	padding-left:20px;
	text-align:left;
}
#memberAreaSitemap .thumbGroupMember div a { padding:0px; background:none; }


/*---------------------------------
toipics
---------------------------------*/
h2#titleTopics { height:88px; }
h2#titleTopics span {
	width:738px;
	height:88px;
	position:absolute;
	z-index:1;
	background:url(title_topics.jpg) no-repeat;
}
/*---------------------------------
essay
---------------------------------*/
h2#titleEssay { height:88px; }
h2#titleEssay span {
	width:738px;
	height:88px;
	position:absolute;
	z-index:1;
	background:url(title_essay.jpg) no-repeat;
}
/*---------------------------------
footer
---------------------------------*/
#footer.top,
#footer {
	width:768px;
	margin:0px auto;
	overflow:hidden;
}
#footer.top { height:50px; }
#footer { height:43px; }
#footer.top span,
#footer span {
	width:768px;
	position:absolute;
	z-index:1;
}
#footer.top span { background:url(footer_top.gif) no-repeat; height:50px; }
#footer span { background:url(footer.gif) no-repeat; height:43px; }

/*---------------------------------
general
---------------------------------*/
.layoutClear {
	clear:both;
	height:0px;
}
a.generalLink {
	margin:0px;
	background:url(linkmark.gif) no-repeat;
	padding-top:2px;
	padding-left:20px;
	height:25px;
}
hr.partition { border:1px dashed #CCCCCC; }
.pager {
	background-color:#F6F6F6;
	border-bottom:1px solid #CCCCCC;
	padding:2px 5px;
	margin:10px 10px 5px 10px;
	text-align:center;
}
.centering { text-align:center; }
#processMes { text-align:center; font-weight:bold; }
table.generalTable {
	border-collapse:collapse;
	border-top:3px solid #E60019;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin:0px auto;
	width:auto;
}
table.generalTable th {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
table.generalTable td { border:1px solid #CCCCCC; background-color:#FAFAFA; }

table.generalTable2 {
	border-collapse:collapse;
	border-top:3px solid #E60019;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin:0px;
	width:auto;
}
table.generalTable2 th {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
table.generalTable2 td { border:1px solid #CCCCCC; background-color:#FAFAFA; }

.textSmall { font-size:7pt; }
.textSmall2 { font-size:9pt; }
.textBig { font-size:16pt; font-weight:bold; }
#submitBtn { text-align:center; margin:20px 0px; }
.attention { color:#CC0000; font-weight:bold; }
h3.general {
	margin:0px;
	padding:0px;
	background-color:#F6F6F6;
	padding:3px;
	font-size:11pt;
	border-bottom:1px solid #AAAAAA;
	border-left:8px solid #AAAAAA;
}
h4.general {
	border-bottom:1px dashed #CCCCCC;
	font-size:10pt;
	padding:3px;
}