@charset "utf-8";

/* ===== Universal Reset ===== */

*{
margin:0;
padding:0;
}

/* ===== Basic Style ===== */

body{
color:#000;
}

img{
border:0;
}

ul,dl,ol,li{
list-style-type:none;
list-style-position:outside;
}

body,td,th,p,address,h1,h2,h3,h4,h5,h6,li,dt,dd {
font-family: ヒラギノ, verdana , "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 160%;
color: #000;
}

em {
font-style: normal;
}



/* clearfix */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* テキストリンク */
a:link { text-decoration:none; color:#006699; }
a:visited { text-decoration:none; color:#006699; }
a:hover { text-decoration:underline; color:#006699; }
a:active { text-decoration:none; color:#006699; }


a.external01:link{
text-decoration:none;
color:#000000;
}

a.external01:visited{
text-decoration:none;
color:#000000;
}

a.external01:hover{
text-decoration:underline;
color:#000000;
}

a.external01:active{
text-decoration:none;
color:#000000;
}

/* レクタングルバナー */
div#topBannerRight{
background: #eeeeee;
margin-bottom: 20px;
padding: 20px;
}

/* トップバナー */
#topBannerLeft{
width: 606px;
padding: 7px;
background: #eeeeee;
margin-bottom: 20px;
}

#topBannerLeft .img01{
margin-right: 6px;
float: left;
}

#topBannerLeft .img02{
float: left;
}

/* コンテンツ設定 */
div#mainWrapper{
width: 950px;
margin: 0px auto;
background: #FFFFFF;
padding-top: 10px;
padding-bottom: 20px;
}

div#mainContent{
width: 950px;
padding-bottom: 50px;
}

div#mainContent .leftContent{
width: 620px;
float: left;
}

div#mainContent .rightContent{
width: 290px;
float: right;
}

/* パンクズ */
div#breadCrumbsArea{
width: 950px;
font-size: 80%;
margin-bottom: 20px;
}

div#breadCrumbsArea .breadCrumbs{
float: left;
}

div#breadCrumbsArea .moreLink01{
float: right;
background: url(../images/icon_arrow_white.gif) no-repeat left;
padding-left: 16px;
margin-left: 20px;
}




/* タイトル */
h1.contentTitle{
	font-size: 160%;
	line-height: 100%;
	margin-bottom: 25px;
	padding-left: 15px;
	background: url(../images/content_title_icon.gif) no-repeat left 3px;
	font-weight: bold;
}

* html h1.contentTitle{
background: url(../images/content_title_icon.gif) no-repeat left 0px;
line-height: 110%;
}

*+html h1.contentTitle{
background: url(../images/content_title_icon.gif) no-repeat left 1px;
}

.contentSubTtl{
	background: url(../images/line01.gif) repeat-x bottom;
	padding-bottom: 7px;
	margin-bottom: 20px;
	font-size: 140%;
	line-height: 100%;
	font-weight: bold;
}




/* トップヘッダー設定 */
div#topHeader{
width: 950px;
margin-bottom: 40px;
}

div#topHeader .logoArea{
width: 950px;
margin-bottom: 10px;
}

div#topHeader h1{
float: left;
width: 300px;
}

div#topHeader .siteMap{
background: url(../images/icon_arrow_white.gif) no-repeat left;
font-size: 80%;
padding-left: 16px;
float: right;
}

div#topHeader .globalNaviArea{
width: 950px;
}

div#topHeader .globalNaviArea ul{
float: left;
width: 620px;
margin-right: 40px;
}

div#topHeader .globalNaviArea li{
float: left;
}

div#topHeader .globalNaviArea .searchForm{
	float: left;
	height: 18px;
	width: 210px;
	padding-top: 2px;
	font-size: 80%;
	line-height: 140%;
}

div#topHeader .globalNaviArea .searchBtn{
float: left;
}



/* コンテンツヘッダー設定 */
div#contentHeader{
width: 950px;
margin-bottom: 15px;
}

div#contentHeader .logoArea{
width: 950px;
margin-bottom: 10px;
}

div#contentHeader .mainLogo{
float: left;
width: 300px;
}

div#contentHeader .siteMap{
background: url(../images/icon_arrow_white.gif) no-repeat left;
font-size: 80%;
padding-left: 16px;
float: right;
}

div#contentHeader .globalNaviArea{
width: 950px;
}

div#contentHeader .globalNaviArea ul{
float: left;
width: 620px;
margin-right: 40px;
font-size: 0px;
line-height: 0px;
}

div#contentHeader .globalNaviArea li{
float: left;
}

