@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 共通パーツ
--------------------------------------------------------------------------------------- */

/* レイアウト -------------------- */

#ctLeft {
	float: left;
	width: 300px;
	padding-top: 12px;
}

#ctRight {
	float: right;
	padding-top: 12px;
	width: 622px;
}


/* タイトル -------------------- */

.title {
	padding-top: 40px;
	font-size: 167%;
	font-weight:bold;
	line-height: 1.5;
}

.title img {
	margin: -10px 7px 0 0;
	vertical-align: top;
}


/* イメージ -------------------- */

img.border {
	border: 4px solid #E5E5E5;
}


/* ボックス -------------------- */

/* type01 */

div.ctBox03 {
	position: relative;
	width: 622px;
	margin-bottom: 12px;
	background: url(../images/bg_ctbox03_rp.gif) repeat-y;
}

div.ctBox03Bt {
	width: 622px;
	padding-bottom: 18px;
	background: url(../images/bg_ctbox03_bt.gif) no-repeat left bottom;
}

div.ctBox03Bt h2 {
	margin-bottom: 9px;
}

div.ctBox03Bt .linkBtn {
	position: absolute;
	top: 11px;
	right: 28px;
}

div.ctBox03Bt ul.linkBtn02 {
	position: absolute;
	top: 14px;
	right: 34px;
}

div.ctBox03Bt ul.linkBtn02 li {
	float: left;
}

div.ctBox03Bt ul.linkBtn02 li.list {
	float: left;
}

div.ctBox03Bt ul.linkBtn02 li.detail {
	display: none;
}



div.ctBox03Bt .rssBtn01 {	position: absolute;	top: 14px;	left: 337px;}
div.ctBox03Bt .rssBtn02 {	position: absolute;	top: 14px;	left: 99px;}
div.ctBox03Bt .rssBtn03 {	position: absolute;	top: 14px;	left: 87px;}
div.ctBox03Bt .rssBtn04 {	position: absolute;	top: 14px;	left: 185px;}
div.ctBox03Bt .rssBtn05 {	position: absolute;	top: 14px;	left: 217px;}
div.ctBox03Bt .rssBtn06 {	position: absolute;	top: 14px;	left: 151px;}
div.ctBox03Bt .rssBtn07 {	position: absolute;	top: 14px;	left: 116px;}
div.ctBox03Bt .rssBtn08 {	position: absolute;	top: 14px;	left: 168px;}
div.ctBox03Bt .rssBtn09 {	position: absolute;	top: 14px;	left: 202px;}

div.ctBox03Bt .searchTxt01 {	position: absolute;	top: 12px;	left: 169px;	font-size:117%;}


div.ctBox03Bt .rightBtn {
	margin-right: 30px;
	text-align: right;
	font-size: 0;
}

div.ctBox03Bt ul.rightBtn {
	margin-top: 10px;
}

div.ctBox03Bt .rightBtn li {
	display: inline;
	padding-left: 7px;
}

div.ctBox03 p.more {
	text-align: right;
	margin-right: 30px;
}

div.ctBox03 p.more a {
	padding-left: 13px;
	background: url(../images/icon_arw_black.gif) no-repeat left center;
}

/* type02 */

div.ctBox04 {
	position: relative;
	width: 950px;
	background: url(../images/bg_ctbox04_rp.gif) repeat-y;
}
div.ctBox04Bt {
	width: 950px;
	padding-bottom: 16px;
	background: url(../images/bg_ctbox04_bt.gif) no-repeat left bottom;
}
div.ctBox04Tp {
	width: 950px;
	padding-top: 14px;
	background: url(../images/bg_ctbox04_tp.gif) no-repeat;
}

/* type03 */

div.ctBox05 {
	position: relative;
	width: 622px;
	margin-bottom: 12px;
	background: url(../images/bg_ctbox05_rp.gif) repeat-y;
}
div.ctBox05Bt {
	width: 622px;
	padding-bottom: 5px;
	background: url(../images/bg_ctbox05_bt.gif) no-repeat left bottom;
}
div.ctBox05Tp {
	width: 622px;
	padding-top: 11px;
	background: url(../images/bg_ctbox05_tp.gif) no-repeat;
}

div.ctBox05Tp .imgBox01 dt {
	font-size: 117%;
}

div.ctBox05Tp .imgBox01 dl.rightArea {
	width: 473px;
}

div.ctBox05Tp .imgBox01 dl.rightArea dd {
	line-height: 1.8;
}

/* category */

dl.category {
	margin-bottom: 17px;
	padding: 14px 13px 0;
	border: 4px solid #FFFFFF;
}

dl.category dd {
	padding: 10px 0 8px;
	color: #000000;
	line-height: 1.8;
}

dl.category .area {
	line-height:2.4;
}

dl.category .area strong {
	display: block;
	margin-top: 5px;
	padding-top: 5px;
	background: url(../images/line_dot.gif) repeat-x;
	font-size: 117%;
}

dl.category .area strong.noline {
	margin-top: 0;
	padding-top: 0;
	background: none;
}

dl.category .area dd {
	padding: 0;
	line-height:2.0;
}



/* pageNavi */

