@charset "Shift_JIS";
@import "layout.css";

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: sans-serif;
}

/* リンク */
a img{
	border: none;
}

/* 一般使用：文字サイズ*/
.small{
	font-size: small;
	line-height: 1.5em;
}

.smaller{
	font-size: smaller;
}

/* 見出し構造 */
h1{
	text-align: right;
	background: url('../img/1px-99330C.png');
	cursor: pointer;
	line-height: 1em;
}

h1 a{
}
h2{
	font-size: 20px;
/*	border: 1px solid #EB6;
*/
/*	background: #FFEE99;*/
/*	background: #FFC070;
*/
/*	padding: 0.2em 0.5em;
*/
	margin: 0.4em 0em 0.8em;
}

h3{
	font-size: 16px;
	border: solid #A83;
	border-width: 0 0 1px;/*1px 1px 1px 0.5em;*/
	padding: 0.2em 0.5em;
	margin: 1em 0em;
}

/* 終了報告 */
h3#REPORT{
	clear: right;
}

h4{
	font-size: small;
	font-weight: bold;
	padding-left: 0.5em;
	border-left: 0.4em solid #A83;
}


/* 右側のコラム */
div.rightcolumn{
	width: 200px;
	float: right;
	margin: 0 0 5px 15px;
	padding: 15px;
	border: 1px solid #FD0;
}

/* 右側の写真 */
div.right-photo{
	width: 200px;
	float: right;
	margin: 0 5px 0 15px;
}

/* こまごま */
div.topicpath{
	font-size: small;
}

div.topicpath div{
	font-size: 90%;
}

/* 段落 */
p{
	font-size: medium;
	line-height: 160%;
	margin: 0.5em 0;
/*	text-align: justify; */
}

p.small{
	font-size: small;
}


/* DIV */
/* 四角囲み */
div.anounce{
	font-size: small;
	line-height: 160%;
	border: 2px solid #B94;
	padding: 0.6em 1em;
	margin: 1em 0;
}

/* 公開抽選会 */
div.lottery{
	background: #FDD;
	border: 1px solid #FAD9D9;
	border-radius: 8px;
	padding: 0.5em 0.75em;
	margin: 0.75em 0 0.5em;
	font-size: small;
}

div.lottery p{
	font-size: small;
}

div.lottery h3{
	margin: 0.2em 0 0.5em;
	padding: 0;
	font-size: medium;
	border: none;
}


/* 注意喚起 */
div.attention{
/*	border: 2px solid #E66;
*/
	border: 2px solid #BE0032;
	background: #FFF3F3;
	font-size: small;
	line-height: 1.5em;
	padding: 0.5em 0.8em;
	margin: 0.75em 0em;
}


/* SPAN */
span.denied{
	color: #555;
	text-decoration: line-through;
}

span.small{
	font-size: small;
	padding: 0;
}

span.attention{
	color: #F30;
	font-weight: bold;
}

/* 表組み */
table.medium{
	font-size: medium;
	border-collapse: collapse;
	border: 1px solid #B94;
}

table.medium tr{
	vertical-align: top;
}

table.medium td, th{
	padding: 0.25em 0.5em;
	border: 1px solid #B94;
}

table.small{
	font-size: small;
	border-collapse: collapse;
	border: 1px solid #B94;
}

table.small tr{
	vertical-align: top;
}

table.small td, th{
	padding: 0.25em 0.5em;
	border: 1px solid #B94;
}

table.small th{
	background: #F3F3E0;
}

table.info-themes{
	font-size: medium;
	border-collapse: collapse;
	border: 1px solid #B94;
}

table.info-themes tr{
	vertical-align: top;
}

table.info-themes td, th{
	padding: 0.25em 0.5em;
	border: 1px solid #B94;
	font-weight: normal;
	text-align: left;
}


/* 一般的 definition list */
dl{
	margin: 0.5em 0;
}
dt{
	font-weight: bold;
	margin: 0.5em 0 0.3em;
}
dd{
	font-weight: normal;
	margin: 0.3em 0 0.5em 4em;
}

/* フォームの入力項目 */
dl.form{
	font-size: small;
	line-height: 150%;
}

dl.form dt{
	font-weight: bold;
	margin: 0.5em 0 0.3em;
}
dl.form dd{
	font-weight: normal;
	margin: 0.3em 0 0.3em 4em;
}

/* 一般的箇条書き */
ul{
	margin: 0.5em 0 0.5em 2em;
}

li{
	margin: 0.5em 0;
}

ol{
	margin: 0.5em 0 0.5em 2em;
}

p.title{
	font-weight: bold;
	font-size: large;
}

p.caption{
	font-size: small;
	line-height: 1.3em;
	margin: 0.25em 0em;
	text-align: center;
}

p.long-caption{
	font-size: small;
	line-height: 1.3em;
	margin: 0.25em 0em;
	text-align: justify;
}

p.right{
	text-align: right;
}

/* フォーム関係 */
/* 問題のある入力項目 */
.illegal{
	border: 2px solid #F88;
}

img.photo{
	border: 1px solid #888;
}

/* トップページ */
p.toppage-explanation{
	font-size: small;
}

/* テーマごとのツイートボタン */
div.theme-tweet{
	text-align: right;
}


/* 参加申込 */
div.to-application-form{
	margin: 0.75em 1em 2.5em;
}
div.to-application-form span{
	padding: 0.5em 0.75em;
	border: 1px solid #C99;
	background: #F9F0F0 -moz-linear-gradient(top, #F9D7D7, #FFF8F8);
	background: #F9F0F0 -webkit-gradient(linear, left top, left bottom, from(#F9D7D7), to(#FFF8F8));
	border-radius: 6px 6px;
	box-shadow: 2px 2px 6px #999;
	-moz-border-radius: 6px 6px;
	-moz-box-shadow: 2px 2px 6px #999;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 2px 2px 6px #999;
}