html{
	font-size: 6.25%;
}
body {
	background-color:#f0f0f0;
	color:#292929;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-size: 15rem;
	line-height: 1.6;
	letter-spacing: 1px;
	text-justify:inter-ideograph;
	text-align:justify;
}
a{
	color:#41a6c4;
}
a:hover{
	color:#b5e8f7;
}
img{
	width: 100%;
}

/*==============================
	layout
==============================*/
div#wrap {
	width: 100%;
}
div#header {
	background: url('../img/bg_header.gif') center top repeat-x #262626;
	text-align: center;
	padding: 5% 0;
	color: #fdfdfd;
	font-size: 14rem;
}
	div#header #logo{
		margin-top: -5%;
		width: 70%;
		margin: 0 auto;
	}

div#eyecatch {
	background-color: #77c7df;
	color: #fdfdfd;
}
	div#eyecatch_inbox {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 5%;
	}
	div#eyecatch_inbox #eyecatch_title {
		font-size: 22rem;
		text-align: center;
		position: relative;
		font-family: 'Belleza', sans-serif;
		padding: 2% 0;
	}
	div#eyecatch_inbox #eyecatch_title:before {
		content: "";
		display: block;
		border-top: solid 1px #fdfdfd;
		width: 100%;
		height: 1px;
		position: absolute;
		top: 50%;
		z-index: 1;
	}
	div#eyecatch_inbox #eyecatch_title span {
		background-color: #77c7df;
		padding: 0 5%;
		position: relative;
		z-index: 5;
	}
	.bx-wrapper .bx-prev {
		left: -45px;
	}
	.bx-wrapper .bx-next {
		right: -45px;
	}
	div#eyecatch_inbox #eyecatch_list{
		height: 165px;
		opacity: 0;
	}
	div#eyecatch_inbox #eyecatch_list a{
		display: block;
		width: 260px;
		height: 165px;
	}
	div#eyecatch_inbox #eyecatch_list span strong{
		display: block;
		font-size: 10rem;
		color: #dbdbdb;
	}