div.pageNavi {
	position: relative;
	width: 565px;
	margin-left: 28px;
}
div.pageNavi:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.pageNavi { display:inline-block; }
/*\*/
* html div.pageNavi { height:1%; }
div.pageNavi { display:block; }
/**/

div.pageNavi strong {
	font-size: 117%;
}

div.pageNavi p.spc {
	margin-bottom: 16px;
}

div.pageNavi ul {
	position: absolute;
	top: 0;
	right: 0;
}

div.pageNavi ul li {
	float: left;
}

div.pageNavi ul li a {
	padding: 0 5px;
}

div.pageNavi ul li.num {
	margin-right: 3px;
	background: #B1DEEF;
}

div.pageNavi ul li.on {
	background: #D8D8D8;
}

div.pageNavi ul li a:link,
div.pageNavi ul li a:visited {
	color: #333333;
	text-decoration: underline;
}
div.pageNavi ul li a:hover,
div.pageNavi ul li a:active {
	color: #333333;
	text-decoration: none;
}

div.pageNavi ul li.num a:link,
div.pageNavi ul li.num a:visited,
div.pageNavi ul li.num a:hover,
div.pageNavi ul li.num a:active {
	color: #000000;
	text-decoration: none;
}

div.pageNavi02 {
	width: 565px;
	margin:14px 0 0 28px;
}

div.pageNavi02 ul {
	text-align:right;
}

div.pageNavi02 ul li {
	display:inline;
}

div.pageNavi02 ul li a:link,
div.pageNavi02 ul li a:visited {
	color: #333333;
	text-decoration: underline;
}
div.pageNavi02 ul li a:hover,
div.pageNavi02 ul li a:active {
	color: #333333;
	text-decoration: none;
}

/* 記事 -------------------- */

/* img box type01 */

.imgBox01 {
	width: 565px;
	margin-left: 28px;
	padding-top: 12px;
	background: url(../images/line_dot.gif) repeat-x;
}

.shopexList .imgBox01 {
	margin-left: 0;
}
.imgBox01:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.imgBox01 { display:inline-block; }
/*\*/
* html .imgBox01 { height:1%; }
.imgBox01 { display:block; }
/**/

.noline {
	padding-top: 0;
	background: none;
}

.imgBox01 p.img {
	float: left;
	margin: 3px 0 0 0;
	padding-bottom: 7px;
}

.imgBox01 p.movie {
	float: left;
	padding: 3px 0 14px 0;
}

.imgBox01 dl {
	padding-bottom: 7px;
}

.imgBox01 dl.rightArea {
	float: right;
	width: 478px;
	padding-bottom: 10px;
}

.imgBox01 dl.rightArea02 {
	float: right;
	width: 251px;
	padding-bottom: 10px;
}
.imgBox01 dl.rightMovieArea {
    float: right;
    width: 251px;
    padding-bottom: 10px;
    margin-right: 10px;
    margin-top: -300px;
}

.imgBox01 dl.rightArea02 dt,
.imgBox01 dl.rightArea02 dd {
	margin: 0 10px;
}

.imgBox01 dt {
	font-size: 133%;
	font-weight:bold;
}

.imgBox01 .tdwCreatorListBox01 dt,
.imgBox01 .tdwCreatorListBox02 dt{
	font-size: 110%;
	font-weight:normal;
}

.imgBox01 dt.txtS {
	padding: 1px 0;
	font-size: 100%;
}

.imgBox01 dt.spc {
	margin-bottom: 6px;
}

* html .imgBox01 dt.icon {
	padding: 3px 0;
}

.imgBox01 dt.icon img {
	margin-bottom: 5px;
}
* html .imgBox01 dt.icon img {
	margin-bottom: 1px;
}

.imgBox01 dd {
	line-height: 1.8;
}

.imgBox01 dl.rightArea dd {
	line-height: 1.7;
}

.imgBox01 dd p.special{
	margin: 12px 0 0 0;
	text-align: right;
}

.imgBox01 h3.pickupTit{
	margin: 7px 0 0 0;
}

.imgBox01 div.pickupFla{
	margin: 7px 0 0 0;
}

.imgBox01 dd .gray {
	color: #666666;
}

.imgBox01 dd .gray a:link,
.imgBox01 dd .gray a:visited {
	color: #666666;
	text-decoration: underline;
}
.imgBox01 dd .gray a:hover,
.imgBox01 dd .gray a:active {
	color: #666666;
	text-decoration: none;
}

* html .imgBox01 dd p.gray {
	padding: 3px 0 4px;
}

.imgBox01 dd p.btn {
	padding: 5px 0 3px;
}

.eventBox {
	padding-top: 0;
	background: none;
}

.ctBox03 .eventBox dl {
	padding-bottom: 0;
}

.eventBox p.eventTxt {
	clear: both;
	margin: 5px 0 18px;
	padding: 2px;
	background: #F4F4F4;
	text-align: center;
}

.eventBox p.eventTxt span {
	color: #999999;
}


/* img box type02 */

.imgBox02 {
	width: 590px;
	margin-left: 28px;
	padding-top: 7px;
}
.imgBox02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.imgBox02 { display:inline-block; }
/*\*/
* html .imgBox02 { height:1%; }
.imgBox02 { display:block; }
/**/

.imgBox02 .inBox {
	float: left;
	width: 178px;
	margin-right: 14px;
}