div#contentHeader .globalNaviArea .searchForm{
float: left;
height: 18px;
width: 210px;
padding-top: 2px;
font-size: 80%;
line-height: 140%;
}

div#contentHeader .globalNaviArea .searchBtn{
float: left;
margin-left: 5px;
}





/* コンテンツ設定 */
h2#mainImg{
margin-bottom: 20px;
}

div#accountContent{
width: 620px;
font-size: 90%;
}

div#accountContent .contentBlock01{
width: 620px;
background: url(../images/line02.gif) repeat-x bottom;
margin-bottom: 20px;
padding-bottom: 20px;
}

div#accountContent .contentBlock02{
width: 620px;
}

div#accountContent .contentBlock02 img{
margin-bottom: 20px;
}

div#accountContent .contentBlock02 h3{
font-weight: bold;
padding-left: 8px;
background: url(../images/content_title_icon02.gif) no-repeat left;
font-size: 140%;
}

* html div#accountContent .contentBlock02 h3{
background: url(../images/content_title_icon02.gif) no-repeat left 3px;
}

*+html div#accountContent .contentBlock02 h3{
background: url(../images/content_title_icon02.gif) no-repeat left 4px;
}

div#accountContent .contentBlock02 h4{
font-weight: bold;
font-size: 120%;
}

div#accountContent .contentBlock02 table{
width: 100%;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
font-size: 90%;
margin-bottom: 20px;
}

div#accountContent .contentBlock02 th{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background: #eeeeee;
text-align: center;
font-weight: bold;
}

div#accountContent .contentBlock02 td{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
width: 20%;
padding-right: 5px;
padding-left: 5px;
}

div#accountContent .contentBlock02 hr{
color: #CCCCCC;
background: #CCCCCC;
height: 1px;
padding: 0px;
border-width: 1px 0px 0px 0px;
}

div#accountContent .contentBlock02 ul{
list-style: disc inside;
font-size: 90%;
}

div#accountContent .contentBlock02 ol{
list-style: decimal inside;
font-size: 90%;
}

div#accountContent .contentBlock02 em{
	background: url(../images/icon_arrow_black.gif) no-repeat left;
	padding-left: 16px;
}


div#accountContent .contentBlock02 .imgleft{
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

div#accountContent .contentBlock02 .imgright{
	margin-left:10px;
	margin-bottom:10px;
	float:right;
}

div#accountContent .contentBlock02 .floatclear{
	clear:both;
}










div#accountContent .titleBlock{
width: 620px;
margin-bottom: 20px;
}

div#accountContent .titleBlock02{
width: 620px;
margin-bottom: 5px;
}

div#accountContent .titleBlock02 .works{
font-weight: bold;
}

div#accountContent .dateArea{
background: #000000;
height: 45px;
width: 50px;
float: left;
padding: 5px;
font-size: 80%;
}

div#accountContent .dateAreaTxt{
color: #FFFFFF;
line-height: 150%;
}

div#accountContent .dateAreaTxt .years{
font-size: 120%;
line-height: 140%;
}

div#accountContent .dateAreaTxt .day{
	font-size: 180%;
	line-height: 120%;
}

div#accountContent .titleArea{
float: right;
width: 550px;
}

div#accountContent .titleArea h2{
width: 550px;
font-size: 160%;
line-height: 120%;
margin-bottom: 5px;
}

div#accountContent .titleArea h3{
width: 550px;
font-size: 160%;
line-height: 120%;
margin-bottom: 5px;
}

div#accountContent .titleArea .author{
font-size: 80%;
float: left;
margin-right: 20px;
}

div#accountContent .titleArea .tags{
font-size: 80%;
float: left;
}

div#accountContent .titleArea .pickUp{
float: left;
margin-left: 10px;
margin-top: 1px;
}

div#accountContent .leftImg{
margin-right: 20px;
}

div#accountContent .rightImg{
margin-left: 20px;
}

div#accountContent .moreLink{
text-align: right;
}

div#accountContent .moreLink02{
font-size: 80%;
background: url(../images/icon_arrow_black.gif) no-repeat left;
padding-left: 16px;
}



/* クリエイター一覧 */
div#creatorsList{
width: 950px;
}

div#creatorsList .creatorsListTtl{
background: #000000;
height: 20px;
margin-bottom: 10px;
}

div#creatorsList .creatorsArea{
width: 950px;
}

*+html div#creatorsList .creatorsArea{
margin-bottom:10px;
}

div#creatorsList .creators{
float: left;
width: 217px;
padding: 5px;
background: url(../images/line_bg01.gif) repeat;
margin-right: 10px;
margin-bottom: 10px;
}



























