@charset "EUC-JP";

/* =============================================

	Contetst2009 / page.css
	
============================================= */

body {
	background-color:#c72924;
}

div#PageCampaign {
	width:100%;
	min-width:990px;
	background:url(./img/bg_common_header.gif) repeat-x;
}

/* =============================================
	Link Color
============================================= */

div.CampaignBlock a:link	  { color:#c72924; text-decoration:underline; }
div.CampaignBlock a:visited { color:#c72924; text-decoration:underline; }
div.CampaignBlock a:active  { color:#c72924; text-decoration:none; }
div.CampaignBlock a:hover   { color:#c72924; text-decoration:none; }

/* =============================================
	Layout
============================================= */

div#CampaignHeader {
	position:relative;
	margin:0 auto 20px;
	padding-top:8px;
	width:950px;
	height:40px;
}

/* =============================================
	Header
============================================= */

/* ページタイトル */
div#CampaignHeader h1 {
	margin-bottom:1px;
	text-align:right;
	font-size:12px;
	line-height:1.5;
}

	div#CampaignHeader p {
		text-align:right;
		font-size:10px;
		line-height:1.5;
	}

/* JUGEMロゴ */
div#CampaignHeader div a {
	position:absolute;
	top:10px; left:0;
	display:block;
	width:85px;
	height:30px;
	background:url(./img/logo_header_jugem.gif) ;
	text-indent:-9999px;
}

	/* JUGEM 無料ブログ */
	div#CampaignHeader div span {
		position:absolute;
		top:16px; left:90px;
		font-size:12px;
		line-height:1.5;
	}

/* =============================================
	Contents
============================================= */

div.CampaignBlock {
	margin:0 auto 20px;
	width:950px;
	background:#fff;
}

/* コンテスト概要 */
div#BlockSchema {
	padding-top:30px;
	background:#fff url(./img/bg_BlockSchema01.gif) no-repeat;
	background-position:top left;
}

	div#UnitSchema {
		position:relative;
		padding-bottom:10px;
		background:url(./img/bg_BlockSchema02.jpg) no-repeat;
		background-position:bottom right;
	}

/* 応募要項 */
div#BlockApplication {
	padding:35px 0;
	position:relative;
	background:#fff url(./img/bg_BlockApplication.jpg) no-repeat;
	background-position:bottom right;
}

/* 協賛 */
div#BlockSupporter {

}

h3 {
	height:27px;
	background:url(./img/subtitle.gif);
	text-indent:-9999px;
}
	
	h3#SubtitlePrize {  width:520px; background-position:520px 300px; }
	h3#SubtitleSummary { width:300px; background-position:520px 265px; }
	h3#SubtitleApplicant { width:300px; background-position:520px 230px; }
	h3#SubtitleMaterial { width:500px; height:35px; background-position:520px 195px; }
	h3#SubtitleBooklog { width:200px; height:35px; background-position:520px 55px; }
	h3#SubtitleMethod { width:300px; background-position:520px 160px; }
	h3#SubtitleWinner { width:300px; background-position:520px 125px; }
	h3#SubtitlePCtemp { width:390px; background-position:520px 370px; }
	h3#SubtitleMobiletemp { width:390px; background-position:520px 335px; }

div.CampaignUnit {
	margin:0 72px 30px;
	width:806px;
}

	div.CampaignUnitLeft {
		float:left;
	}
	
	div.CampaignUnitRight {
		float:right;
	}

div.CampaignUnit p {
	font-size:12px;
	line-height:2.2;
}

	div.CampaignUnit p span{
		font-size:10px;
	}

div.CampaignUnit ul {
	margin-top:8px;
}

	div.CampaignUnit ul li {
		font-size:12px;
		line-height:2.2;
	}

/* =============================================
	コンテスト概要
============================================= */

div#BlockSchema h1 {
	position:relative;
	margin:0 45px;
	width:860px;
	height:160px;
	background:url(./img/title_h1.gif);
	text-indent:-7000px;
}

	h1 a#h1JUGEM {
		position:absolute;
		top:24px; left:645px;
		display:block;
		width:193px;
		height:51px;
		outline:none;
	}
	
	h1 a#h1LOLIPOP {
		position:absolute;
		top:80px; left:645px;
		display:block;
		width:193px;
		height:60px;
		outline:none;
	}
	
	div#h1IMG {
		display:none;
	}

