@charset "UTF-8";

html {
	}
body {
	background:#FFFFFF;
	}

/* clearfix */
header:after,
footer:after,
hgroup:after,
article:after,
section:after,
div:after,
nav:after,
aside:after,
form:after,
ul:after,
li:after {
	display:block;
	clear:both;
	content:"";
	}
header,
footer,
hgroup,
article,
section,
div,
nav,
aside,
form,
ul,
li {
	/zoom:1; /* IE6,IE7 */
	}

/* header */
header {
	border-bottom:#E1E1E1 1px solid;
	background:transparent url("/home/img/background-lightstripe.png") left bottom repeat-x;
	}
header img {
	vertical-align:middle;
	}
header hgroup {
	position:relative;
	z-index:1;
	margin:auto;
	padding:25px;
	width:880px;
	}
header hgroup h1 {
	float:left;
	}
header hgroup h2 {
	float:right;
	font-size:medium;
	font-weight:normal;
	}

/* pickup */
#pickup {
	position:relative;
	margin:auto;
	padding:0 25px 25px 25px;
	width:880px;
	}
#pickup #mascot {
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	background:transparent url("/home/img/mascot.png") left top no-repeat;
	width:260px;
	height:290px;
	}
#pickup #mascot span {
	display:none;
	}
#pickup table.training {
	position:relative;
	z-index:1;
	margin:0 17px;
	width:600px;
	font-family:"Meiryo","メイリオ",sans-serif;
	}
#pickup table.training caption {
	padding:0 0 7px 0;
	text-align:left;
	}
#pickup table.training th,
#pickup table.training td {
	border-top:#CCCCCC 1px dotted;
	text-align:left;
	padding:7px 0;
	white-space:nowrap;
	font-size:small;
	}
#pickup table.training th {
	width:421px;
	}
#pickup table.training th a {
	color:#0066FF;
	text-decoration:none;
	}
#pickup table.training th a:visited {
	color:#0099FF;
	}
#pickup table.training th a:hover cite {
	text-decoration:underline;
	}
#pickup table.training th a:before {
	padding:0 5px 0 0;
	content:"\3E";
	color:#DDDDDD;
	font-family:sans-serif;
	font-weight:bold;
	}
#pickup table.training th a:hover:before {
	color:#FFCC00;
	}
#pickup table.training th span {
	display:block;
	width:400px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
#pickup table.training td {
	}
#pickup table.training td span {
	display:block;
	width:120px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}
#pickup table.training td time {
	display:block;
	text-align:right;
	white-space:nowrap;
	color:#777777;
	}

/* contents */
.contents {
	margin:auto;
	padding:25px;
	width:880px;
	font-size:small;
	font-family:"Meiryo","メイリオ",sans-serif;
	}
.contents section {
	position:relative;
	float:right;
	margin:0 0 0 15px;
	background:transparent url("/home/img/border-section.png") left top no-repeat;
	padding:0 0 0 15px;
	width:210px;
	min-height:200px;
	}
.contents section strong {
	font-weight:normal;
	}
.contents section h2 {
	color:#DDDDDD;
	font-size:160%;
	font-weight:normal;
	}
.contents section h2 a {
	text-decoration:none;
	color:#333333;
	}
.contents section h2 a:hover {
	text-decoration:underline;
	}
.contents section p {
	margin:10px 0;
	}
.contents section p img.clip {
	float:left;
	margin:5px 8px 5px 0;
	vertical-align:middle;
	}
.contents section ul {
	margin:10px 0 10px 20px;
	list-style:none;
	list-style:circle;
	color:#AAAAAA;
	}
.contents section ul a {
	text-decoration:none;
	color:#0066FF;
	}
.contents section ul a:hover {
	text-decoration:underline;
	}
.contents section ul a:visited {
	color:#0099FF;
	}

/* section */
section#training:hover strong,
section#training:hover ul,
section#training h2 a {
	color:#629120;
	}
section#training h2:after {
	float:right;
	content:"training";
	}
section#opinion:hover strong,
section#opinion:hover ul,
section#opinion h2 a {
	color:#D42E2A;
	}
section#opinion h2:after {
	float:right;
	content:"opinion";
	}
section#lesson:hover strong,
section#lesson:hover ul,
section#lesson h2 a {
	color:#0D97FF;
	}
section#lesson h2:after {
	float:right;
	content:"lesson";
	}

/* nav */
nav {
	float:left;
	width:160px;
	color:#777777;
	font-size:x-small;
	}
nav ul {
	list-style:none;
	}
nav ul li {
	margin:0 0 10px 0;
	}
nav ul li a {
	display:block;
	font-size:135%;
	text-decoration:none;
	color:#0066FF;
	}
nav ul li a[href^="/bbs/"] {
	font-weight:bold;
	}
nav ul li a:visited {
	color:#0099FF;
	}
nav ul li a:hover {
	text-decoration:underline;
	color:#FFAA00;
	}

/* search */
#cse-search-box {
	}
#cse-search-box input[name^="q"] {
	width:154px;
	}
#cse-search-box input[name^="sa"] {
	display:none;
	}

/* aside */
aside {
	border-bottom:#E1E1E1 1px solid;
	}
aside div {
	margin:auto;
	padding:5px 25px;
	width:880px;
	line-height:1;
	font-size:12px;
	font-family:"Meiryo","メイリオ",sans-serif;
	}
aside div span {
	color:#FFCC00;
	font-weight:bold;
	}
aside div a {
	}

/* info */
#info {
	clear:both;
	border-top:#DDDDDD 1px solid;
	overflow:hidden;
	font-size:small;
	}
#info div {
	margin:auto;
	padding:0 25px;
	width:880px;
	}
#info ul {
	float:left;
	list-style:none;
	}
#info ul li {
	float:left;
	margin:10px 10px 10px 0;
	}
#info ul li a {
	text-decoration:none;
	color:#0066FF;
	}
	}
#info ul li a:visited {
	color:#0099FF;
	}
#info ul li a:hover {
	text-decoration:underline;
	}
#info p {
	float:right;
	margin:10px 0;
	}