/* Arteria Studio CSS  */
/*　本文　*/
body {
	width: auto;
	background: linear-gradient(#eee, #999);
	color: :#000;
	line-height: 1.5em;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, sans-serif;
}

/*　見出し共通　*/
h1, h2, h3, h4, h5, h6, h7, h8 {
	font-weight: lighter;
}

/*　ヘッダアンカ　*/
header a {
	color: #09c;
	transition: 0.5s;		/*　色を変動　*/
}

header a:hover {
	color: #1ff;
}

/*　セクション共通　*/
header, nav, section, footer {
	display: block;
	border: 1px solid #ccc;
	margin : 6px;
	padding: 4px 4px;
}

/*　ヘッダスタイル　*/
header {
	text-align: center;
	padding: 8px;
	background: linear-gradient(#777, #444);
	border: none;
	color: #fff;
	text-shadow: 2px 2px 4px #000000;
}

/*　ヘッダのメニュー（カテゴリ分割）　*/
header ul, header li {
	list-style-type: none;
	display: inline;
}

/*　表題　*/
header h1 {
	font-size: 2.3em;
	text-transform: none;
	letter-spacing: 0em;
}

/*　副題　*/
header h2 {
	margin: -10px 0px 16px;
	font-size: 1.3em;
}

/*　サイト目次　*/
header ul {
	padding: 0px;
	list-style-type: none;
	display: inline;
}

/*　サイト目次の項目　*/
header li {
	margin: 0px 10px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

/*　ページナビゲーション　*/
nav {
	float: right;
	width: 25%;
	border-radius: 4px;
	background: linear-gradient(to bottom, #ddd, #eee);
}

/*　ページナビゲーション見出し　*/
nav h3 {
	border-radius: 4px;
	background: linear-gradient(to right, #444, #666);
	color: #fff;
	padding: 8px;
	margin: 8px 2px;
	text-shadow: 2px 2px 6px #000;
}

nav a {
	color: darkcyan;
	transition: 0.5s;		//　色を変動
}

nav a:hover {
	color: orange;
}

/*　本文要素　*/
section {
	float: right;
	width: 70%;
	text-align: left;
	border-radius: 8px;
	background-color: #fff;
	margin-bottom: 10px;
}

/*　本文要素：コンテンツページ　*/
section.contents {
	float: left;
	width: 98%;
	text-align: left;
	border-radius: 8px;
	background-color: #fff;
	margin-bottom: 16px;
}

/*　記事見出し　*/
section h4 {
	border-radius: 8px;
	background: linear-gradient(to right, #666, #888);
	color: #fff;
	padding: 8px;
	margin: 8px 2px;
	text-shadow: 2px 2px 5px #000;
}

/*　ページナビゲーションの見出し　*/
nav h3 {
	font-size: 1.2em;
}

/*　セクションの項目　*/
section ul {
	padding: 0px;
	list-style: none;
	margin: 14px 0px;
}

/*　記事　*/
article {
	margin: 0px 0px 16px 0px;
	background: linear-gradient(#eee, #fff);
}

/*　フッタ　*/
footer {
	clear: both !important;
	padding: 4px 8px 0px;		/*　パディング幅。上：4px、左右：8px、下：0px　*/
	background-color: #444;
	border: none;
	color: #ddd;
	font-size: 0.8em;
	text-align: right;
	vertical-align: bottom;
}

/*　パラグラフ：署名　*/
p.signature {
	font-style: oblique;
}