div#nav {
	background-color: #414141;
	display: none;
}
div#nav a{
	color: #fdfdfd;
	text-decoration: none;
	display: block;
	padding: 2% 10%;
}
div#nav a:hover{
	text-decoration: underline;
}
div#nav li#tutorial a:hover {background-color:#e56666;}
div#nav li#freebie a:hover {background-color:#d0bd66;}
div#nav li#introduce a:hover {background-color:#66d09b;}
div#nav li#material a:hover {background-color:#66abd0;}
div#nav li#extra a:hover {background-color:#7b66d0;}
div#nav li#bookmarks a:hover {background-color:#d066cb;}
div#nav li#memolog a:hover {background-color:#9b9b9b;}
div#nav > ul > li:first-child, div#nav > ul ul {
	display: none;
}
#menu_view_btn {
	color: #fdfdfd;
	background-color: #414141;
	text-align: right;
	padding: 2% 1%;
}



	div#cts_main .cts_box{
		background-color: #fff;
		margin-top: 10%;
		position: relative;
	}
	div#cts_main .tutorial {border-top:4px solid #e56666;border-bottom:4px solid #e56666;}
	div#cts_main .freebie {border-top:4px solid #d0bd66;border-bottom:4px solid #d0bd66;}
	div#cts_main .introduce {border-top:4px solid #66d09b;border-bottom:4px solid #66d09b;}
	div#cts_main .material {border-top:4px solid #66abd0;border-bottom:4px solid #66abd0;}
	div#cts_main .extra {border-top:4px solid #7b66d0;border-bottom:4px solid #7b66d0;}
	div#cts_main .bookmarks {border-top:4px solid #d066cb;border-bottom:4px solid #d066cb;}
	div#cts_main .memolog {border-top:4px solid #9b9b9b;border-bottom:4px solid #9b9b9b;}

	div#cts_main .tutorial .cts_category {color: #e56666;font-family: 'Belleza', sans-serif;font-size: 22rem;position: absolute;top: -32px;right: 41px;}
	div#cts_main .freebie .cts_category {color: #d0bd66;font-family: 'Belleza', sans-serif;font-size: 22rem;position: absolute;top: -32px;right: 41px;}
	div#cts_main .introduce .cts_category {color: #66d09b;font-family: 'Belleza', sans-serif;font-size: 22rem;position: absolute;top: -32px;right: 41px;}
	div#cts_main .material .cts_category {color: #66abd0;font-family: 'Belleza', sans-serif;font-size: 22rem;position: absolute;top: -32px;right: 41px;}
	div#cts_main .extra .cts_category {color: #7b66d0;font-family: 'Belleza', sans-serif;font-size: 22rem;position: absolute;top: -32px;right: 41px;}
	div#cts_main .bookmarks .cts_category {color: #d066cb;font-family: 'Belleza', sans-serif;font-size: 22rem;position: absolute;top: -32px;right: 41px;}
	div#cts_main .memolog .cts_category {color: #9b9b9b;font-family: 'Belleza', sans-serif;font-size: 22rem;position: absolute;top: -32px;right: 41px;}

	div#cts_main .tutorial .cts_date {background-color: #e56666;border-radius:40px;display: inline-block;font-size: 10rem;padding: 5px;color:#fdfdfd;text-align: center;position: absolute;top: -26px; right: 0px;}
	div#cts_main .freebie .cts_date {background-color: #d0bd66;border-radius:40px;display: inline-block;font-size: 10rem;padding: 5px;color:#fdfdfd;text-align: center;position: absolute;top: -26px; right: 0px;}
	div#cts_main .introduce .cts_date {background-color: #66d09b;border-radius:40px;display: inline-block;font-size: 10rem;padding: 5px;color:#fdfdfd;text-align: center;position: absolute;top: -26px; right: 0px;}
	div#cts_main .material .cts_date {background-color: #66abd0;border-radius:40px;display: inline-block;font-size: 10rem;padding: 5px;color:#fdfdfd;text-align: center;position: absolute;top: -26px; right: 0px;}
	div#cts_main .extra .cts_date {background-color: #7b66d0;border-radius:40px;display: inline-block;font-size: 10rem;padding: 5px;color:#fdfdfd;text-align: center;position: absolute;top: -26px; right: 0px;}
	div#cts_main .bookmarks .cts_date {background-color: #d066cb;border-radius:40px;display: inline-block;font-size: 10rem;padding: 5px;color:#fdfdfd;text-align: center;position: absolute;top: -26px; right: 0px;}
	div#cts_main .memolog .cts_date {background-color: #9b9b9b;border-radius:40px;display: inline-block;font-size: 10rem;padding: 5px;color:#fdfdfd;text-align: center;position: absolute;top: -26px; right: 0px;}

	div#cts_main .cts_box h1{
		padding: 5% 5% 0;
		font-size: 20rem;
		line-height: 1.4;
	}
		div#cts_main .cts_box h1 a{
			color: #292929;
			text-decoration: none;
		}
		div#cts_main .cts_box h1 a:hover{
			text-decoration: underline;
			color:#41a6c4;
		}

	div#cts_main .cts_box .cts_estimated{
		text-align: right;
		font-size: 12rem;
		padding: 0 5%;
	}
		div#cts_main .cts_box .cts_estimated span{
			color: #c40;
		}
	div#cts_main .cts_box .cts_post{
		margin: 5% 5% 0;
	}
	div#cts_main .cts_box .cts_more{
		text-align: right;
		font-size: 14rem;
		margin-right: 5%;
	}
	div#cts_main .cts_box .cts_recommend{
		margin: 2% 5%;
		padding: 15px;
		background-color: #fafafa;
		border: 1px solid #f0f0f0;
	}
	div#cts_main .cts_box .cts_recommend p{
		font-size: 18rem;
	}
	div#cts_main .cts_box .cts_recommend ul li{
		list-style: disc none outside;
		font-size: 13rem;
		color: #41a6c4;
		margin-left: 5%;
	}

	#cts_main #page_nav {
		margin:5% 0 0;
	}
		#cts_main #page_nav a {
			text-align:center;
			display:inline-block;
			border:1px solid #d0d0d0;
			border-radius:6px;
			background-color:#fff;
			color:#292929;
			text-decoration:none;
			padding: 2% 5%;
			margin-right: 2%;
		}
		#cts_main #page_nav a:hover {
			color:#1688ab;
			text-decoration:underline;
			background-color:#f9f9f9;
		}
		#cts_main #page_nav span.current {
			text-align:center;
			border:1px solid #e0e0e0;
			border-radius:6px;
			color:#1688ab;
			background-color:#f3f3f3;
			display:inline-block;
			padding: 2% 5%;
			margin-right: 2%;
		}

