@charset "utf-8";
/* CSS Document */

/*リセット
--------------------------------------*/

/*主な要素のリセット*/
html , body , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol , dl , li , dt , dd , p , 
header , hgroup , section , article , aside , footer , figure , figcaption , nav{
	margin:0;
	padding:0;
	font-size:100%;	
}
/*fugure : 図表であることを示す際に使用します*/

/*HTML5の新要素をブロックレベルにする。ブラウザによってはdisplayプロパティが設定されてないことがあるので*/
article , aside , canvas , detail , figcaption , fugure , 
footer , header , hgroup , menu , nav , section , summary{
	display:block;	
}

/*ボーダー（枠線）無し　縦方向の配置を下揃えにする*/
img{
	border:0;
	vertical-align:bottom;
}

/*リストに仕様するli要素はリストスタイルを無しにする */
ul , ol {
	list-style:none;	
}

/*tableはボーダー間隔０、内容が無いセルも表示する*/
table{
	border-spacing:0;
	empty-cells:show;
}

/*基本スタイル
-------------------------------------------*/
body{
	font:14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust:100%;/*文字サイズの自動調整無効化*/
	background-color:#F0F2F2;
	margin-top:20px;
		
}
header{
	/*場合によっては後で調整*/

}
header h1{/*header png*/
	margin :0 auto;
	text-align:center;
}
h2{
	font-size:121%;
	text-shadow:1px 1px 2px #ccc;
	color:#56656f;
	margin-bottom:10px;
	text-align:center;
	min-height:23px;
}
h3{
	color:#56656f;
	margin-bottom:5px;
}

p{
	margin: 1em auto ; 
	width:500px;
	line-height:1.3em;
}

div#wrap{
	padding:10px;
}

/*文章の主題とは直接関係ない補足情報を表す*/
aside {
	background-color:#c0deed;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	padding:10px;
}
aside p:last-child{
	margin-bottom:0;/*最後の段落のみマージン無し。現行一つしか段落が無いので意味なし*/
}

footer{
	text-align:right;
}


/*ナビゲーション
------------------------------------------*/
nav{
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background-color:#C0DEED;
	/*
	background:-webkit-gradient(linear , left top , left bottom , from( #CFFFFF) , to(#C4D6E9) );
	background:-moz-linear-gradient(top , #CFFFFF, #C4D6E9);
	*/
	font-size:107%;
	width:300px;
	margin : 0 auto;
}

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


nav:after{
	display:block;
	clear:both;
	height:0;
	content:".";
	visibility:hidden;
	zoom:1 ; /*ie専用*/	
}
nav li{
	text-align:center;
	float:left;

	border-left:1px solid #ffffff;
	/*text-shadow:-1px -1px 0 rgba(150 , 150 , 150 , 0.3);*/
}
nav li a{
	/*ns　ここで指定しなくともnav liで指定すれば同じ結果となる。floatとdisplayの関係について再考のこと*/
	display:block;
	width:99px;
	padding:8px 0;/*上下に幅をもたせ、クリックしやすくする*/
	
}
nav li:first-child{
	border:none;
}
nav a{
	/*color:#ffffff;*/
	color:#335588;
	text-decoration:none;
	
}


section , nav{
	margin-bottom:1em;
	margin: 1em auto ; 
	width:500px;
	line-height:1.3em;
}
section a{
	text-decoration:none;
	color:#558888;
}

#btnTop{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#C0DEED;
	/*
	background:-webkit-gradient(linear , left top , left bottom , from( #CFFFFF) , to(#C4D6E9) );
	background:-moz-linear-gradient(top ,  #CFFFFF , #C4D6E9);
	*/
	width:7em;
	font-size:85%;
	text-align:center;
	margin : 0 10px 5px auto;/*右寄せってことだ*/
	
}
#btnTop a{
	display:block;
	text-decoration:none;
	text-shadow:1px 1px 0 , #dddddd;
	color:#444444;
	padding:5px 0;/*押しやすく*/
}

#switchButton{
	text-align:center;
	font-size:80%;
}

/*ウィジット
------------------------------------------------------*/

#topMessage h2{
	font-size:105%;
	color:#558888;
}