@charset "UTF-8";

/*
----------------------------------------------------
FOR Kumiko Official Site
updated: May 18,2010
---------------------------------------------------- */


/* -----------------------------------
	home
----------------------------------- */

#page-home #header-area {
	position: relative;	
	height: 445px;
	margin-bottom: 26px;
}

#header-area h1#site-id {
	width: 300px;
	height: 35px;
	margin: 0;
	padding: 0;
}

#header-area h1#site-id img{
	display: block;
}

#header-area div#branding {
	width: 876px;
	height: 406px;
	margin: 4px 0 0;
	background: url(../../images/branding.jpg) left top no-repeat;
}

#header-area div#branding h2 {
	text-indent: -9999px;
	overflow: hidden;	
}


/* -----------------------------------
	div#branding ul#home-gnav
----------------------------------- */

#header-area div#branding ul#home-gnav {
	position: absolute;
	left: 26px;
	top:142px;
	width: 190px;
	height: 272px;
	background: transparent;
}

#header-area div#branding ul#home-gnav li {
	width: 190px;
	height: 32px;
	margin: 0 0 2px 0;
	text-indent: -9999px;
	overflow: hidden;
}

#header-area div#branding ul#home-gnav li a {
	display: block;
	width: 190px;
	height: 32px;
	text-decoration: none;
}

#header-area div#branding ul#home-gnav li#home-gnav-home {
	background: url(../../images/home_gnav.jpg) left top no-repeat; 	
}
#header-area div#branding ul#home-gnav li#home-gnav-home a:hover,
#header-area div#branding ul#home-gnav li#home-gnav-home a.current {
	background: url(../../images/home_gnav.jpg) -240px top no-repeat; 	
}

#header-area div#branding ul#home-gnav li#home-gnav-news {
	background: url(../../images/home_gnav.jpg) left -34px no-repeat; 
}
#header-area div#branding ul#home-gnav li#home-gnav-news a:hover {
	background: url(../../images/home_gnav.jpg) -240px -34px no-repeat; 
}

#header-area div#branding ul#home-gnav li#home-gnav-concert {
	background: url(../../images/home_gnav.jpg) left -68px no-repeat; 	
}
#header-area div#branding ul#home-gnav li#home-gnav-concert a:hover {
	background: url(../../images/home_gnav.jpg) -240px -68px no-repeat; 	
}

#header-area div#branding ul#home-gnav li#home-gnav-prof {
	background: url(../../images/home_gnav.jpg) left -102px no-repeat; 	
}
#header-area div#branding ul#home-gnav li#home-gnav-prof a:hover{
	background: url(../../images/home_gnav.jpg) -240px -102px no-repeat; 	
}

#header-area div#branding ul#home-gnav li#home-gnav-disco {
	background: url(../../images/home_gnav.jpg) left -136px no-repeat; 	
}
#header-area div#branding ul#home-gnav li#home-gnav-disco a:hover {
	background: url(../../images/home_gnav.jpg) -240px -136px no-repeat; 	
}

#header-area div#branding ul#home-gnav li#home-gnav-photo {
	background: url(../../images/home_gnav.jpg) left -170px no-repeat; 	
}
#header-area div#branding ul#home-gnav li#home-gnav-photo a:hover {
	background: url(../../images/home_gnav.jpg) -240px -170px no-repeat; 	
}

#header-area div#branding ul#home-gnav li#home-gnav-essay {
	background: url(../../images/home_gnav.jpg) left -204px no-repeat; 	
}
#header-area div#branding ul#home-gnav li#home-gnav-essay a:hover {
	background: url(../../images/home_gnav.jpg) -240px -204px no-repeat; 	
}

#header-area div#branding ul#home-gnav li#home-gnav-bbs {
	background: url(../../images/home_gnav.jpg) left -238px no-repeat; 	
}
#header-area div#branding ul#home-gnav li#home-gnav-bbs a:hover{
	background: url(../../images/home_gnav.jpg) -240px -238px no-repeat; 	
}


/* -----------------------------------
	utility-nav
----------------------------------- */

#page-home ul#utility-nav{
	top: -465px;
}

/* -----------------------------------
	home-contents-body
----------------------------------- */

#page-home #content-body {
	width: 876px;
	height: auto;
	overflow: hidden;
	background: url(../images/dot_ver.gif) 560px 0 repeat-y;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

/* -----------------------------------
	body-main
----------------------------------- */

#content-body div#body-main {
	width: 545px;
	height: auto;
	float: left;
}

/* -----------------------------------
	body-main h2
----------------------------------- */

#content-body div#body-main h2 {
	width: 545px;
	height: 55px;
	text-indent: -9999px;
	margin: 0 ;
}

#content-body div#body-main h2#h2-main-01 {
	background: url(../../images/h2_main_01.jpg) left top no-repeat;
}

#content-body div#body-main h2#h2-main-02 {
	background: url(../../images/h2_main_02.jpg) left top no-repeat;
}

/* -----------------------------------
	p#btn-goToAll-a
----------------------------------- */

p#btn-goToAll-a {
	position: relative;
	left: 430px;
	bottom: 64px;
	width: 112px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 -24px;
	padding: 0;
	background: url(../../images/btn_go_list_01.gif) left top no-repeat;
}
p#btn-goToAll-a a {
	display: block;
	width: 112px;
	height: 24px;
	text-decoration: none;
}
p#btn-goToAll-a a:hover {
	background: url(../../images/btn_go_list_01.gif) left -30px no-repeat;	
}


