@charset "utf-8";

/*
===== CONTENTS =====

	Title:works.css
	Last-updated: 2010/04/13
	Auther:colletomo
	Outline:ページデザイン
====================
*/


/* ----------------------------------------------------
 各ページデザイン
----------------------------------------------------*/
body#works .interview {
	padding:5px;
	background: url(../imgs/works/manga/interview_bg.gif) top left;
	margin-top:24px;
}

body#works .iner-interview {
	padding:10px;
	background:#FBFAF9;
}


body#works #mainArea h3 {

}

body#works .b_txt {
	margin-top:25px;
	text-align:center;
}
body#works .list_link {
	margin:14px 0 30px 0;
}



/*渋コラお申込みフォーム
----------------------------------------------------*/
body#works #Insupply{
	background:#f0f0f0;
	margin-bottom:30px;
}

body#works .pad5 {
	padding:5px;
}

body#works .tl{
	background:url(../imgs/tl.gif) left top no-repeat;
}

body#works .bl{
	background:url(../imgs/bl.gif) left bottom no-repeat;
}

body#works .tr{
	background:url(../imgs/tr.gif) right top no-repeat;
}

body#works .br{
	background:url(../imgs/br.gif) right bottom no-repeat;
}





/*
===== 4: フォーム =====
*/

body#works table#require
{
  width:100%;
  background-color:#bbb;
}

body#works table#require th,
body#works table#require td
{
  text-align:left;
  color:#004456;
  padding:5px;
 }


body#works table#require th
{
  background:#EBF1F2;
  white-space:nowrap;
  width:200px;
}

body#works table#require td
{
  background-color:#ffffff;
}



body#works div.center
{
	width:100%;
	text-align:center;
}

body#works em.red
{
 font-style:normal;
 color:red;
}
body#works em.blue
{
 font-style:normal;
 color:#0099FF;
}


body#works .input, select, textarea
{
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #666666;
  background: #f1f1ed;
}
body#works .input
{
 width:60%;
}
body#works .input100
{
 width:100%;
}

body#works .input:focus, select:focus, textarea:focus
{
  background: #ffffff;
}





/*フッターリンク*/
/* relatedBlock */
body#works #RelatedBlock{
	margin-top:12px;
	padding:12px 0 30px 0;
	clear:both;
	overflow:hidden;
	width:700px
}

body#works #RelatedBlock .linkBox{
	float:left;
	width:330px;
}

body#works #RelatedBlock .linkBoxLast{
	float:right;
	width:330px;
}

body#works #RelatedBlock .thumbnail{
	padding:0;
	margin:0;
	border:1px solid #BFC2C2;
	_width:280px;
}

body#works #RelatedBlock .thumbnail_t a {
	border:1px solid #BFC2C2;
	background: url(../imgs/works/shibuya/arrow.gif)7px 9px no-repeat;
	display:block;
	padding:9px 10px 10px 22px;
	_width:280px;
}

body#works #RelatedBlock .thumbnail_t a:hover {
	border:1px solid #BFC2C2;
	background: #44B8DF url(../imgs/works/shibuya/arrow_on.gif) 7px 9px no-repeat;
	text-align:left;
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:9px 10px 10px 22px;
}

body#works #RelatedBlock .thumbnail_t a:visited  {
	border:1px solid #BFC2C2;
	background: url(../imgs/works/shibuya/arrow.gif) 7px 9px no-repeat;
	display:block;
	padding:9px 10px 10px 22px;
	text-decoration:none;
}

body#works #RelatedBlock .thumbnail_t a:visited:hover {
	border:1px solid #BFC2C2;
	background: #44B8DF url(../imgs/works/shibuya/arrow_on.gif) 7px 9px no-repeat;
	text-align:left;
	display:block;
	color:#FFF;
	text-decoration:none;
	padding:9px 10px 10px 22px;
}
body#works .mb {
	margin-bottom:30px;
}


/*ローカルナビ*/	
body#works #Local_nav{
	padding:0;
	margin:0;
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

body#works #Local_nav ul{
	margin:0;
	padding:0;
	list-style:none;
}

body#works #Local_nav ul li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:34px;
	width:116px;
}

body#works #Local_nav ul li a{
	width:116px;
	height:34px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
}