/* ヘッダーメニュー */
ul#HeaderMenu {
	position:absolute;
	top:17px; left:100px;
	z-index:10;
}

* html ul#HeaderMenu {
	left:55px;
}

	ul#HeaderMenu li {
		position:relative;
		display:inline;
		font-size:14px;
	}

h2 {
	margin:0 0 5px 72px;
	width:806px;
	height:54px;
	background:url(./img/title_h2.gif);
	background-position:806px 108px;
	text-indent:-7000px;
}

	h2#h2AppEnd {
		background-position:806px 54px;
	}

	h2#h2gp {
		background:url(./img/gp/title_h2.gif);
		background-position:806px 108px;
	}
	
	h2#h2Int {
		background:url(./img/gp/title_h2.gif);
		background-position:806px 54px;
	}

p#PageDescription {
	margin:0 0 20px 72px;
	width:635px;
	font-size:12px;
	line-height:2.2;
}


/* 賞品・賞金について */
h3#SubtitlePrize {
	margin:0 0 5px 72px;
}

div#BlockPrize {
	position:relative;
	margin:0 0 10px 72px;
	padding:5px;
	border:5px solid #c72924;
	width:500px;
	background:url(./img/dotline_vertical.gif) repeat-y;
	background-position:255px 0;
}

ul.PrizeList {
	width:500px;
}

ul#PrizeListHorizon {
	height:151px;
	background:url(./img/dotline_horizon.gif) no-repeat;
	background-position:0 146px;
}


	li.PrizeListLeft {
		float:left;
		width:254px;
	}
	
	li.PrizeListRight {
		float:left;
		width:246px;
	}

a#LinkMuumuu {
	position:absolute;
	top:215px;left:45px;
	display:block;
	width:115px;
	height:52px;
	background:url(null);
	text-indent:-7000px;
	outline:none;
}

a#LinkLolipop {
	position:absolute;
	top:270px;left:110px;
	display:block;
	width:89px;
	height:30px;
	background:url(null);
	text-indent:-7000px;
	outline:none;
}

p#PrizeDescription {
	margin:0 0 20px 72px;
	font-size:10px;
	line-height:1.7;
}

/* =============================================
	応募要項
============================================= */

ul#BtnBooklog li a {
	display:block;
	width:200px;
	height:30px;
	background:url(./img/btn_booklog.gif);
	text-indent:-7000px;
	outline:none;
}

ul#BtnJUGEM li a {
	display:block;
	width:384px;
	height:54px;
	background:url(./img/btn_signup_jugem.gif);
	text-indent:-7000px;
	outline:none;
}

	ul#BtnJUGEM li a:hover {
		background-position:384px 54px;
	}


/* 作品応募フォーム ボタン */
ul#BtnApp {
	text-align:center;
	font-size:10px;
}

li#BtnAppEnd,
li#BtnAppStart,
li#BtnAppLink,
li#BtnAppLink a {
	display:block;
	margin:0 auto 7px;
	width:537px;
	height:69px;
	text-indent:-9999px;
	background:url(./img/btn_app.gif);
}

li#BtnAppEnd { background-position:537px 69px; }
li#BtnAppStart { background-position:537px 276px; }
li#BtnAppLink { text-indent:0px; }
li#BtnAppLink a { background-position:537px 207px; }
li#BtnAppLink a:hover { background-position:537px 138px; }

/* =============================================
	ペパコン2009
============================================= */

div#pepacon2009 {
	position:relative;
	padding:15px 20px;
	width:910px;
}


div#pepacon2009 ul {
	position:absolute;
	top:11px; left:25px;
}

div#pepacon2009 h3 {
	margin-left:100px;
	background:url(./img/subtitle2.gif) no-repeat;
	width:750px;
	height:28px;
}

div#pepacon2009 p {
	margin: 0 0 5px 100px;
	font-size:10px;
	line-height:1.7;
}

div#pepacon2009 p span {
	font-size:12px;
}

/* =============================================
	協賛
============================================= */

div#BlockSupporter {
	padding:20px 0;
	text-align:center;
}

div#BlockSupporter ul {
	margin-bottom:5px;
}

div#BlockSupporter ul li {
	display:inline;
	padding:0 5px;
}

/* =============================================
	Footer
============================================= */

div#CampaignFooter {
	width:100%;
	min-width:950px;
	border-top:1px solid #ccc;
	background:#fff;
}

