@charset "Shift_JIS";
/****************************
common css for e-present
e-present/template用css

LAST UP DATA:2012/10/19
****************************/

/*初期化*/

*{
	font-style:normal;
	}
html{
	margin:0;
	padding:0;
	}
body{
	margin:0;
	padding:0;
	font:15px "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	*font-size:small;
	*font:x-small;
	line-height:140%;
	color:#333;
	background-color:palegoldenrod;
	}
a{
	color:#0086d2;text-decoration:none;
	}
a:hover{
	color:#0086d2;text-decoration:underline;
	}
div,p,
dl,dt,dd,ul,ol,li,
pre,map,
form,fieldset,
blockquote,input,textarea
table,thead,tbody,tfoot,caption,th,td,br{
	margin:0;
	padding:0;
	}
h1 , h2 , h3 , h4 , h5 , h6 {
	font-weight: normal;
	margin:0;
	padding:0;
	}
hr{
	display:none;
	}
fieldset , img { 
	border: 0;
	vertical-align: bottom;
	}
address , caption , cite , code , dfn , em , strong , th , var {
	font-style: normal;
	font-weight: normal;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:inherit;
	font:100%;
	}
q:before , q:after {
	content: '';
	}
abbr , acronym {
	border: 0;
	}
textarea {
	font-size: 100%;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
object,embed{
	vertical-align:top;
	}
.clear{
	clear:both;
	}

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


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

/*****************************
コンテンツ土台
******************************/
#wrapper{
	width:760px;
	background:white;
	margin:0 auto 0;;
	border-right:solid 1px #a5a5a5;
	box-shadow: 0 0 3px #a0a0a0;
	-webkit-box-shadow: 0 0 3px #a0a0a0;
	-moz-box-shadow: 0 0 3px #a0a0a0;
	}
#wrapper #wrap-main{
	width:700px; /* 実質760px(左パディング30px＋幅指定700px＋右パディング30px) */
	padding:30px 30px 50px;
	}
#tvoFoot{
	/*フッターの潜りこみ*/
	margin-top:-30px;
	}
/*****************************
コンテンツ
******************************/
#wrap-main #content,#wrap-main #entry,#wrap-main #question{
	width:700px;
	}
#wrap-main h1{
	/*キャッチ画像*/
	margin-bottom:20px;
	color:#f50000;
	}
#wrap-main h2{
	/*キャッチ画像下の赤ボールド大見出し*/
	color:#f50000;
	font-weight:bold;
	font-size:150%;
	margin-bottom:20px;
	line-height:120%;
	padding:0;
	}
#wrap-main h3{
	clear:both;
	font-size:1.4em;
	font-weight:normal;
	color:black;
	margin:30px 0 10px;
	padding:0 8px;
	}
/*
#wrap-main h4
	→「囲みコラムブロック」で
*/
#wrap-main p{
	padding-left:24px;
	font-size:110%;
	}
#wrap-main img.insert{
	float:right;
	margin:0 0 8px 12px;
	border:solid 6px #f3f3f3;
	box-shadow: 1px 1px 3px #9a9a9a;
	-webkit-box-shadow: 1px 1px 3px #9a9a9a;
	-moz-box-shadow: 1px 1px 3px #9a9a9a;
	}
#wrap-main .reccomend{
	clear:both;
	display:inline-block;
	color:#f50000;
	font-weight:bold;
	font-size:140%;
	margin:0;
	line-height:120%;
	}
#wrap-main .notice{
	position: relative;
	left:2em;
	margin:8px 0 1em 0;
	/*color:#333;*/
	font-size:75%;
	line-height:1.2em;
	}
#wrap-main .date{
	display:inline-block;
	font-weight:normal;
	font-size:150%;
	color:red;
	margin-bottom:8px;
	}
#wrap-main .comment{
	display:inline-block;
	font-size:0.7em;
	color:#333;
	}
#wrap-main .another{
	text-align:center;
	font-size:large;
	font-weight:bold;
	margin:40px auto;
	}