body#works #Lnav01{background: url(../imgs/works/manga/nav.gif) no-repeat;}
body#works #Lnav02{background:url(../imgs/works/manga/nav.gif) -116px 0 no-repeat;}
body#works #Lnav03{background:url(../imgs/works/manga/nav.gif) -232px 0 no-repeat;}

body#works #Lnav01here{background:url(../imgs/works/manga/nav.gif) 0 -34px no-repeat;}
body#works #Lnav02here{background:url(../imgs/works/manga/nav.gif) -116px -34px no-repeat;}
body#works #Lnav03here{background:url(../imgs/works/manga/nav.gif) -232px -34px no-repeat;}

body#works #Lnav01 a:hover{background:url(../imgs/works/manga/nav.gif) 0 -34px no-repeat;}
body#works #Lnav02 a:hover{background:url(../imgs/works/manga/nav.gif) -116px -34px no-repeat;}
body#works #Lnav03 a:hover{background:url(../imgs/works/manga/nav.gif) -232px -34px no-repeat;}

/*ローカルナビ渋谷*/	
body#works #Local_nav_sby{
	padding:0;
	margin:0;
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}

body#works #Local_nav_sby ul{
	margin:0;
	padding:0;
	list-style:none;
}

body#works #Local_nav_sby ul li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:34px;
	width:116px;
}

body#works #Local_nav_sby ul li a{
	width:116px;
	height:34px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
}

body#works #Local_nav_sby #Lnav01{background: url(../imgs/works/shibuya/nav.gif) no-repeat;}
body#works #Local_nav_sby #Lnav02{background:url(../imgs/works/shibuya/nav.gif) -116px 0 no-repeat;}
body#works #Local_nav_sby #Lnav03{background:url(../imgs/works/shibuya/nav.gif) -232px 0 no-repeat;}
body#works #Local_nav_sby #Lnav04{background:url(../imgs/works/shibuya/nav.gif) -348px 0 no-repeat;}

body#works #Local_nav_sby #Lnav01here{background:url(../imgs/works/shibuya/nav.gif) 0 -34px no-repeat;}
body#works #Local_nav_sby #Lnav02here{background:url(../imgs/works/shibuya/nav.gif) -116px -34px no-repeat;}
body#works #Local_nav_sby #Lnav03here{background:url(../imgs/works/shibuya/nav.gif) -232px -34px no-repeat;}
body#works #Local_nav_sby #Lnav04here{background:url(../imgs/works/shibuya/nav.gif) -348px -34px no-repeat;}

body#works #Local_nav_sby #Lnav01 a:hover{background:url(../imgs/works/shibuya/nav.gif) 0 -34px no-repeat;}
body#works #Local_nav_sby #Lnav02 a:hover{background:url(../imgs/works/shibuya/nav.gif) -116px -34px no-repeat;}
body#works #Local_nav_sby #Lnav03 a:hover{background:url(../imgs/works/shibuya/nav.gif) -232px -34px no-repeat;}
body#works #Local_nav_sby #Lnav04 a:hover{background:url(../imgs/works/shibuya/nav.gif) -348px -34px no-repeat;}


/*　作品情報
-----------------------------------------------*/

#works #relArea01 { margin-bottom: 20px; }

#works #relArea01 .relLeft {
	float: left;
	width: 329px;
	padding-right: 20px;
	border-right: 1px dotted #Ad9A5A;
	border-bottom: 1px dotted #Ad9A5A;
	padding-top: 10px;
	height: 100px;
}

#works #relArea01 .relLeftEnd {
	width: 329px;
	padding-top: 10px;
	padding-right: 20px;
	float: left;
	border-right: 1px dotted #AD9A5A;
	height: 100px;
}

#works #relArea01 .relRight {
	width: 329px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	border-bottom: 1px dotted #AD9A5A;
	height: 100px;
}

#works #relArea01 .relRightEnd {
	width: 329px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	border-bottom: none;
	height: 100px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


#works #relArea01 h3 { margin-bottom: 5px !important; }

#works #relArea01 h3 a,
#works #relArea01 h3 a:link,
#works #relArea01 h3 a:visited {
	background: url(../imgs/admission/index/rel_arrow.gif) no-repeat left top;
	display: block;
	height: 20px;
	padding-left: 25px;
}
#works #relArea01 h3 a:hover,
#works #relArea01 h3 a:active { background: url(../imgs/admission/index/rel_arrow.gif) no-repeat left bottom; }

