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

/* スタイルシート */

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

/*--------------------------------------------------------*/
/* リンクカラー */

a:link{
}
a:hover{
}
a:visited{
}
a:active{
}

/*--------------------------------------------------------*/
/* デフォルト */

*{
	margin: 0;
	padding: 0;
	#outline: solid 1px #999;
}

body{
	color: #333;
	background-color: #fff;
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
}

img{
	border: none;
}

/*--------------------------------------------------------*/
/* ラッパー */

#wrapper{
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

/*--------------------------------------------------------*/
/* ヘッダー */

#header{
	display: block;
	padding: 20px 20px 10px;
	overflow: auto;
}

#header #header_logo{
	float: left;
	width: 260px;
}
#header #header_ad{
	float: right;
	width: 680px;
	text-align: right;
}

/*--------------------------------------------------------*/
/* コンテンツ */

#contents{
	margin: 0;
	padding: 10px 20px;
	width: 940px;
}

#contents .img{
	padding: 0;
	border: none;
}

/*--------------------------------------------------------*/
/* コンテンツ */

#sidenavi{
	float: left;
	margin: 0;
	padding: 10px 10px 10px 20px;
	width: 250px;
}

/*--------------------------------------------------------*/
/* フッター */

#footer{
	clear: both;
	margin: 0;
	padding: 10px 20px 10px;
	width: 940px;
}

/*--------------------------------------------------------*/
/* セクションブロック */

#contents article, #contents div.form, 
#contents section, #contents nav, 
#sidenavi section, #sidenavi nav{
	margin: 0 0 20px;
	padding: 5px 15px;
	color: #000;
	background-color: #eef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 4px 4px 10px #999;
	-webkit-box-shadow: 4px 4px 10px #999;
	box-shadow: 4px 4px 10px #999;
	text-shadow: 2px 2px 2px #999;
	behavior: url( ../scripts/PIE.htc );
}
#contents article{
	background-color: #ffe;
}
#contents nav, #contents div.form, #sidenavi nav{
	background-color: #eff;
}
#contents div.form{
	text-align: center;
}
#contents > *:last-child, #sidenavi> *:last-child{
	margin: 0;
}

#contents h3, #sidenavi h3, 
#contents h4, #sidenavi h4{
	margin: 15px 0;
	padding: 0 15px 0 7px;
	color: #333;
	border-left: double 8px #003;
}
#contents h4, #sidenavi h4{
	border-left: solid 8px #003;
}
#contents p, #sidenavi p, #footer p, 
#contents form, #contents ul{
	margin: 15px 0;
	padding: 0 15px;
}

#contents ul{
	list-style: none;
}
#contents ul li:before{
	content: "◆ ";
}

/*--------------------------------------------------------*/
/* フォーム */

#contents form > label, 
#contents form > label + select{
	display: block;
}

#contents form > label + input, 
#contents form > label + textarea{
	width: 100%;
	#outline: solid 1px #f00;
}
#contents form > label + textarea{
	height: 10em;
}

#contents form > input[type=password], 
#contents form > input[type=submit], 
#contents form > input[type=reset], 
#contents form > input[type=button], 
#contents form > select{
	padding: 0.5em 0.5em 0.5em 1.0em;
	letter-spacing: 0.5em;
}
#contents form > input[type=reset]:last-child{
	margin-top: 1.5em;
}

#contents div.form > form{
	display: inline-block;
	margin-top: 1.5em;
}
#contents div.form > input[type=submit], 
#contents div.form > input[type=reset]{
}


.alert{
	color: #f00;
}