@charset "utf-8";

@import "common.css";


/* ---------------------------------------------------
works.css
作品一覧用CSS
--------------------------------------------------- */

/* ---------------------------------------------------
header
--------------------------------------------------- */
#menu ul li.menu3 a {
	background-position: left bottom;
}



/* ---------------------------------------------------
sidemenu
--------------------------------------------------- */
/*#sidemenu div.ttl01 a {
	background-image: url(../images/works/works_menu_sttl1.gif);
}

#sidemenu div.ttl02 a {
	background-image: url(../images/works/works_menu_sttl2.gif);
}

#sidemenu div.smenutu10 a {
	background-image: url(../images/works/works_menuunder10.gif);
}*/

#sidemenu div.smenu00 a {
	background-image: url(../images/works/works_menu00.gif);
}

#sidemenu div.smenu00_1 a {
	background-image: url(../images/works/works_menu00_1.gif);
}

#sidemenu div.smenu00_2 a {
	background-image: url(../images/works/works_menu00_2.gif);
}

#sidemenu div.smenu00_3 a {
	background-image: url(../images/works/works_menu00_3.gif);
}

#sidemenu div.smenu01 a {
	background-image: url(../images/works/works_menu01.gif);
}

#sidemenu div.smenu02 a {
	background-image: url(../images/works/works_menu02.gif);
}

#sidemenu div.smenu03 a {
	background-image: url(../images/works/works_menu03.gif);
}

#sidemenu div.smenu04 a {
	background-image: url(../images/works/works_menu04.gif);
}

#sidemenu div.smenu05 a {
	background-image: url(../images/works/works_menu05.gif);
}

#sidemenu div.smenu06 a {
	background-image: url(../images/works/works_menu06.gif);
}

#sidemenu div.smenu07 a {
	background-image: url(../images/works/works_menu07.gif);
}

#sidemenu div.smenu08 a {
	background-image: url(../images/works/works_menu08.gif);
}

#sidemenu div.smenu09 a {
	background-image: url(../images/works/works_menu09.gif);
}

#sidemenu div.smenu10 a {
	background-image: url(../images/works/works_menu10.gif);
}

#sidemenu div.smenu11 a {
	background-image: url(../images/works/works_menu11.gif);
}

#sidemenu div.smenu12 a {
	background-image: url(../images/works/works_menu12.gif);
}

#sidemenu div.smenu13 a {
	background-image: url(../images/works/works_menu13.gif);
}

#sidemenu div.smenu14 a {
	background-image: url(../images/works/works_menu14.gif);
}

#sidemenu div.smenuf01 a {
	background-image: url(../images/works/works_menuf01.gif);
}

#sidemenu div.smenuf02 a {
	background-image: url(../images/works/works_menuf02.gif);
}

#sidemenu div.smenuf03 a {
	background-image: url(../images/works/works_menuf03.gif);
}

#sidemenu div.smenuf04 a {
	background-image: url(../images/works/works_menuf04.gif);
}

#sidemenu div.smenuf05 a {
	background-image: url(../images/works/works_menuf05.gif);
}

#sidemenu div.smenuf06 a {
	background-image: url(../images/works/works_menuf06.gif);
}

#sidemenu div.smenu_sp2009 a {
	background-image: url(../images/works/works_menut2009.gif);
}


/*↓新しいメニュー100112*/
#sidemenu div.smenun01 a {
	background-image: url(../images/works/works_menu_n01.gif);
}

#sidemenu div.smenun02 a {
	background-image: url(../images/works/works_menu_n02.gif);
}

#sidemenu div.smenun03 a {
	background-image: url(../images/works/works_menu_n03.gif);
}
/*↑新しいメニュー100112*/


/* ---------------------------------------------------
sec01
--------------------------------------------------- */
.sec01 {
	margin: 0 0 15px 0;
}

.sec01 h2 {
	margin: 0 0 18px 0;
}

.sec01 h2 img {
	display: block;
	margin: 0;
	padding: 0;
}

.sec01 .itm01 {
	clear: both;
	margin: 0 12px 35px 12px;
}

.sec01 .itm01 h3 {
	margin: 0 0 8px 0;
	padding: 0 0 3px 0;
	border-bottom: 2px solid #ef3300;
}

.sec01 .itm01 h3 span {
	color: #ef3300;
}

.sec01 .itm01 p {
	margin-left: 12px;
	margin-right: 12px;
}

.sec01 .itm01 ul {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 1.5em;
}

.sec01 .itm01 ul li {
	line-height: 150%;
}

.sec01 .itm01 p.mark {
	padding-left: 20px;
	background: url(../images/common/mark02.gif) no-repeat left 4px;
}

/*作品と作家*/
.sec01 .itm02 {
	clear: both;
	margin: 0 12px 35px 12px;
}

.sec01 .itm02 h3 {
	margin: 0 0 8px 0;
	padding: 0 0 3px 0;
	border-bottom: 2px solid #ef3300;
}

.sec01 .itm02 h3 span {
	color: #ef3300;
}

.sec01 .itm02 p {
	clear: both;
	margin-left: 12px;
	margin-right: 12px;
}

.sec01 .itm02 p span.itmimg {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}

.sec01 .itm02 p span.margin2 {
	margin-right: 50px;
}

.sec01 .itm02 p span.itmimg img {
	border: 2px solid #fff;
}

.sec01 .itm02 p span.itmimg a img {
	border: 2px solid #fff;
}

.sec01 .itm02 p span.itmimg a:hover img {
	border: 2px solid #ef3300;
}