.imgBox02 dt {
	margin: 3px 0 0px;
	font-weight: bold;
}

/* img box type03 */

.imgBox03 {
	width: 596px;
	margin-left: 12px;
	padding-top: 2px;
}
.imgBox03:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.imgBox03 { display:inline-block; }
/*\*/
* html .imgBox03 { height:1%; }
.imgBox03 { display:block; }
/**/

.imgBox03 .inBox {
	float: left;
	width: 283px;
	margin-right: 15px;
	padding-top: 11px;
	background: url(../images/front_blog_line.gif) no-repeat;
}
.imgBox03 .inBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.imgBox03 .inBox { display:inline-block; }
/*\*/
* html .imgBox03 .inBox { height:1%; }
.imgBox03 .inBox { display:block; }
/**/

.imgBox03 .noline {
	padding-top: 0;
	background: none;
}

.imgBox03 .inBox p.img {
	float: left;
	width: 95px;
	margin: 3px 0 0 0;
	text-align: right;
}

.imgBox03 dl {
	float: right;
	width: 180px;
}

.imgBox03 dt {
	font-size: 133%;
	font-weight: bold;
}

.imgBox03 dd {
	padding-bottom: 9px;
	line-height: 1.8;
}

.imgBox03 dd p.icon {
	height: 18px;
	line-height: 18px;
}
* html .imgBox03 dd p.icon img {
	margin-top: 1px;
}


/* 検索タブ -------------------- */

ul.searchTab {
	margin: 13px 0 0 10px;
}
ul.searchTab:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.searchTab { display:inline-block; }
/*\*/
* html ul.searchTab { height:1%; }
ul.searchTab { display:block; }
/**/

ul.searchTab li {
	float: left;
	width: 87px;
	background: url(../images/bg_tab.gif) no-repeat left bottom;
}

ul.searchTab li a {
	display: block;
	width: 100%;
	padding-bottom: 2px;
	text-align: center;
}

ul.searchTab li a:link,
ul.searchTab li a:visited,
ul.searchTab li a:hover,
ul.searchTab li a:active {
	text-decoration: none;
}

ul.searchTab li.on {
	background: url(../images/bg_tab_on.gif) no-repeat left bottom;
}

ul.searchTab li.on a:link,
ul.searchTab li.on a:visited,
ul.searchTab li.on a:hover,
ul.searchTab li.on a:active {
	color: #333333;
}


/* 検索エリア ------------------------------ */

div.searchBox01 {
	position: relative;
	width: 950px;
}

div.searchBox01 p.input {
	position: absolute;
	top: 0;
	left: 14px;
}
div.searchBox01 p.btn {
	position: absolute;
	top: 0;
	left: 194px;
}

div.searchBox01 p.input input {
	width: 166px;
	padding: 3px;
	border: 1px solid #7F9DB9;
}
* html div.searchBox01 p.input input {
	height: 14px;
	margin-top: -1px;
}

div.searchBox01 dl {
	position: relative;
	width: 680px;
	margin-left: 254px;
	padding-top: 2px;
}

div.searchBox01 dl dt,
div.searchBox01 dl dd {
	display: inline;
	font-size: 117%;
}

div.searchBox01 dl dt {
	padding-right: 5px;
}

div.searchBox01 dl.txtM dt,
div.searchBox01 dl.txtM dd {
	font-size: 100%;
}


/* 検索結果エリア ------------------------------ */

dl.searchBox02 {
	margin: 0 0 10px 14px;
}

dl.searchBox02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.searchBox02 { display:inline-block; }
/*\*/
* html dl.searchBox02 { height:1%; }
dl.searchBox02 { display:block; }
/**/

dl.searchBox02 dt {
	float: left;
	width: 180px;
	margin-right: 15px;
}

dl.searchBox02 dd {
	float: left;
	width: 740px;
}

dl.searchBox02 dd li {
	float: left;
	padding: 0 12px 0 18px;
	background: url(../images/line_dot_v.gif) repeat-y;
}

dl.searchBox02 dd li.nomg {
	padding-right: 0;
}


/* 左コンテンツ -------------------- */

div#ctLeft .menuBox01 {
	margin-bottom: 15px;
	padding: 13px 13px 0;
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
}

div#ctLeft .menuBox01 p.link {
	margin: 0px 0 12px 0;
	text-align: right;
}

div#ctLeft .menuBox01 p.link a {
	padding-left: 15px;
	background: url(../images/icon_arw_black.gif) no-repeat left center;
}

/* チェックボックスリスト */

div#ctLeft .menuBox01 .checkList {
	padding: 0 0 9px;
}

div#ctLeft .menuBox01 dd .checkList {
	padding: 12px 0 9px;
}

div#ctLeft .menuBox01 .checkList li {
	margin-bottom: 3px;
}
* html div#ctLeft .menuBox01 .checkList li input {
	margin-bottom: -2px;
}
*+html:first-child div#ctLeft .menuBox01 .checkList li input {
	margin-bottom: -2px;
}

div#ctLeft .menuBox01 .checkList li li {
	margin-left: 13px;
}

/* リンクリスト */

div#ctLeft .menuBox01 .linkList01 {
	padding: 9px 0 12px;
}

