@charset "shift_jis";

@import "../../../css/common.css";
@import "director_room_common.css";
@import "../../../css/font.css";

/*-------------------- 1. Page Title --------------------*/

h2#ttlDirectorsRoom { background-image: url(../img/title_director.jpg);}

/*-------------------- End Page Title --------------------*/

/*-------------------- 2. ContentsBox --------------------*/

div.contentsBox { width: 595px; background-repeat: no-repeat; margin: 0 auto; position: relative; padding-bottom: 15px;
					border-bottom: 1px dotted #666; margin-bottom: 25px;}
	div.rightBox { width: 375px; margin-left: 220px;}
	div.contentsBox h3 { margin-bottom: 15px;}
	div.contentsBox li { background-image: url(../img/icon_list.gif); background-repeat: no-repeat; background-position: 0 50%;
							padding-left: 15px; font-size: 93%; margin-bottom: 3px;}
	div.rightBox a { text-decoration: underline;}
	a#btnMore,
	a#btnCollection,
	a#btnPhoto { width: 100px; height: 24px; display: block; position: absolute; bottom: 15px; right: 10px;}


/*-------------------- End ContentsBox --------------------*/

/*-------------------- 3. Essay --------------------*/

div#essay { background-image:url(../img/img_essay.jpg); }
	h3#ttlEssay { width: 84px; height: 19px; background-image: url(../img/sub_ttl_essay.gif);}
	a#btnMore { background-image: url(../img/btn_more.jpg);}

/*-------------------- End Essay --------------------*/

/*-------------------- 3. Opinion --------------------*/

div#opinion { background-image:url(../img/img_opinion.jpg); }
	h3#ttlOpinion { width: 108px; height: 22px; background-image: url(../img/sub_ttl_opinion.gif);}

/*-------------------- End Opinion --------------------*/

/*-------------------- 4. Dr.doll --------------------*/

div#drDoll { background-image:url(../img/img_dr_doll.jpg);}
	h3#ttlDrDoll { width: 84px; height: 20px; background-image:url(../img/sub_ttl_dr_doll.gif);}
	div#drDoll p { width: 250px;}
	a#btnCollection { background-image: url(../img/btn_collection.jpg);}

/*-------------------- End Dr.doll --------------------*/

/*-------------------- 5. Photo --------------------*/

div#photo { background-image:url(../img/img_photo.jpg);}
	h3#ttlPhoto { width: 175px; height: 21px; background-image:url(../img/sub_ttl_photo.gif);}
	div#photo p { width: 250px;}
	a#btnPhoto { background-image:url(../img/btn_photo.jpg);}

/*-------------------- End Photo --------------------*/