@charset "UTF-8";

/* ============================================================================
	INDEX
============================================================================ */
.indexArea{ width:850px; margin:0 auto; padding:0 0 50px; }
.right{ width:415px; text-align:center; float:right; }
.left{ margin:0; float:left; }
.stitle{ clear:both; padding:70px 0 3px; text-align:left; background:url(../../images/index/border_bold.gif) repeat-x left bottom; }
dl.news{ margin:0; padding:3px 0 ; text-align:left; background:url(../../images/index/dot.gif) repeat-x left bottom; }
dl.news dt{ width:102px; padding:6px 0; float:left; background:url(../../images/index/dot.gif) repeat-x left top; }
dl.news dd{ width:748px; margin:0; padding:6px 0; float:left; background:url(../../images/index/dot.gif) repeat-x left top; }
dl.news .top{ background:none; }

dl.news dd a:link,dl.news dd a:visited,dl.news dd a:active { color:#FFF; text-decoration:underline; }
dl.news dd a:hover { color:#FFF; text-decoration:none; }

/* ============================================================================
	PROFILE
============================================================================ */

.profile{ width:800px; margin:0 auto; padding:20px 0 120px; text-align:left; }
.proImg{ float:left; }
.proText{ width:610px; padding-bottom:50px; float:right; }
.proText h3{ margin:20px 0 10px; padding:0; }
.profile p{ margin-left:10px; }
.profile dl{ margin-left:10px; }
.profile dl dt{ margin:0; padding:0 0 3px; border-bottom:1px dotted #FFCCCC; font-weight:bold; font-size:116.7%; }
.profile dl dd{ margin:0 0 15px; padding:5px 0; }


/* ============================================================================
	BOOK
============================================================================ */

#bookArea{ width:639px; margin:0 auto; padding:0 0 50px; text-align:left; }
#bookArea h2{ margin:0; padding:0; }
#bookArea h3{ margin:0 0 30px; padding:0; }
#bookArea .left{ width:250px; margin:0 0 0 33px; float:left; }
#bookArea .right{ width:332px; float:right; }

/* ============================================================================
	CONTACT
============================================================================ */

.contact{ width:800px; margin:0 auto; padding:20px 0 150px; text-align:left; color:#FFFFFF; }


/* ============================================================================
	WORKS
============================================================================ */

#works{ width:850px; margin:0 auto; padding:0 0 30px; color:#fb3b69; }
#illustArea{ width:664px; margin:18px 0 0; padding:25px 0 0; float:right; background:url(../../works/images/table01.gif) no-repeat left top #FFF; }
#illustInner{ padding:0 0 25px; background:url(../../works/images/table02.gif) no-repeat left bottom; }
#illustInner p{ margin:0; padding:15px 0 0; }
#illustInner .firstContact{ height:500px; line-height:500px; }
dl#worksSide{ width:185px; float:left; text-align:left; color:#FFF; font-size:83.3%; }
dl#worksSide dt{ }
dl#worksSide dd{ margin:5px 0 25px 2px; padding:0; }
dl#worksSide dd img{ margin:0 5px 5px 0; }
dl#worksSide dd a img{ -moz-opacity:0.5; opacity:0.5; filter: alpha(opacity=50); }
dl#worksSide dd a.selsect img,dl#worksSide dd a:hover img{ -moz-opacity:1; opacity:1; filter: alpha(opacity=100); }
/*
dl#worksSide dd a.selsect,dl#worksSide dd a:hover img{ -moz-opacity:0.5; opacity:0.5; filter: alpha(opacity=50); }
dl#worksSide dd a.selsect:hover img{ -moz-opacity:1; opacity:1; filter: alpha(opacity=100); }
*/