@charset "UTF-8";
/****************************
content css for e-present
e-present/template用css
ページのデザイン・レイアウトに関する要素群

LAST UP DATA:2012/12/03
****************************/

/*****************************
フォント関係分
******************************/
.b{
	font-weight:bold;
	}
.s {
	font-size:85%;
	}
.m {
	font-size:108%;
	}
.l {
	font-size:160%;
/*	font-size:153.9%;*/
	}
.red {
	color:#FF0000;
	}

/*****************************
コンテンツ土台
******************************/
body{
	color:#333333;
	/*background-color:色指定は別CSSで*/
	}
a{
	color:#0086d2;
	}
a:hover{
	color:#0086d2;
	}
#wrapper{
	width:762px;
	/*background:色指定は別CSSで*/
	margin:0 auto 0;;
	border-right:solid 1px; /*色指定は別CSSで*/
	}
#wrapper #wrap-main{
	width:700px; /* 実質762px(左パディング31px＋幅指定700px＋右パディング31px) */
	padding:30px 31px 20px;
	}
#tvoFoot{
	/*フッターの潜りこみ*/
	margin-top:-30px;
	}

/*****************************
コンテンツ
******************************/
#wrap-main #story, #wrap-main #entry{
	width:700px;
	margin-bottom:20px;
	}
#wrap-main h1{ /*キャッチ画像*/
	margin-bottom:30px;
	font-size:1.6em;
	line-height:1.4em; /*色指定は別CSSで*/
	}
#wrap-main h2{ /*帯のあるブロック見出し*/
	margin:0 0 16px;
	padding:6px 8px 4px;
	font-size:1.1em;
	font-weight:normal; /*色指定は別CSSで*/
	letter-spacing:0.2em;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	}
#wrap-main #story h3{ /*ある意味h1的な大きいテキスト*/
	margin:0 0 10px;;
	padding:0 24px;
	font-weight:normal;
	font-size:160%;
	line-height:1.4em; /*色指定は別CSSで*/
	}
#wrap-main #story h4.reccomend{ /*第1段落、締めの文言*/
	margin:8px 0;
	padding:0 24px;
	}
#wrap-main #entry h3{ /*応募ボタン、受付終了バッジ*/
	font-size:inherit;
	}
#wrap-main #column h4{ /*囲みコラム内の見出し*/
	margin:0 0 0px;
	padding:0.5em;
	font:inherit;
	text-align:center;
	letter-spacing:0.2em;
	}

#wrap-main p{
	padding:0 24px;
	}
#wrap-main img.insert{
	float:right;
	margin:0 0 6px 12px;
	border:solid 7px #F2EDEB;
	box-shadow: 1px 1px 3px #787878;
	-webkit-box-shadow: 1px 1px 3px #787878;
	-moz-box-shadow: 1px 1px 3px #787878;
	}
#wrap-main .reccomend{
	font-weight:bold;
	font-size:130%;
	margin:0;
	line-height:1.2em;
	}
#wrap-main .notice{
	display:inline-block;
	margin:1.5em 0 1em 2em;
	font-size:75%;
	color:#333333;
	line-height:1.2em;
	}

/*****************************
囲みコラム
******************************/
#wrap-main #column{
	display:block;
	margin:0;
	padding:4px;
	font-weight:bold;
	font-size:85%;
	border:solid 1px; /*色指定は別CSSで*/
	border-radius:5px;
	}
#wrap-main #story #column{
	/*clear:both;*/
	}
/* #wrap-main h4 →先述の「コンテンツ」ブロック参照 */

#wrap-main #column dl{
	margin:0;
	border-bottom:solid 1px; /*色指定は別CSSで*/
	}
#wrap-main #column dt{
	float:left;
	width:7em;
	padding-right:0.5em;
	font-weight:bold;
	text-align:right;
	border-top:solid 1px; /*色指定は別CSSで*/
	}
#wrap-main #column dd{
	margin-left:7.5em;
	padding-left:0.5em;
	font-weight:normal;
	border-top:solid 1px; /*色指定は別CSSで*/
	}

/*****************************
締切と応募要項
******************************/
/* #entryは「コンテンツ」ブロックでまとめ指定済み */

#wrap-main .title{
	margin-top:10px;
	font-weight:bold;
	font-size:150%;
	line-height:1.3em;
	}
#wrap-main .entryRun{
	margin-top:10px;
	font-weight:bold;
	font-size:150%;
	line-height:1.3em;
	}
#wrap-main .entryClosed{
	margin-top:10px;
	font-weight:normal;
	font-size:120%;
	line-height:1.4em;
	text-decoration:none;
	}
#wrap-main .entryClosed:after{
	content:"\A"; /*改行コード*/
	white-space:pre; /*改行コードの有効化*/
	content:"※受付は終了いたしました。たくさんのお申込みありがとうございました。";
	}
