/************************
*     基本レイアウト    *
*************************/
#wrapper {
	width:960px;
	margin:0 auto;
}

header {
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#ff0000;
	padding:10px;
	margin:10px 0 20px 0;
	-moz-box-shadow: 2px 2px 3px #333;
	-webkit-box-shadow: 2px 2px 3px #333;
	box-shadow: 2px 2px 3px #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* W3C */
	background-image:url(../images/headerback.jpg);
}

#contents {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	float:right;
	background-image:url(../images/carbon.jpg);/*カーボン柄の背景*/
	width:700px;
	padding:10px;
	margin-bottom:30px;
	-moz-box-shadow: 2px 2px 3px #333;
	-webkit-box-shadow: 2px 2px 3px #333;
	box-shadow: 2px 2px 3px #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#side_menu {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	float:left;
	background-image:url(../images/carbon.jpg);/*カーボン柄の背景*/
	width:200px;
	padding:10px;
	-moz-box-shadow: 2px 2px 3px #333;
	-webkit-box-shadow: 2px 2px 3px #333;
	box-shadow: 2px 2px 3px #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}

footer {
	clear:both;
	background:#eeeeee;
	padding:10px;
	margin-bottom:10px;
	-moz-box-shadow: 2px 2px 3px #333;
	-webkit-box-shadow: 2px 2px 3px #333;
	box-shadow: 2px 2px 3px #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* W3C */
}

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

header h1 {
	font-size:100%;
	color:#CCC;
	
}

header hgroup {
	margin:0 0;
	text-align:center;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

header h2 {
	text-align:center;
	font-size:250%;
	margin-bottom:0px;
	color:#F00;
	text-shadow: 0 0 0.2em #000000;
}

header h3 {
	font-size:100%;
	margin-bottom:20px;
	color:#CCC;
}
header h4 {
	text-align:left;
	font-size:16px;
	margin-bottom:5px;
	color:#ccc;
}
header h5 {
	text-align:right;
	font-size:16px;
	margin-bottom:20px;
	color:#ccc;
}

header nav {
	height:40px;
	width:920px;
	margin:0 auto 1px;
}

header nav li {
	float:left;
}
	

header nav a {
	display:block;
	width:143px;
	height:29px;
	font-size:108%;
	font-weight:bold;
	line-height:27px;
	text-align:center;
	margin:0 5px;
	background:#F00;
	color:#ffffff;

	text-shadow: -1px -1px 2px rgba(255,255,255,0.5), 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: rgb(56,122,188); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(56,122,188,1) 1%, rgba(12,79,173,1) 22%, rgba(7,54,155,1) 50%, rgba(21,77,119,1) 80%, rgba(5,49,142,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(56,122,188,1)), color-stop(22%,rgba(12,79,173,1)), color-stop(50%,rgba(7,54,155,1)), color-stop(80%,rgba(21,77,119,1)), color-stop(100%,rgba(5,49,142,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(56,122,188,1) 1%,rgba(12,79,173,1) 22%,rgba(7,54,155,1) 50%,rgba(21,77,119,1) 80%,rgba(5,49,142,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(56,122,188,1) 1%,rgba(12,79,173,1) 22%,rgba(7,54,155,1) 50%,rgba(21,77,119,1) 80%,rgba(5,49,142,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(56,122,188,1) 1%,rgba(12,79,173,1) 22%,rgba(7,54,155,1) 50%,rgba(21,77,119,1) 80%,rgba(5,49,142,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(56,122,188,1) 1%,rgba(12,79,173,1) 22%,rgba(7,54,155,1) 50%,rgba(21,77,119,1) 80%,rgba(5,49,142,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387abc', endColorstr='#05318e',GradientType=0 ); /* IE6-9 */

}
header nav a:hover {
	color:#ff3300;
	background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
	background: linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
}


/************************
*     サイドメニュー    *
*************************/

#side_menu nav h3 {
	font-size:123.1%;
	padding:10px 0;
	margin-bottom:10px;
	text-align:center;
	background:#900;
	color:#ffffff;
	box-shadow: 1px 1px 3px #999;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	

	
}

#side_menu nav ul {
	margin:0 5px 20px;
}

#side_menu nav li {
	margin-bottom:5px;
	padding-bottom:5px;
	list-style:inside url(../images/list_img.gif);
	border-bottom:dotted 1px #666666;
}

#side_menu aside img {
	margin-bottom:10px;
}

/************************
*    メインコンテンツ   *
*************************/

#contents article {
	padding:0 10px;
	line-height:1.6;
	margin-bottom:20px;
}

#contents article h2 {
	margin-bottom:20px;/*下の画像・文字との間隔*/
	padding:2px 20px;/*文字の位置*/
	background:#900;
	border:solid 1px #000;
	font-size:123.1%;
	color:#ffffff;
	text-shadow: -1px -1px 2px rgba(0,0,0,0.5), 1px 1px 2px rgba(255,255,255,0.5);
	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 3px #999;
	-moz-border-radius: 0 20px 0 20px;
	-webkit-border-radius: 0 20px 0 20px;
	}

#contents p.more_read a {
	display:block;
	width:200px;
	margin:20px 0 10px 450px;
	padding:5px;
	background:#cccccc;
	border:solid 1px #999999;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
	background: rgb(56,122,188); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(56,122,188,1) 1%, rgba(12,79,173,1) 22%, rgba(7,54,155,1) 50%, rgba(21,77,119,1) 80%, rgba(5,49,142,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(56,122,188,1)), color-stop(22%,rgba(12,79,173,1)), color-stop(50%,rgba(7,54,155,1)), color-stop(80%,rgba(21,77,119,1)), color-stop(100%,rgba(5,49,142,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(56,122,188,1) 1%,rgba(12,79,173,1) 22%,rgba(7,54,155,1) 50%,rgba(21,77,119,1) 80%,rgba(5,49,142,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(56,122,188,1) 1%,rgba(12,79,173,1) 22%,rgba(7,54,155,1) 50%,rgba(21,77,119,1) 80%,rgba(5,49,142,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(56,122,188,1) 1%,rgba(12,79,173,1) 22%,rgba(7,54,155,1) 50%,rgba(21,77,119,1) 80%,rgba(5,49,142,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(56,122,188,1) 1%,rgba(12,79,173,1) 22%,rgba(7,54,155,1) 50%,rgba(21,77,119,1) 80%,rgba(5,49,142,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387abc', endColorstr='#05318e',GradientType=0 ); /* IE6-9 */

}

#contents p.more_read a:hover {
	background:#666666;
	color:#F00;
	background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
	background: linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
}
table {
	border-collapse:collapse;
}

table tr td {
	padding: 10px;
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
}

.gray_back {
	background-color: #181818;
}

.btn {
	text-align: center;
}
/************************
*        フッター       *
*************************/

footer nav {
	margin:0 0 40px 30px;
}

footer nav li {
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:solid 1px #666666;
}

footer nav a {
	color:#666666;
}

footer nav a:hover {
	color:#ff3300;
}

footer p.copy {
	font-size:93%;
	text-align:right;
	margin:0 20px 10px 0;
}