/*****************************
囲みコラム
******************************/
#wrap-main #column {
	width:480px;
	margin:10px auto;
	/* 以下の汎用テンプレをコピペ書き換え推奨 */

	/* センタリングする場合
	width:480px;
	margin:10px auto;
	*/

	/* 右寄せする場合
	width:480px;
	margin:10px 0 10px auto;
	*/

	display:block;
	padding:8px;
	background-color:lightyellow;
	border:solid 2px #feb67c;
	border-radius:10px;
	font-size:85%;
	line-height:1.4em;
	}
#wrap-main #column h4{
	color:darkred;
	font-size:120%;
	font-weight:bold;
	margin-bottom:0.4em;
	}
#wrap-main #column p{
	padding:0;
	font:inherit;
	}
#wrap-main #column img.insert{
	margin:0 8px 8px;
	}
#wrap-main #content #column .link{
	font-size:100%;
	font-weight:bold;
	margin-top:10px;
	}
/*****************************
締切と応募方法
******************************/
#wrap-main #entry h3{
	border-bottom:dotted 1px skyblue;
	border-left:solid 12px skyblue;
	}
#wrap-main #entry #txtbtn{
	float:left;
	display:block;
	background-color:#029900;
	width:9em;
	border-radius:3px;
	margin:20px 0 10px 20px;;
	padding:1em 0.6em;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	}
#wrap-main #entry #txtbtn:before{
	content:"→";
	}
#wrap-main #entry a#txtbtn:hover{
	text-decoration:underline;
	background-color:#0d7e0c;
	}
#wrap-main #entry #closed{
	float:left;
	display:block;
	background-color:#9a9a9a;
	width:11em;
	border-radius:4px;
	margin:20px 0 10px 20px;;
	padding:0.5em 0.6em;
	font-size:1.0em;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	}
#wrap-main #entry #closed:before{
	content:"×";
	}
#wrap-main #entry #howtoentry{
	margin-top:16px;
	}
#wrap-main #entry #howtoentry p{
	margin-left:300px;
	padding:0;
	font-size:80%;
	font-weight:bold;
	}
#wrap-main #entry #howtoentry ol{
	margin:0 0 0 330px;
	padding:0;
	font-size:80%;
	font-weight:normal;
	line-height:1.4em;
	}
#wrap-main #entry #notice p{
	clear:both;
	margin:20px 0 0 60px;
	padding:0;
	font-size:0.8em;
	font-weight:bold;
	color:#444;
	}
#wrap-main #entry #notice ul{
	clear:both;
	margin:20px 0 0 60px;
	padding:0;
	font-size:0.8em;
	font-weight:bold;
	color:#444;
	}
#wrap-main #entry #notice li.caption{
	margin:0 0 0 2em;
	padding:0 0 0.3em 0;
	list-style:disc outside;
	font-size:inherit;
	font-weight:normal;
	line-height:1.1em;
	letter-spacing:-0.03em;
	}

/*****************************
問題とヒント
******************************/
#wrap-main #question h3{
	border-bottom:dotted 1px blueviolet;
	border-left:solid 12px blueviolet;
	}
#wrap-main #question dl{
	margin:0;
	padding:0 0 0 30px;
	color:black;
	font-size:100%;
	font-weight:bold;
	line-height:1.2em;
	}
#wrap-main #question dd{
	font-size:120%;
	margin-top:0.5em;
	}
#wrap-main #question dd.question{
	float:left;
	}
#wrap-main #questionbtn{
	display:block;
	background-color:#fd627a;
	width:9em;
	border-radius:3px;
	margin:0 0 10px 15em;;
	padding:0.4em;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	}
#wrap-main a#questionbtn:hover{
	text-decoration:underline;
	background-color:#fa8597;
	}
/*****************************
特殊処理分
******************************/
.X4051skip:before,.X4051skip:after{
	content:" ";
	font-size:0.8em;
	/*
	英単語をこのclassでマークアップすることにより前後に半角スペースを挿入する。
	つまりテキスト原稿データ上に、スキマ表現のための半角スペース挿入は不要になる。
	　・無駄な半角スペースはデータ上ではいらない
	　・一方で可読性向上のため英単語の前後で少し余白を設けたい
	　　　↓
		気分的には、JIS X 4051の四分アキを擬似的に実現したい、みたいな。
	*/
	}
.break:after{
	/*テキスト上では改行したくないけどCSS上では改行をしたい場合に改行の制御コードを無理やりブラウザに認識させる*/
	content:"\A";
	white-space:pre;
	}