div#ctLeft .menuBox01 .linkList01 p {
	margin-top: 3px;
	padding-left: 12px;
	background: url(../images/icon_arw_gray.gif) no-repeat 0 .2em;
	font-weight: bold;
}

div#ctLeft .menuBox01 .linkList01 li {
	margin-top: 3px;
	margin-left: 11px;
	padding-left: 13px;
	background: url(../images/icon_arw_blue02.gif) no-repeat 0 .2em;
	color: #000000;
}

div#ctLeft .menuBox01 .linkList01 li li {
	margin-left: 0;
	background: none;
}

/* 出展者 */

ul.exhibitorsList {
	margin-left: 28px;
	padding-bottom: 15px;
}
ul.exhibitorsList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.exhibitorsList { display:inline-block; }
/*\*/
* html ul.exhibitorsList { height:1%; }
ul.exhibitorsList { display:block; }
/**/

ul.exhibitorsList li {
	float: left;
	width: 133px;
	margin: 0 8px 8px 0;
	padding: 6px 0;
	border: 1px solid #E5E5E5;
	text-align: center;
}

ul.exhibitorsList li.bg {
	background: #F6F6F6;
}

ul.exhibitorsList li img.border {
	margin-bottom: 4px;
}

ul.exhibitorsList li .txtS {
	font-size: 86%;
}

ul.exhibitorsList li .gray {
	color: #666666;
	font-size: 86%;
}

ul.exhibitorsList li .icon img {
	margin: 0 1px;
}

ul.exhibitorsList li a:link,
ul.exhibitorsList li a:href,
ul.exhibitorsList li a:visited,
ul.exhibitorsList li a:hover,
ul.exhibitorsList li a:active {
	color: #333333;
}



/* メンバーリスト */

div#ctLeft .menuBox01 p.memberAll {
	margin: 10px 0 3px;
	padding-left: 12px;
	background: url(../images/icon_arw_gray.gif) no-repeat 0 .2em;
	font-weight: bold;
}

div#ctLeft ul.memberList {
	padding: 14px 0 7px;
}

div#ctLeft ul.memberList02 {
	padding-top: 0;
}

div#ctLeft ul.memberList li {
	margin-bottom: 7px;
}

div#ctLeft ul.memberList li a.cr,
div#ctLeft ul.memberList li a.sh,
div#ctLeft ul.memberList li a.co,
div#ctLeft ul.memberList li a.sc,
div#ctLeft ul.memberList li a.me,
div#ctLeft ul.memberList li a.pu,
div#ctLeft ul.memberList li a.st {
	display: block;
	width: 222px;
	padding: 0 25px;
	line-height: 30px;
}

div#ctLeft ul.memberList li a.cr {	background: url(../images/btn_member_cr.gif) no-repeat;}
div#ctLeft ul.memberList li a.sh {	background: url(../images/btn_member_sh.gif) no-repeat;}
div#ctLeft ul.memberList li a.co {	background: url(../images/btn_member_co.gif) no-repeat;}
div#ctLeft ul.memberList li a.sc {	background: url(../images/btn_member_sc.gif) no-repeat;}
div#ctLeft ul.memberList li a.me {	background: url(../images/btn_member_me.gif) no-repeat;}
div#ctLeft ul.memberList li a.pu {	background: url(../images/btn_member_pu.gif) no-repeat;}
div#ctLeft ul.memberList li a.st {	background: url(../images/btn_member_st.gif) no-repeat;}

div#ctLeft ul.memberList li.on a.cr {	background: url(../images/btn_member_cr_on.gif) no-repeat;}
div#ctLeft ul.memberList li.on a.sh {	background: url(../images/btn_member_sh_on.gif) no-repeat;}
div#ctLeft ul.memberList li.on a.co {	background: url(../images/btn_member_co_on.gif) no-repeat;}
div#ctLeft ul.memberList li.on a.sc {	background: url(../images/btn_member_sc_on.gif) no-repeat;}
div#ctLeft ul.memberList li.on a.me {	background: url(../images/btn_member_me_on.gif) no-repeat;}
div#ctLeft ul.memberList li.on a.pu {	background: url(../images/btn_member_pu_on.gif) no-repeat;}
div#ctLeft ul.memberList li.on a.st {	background: url(../images/btn_member_st_on.gif) no-repeat;}

div#ctLeft ul.memberList ul.select li {
	margin-top: 7px;
	margin-bottom: 0;
	border: 1px solid #EDEDED;
}

div#ctLeft ul.memberList ul.select li span.btn {
	display: block;
	position: relative;
	width: 254px;
	padding: 0 8px;
	background: #E1F4FC;
	line-height: 24px;
}

div#ctLeft ul.memberList ul.select ul {
	margin-left: 6px;
	padding-bottom: 3px;
}

div#ctLeft ul.memberList ul.select ul ul {
	margin-left: 0;
	padding-bottom: 0;
}

div#ctLeft ul.memberList ul.select li span.btn img {
	position: absolute;
	top: 2px;
	right: 4px;
}

div#ctLeft ul.memberList ul.select li li {
	margin-top: 3px;
	border: none;
}

div#ctLeft ul.memberList ul.select li li {
	padding-left: 12px;
	background: url(../images/icon_arw_blue02.gif) no-repeat 0 .2em;
	color: #000000;
}