div#CampaignFooterBlock {
	position:relative;
	margin:0 auto;
	padding:45px 0 25px 150px;
	width:800px;
}

/* ページの先頭へ */
div#PageTop {
	position:absolute;
	top:45px; right:0;
	font-size:12px;
}

	div#PageTop a {
		color:#222;
	}
	
	div#PageTop a:hover {
		text-decoration:none;
	}

/* paperboy&co. ロゴ */
div#LogoCompany {
	position:absolute;
	top:40px; left:0;
}

/* フッターメニュー */
div#CampaignFooter ul {
	display:inline;
	line-height:1.0;
}

div#CampaignFooter ul li {
	display:inline;
	font-size:10px;
	color:#aaa;
}

/* コピーライト */
address {
	display:inline;
	padding-right:12px;
	font-size:10px;
	font-family:tahoma;
	color:#aaa;
	line-height:1.0;
}

	address a {
		color:#aaa;
	}

div#CampaignFooter ul#FooterLink {
	display:block;
	margin-bottom:5px;
	line-height:1.0;
}

div#CampaignFooter ul#FooterLink li{
	color:#222;
	font-size:12px;
}

div#CampaignFooter ul#FooterLink li a{
	color:#222;
}

div#CampaignFooter ul#FooterLink li a:hover {
	text-decoration:none;
}

/*----------------------------------------
	注意事項
----------------------------------------*/

body#PageCaution {
	background:#fff;
	padding:20px;
}

body#PageCaution h1 {
	margin-bottom:10px;
}

body#PageCaution h1 span {
	font-size:10px;
}

body#PageCaution li {
	font-size:12px;
	list-style-type:disc;
	margin:0 0 10px 20px;
}

/*----------------------------------------
	素材ダウンロード
----------------------------------------*/

div#PageDownload {
	padding:0 160px 0 45px;
}


div#PageDownload h4 {
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
}

div#PageDownload p {
	margin:0 0 20px 30px;
	font-size:12px;
}

div#PageDownload p strong {
	color:#c72924;
}

div#PageDownload ul {
	margin-bottom:20px;
}

div#PageDownload ul li {
	list-style-type:disc;
	margin:0 0 0 20px;
	font-size:12px;
	line-height:2.2;
}



/* =============================================
	受賞作品の発表
============================================= */

* html dl.comment_nb dt span {
  behavior: url(./iepngfix.htc):
}

* html dl.comment_creator dt span {
  behavior: url(./iepngfix.htc):
}

div.CampaignUnit2 {
	padding:0 72px 30px;
	width:806px;
}

div.CampaignUnit2 p.bnr{
	margin:20px auto;
	text-align:center;
}

ul#BtnGp {
margin:0 0 20px 72px;
width:520px;	
text-align:center;
	font-size:10px;
}

li#BtnGpLink a {
	display:block;
	margin:0 auto 7px;
	width:520px;
	height:59px;
	text-indent:-9999px;
	background:url(./img/gp/btn_gp.gif);
}

li#BtnGpLink a { background-position:520px 118px; }
li#BtnGpLink a:hover { background-position:520px 59px; }


div#GpPC {
background:url(./img/gp/bg_gp_pc.jpg) no-repeat;
background-position:left top;
}

div#GpMobile {
background:url(./img/gp/bg_gp_mobile.jpg) no-repeat;
background-position:right top;
}

div#GpWacom {
background:url(./img/gp/bg_wacom.jpg) no-repeat;
background-position:right top;
}

div#GpMuumuu {
background:url(./img/gp/bg_muumuu.jpg) no-repeat;
background-position:left top;
}



h3.gp_list_title {
width:194px;
text-indent:0;
height:auto;
background:0;
}

div.CampaignUnit2 h3{
	margin-bottom:15px;
	height:59px;
	background:url(./img/gp/title_h3.jpg);
	text-indent:-9999px;
}
	
	div#GpPC h3 { background-position:806px 236px; }
	div#GpMobile h3 { background-position:806px 177px; }
	div#GpWacom h3 { background-position:806px 118px; }
	div#GpMuumuu h3 { background-position:806px 59px; }

ul.gp_list {
width:194px;
}

ul.gp_list li {
display:block;
text-align:center;
}

img.gp_screen {
display:block;
border:1px solid #222;
margin-bottom:10px;
}

ul.link_screen {
margin-bottom:10px;
text-align:right;
font-size:12px;
}