#cts_main .cts_post p {
	margin: 5% 0;
}
#cts_main .cts_sbm{
	margin: 2% 5% 0 2%;
}
#cts_main .cts_sbm li{
	display: inline-block;
	vertical-align: top;
	margin-left: 2%;
}
#cts_main .cts_post h2 {
	font-size: 20rem;
	padding-left: 1%;
	margin: 5% 0;
}
#cts_main .tutorial .cts_post h2 {border-left:16px solid #e56666;border-bottom:2px solid #e56666;}
#cts_main .freebie .cts_post h2 {border-left:16px solid #d0bd66;border-bottom:2px solid #d0bd66;}
#cts_main .introduce .cts_post h2 {border-left:16px solid #66d09b;border-bottom:2px solid #66d09b;}
#cts_main .material .cts_post h2 {border-left:16px solid #66abd0;border-bottom:2px solid #66abd0;}
#cts_main .extra .cts_post h2 {border-left:16px solid #7b66d0;border-bottom:2px solid #7b66d0;}
#cts_main .bookmarks .cts_post h2 {border-left:16px solid #d066cb;border-bottom:2px solid #d066cb;}

#cts_main .cts_post h3 {
	padding-left: 1%;
	margin: 5% 0;
}
#cts_main .tutorial .cts_post h3 {border-left:8px solid #e56666;border-bottom:1px solid #e56666;}
#cts_main .freebie .cts_post h3 {border-left:8px solid #d0bd66;border-bottom:1px solid #d0bd66;}
#cts_main .introduce .cts_post h3 {border-left:8px solid #66d09b;border-bottom:1px solid #66d09b;}
#cts_main .material .cts_post h3 {border-left:8px solid #66abd0;border-bottom:1px solid #66abd0;}
#cts_main .extra .cts_post h3 {border-left:8px solid #7b66d0;border-bottom:1px solid #7b66d0;}
#cts_main .bookmarks .cts_post h3 {border-left:8px solid #d066cb;border-bottom:1px solid #d066cb;}

#cts_main .cts_post h4 {
	padding-left: 1%;
	margin: 5% 0;
}
#cts_main .tutorial .cts_post h4 {border-left:2px solid #e56666;border-bottom:1px dashed #e56666;}
#cts_main .freebie .cts_post h4 {border-left:2px solid #d0bd66;border-bottom:1px dashed #d0bd66;}
#cts_main .introduce .cts_post h4 {border-left:2px solid #66d09b;border-bottom:1px dashed #66d09b;}
#cts_main .material .cts_post h4 {border-left:2px solid #66abd0;border-bottom:1px dashed #66abd0;}
#cts_main .extra .cts_post h4 {border-left:2px solid #7b66d0;border-bottom:1px dashed #7b66d0;}
#cts_main .bookmarks .cts_post h4 {border-left:2px solid #d066cb;border-bottom:1px dashed #d066cb;}

#cts_main .cts_post li {
	list-style: disc none outside;
	color: #41a6c4;
	margin-left: 10%
}
#cts_main .cts_post table {
	width:75%;
	margin:5% auto;
	font-size:12rem;
	box-shadow:0px 0px 5px #c9c9c9;
}
	#cts_main .cts_post table th {
		padding:1%;
		background-color:#f6f6f6;
		border:1px solid #d0d0d0;
		text-align:center;
	}
	#cts_main .cts_post table td {
		padding:1% 0;
		border:1px solid #d0d0d0;
		text-align:center;
	}