#wrap-main #stackleft{
	float:left;
}
#wrap-main #entry #txtbtn{
	display:block;
	margin:10px 0 10px 50px;;
	padding:1em 0.6em;
	width:9em;
	background-color:#029900;

	color:#ffffff;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.2em;

	border-radius:35px;
	border-style:solid;
	border-width:2px;
	border-color:#9a9a9a #787878 #787878 #9a9a9a;
	}
#wrap-main #entry #txtbtn:before{
	content:"→";
	}
#wrap-main #entry #txtbtn:hover{
	text-decoration:underline;
	background-color:#0d7e0c;
	}
#wrap-main #entry #txtbtn a{
	color:#ffffff;
	}
#wrap-main #entry #closed{
	display:block;
	margin:10px 0 10px 50px;;
	padding:1em 0.6em;
	width:9em;
	background-color:#9a9a9a;

	color:#ffffff;
	font-size:1.4em;
	font-weight:normal;
	text-align:center;
	letter-spacing:0.2em;

	border-radius:4px;
	border-style:solid;
	border-width:2px;
	border-color:#9a9a9a #787878 #787878 #9a9a9a;
	}
#wrap-main #entry #closed:before{
	content:"×";
	}
#wrap-main #entry #howtoentry{
	margin-top:8px;
	}
#wrap-main #entry #howtoentry-single{
	margin-top:6px;
	}
#wrap-main #entry #howtoentry p, 
#wrap-main #entry #howtoentry-single p{
	margin-left:60px;
	padding:0;
	font-size:80%;
	font-weight:bold;
	}
#wrap-main #entry #howtoentry-single p{
	margin-left:300px;
	}
#wrap-main #entry #howtoentry ol, 
#wrap-main #entry #howtoentry-single ol{
	margin:0 0 0 100px;
	padding:0;
	font-size:80%;
	font-weight:normal;
	line-height:1.4em;
	}
#wrap-main #entry #howtoentry-single ol{
	margin:0 0 0 330px;
	}
#wrap-main #entry #privacy{
	clear:both;
	}

#wrap-main #entry #privacy ul{
	margin:10px 0 0 60px;
	padding:0;
	font-size:0.8em;
	font-weight:bold;
	}
#wrap-main #entry #privacy li{
	margin:0 0 0 2em;
	padding:0 0 0.3em 0;
	list-style:disc outside;
	font-size:inherit;
	font-weight:normal;
	line-height:150%;
	letter-spacing:-0.03em;
	}
#wrap-main #entry .notice p, 
#wrap-main #entry .notice ul
	{color:#333333;}
#wrap-main #entry p.another{
	text-align:center;
	font-size:large;
	font-weight:bold;
	margin:0 auto;
	padding-top:60px;
	line-height:1.5em;
	}

/*****************************
特殊処理分
******************************/
#cssswitcher{
	width:104px;
	/*height:24px;*/
	margin:-24px 0px -2px auto;
	padding:0;
	letter-spacing:6em;
	font-size:0.1em;
	border:solid 0px red;
	}
#cssswitcher img{
	vertical-align:top;
	border:solid 0px black;
	margin:0;
	}


.X4051skip:before,.X4051skip:after{
	content:" ";
	font-size:16px;
	/*
	(例えば)英単語をこのclassでマークアップすることにより前後に半角スペースを挿入する。
	つまりテキスト原稿データ上に、スキマ表現のための半角スペース挿入は不要になる。
	スキマの広さはfont-sizeで調整。

	・スキマ表現のためにスペースを挿入するのは避けたい
	・一方で可読性向上のため英単語の前後で少し余白を設けたい
	　↓
	気分的には、JIS X 4051の四分アキを擬似的に実現したい、みたいな。

	応用として半角カッコとそれ続く文字との間の狭さ解消としても有用。
	*/
	}
.break:after{
	content:"\A";
	white-space:pre;
	/*
	データでは改行せず、ブラウザでは改行したい場合に利用。

	データ上でも改行が必要な場合は往来どおり<br />で、
	データ上の改行は不要だがブラウザ上の見た目として改行させたい場合は
	このクラスをspanタグで"挿入"する。
	注意点としてソースコード上では改行しないこと。
	(IE系ブラウザで空白が表現されてしまうため)
	このクラスを挿入する目的*を思い出せばシンプルで覚えやすい。
	* データは改行なし、ブラウザ上は改行あり

	正しいソース
	データ的には改行不要。<span class="break"></span>でもブラウザ上では改行させたい。

	悪いソース
	データ的には改行不要。<span class="break"></span>
	でもブラウザ上では改行させたい。
	↑ソースをこう書くとIE系では行頭に空白が挿入されてしまう。
	*/
	}