@charset "UTF-8"; /* 文字コード宣言 */
/*@import url("lib/style/blueSky/base.css");*/
@namespace "http://www.w3.org/1999/xhtml";

/* すべての @namespace 規則は、すべての @charset と @import 規則の後に続き、
 * 他の無視されない@規則とスタイルシートの規則セットの前に置かなければなりません */

body {
	color: #333330;
	/*font-family: "Verdana", "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";*/
	max-width: 42em;
	margin: 32px auto;
	padding: 0 10px;
}

#header {
	margin-bottom: 15px;
}
#header * {
	margin: 0;
	padding: 0;
}
#header h1 {
	padding: 10px;
	padding-bottom: 5px;
	border: solid 2px #6699CC;
	border-bottom: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	background-color: #336699;
	color: #FFFFFF;
}
#header .desc {
	padding: 10px;
	padding-top: 0;
	border: solid 2px #6699CC;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	background-color: #336699;
	color: #FFFFFF;
}
#poweredby {
	margin-top: 5px;
	text-align: right;
	font-size: 75%;
}
#poweredby a {
	color: #3366FF;
	font-weight: bold;
	text-decoration: none;
}
#poweredby a:focus,
#poweredby a:hover,
#poweredby a:active {
	color: #99CCFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

h2 {
	border-left: 7px #336699 solid;
	color: #333399;
	padding-left: 5px;
	font-size: 120%;
}

table, td, th {
	border: none;
}
th {
	background-color: #336699;
	color: #FFFFFF;
	font-weight: normal;
}
td {
	border: solid 1px #6699CC;
	padding: 1px 3px;
}

#rel_site ul {
	padding: 0;
	list-style: none;
}
#rel_site a {
	text-decoration: none;
	padding: 3px; padding-left: 12px;
	display: block;
	color: #0033FF;
}
#rel_site a:hover,
#rel_site a:focus,
#rel_site a:active {
	background-color: #6699FF;
}
#rel_site a span.title {
	display: block;
}
#rel_site a span.desc {
	display: block;
	font-size: 60%;
	margin-left: 1em;
}
#rel_site a span.delim {
	display: none;
}


/* 2 カラム : ある程度画面が広い場合用 */
@media screen and (min-width: 650px) {
	body {
		padding-right: 230px;
	}
	#header {
		margin-right: -220px;
	}
	#main {
		float: left;
		margin-right: -100%;
		width: 100%;
	}
	#content,
	#rel_site {
		float: right;
		clear: right;
		margin-right: -220px;
		margin-bottom: 15px;
		width: 200px;
		border: solid 2px #3399CC;
		border-radius: 10px;
		-moz-border-radius: 10px;
	}
	#content h2,
	#rel_site h2 {
		border: none;
	}
	#footer {
		clear: both;
	}
}

/*
div#footer {
	padding: 5px;
	border-top: solid 2px #CCCCCC;
	background-color: #EEEEEE;
	font-size: 12px;
	font-family: "Verdana", "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
}

a {
	text-decoration: none;
}
#header div.location {
	font-size: 12px;
}
h1 {
	font-size: 160%;
	font-weight: 300;
}
h2 {
	font-size: 140%;
	font-weight: 300;
	border-bottom: solid 2px #999999;
}

p {
	max-width: 38em;
}
div.section {
	margin-bottom: 2.5em;
}
div.section::after {
	content: "";
	display: block;
	clear: left;
}

#content {
	float: right;
	width: 140px;
	margin-left: 10px;
	border: solid 1px #666666;
	background-color: #FFFFFF;
	padding: 5px;
}
#content h2 {
	border: none;
}
#content ul {
	padding: 0;
	list-style: none;
	font-size: 85%;
}

#fg_sample {
	width: 210px;
	border: solid 1px #666666;
	margin-right:  15px;
	margin-bottom: 15px;
	float: left;
}
#fg_sample a,
#fg_sample img {
	cursor: url("http://www.vividcode.info/_lib/ipm_cursor.png"), pointer;
	display: block;
	border: none;
}
*/