p#btn-goToAll-b {
	position: relative;
	left: 430px;
	bottom: 64px;
	width: 112px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 -24px;
	padding: 0;
	background: url(../../images/btn_go_list_02.gif) left top no-repeat;
}
p#btn-goToAll-b a {
	display: block;
	width: 112px;
	height: 24px;
	text-decoration: none;
}
p#btn-goToAll-b a:hover {
	background: url(../../images/btn_go_list_02.gif) left -30px no-repeat;	
}


/* -----------------------------------
	.picup
----------------------------------- */

.picup {
	_overflow: visible;/* ~WinIE6 */
	_height: 1px;/* ~WinIE6 */
	zoom: 1;
	/*\*//*/
	overflow: hidden;
	/**/
	padding: 0em 1em 1em;
	margin-bottom: 1.5em;
	background: url(../images/dot_hor.gif) left bottom repeat-x;
}

*:first-child+html .picup {
	padding-bottom: 0.5em;
}

* html .picup {
	padding-bottom: 0.5em;
}

.picup:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.picup p {
	font-size: 107%;
	color: ;
}

.picup span.link-list-arrow {
	float: right;
	margin-top: 1em;
	padding-left: 21px;
	background: url(../images/arrow_01.gif) left 5px no-repeat;
	*background: url(../images/arrow_01.gif) lrft 5px no-repeat;
}

*:first-child+html .picup span.link-list-arrow {
	margin-top: 0;
}
* html .picup span.link-list-arrow {
	margin-top: 0;	
}



/* -----------------------------------
	dl.body-main-list
----------------------------------- */

dl.body-main-list {
	width: 535px;
	height: auto;
	margin: 0 0 26px 1px;
	padding: 0 0 35px 5px !important;
	background: url(../images/dot_hor.gif) left bottom repeat-x;
	overflow: hidden;
}

dl.body-main-list dt {
	float: left;
	width: 104px;
	height: 20px;
	line-height: 1.1;
	font-size: 85%;
	font-weight: normal;
	vertical-align: top;
	padding-top: 1px;
	margin-right: 20px !important;
	white-space: nowrap;
}

dl.body-main-list dt span.type-a {
	display: block;
	width: 104px;
	height: 19px;
	padding-top: 2px;
	color: #fff;
	text-align: center;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(../../images/list_dt_bg.jpg) left top no-repeat;
}

dl.body-main-list dt span.type-b {
	display: block;
	padding-top: 0px;
	padding-left: 3px;
	color: #8c8c8c;
	/*background: url(../../images/list_dt_bullet.gif) left 9px no-repeat;*/
}

dl.body-main-list dt span.type-b span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 125%;
	font-weight: bold;
	color: #1A9FDA;
	padding-bottom: 1px;
}

dl.body-main-list dd {
	float: left;
	width: 410px;
	font-size: 93%;
	line-height: 1.4;
	padding: 0 0 1.3em 0 !important;
}

dl.body-main-list.width-B dt {
	width: 154px;
	margin-right: 10px !important;
}
dl.body-main-list.width-B dd {
	width: 369px;
}


/* -----------------------------------
	body-sub
----------------------------------- */

#content-body div#body-sub {
	width: 300px;
	height: auto;
	float: right;
}

#content-body div#body-sub h2 {
	width: 300px;
	height: 34px;
	text-indent: -9999px;
	margin: 0 0 16px;
}

#content-body div#body-sub h2#h2-sub-01 {
	background: url(../../images/h2_sub_01.jpg) left top no-repeat;	
}

/* -----------------------------------
	body-sub-block
----------------------------------- */

.body-sub-block {
	position: relative;
	width: 290px;
	margin: 0 6px 18px 4px;
	padding-bottom: 18px;
	overflow: hidden;
	background: url(../images/dot_hor.gif) left bottom repeat-x;
}

.body-sub-block p.btn-detail {
	position: relative;
	left: 40px;
}

.body-sub-block h3 {
	margin: 0 0 13px;	
}

.body-sub-block img {
	margin-right: 12px;
}

.body-sub-block p {
	font-size: 85%;
}


/* body-sub-block#plugin-block */

.body-sub-block#plugin-block {
	margin-top: 15px;
	margin-bottom: 0;
	padding-top: 17px;
	background: url(../images/dot_hor.gif) left top repeat-x;
}

.body-sub-block#plugin-block h3 {
	margin-bottom: 0.5em;
}

.body-sub-block#plugin-block * {
	font-size: 100%;
}

/* -----------------------------------
	banner-area-sub
----------------------------------- */

.banner-area-sub {
	width: 290px;
	margin: 0 6px 0 4px;
	padding: 26px 0 0;
	padding: 0 0 0;
	/*background: url(../images/dot_hor.gif) left top repeat-x;*/
}

.banner-area-sub p.banner-sub {
	margin: 0 0 0 -4px ;
}


/* -----------------------------------
	home #footer-area 
----------------------------------- */

#page-home #footer-area {
	padding-top: 0;
}


/* -----------------------------------
	home #footer-area div.goBackToTop
----------------------------------- */

#page-home #footer-area div.goBackToTop {
	width: 876px;
	height: 34px;
	margin: 0 0 0.5em;
	background: url(../../images/footer_bar.jpg) left top no-repeat;
}