#cts_main .cts_post img{
	border: 1px solid #DBDBDB;
	box-shadow: 0 0 8px #DBDBDB;
	float: left;
	margin-right: 5%;
	padding: 1%;
}
#cts_main .cts_post .show_anchor_box{
	text-align: center;
}
	#cts_main .cts_post .show_anchor_box a{
		color: #fff;
		padding: 3%;
		display: block;
		font-size: 20px;
	}
	#cts_main .tutorial .cts_post .show_anchor_box a {background-color: #e56666;}
	#cts_main .freebie .cts_post .show_anchor_box a {background-color: #d0bd66;}
	#cts_main .introduce .cts_post .show_anchor_box a {background-color: #66d09b;}
	#cts_main .material .cts_post .show_anchor_box a {background-color: #66abd0;}
	#cts_main .extra .cts_post .show_anchor_box a {background-color: #7b66d0;}
	#cts_main .bookmarks .cts_post .show_anchor_box a {background-color: #d066cb;}

#cts_main .cts_post .entry_spacible_box{
	margin: 2% 0;
	padding: 5% 5% 0;
	background-color: #fafafa;
	border: 1px solid #f0f0f0;
}
#cts_main .cts_comment, #cts_main .cts_comment_form{
	margin: 0 5% 5%;
}
#cts_main .cts_comment h3, #cts_main .cts_comment_form h3{
	font-size: 18rem;
	border-bottom: 1px dashed #a9a9a9;
}
#cts_main .cts_comment h4{
	margin-bottom: 2%;
	font-size: 12rem;
	color: #929292;
}
#cts_main .cts_comment .cts_comment_box{
	margin: 2% 0;
	padding: 2% 5%;
	background-color: #fafafa;
	border: 1px solid #f0f0f0;
}
#cts_main .cts_comment .cts_comment_box .cts_comment_box_header{
	overflow: hidden;
	margin-bottom: 2%;
	padding-bottom: 2%;
	border-bottom: 1px dashed #dbdbdb;
}
#cts_main .cts_comment .cts_comment_box .cts_comment_box_header img{
	float: left;
	width: 48px;
	margin-right: 2%;
}
#cts_main .cts_comment_form form{
	margin-top: 2%;
}
#cts_main .cts_comment_form form p{
	margin-top: 2%;
}
#cts_main .cts_comment_form form input{
	width: 75%;
	padding: 1%;
	border: 1px solid #a9a9a9;
	border-radius: 6px;
}
#cts_main .cts_comment_form form textarea{
	width: 75%;
	height: 20%;
	padding: 1%;
	border: 1px solid #a9a9a9;
	border-radius: 6px;
}
#cts_main .cts_comment_form form input.form_submit{
	width: 30%;
	padding: 1%;
	border: 1px solid #a9a9a9;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 5%;
}
#cts_main #next_btn{
	text-align: center;
	margin: 5% 0;
}
#cts_main #next_btn a{
	display: inline-block;
	padding: 1% 5%;
	border-radius: 6px;
	background-color: #9b9b9b;
	width: 20%;
	color: #fdfdfd;
	text-decoration: none;
}
#cts_main #next_btn a:hover{
	text-decoration: underline
}

div#cts_sub .sub_box{
	margin-top: 20px;
}
	div#cts_sub .sub_box h2{
		font-family: 'Belleza', sans-serif;
		font-size: 20px;
		background-color: #414141;
		color: #fdfdfd;
		padding-left: 10px;
		margin-bottom: 10px;
	}
	div#sub_aff_box{
		text-align: center;
	}

#footer address {
	font-size:12rem;
	text-align:center;
	padding:2% 0;
	text-shadow:1px 1px 1px #010101;
	clear:both;
}