div#creatorsList .creatorsImg{
float: left;
}

div#creatorsList .creatorsImg img{
border: 1px solid #CCCCCC;
}

div#creatorsList dl{
float: right;
width: 170px;
}

div#creatorsList dt{
font-size: 80%;
line-height: 120%;
}

div#creatorsList dd{
font-size: 60%;
}



/* クリエイタープロフィール */
div#profile{
width: 620px;
margin-bottom: 30px;
}

div#profile .profileImg{
float: left;
width: 200px;
}

div#profile .profileTxt{
float: right;
font-size: 80%;
width: 400px;
}

div#profile .profileTxt p{
float: right;
font-size: 80%;
width: 400px;
}


/* クリエイター作品一覧 */
div#workList{
width: 620px;
}

div#workList .contentBlock01{
	width: 620px;
	background: url(../images/line02.gif) repeat-x bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

div#workList .contentBlock02{
width: 620px;
background: url(../images/line02.gif) repeat-x top;
padding-top: 20px;
margin-top: 20px;
}

div#workList h3{
font-size: 100%;
font-weight: bold;
margin-bottom: 5px;
}

div#workList .workImg{
float: left;
}

div#workList dl{
float: right;
width: 400px;
}

div#workList dt{
font-size: 80%;
font-weight: bold;
}

div#workList dd{
font-size: 80%;
}






/* クリエイター詳細記事コメント */
div#articleComment{
width: 620px;
font-size: 80%;
padding-top: 4px;
border-top: 1px solid #000000;
margin-bottom: 20px;
}

div#articleComment ul{
padding-bottom: 4px;
}

div#articleComment li{
display: inline;
float: left;
}

div#articleComment .commentBlock{
background: url(../images/line04.gif) repeat-x top;
padding-top: 10px;
}

div#articleComment .comment{
margin-bottom: 20px;
}

div#articleComment .posted{
margin-bottom: 10px;
}

div#articleComment dt{
margin-bottom: 10px;
}

div#articleComment dd{
float: left;
width: 620px;
margin-bottom: 10px;
}

div#articleComment .commentForm{
width: 200px;
padding-left: 2px;
}

div#articleComment .commentForm02{
width: 500px;
height: 150px;
}

div#articleComment .post{
}


/* クリエイタートラックバック */
dl#articleTrackBack{
width: 620px;
font-size: 80%;
}

dl#articleTrackBack dt{
margin-bottom: 10px;
font-size: 0px;
line-height: 0px;
}

dl#articleTrackBack dd{
background: #eeeeee;
border: 1px solid #a5acb2;
line-height: 100%;
padding: 5px;
}

.trackbackBlock {
background: url(../images/line04.gif) repeat-x top;
padding-top: 10px;
}

.titleTrackback {
font-size: 80%;
}

.entryTrackback {
font-size: 80%;
}

.trackbackPosted {
font-size: 80%;
margin-bottom: 10px;
}


















/* サイトマップ */
div#siteMap{
width: 620px;
}

div#siteMap .linkArea01{
font-size: 80%;
background: url(../images/line03.gif) repeat-x bottom;
padding-bottom: 20px;
margin-bottom: 20px;
}

div#siteMap dl{
font-size: 80%;
background: url(../images/line03.gif) repeat-x bottom;
margin-bottom: 20px;
padding-bottom: 5px;
}

div#siteMap dt{
background: url(../images/icon_arrow_white.gif) no-repeat left;
padding-left: 16px;
}

div#siteMap dd{
margin-bottom: 20px;
padding-left: 16px;
}

div#siteMap ul{
font-size: 80%;
}

div#siteMap li{
margin-bottom: 5px;

}

div#siteMap span{
background: url(../images/icon_arrow_white.gif) no-repeat left;
padding-left: 16px;
}

div#siteMap .bottom{
margin-bottom: 0px;
}





















/* ライトコンテンツ */
/* クリエイターズブログトップ */
div#r_creatorsBlog{
width: 290px;
}

div#r_creatorsBlog h4{
margin-bottom: 20px;
}

div#r_creatorsBlog p{
float: left;
}

div#r_creatorsBlog p img{
border: 2px solid #CCCCCC;
}

div#r_creatorsBlog ul{
width: 290px;
padding-bottom: 20px;
}

div#r_creatorsBlog li{
margin-bottom: 20px;
}

div#r_creatorsBlog dl{
float: right;
width: 216px;
font-size: 80%;
}

div#r_creatorsBlog dt{
font-weight: bold;
}

div#r_creatorsBlog dd{
}