div#ctLeft ul.memberList ul.select li ul li.on {
	background: url(../images/icon_arw_gray.gif) no-repeat 0 .2em;
	font-weight: bold;
}


div#ctLeft ul.memberList ul.select li .on li {
	font-weight: normal;
}

div#ctLeft ul.memberList ul.select ul.noArw {
	margin-left: 0;
}

div#ctLeft ul.memberList ul.select ul.noArw li {
	padding-left: 7px;
	background: none;
}


/* --------------------------------------------------------------------------------------
 top　(top,ブログトップ,すべて検索)
--------------------------------------------------------------------------------------- */

/* レイアウト -------------------- */

.top #ctLeft {
	float: left;
	width: 622px;
	padding-top: 28px;
}

.top #ctRight {
	float: right;
	width: 300px;
	padding-top: 28px;
}

.searchAll #ctLeft,
.searchAll #ctRight {
	padding-top: 12px;
}

/* タイトル -------------------- */

/* topTitle */

div.topTitle {
	position:relative;
	width: 622px;
	padding-bottom: 12px;
}

div.topTitle p.number {
	position: absolute;
	top: 39px;
	left: 150px;
	font-size:12px;
}


/* ピックアップフォト -------------------- */

.top .pickupPic {
	margin: 7px auto 0 auto;
	width: 518px;
	padding: 3px 0 5px;
}
.top .pickupPic:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.top .pickupPic { display:inline-block; }
/*\*/
* html .top .pickupPic { height:1%; }
.top .pickupPic { display:block; }
/**/
.top .pickupPic #pickupPhotoCarousel{
	/*7個目以降は隠す*/
	height: 72px;
	overflow: hidden;
}
.top .pickupPic #academmyPhotoCarousel{
	/*7個目以降は隠す*/
	height: 85px;
	overflow: hidden;
}
.top .pickupPic li{
	float:left;
	width: 83px;
}

.top .pickupPic p.fRight{
	float:right;
}