#works #relArea01 .photo {
	float: left;
	margin-right: 10px;
}

#works .photo a,
#works .photo a:link,
#works .photo a:visited {
	background: #D6CBC0 url(../imgs/admission/index/btn_bg_off.gif);
	padding: 3px;
	display: block;
	height: 57px;
	width: 117px;
}

#works .photo a:hover,
#works .photo a:active {	background: #FF6600 url(../imgs/admission/index/btn_bg_on.gif);}



/* 渋コラとは
-------------------------------------*/
#works #shibuyaKv{
	position:relative;
	width:950px;
	height:50px;
	text-align:left;
	display:block;
}

#works #shibuyaKv .kvPos{
	position:absolute;
	left:0;
	top:-10px;
}



#works #shibuyaNav{
	background: url(../imgs/shibuya/index/btn01.gif) no-repeat top center;
	height:99px;
	width:700px;
	text-align:left;
	margin-bottom:20px;
}

#shibuyaNav li,
#shibuyaNav li a {
	height:99px;
}

li#shibuya-01{
	left:0px;
	width:233px;
}

li#shibuya-02{
	left:233px;
	width:234px;
}

li#shibuya-03{
	left:467px;
	width:233px;
}

li#shibuya-01 a:hover,
li#shibuya-01 a.selected{
	background: url(../imgs/shibuya/index/btn01.gif) no-repeat 0 -99px;
}

li#shibuya-02 a:hover,
li#shibuya-02 a.selected{
	background: url(../imgs/shibuya/index/btn01.gif) no-repeat -233px -99px;
}

li#shibuya-03 a:hover,
li#shibuya-03 a.selected{
	background: url(../imgs/shibuya/index/btn01.gif) no-repeat -467px -99px;
}


/*グリッド表示*/
#works .item{
	margin-bottom:16px;
}

#works .shibuyaGrid a img{
	border:3px solid #000;
}

#works .shibuyaGrid a:hover img{
	border:3px solid #F60101;
}


#works .shibuyaGrid .colOne{
	width:163px;
	margin-right:16px;
	float:left;
}

#works .shibuyaGrid .colTwo{
	width:342px;
	margin-right:16px;
	float:left;
}

#works .shibuyaGrid .colThree{
	width:521px;
	margin-right:16px;
	float:left;
}

#works .shibuyaGrid .colLast{
	margin:0;
}


#works #shibuyaPhoto {
	margin-bottom: 20px;
}

#works #shibuyaBtn02 li{
	float: left;
	width: 350px;
	margin-bottom: 10px;
	list-style-type: none;
}

#works #shibuyaBtn02 .right {
	text-align: right;
}

/* マンガイラストグランプリ作品募集
-------------------------------------*/
#works #mangaKv p { margin-bottom: 20px; }

#works #mangaComment {
	background: url(../imgs/manga/index/comment_bg.jpg) no-repeat;
	height: 505px;
	width: 700px;
	position: relative;
	margin-bottom: 30px;
}

#works #mangaComment p { line-height: 140%; }
#works #mangaComment img { margin-bottom: 5px; }

#works #mangaComment #new {
	position: absolute;
	left: 577px;
	top: -85px;
}

#works #mangaComment #bosyu {
	position: absolute;
	left: 15px;
	top: 15px;
	width: 390px;
	height: 116px;
}

#works #mangaComment #special {
	position: absolute;
	left: 8px;
	top: 341px;
	width: 243px;
	height: 101px;
}

#works #mangaComment #sinsa {
	position: absolute;
	left: 153px;
	top: 195px;
	width: 525px;
}

#works #mangaComment #sinsa2 {
	position: absolute;
	left: 153px;
	top: 220px;
	width: 525px;
}
#works #mangaComment #sinsa2 #name {
	text-align: right;
	display: block;
}

#works #mangaComment #prf {
	position: absolute;
	left: 311px;
	top: 334px;
	width: 375px;
	height: 160px;
}

#works #mangaComment #chance {
	position: absolute;
	left: 15px;
	top: 320px;
	width: 300px;
}

#works #mangaComment #address {
	position: absolute;
	left: 146px;
	top: 471px;
	height: 64px;
}

#works #mangaBosyu table#comic_guideline{
	line-height:1.3em;
	color:#333;
	margin:10px auto 12px;
	padding:0;
	border:2px solid #c8c8c8;
	background:#c8c8c8;
}