/* クリエイターズブログ */
div#r_creatorsBlog02{
width: 290px;
padding-bottom: 30px;
}

div#r_creatorsBlog02 h4{
margin-bottom: 20px;
}

div#r_creatorsBlog02 dl{
font-size: 80%;
}

div#r_creatorsBlog02 dt{
background: url(../images/icon_arrow_black.gif) no-repeat left 5px;
padding-left: 16px;
}

div#r_creatorsBlog02 dd{
margin-bottom: 15px;
padding-left: 16px;
}

div#r_creatorsBlog02 p{
font-size: 80%;
text-align: right;
}

/* インフォメーション */
div#r_information{
width: 290px;
padding-bottom: 40px;
}

div#r_information h4{
margin-bottom: 20px;
}

div#r_information dl{
font-size: 80%;
}

div#r_information dt{
background: url(../images/icon_arrow_black.gif) no-repeat left 5px;
padding-left: 16px;
}

div#r_information dd{
margin-bottom: 15px;
padding-left: 16px;
}

div#r_information p{
font-size: 80%;
text-align: right;
}

/* メディアアートニュース */
div#r_mediaArtNews{
width: 290px;
padding-bottom: 40px;
}

div#r_mediaArtNews h4{
margin-bottom: 20px;
}

div#r_mediaArtNews dl{
font-size: 80%;
}

div#r_mediaArtNews dt{
background: url(../images/icon_arrow_black.gif) no-repeat left 5px;
padding-left: 16px;
}

div#r_mediaArtNews dd{
margin-bottom: 15px;
padding-left: 16px;
}

div#r_mediaArtNews p{
font-size: 80%;
text-align: right;
}


/* KAKEHASHI 運営事務局 */
div#r_kakehashiOffice{
width: 290px;
padding-bottom: 40px;
}

div#r_kakehashiOffice .contentArea{
width: 270px;
background: #eeeeee;
font-size: 75%;
padding: 10px;
}

div#r_kakehashiOffice02{
width: 290px;
}

div#r_kakehashiOffice02 .contentArea{
width: 270px;
background: #eeeeee;
font-size: 75%;
padding: 10px;
}

/* ソーシャルブックマーク */
div#r_socialBookMark{
width: 290px;
font-size: 80%;
}

div#r_socialBookMark p{
font-weight: bold;
margin-bottom: 10px;
}

div#r_socialBookMark li{
float: left;
margin-right: 15px;
}

/* 人気のタグ */
div#r_popularityTag{
width: 290px;
font-size: 80%;
}

div#r_popularityTag h4{
margin-bottom: 15px;
}

div#r_popularityTag p{
line-height: 180%;
}


/* ワークス */
div#r_works{
width: 290px;
margin-bottom: 40px;
}

div#r_works .worksContent{
width: 270px;
background: url(../images/line_bg01.gif) repeat;
padding: 10px;
}

div#r_works h4{
margin-bottom: 20px;
}

div#r_works p{
float: left;
}

div#r_works p img{
border: 2px solid #CCCCCC;
}

div#r_works ul{
width: 270px;
}

div#r_works li{
margin-bottom: 20px;
}

div#r_works dl{
float: right;
width: 196px;
font-size: 80%;
}

div#r_works dt{
font-weight: bold;
}

div#r_works dd{
}

div#r_works .moreLinks{
font-size: 80%;
text-align: right;
float: right;
}


/* アーカイブ */
div#r_archives{
width: 290px;
padding-bottom: 30px;
}

div#r_archives h4{
margin-bottom: 20px;
}

div#r_archives ul{
font-size: 80%;
}

div#r_archives li{
background: url(../images/icon_arrow_black.gif) no-repeat left 5px;
padding-left: 16px;
margin-bottom: 5px;
}

div#r_archives p{
font-size: 80%;
text-align: right;
}


/* プロフィール */
div#r_profile{
width: 290px;
padding-bottom: 40px;
}

div#r_profile h4{
margin-bottom: 20px;
}

div#r_profile p{
font-size: 80%;
}








































/* フッター */
div#footer{
width: 950px;
}

div#footer .line{
width: 950px;
background: url(../images/footer_line.gif) no-repeat;
height: 14px;
margin-bottom: 10px;
}

div#footer .pageTop{
text-align: right;
}

div#footer .list01{
font-size: 80%;
margin-bottom: 5px;
}

div#footer .list01 li{
float: left;
}

div#footer .list02{
font-size: 80%;
margin-bottom: 15px;
}

div#footer .list02 li{
float: left;
}

div#footer .rss{
margin-top: 2px;
}