.top .pickupPic p.btn01{
	background: url(http://www.design-channel.jp/images/btn_pickup01.gif) no-repeat;
	background-position: -10px 0px;
	width: 10px;
	height: 80px;
	display:block;
	padding: 0;
	margin:0 1px 0 0;
	float: left;
}

.top .pickupPic p.btn01 a{
	background: url(http://www.design-channel.jp/images/btn_pickup01.gif) no-repeat;
	background-position: 0px 0px;
	width: 10px;
	height: 80px;
	display:block;
	padding: 0;
	margin:0 0 0 0;
}

.top .pickupPic p.btn01 a:link{
	background: url(http://www.design-channel.jp/images/btn_pickup01.gif) no-repeat;
	background-position: 0px 0px;
}

.top .pickupPic p.btn01 a:hover{
	background: url(http://www.design-channel.jp/images/btn_pickup01.gif) no-repeat;
	background-position: -20px 0px;
}


.top .pickupPic p.btn02{
	background: url(http://www.design-channel.jp/images/btn_pickup02.gif) no-repeat;
	background-position: -10px 0px;
	width: 10px;
	height: 80px;
	display:block;
	padding: 0;
	margin:0 1px 0 -2px;
	float: left;
}

.top .pickupPic p.btn02 a{
	background: url(http://www.design-channel.jp/images/btn_pickup02.gif) no-repeat;
	background-position: 0px 0px;
	width: 10px;
	height: 80px;
	display:block;
	padding: 0;
	margin:0 0 0 0px;
	float: left;
}

.top .pickupPic p.btn02 a:link{
	background: url(http://www.design-channel.jp/images/btn_pickup02.gif) no-repeat;
	background-position: 0px 0px;
}

.top .pickupPic p.btn02 a:hover{
	background: url(http://www.design-channel.jp/images/btn_pickup02.gif) no-repeat;
	background-position: -20px 0px;
}



.top .pickupPic li.pic a{
	display:block;
	height: 72px;
	padding:4px;
	font-size:10px;
	line-height: 110%;
	margin-right:3px;
	text-align:center;
}

*+html .top .pickupPic li.pic a{
	font-size:7px;
}

.top .pickupPic li.pic a:link {
	background:#e5e5e5;
	color: #333333;
	text-decoration: none;
}
.top .pickupPic li.pic a:visited {
	background:#e5e5e5;
	color: #333333;
	text-decoration: none;
}
.top .pickupPic li.pic a:hover {
	background:#9fd8ee;
	color: #333333;
	text-decoration: none;
}
.top .pickupPic li.pic a:active {
	background:#e5e5e5;
	color: #333333;
	text-decoration: none;
}



/* デザイン特講 -------------------- */

.top .academmy {
	margin: 0 auto;
	width: 518px;
	padding: 3px 0 5px;
}
.top .academmy:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.top .academmy { display:inline-block; }
/*\*/
* html .top .academmy { height:1%; }
.top .academmy { display:block; }
/**/

.top .academmy li{
	float:left;
	width: 83px;
}

.top .academmy p.fRight{
	float:right;
}

.top .academmy img{
	margin-bottom:3px;
}

.top .academmy p.btn02{
	background: url(http://www.design-channel.jp/images/btn_academy02.gif) no-repeat;
	background-position: -10px 0px;
	width: 10px;
	height: 98px;
	display:block;
	padding: 0;
	margin:0 1px 0 -2px;
	float: left;
}

.top .academmy p.btn02 a{
	background: url(http://www.design-channel.jp/images/btn_academy02.gif) no-repeat;
	background-position: 0 0px;
	width: 10px;
	height: 98px;
	display:block;
	padding: 0;
	margin:0 0 0 0;
	float: left;
}

.top .academmy p.btn02 a:link{
	background: url(http://www.design-channel.jp/images/btn_academy02.gif) no-repeat;
	background-position: 0px 0px;
}

.top .academmy p.btn02 a:hover{
	background: url(http://www.design-channel.jp/images/btn_academy02.gif) no-repeat;
	background-position: -20px 0px;
}

.top .academmy p.btn01{
	background: url(http://www.design-channel.jp/images/btn_academy01.gif) no-repeat;
	background-position: -10px 0px;
	width: 10px;
	height: 98px;
	display:block;
	padding: 0;
	margin:0 1px 0 0;
	float: left;
}

.top .academmy p.btn01 a{
	background: url(http://www.design-channel.jp/images/btn_academy01.gif) no-repeat;
	background-position: 0px 0px;
	width: 10px;
	height: 98px;
	display:block;
	padding: 0;
	margin:0 0 0 0;
}

.top .academmy p.btn01 a:link{
	background: url(http://www.design-channel.jp/images/btn_academy01.gif) no-repeat;
	background-position: 0px 0px;
}

.top .academmy p.btn01 a:hover{
	background: url(http://www.design-channel.jp/images/btn_academy01.gif) no-repeat;
	background-position: -20px 0px;
}

.top .academmy li.pic a{
	display:block;
	height: 94px;
	padding:4px 4px 0 4px;
	font-size:10px;
	line-height: 110%;
	margin-right:3px;
	text-align:center;
}

*+html .top .academmy li.pic a{
	font-size:7px;
}

.top .academmy li.pic a:link {
	background:#e5e5e5;
	color: #333333;
	text-decoration: none;
}
.top .academmy li.pic a:visited {
	background:#e5e5e5;
	color: #333333;
	text-decoration: none;
}
.top .academmy li.pic a:hover {
	background:#9fd8ee;
	color: #333333;
	text-decoration: none;
}
.top .academmy li.pic a:active {
	background:#e5e5e5;
	color: #333333;
	text-decoration: none;
}


/* 東京デザイナーズウィーク2008 -------------------- */

.top .tdwInfo {
	position: relative;
	width: 566px;
	margin-left: 28px;
	padding: 1px 0 15px;
	background: url(../images/front_top_tdw_img01.gif) repeat-x;
}

.top .tdwInfo h3{
	margin-left:170px;
}

.top .tdwInfo .img {
	position: absolute;
	top: 0;
	right: 0;
}

.top .tdwInfo ul.tdwBtn {
	margin: 0 0 14px 170px;
	padding-top: 14px;
}
.top .tdwInfo ul.tdwBtn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.top .tdwInfo ul.tdwBtn { display:inline-block; }
/*\*/
* html .top .tdwInfo ul.tdwBtn { height:1%; }
.top .tdwInfo ul.tdwBtn { display:block; }
/**/

.top .tdwInfo ul.tdwBtn li {
	float: left;
	margin-right: 7px;
}

.top ul.tdwNews {
	width: 564px;
	margin: 7px 0 5px 28px;
}

.top ul.tdwNews li {
	padding: 12px 0;
	background: url(../images/line_dot.gif) repeat-x;
	font-weight: bold;
}


/* サイドコンテンツ -------------------- */

.top #ctRight p {
	margin-bottom: 14px;
}


/* ユーザ登録してMYページを作ろう */

.top #ctRight .mypage {
	margin-bottom: 14px;
	padding: 0 14px;
	background: #E1F4FC;
	border: 4px solid #FFFFFF;
}

.top #ctRight .mypage p {
	margin-bottom: 0;
}

.top #ctRight .mypage p.tRight {
	padding: 5px 0 12px;
	text-align: right;
}


/* クリエイターランキング */

.top #ctRight .rank {
	margin-bottom: 14px;
	padding: 14px;
	background: #FFFFFF;
}

.top #ctRight .rank p.rankTit {
	margin-bottom: 0;
	padding: 7px 6px 5px;
	background: #EDEDED;
	color: #666666;
	font-size: 86%;
}

.top #ctRight .rankBox {
	width: 272px;
	padding-top: 4px;
	color: #666666;
}
.top #ctRight .rankBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.top #ctRight .rankBox { display:inline-block; }
/*\*/
* html .top #ctRight .rankBox { height:1%; }
.top #ctRight .rankBox { display:block; }
/**/

.top #ctRight .rankBox p.img {
	float: left;
	margin: 0 5px 0 0;
	padding-top: 3px;
}

.top #ctRight .rankBox p.img02 {
	float: left;
	margin: 0 5px 0 0;
	padding-top: 3px;
}

.top #ctRight .rankBox p.img .border {
	margin-left: 7px;
}

.top #ctRight .rankBox dt {
	font-weight: bold;
}

* html .top #ctRight .rankBox dd {
	padding: 3px 0 2px;
}

.top #ctRight p.newsTit {
	margin: 10px 0 2px;
	padding-top: 9px;
	background: url(../images/line_dot.gif) repeat-x;
	font-weight: bold;
}

.top #ctRight p.newsBtn {
	margin: 10px 0 0 0;
	text-align: right;
}


/* DAからのお知らせ */

.top #ctRight .daNews {
	margin-bottom: 14px;
	padding: 14px 14px 11px;
	border: 4px solid #FFFFFF;
	background: #EDEDED;
	color: #666666;
}

.top #ctRight .daNews dl dt {
	margin: 10px 0 2px;
	padding-top: 9px;
	background: url(../images/line_dot.gif) repeat-x;
	font-weight: bold;
}