#works #mangaBosyu #comic_guideline td{
	background:#fafafa;
	padding: 3px;
}

#works #mangaBosyu #comic_guideline th{
	background:#ebebeb;
	color:#3C6288;
	padding: 3px;
}

#works #mangaBtn #btnDown {
	float: left;
	list-style-type: none;
}

#works #mangaBtn #btnOubo {
	float: right;
	list-style-type: none;
}


#works strong.ttl{
	font-size:14px;
	color:#E90013 ;
}

#works .mihon{
	float:right;
	margin-left:15px;
	padding-right:10px;
}

#works{
	
}


/* マンガイラストグランプリ作品紹介
-------------------------------------*/

#Prize .grand{
	background:url(../imgs/manga/archive01/grand_bg.gif) left top;
	margin-bottom:24px;
	position:relative;
	height:310px;
	_width:690px;/*ieハック*/
	padding:5px;
	zoom:1;
}

#Prize .grand02{
	background:url(../imgs/manga/archive01/grand_bg.gif) top left;
	margin-bottom:24px;
	position:relative;
	height:227px;
	_height:227px;/*ieハック*/
	_width:690px;/*ieハック*/
	padding:5px;
	zoom:1;
}

#Prize .grand02 .normal { height: 217px; }


#Prize .grand_ttl{
	background:#fff url(../imgs/manga/archive01/gd_title.gif) no-repeat top right;
	padding:5px;
	height: 300px;
	_height: 290px;
}

#Prize .grand_ttl02{
	background:#fff url(../imgs/manga/archive01/gd_title.gif) no-repeat top right;
	padding:5px;
	height: 217px;
	_height: 207px;
}

#Prize .normal{
	background:#fff;
	padding:5px;
	height: 300px;
}

#Prize .work{
	float:left;
	width:300px;
	text-align:right;
}

#Prize .work02{
	float:left;
	text-align:right;
	margin-top:12px;
	margin-left: 12px;
	width: 330px;
}


#Prize .name{
	float:right;
	width:320px;
	padding-top:115px;
	text-align:left;
}

#Prize .name02{
	float:right;
	width:270px;
	padding-top:70px;
	text-align:left;
}

#Prize .ribbon-t{
	background:url(../imgs/manga/archive01/ribbon_t.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:53px;
	height:53px;
	z-index:50;
}

#Prize .ribbon-t02{
	background:url(../../manga/imgs/ribbon_t.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:53px;
	height:53px;
	z-index:50;
}

#Prize .ribbon-b{
	background:url(../imgs/manga/archive01/ribbon_b.gif) no-repeat;
	position:absolute;
	bottom:0;
	right:0;
	width:53px;
	height:53px;
	z-index:100;
}

#Prize .medal{
	background:url(../imgs/manga/archive01/medal.gif) no-repeat;
	top:0;
	left:0;
	position:absolute;
	z-index:2;
	width:53px;
	height:66px;
}

/*081106追加*/
#Prize .grandSub{
	background:url(../imgs/manga/archive01/grand_bg.gif) left top;
	margin:0 0 24px;
	padding:5px;
}

#Prize .grandSub .inner{
	background:#fff;
	padding:15px 10px;
}

#Prize .grandSub .box{
	width:215px;
	float:left;
	margin-right:10px;
}

#Prize .grandSub .last{
	margin-right:0;
}

#Prize .grandSub h3{
	margin-bottom:10px;
	vertical-align:bottom;
}

#Prize .grandSub .box h3{
	margin:5px auto 15px;
}

#Prize .grandSub .box h3.last{
	margin-bottom:0;
}

#Prize .grandSub ul{
	text-align:left;
	list-style:none;
	width:680px;
	margin-right:-10px;
	zoom:1;
	overflow:hidden;
}

#Prize .grandSub ul li{
	padding:10px 0;
	border-bottom:1px dotted #ccc;
	float:left;
	margin-right:10px;
	width:330px;
}

#Prize .grandSub ul li.last{
	padding:10px 0 0;
	border-bottom:none;
	margin-right:10px;
}

span.please{
	font-weight:bold;
	color:#FD6D20;
}

p.list_link a img{
	border:1px solid #ccc;
}

p.list_link a:hover img{
	border:1px solid #ff0000;
}

/*090501追加*/
div.posterL{
	float:left;
	width:271px;
}

div.posterR{
	float:right;
	width:271px;
}