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

/*------------ サイドナビ ------------*/
span#sample {
	color: #606079;
}

/*------------ 外枠 ------------*/
.outline {
	width: 600px;
	margin: 0 auto 30px auto;
	border: #3b3b62 1px solid;
	background-color: #000033;
}

/*------------ 更新日時 ------------*/
p.date {
	padding: 5px;
}

/*------------ 各タイトル ------------*/
h3.title {
	margin: 0 5px;
	padding: 3px 10px;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #3b3b62;
}

h4.sub_title {
	padding-bottom: 20px;
	text-align: center;
	font-size: 16px;
}

h5.sub_title {
	padding-top: 30px;
	font-size: 16px;
}

/*------------ 本文 ------------*/
.sample_body {
	padding: 20px 50px;
	font-size: 14px;
}

.sample_body p {
	line-height: 1.5;	
}

.sample_body img {
	padding-bottom: 20px;
}

.category {
	padding: 0 5px;
}

.category p {
	padding: 5px;
	border-top: #51516e dashed 1px;
	text-align: right;
	font-size: 12px;
}

/*------------ リンク色 ------------*/
#main_contents .sample_body a {
	color: #604BD8;
}

#main_contents .sample_body a:hover {
	color: #B8B8FF;
}


/*------------ 画像回り込み ------------*/
p img {
	padding: 0;
	max-width: 100%;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 10px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/*------------ 前後ボタン ------------*/
#footer_nav {
	width: 245px;
	margin: 10px auto 20px auto;
	padding-top: 10px;
	color: #FFFFFF;
}

#footer_nav td {
	padding: 0 10px;
}

#footer_nav a {
	width: 77px;
	height: 20px;
	background-repeat: no-repeat;
	display: block;
}

#footer_nav td#next,
#footer_nav td#back {
	width: 77px;
	text-indent: -9999px;
}

/*------------ ページ数 ------------*/
#footer_nav td#page {
	width: 30px;
	padding-top: 2px;
	text-align: center;
}

/*------------ 前後ボタン（マウスOFF） ------------*/
#footer_nav td#next a {
	background-image: url(../sample/images/next_off.jpg);
}

#footer_nav td#back a {
	background-image: url(../sample/images/back_off.jpg);
}

/*------------ 前後ボタン（マウスON） ------------*/
#footer_nav td#next a:hover {
	background-image: url(../sample/images/next_on.jpg);
}

#footer_nav td#back a:hover {
	background-image: url(../sample/images/back_on.jpg);
}

/*------------ もっと前のページへ ------------*/
#pagelist_wp {
	text-align: right;
}

#footer_pagelist {
	width: 100%;
}

#footer_pagelist td {
	width: 33%;
	padding: 5px 0;
}

#footer_pagelist td a {
	padding: 5px 7px;
	color: #FFFFFF;
	text-decoration: none;
}

.pad10 {
	padding: 10px 0;
}

.top30 {
	padding: 30px 0 0 0;
}

.font10 {
	font-size: 10px;
}

#jump_button {
	padding: 3px;
	text-align: right;
	border: #FFFFFF 1px solid;
}