.top #ctRight .daNews dl dt.noline {
	padding-top: 0;
	background: none;
}

.top #ctRight .daNews p.more {
	margin: 13px 0 0 0;
	text-align: right;
}

.top #ctRight .daNews p.more a {
	padding-left: 15px;
	background: url(../images/icon_arw_black.gif) no-repeat left center;
}


/* 検索結果 */

.top #ctRight .sideBox01 {
	margin-bottom: 14px;
	padding-bottom: 11px;
	background: #FFFFFF;
}

.top #ctRight .sideBox01 p.more {
	margin: 13px 14px 0 0;
	text-align: right;
}

.top #ctRight .sideBox01 p.more a {
	padding-left: 15px;
	background: url(../images/icon_arw_black.gif) no-repeat left center;
}

.top #ctRight dl.resultBox {
	padding: 14px 0 0 14px;
}

.top #ctRight dl.resultBox dt {
	position: relative;
	margin-bottom: 10px;
}

.top #ctRight dl.resultBox dt span {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 26px;
	font-weight: bold;
}

.top #ctRight dl.resultBox dt span.txt01 {	left: 138px;}
.top #ctRight dl.resultBox dt span.txt02 {	left: 108px;}
.top #ctRight dl.resultBox dt span.txt03 {	left: 128px;}

.top #ctRight dl.resultBox dd ul {
	margin-right: 14px;
	line-height: 1.7;
}

.top #ctRight dl.resultBox dd p.line {
	margin: 13px 14px 0 0;
	padding: 14px 0 2px 0;
	background: url(../images/line_dot.gif) repeat-x;
}

.top #ctRight dl.resultBox dd p.noline {
	margin-top: 0;
	padding: 0;
	background: none;
}

.top #ctRight dl.resultBox dd p.line span {
	padding-left: 4px;
	border-left: 3px solid #999999;
}

/* imgList */

.top #ctRight dl.resultBox dd ul.imgList {
	margin: 4px 0 0 0;
}

.top #ctRight .imgList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.top #ctRight .imgList { display:inline-block; }
/*\*/
* html .top #ctRight .imgList { height:1%; }
.top #ctRight .imgList { display:block; }
/**/

.top #ctRight .imgList li {
	float: left;
	margin: 0 6px 5px 0;
}

/* iconList */

.top #ctRight .iconList {
	line-height: 1.35;
}

.top #ctRight .iconList dl {
	margin: 4px 14px 0 0;
	padding: 0;
}

.top #ctRight .iconList dt {
	margin-bottom: 0;
}

.top #ctRight .iconList dl dt {
	margin-top: 8px;
}

* html .top #ctRight .iconList dl dd {
	padding: 1px 0 2px;
}

/* movieList */

.top #ctRight .movieList {
	margin: 4px 0 0 0;
}

.top #ctRight .movieList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.top #ctRight .movieList { display:inline-block; }
/*\*/
* html .top #ctRight .movieList { height:1%; }
.top #ctRight .movieList { display:block; }
/**/

.top #ctRight .movieList li {
	float: left;
	margin: 0 16px 5px 0;
}

.top #ctRight .movieList li.nomg {
	margin-right: 0;
}

/* tdw */

.top #ctRight .tdwBnr {
	position: relative;
	width: 300px;
}

.top #ctRight .tdwBnr ul {
	position: absolute;
	top: 79px;
	left: 8px;
	font-size: 0;
}

.top #ctRight .tdwBnr ul li {
	float: left;
	margin-right: 3px;
}

/* finishList */

.top #ctRight dd.finishList dt {
	width: 272px;
	margin: 12px 0 3px;
	padding-top: 12px;
	background: url(../images/line_dot.gif) repeat-x;
	font-weight: bold;
}

.top #ctRight dd.finishList dt.noline {
	margin-top: 0;
	padding-top: 0;
	background: none;
}

.top #ctRight dd.finishList dd {
	font-size: 86%;
}

.top #ctRight dd.finishList dd .gray {
	color: #666666;
}


/* --------------------------------------------------------------------------------------
 DAからのお知らせ（全体）ページ
--------------------------------------------------------------------------------------- */

/* お知らせメニュー -------------------- */

div.ctBox03Bt ul.infoMenu {
	position: absolute;
	top: 14px;
	right: 23px;
}

div.ctBox03Bt ul.infoMenu li {
	float: left;
	margin-right: 7px;
}