ul.link_screen2 {
margin-bottom:10px;
text-align:left;
font-size:12px;
}


.list_creator {
padding:10px 0 10px 70px;
background:url(./img/gp/list_creator.gif) no-repeat;
background-position:center left;
}

.list_site {
padding:10px 0 10px 64px;
background:url(./img/gp/list_site.gif) no-repeat;
background-position:center left;
}

.list_blog {
padding:10px 0 10px 73px;
background:url(./img/gp/list_blog.gif) no-repeat;
background-position:center left;
}



/*----------------------------------------
	日本橋さんコメント
----------------------------------------*/

dl.comment_nb {
position:relative;
margin-bottom:25px;
}

dl.comment_nb dt {
position:absolute;
top:0; left:0;
padding-top:83px;
width:80px;
background:url(./img/gp/icon_nihonbashi.png) no-repeat;
font-size:10px;
color:#990000;
text-align:center;
}

	/* 吹き出し */
	dl.comment_nb dt span {
	z-index:10;
	position:absolute;
	top:15px; left:95px;
	text-indent:-9999px;
	width:16px;
	height:20px;
	background:url(./img/gp/bg_comment_nb.png);
	}

dl.comment_nb dd {
width:696px;
padding-left:110px;
background:url(./img/gp/bg_comment_nb1_bd.png) no-repeat;
background-position:left bottom;
}

dl.comment_nb dd div {
padding:15px;
border:1px solid #aaa;
background:#ffffcc;
font-size:12px;
line-height:2.2;
}

/*----------------------------------------
	クリエーターコメント
----------------------------------------*/

dl.comment_creator {
position:relative;
margin-bottom:25px;
}

dl.comment_creator dt {
position:absolute;
top:0; left:726px;
padding-top:83px;
width:80px;
background:url(./img/gp/icon_nihonbashi.png) no-repeat;
font-size:10px;
text-align:center;
}

	/* 吹き出し */
	dl.comment_creator dt span {
	z-index:10;
	position:absolute;
	top:15px; right:95px;
	text-indent:-9999px;
	width:16px;
	height:20px;
	background:url(./img/gp/bg_comment_creator.png);
	}

dl.comment_creator dd {
width:696px;
background:url(./img/gp/bg_comment_nb1_bd.png) no-repeat;
background-position:left bottom;
}

dl.comment_creator dd div {
padding:15px;
border:1px solid #aaa;
background:#fff;
font-size:12px;
line-height:2.2;
}

dl.comment_creator dd p {
margin-bottom:10px;
}

dl.comment_creator dd div ul {
text-align:left;
}

dl.comment_creator dd div ul li {
display: inline;
padding-right:13px;
}

dl.comment_nb dt#icon_wacom {
background:url(./img/gp/icon_wacom.png) no-repeat;
color:#0860c1;
}




dl.comment_muumuu {
position:relative;
margin-bottom:15px;
padding:20px 15px 20px 0;
border:1px solid #aaa;
background:#ffdce3;
}

dl.comment_muumuu dt {
padding-left:235px;
font-size:12px;
margin-bottom:5px;
line-height:1.8;
}

dl.comment_muumuu dt strong {
font-size:16px;
}

dl.comment_muumuu dt span {
font-size:12px;
}

dl.comment_muumuu dd {
padding-left:235px;

}

dl.comment_muumuu dd.comment_muumuu_screen {
position:absolute;
top:15px; left:15px;
padding-left:0px;
}

dl.comment_muumuu dd p {
line-height:2.2;
font-size:12px;
}font-size:16px;

dl.comment_nb dd p span,
dl.comment_creator dd p span,
dl.comment_muumuu dd p span {
font-size:10px;
}

/*----------------------------------------
	インタビュー
----------------------------------------*/

div#InterviewArea {
padding:30px 0 0 0;
}

div#Interview {
margin:0 auto;
width:806px;
}

div#Interview h3 {
margin-bottom:25px;
width:806px;
text-indent:0;
height:auto;
background:0;
}

div#Interview h4 {
margin-bottom:10px;
color:#0084c0;
font-size:14px;
}

div#Interview p {
margin-bottom:25px;
font-size:12px;
line-height:2.2;
}


/*----------------------------------------
	Float Clearfix
----------------------------------------*/

div.CampaignUnit,
ul.PrizeList {
    zoom:1;/*for IE 5.5-7*/
}

div.CampaignUnit:after,
ul.PrizeList:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}