div.ctBox03Bt ul.infoMenu li select {
	width: 100px;
	padding: 2px 0;
	border: 1px solid #7F9DB9;
}

/* ニュース切り替え -------------------- */

.infobtn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.infobtn { display:inline-block; }
/*\*/
* html .infobtn { height:1%; }
.infobtn { display:block; }
/**/

div#ctLeft ul.infobtn {
	padding-bottom:7px;
}

div#ctLeft ul.infobtn li {
	float: left;
	margin-right: 1px;
}


/* お知らせ -------------------- */

div.ctBox03Bt dl.infoBox {
	width: 564px;
	margin-left: 28px;
}

div.ctBox03Bt dl.infoBox dt {
	margin-bottom: 7px;
	padding-top: 15px;
	background: url(../images/line_dot.gif) repeat-x;
}

div.ctBox03Bt dl.infoBox dt.noline {
	margin-top: 0;
	padding-top: 0;
	background: none;
}

div.ctBox03Bt dl.infoBox dt span {
	padding-left: 6px;
	border-left: 3px solid #9FD8EE;
	font-size: 133%;
	font-weight: bold;
}

div.ctBox03Bt dl.infoBox dd {
	margin-bottom: 10px;
}

div.ctBox03Bt dl.infoBox dd p {
	margin-top: 20px;
	line-height: 1.7;
}

div.ctBox03Bt dl.infoBox dd p span.red{
	color: #ff0000;
}

div.ctBox03Bt dl.infoBox dd p.nomgt {
	margin-top: 14px;
}

div.ctBox03Bt dl.infoBox dd .flaMove {
	display:block;
	margin: 7px 0;
	padding:14px;
	background:#333333;
}

div.ctBox03Bt dl.infoBox dd .flaMove object{
	display:block;
	margin-left: 55px;
}

div.ctBox03Bt dl.infoBox dd p.date {
	margin-top: 0;
	color: #666666;
}


.infoBox02 {
	width: 565px;
	margin-left: 28px;
	padding-top: 12px;
	background: url(../images/line_dot.gif) repeat-x;
}
.infoBox02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.infoBox02 { display:inline-block; }
/*\*/
* html .imgBox02 { height:1%; }
.infoBox02 { display:block; }
/**/

div.ctBox03Bt dl.infoBox02 dt {
	float: left;
	margin: 3px 0 0 0;
	padding-bottom: 7px;
	width:120px;
	text-align:center;
}

div.ctBox03Bt dl.infoBox02 dt.noline {
	margin-top: 0;
	padding-top: 0;
	background: none;
}

div.ctBox03Bt dl.infoBox02 dd {
	float: right;
	width: 438px;
	padding-bottom: 10px;
}

div.ctBox03Bt dl.infoBox02 dd .tit{
	font-weight:bold;
}

div.ctBox03Bt dl.infoBox02 dd p.nomgt {
	margin-top: 0;
}

div.ctBox03Bt dl.infoBox02 dd p .img {
	display:block;
	width:564px;
	text-align:center;
	margin-bottom: 10px;
}

div.ctBox03Bt dl.infoBox02 dd p.date {
	margin-top: 0;
	color: #666666;
}

.infoBox03 {
	width: 565px;
	margin-left: 28px;
	margin-bottom:12px;
	padding-bottom: 12px;
	background: url(../images/line_dot.gif) repeat-x left bottom;
}
.infoBox03:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.infoBox03 { display:inline-block; }
/*\*/
* html .infoBox03 { height:1%; }
.infoBox03 { display:block; }
/**/

div.ctBox03Bt dl.infoBox03 dt {
	float: left;
	margin: 3px 0 0 0;
	padding-bottom: 7px;
}

div.ctBox03Bt dl.infoBox03 dd {
	float: right;
	width: 428px;
	padding-bottom: 10px;
}

div.ctBox03Bt dl.infoBox03 dd p.nomgt {
	margin-top: 0;
}

p.memList {
	width:540px;
	padding:0 0 14px 10px;
	font-size:86%;
}


/* NEWS FLASH 動画 -------------------- */

.newsFlasBox {
	width: 537px;
	margin-left: 28px;
	padding: 14px;
	background:#ededed;
}
.newsFlasBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.newsFlasBox { display:inline-block; }
/*\*/
* html .newsFlasBox { height:1%; }
.newsFlasBox { display:block; }
/**/

div.ctBox03Bt dl.newsFlasBox dt {
	float: left;
	width:120px;
	text-align:center;
	background:#ffffff;
}

div.ctBox03Bt dl.newsFlasBox dt.noline {
	margin-top: 0;
	padding-top: 0;
	background: none;
}

div.ctBox03Bt dl.newsFlasBox dd {
	float: right;
	width: 400px;
}

div.newsAboutBox{
	margin-top:14px;
	width: 565px;
	margin-left: 28px;
}

div.newsAboutBox h3{
	font-weight:bold;
	margin-top:14px;
}

div.newsAboutBox iframe{
	margin-top:14px;
}

/* QR方法 -------------------- */

body.qrWin{
	background-color: #ffffe7;
	background-image:none;
	text-align: center;
}

body.qrWin p{
	padding:14px;
}

/* ページタイトル -------------------- */

.marginB12{
margin-bottom:14px;
}