/*
Theme Name: thirdKiosk
Theme URI: http://smkn.xsrv.jp/blog/
Description: ITキヲスク専用オリジナルテーマ
Author: smkn
Author URI: http://smkn.xsrv.jp/blog/
Version: 1.0
*/
body {
	background-color:#f0f0f0;
	color:#292929;
	font:15px/1.6 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	letter-spacing: 1px;
	text-justify:inter-ideograph;
	text-align:justify;
}
a{
	color:#41a6c4;
}
a:hover{
	color:#b5e8f7;
}
::selection{
	background: #b5e8f7;
}
::-moz-selection{
	background: #b5e8f7;
}

/*==============================
	layout
==============================*/
div#wrap {
}

div#header {
	background: url('/prx/000/http/smkn.xsrv.jp/blog/wp-content/themes/third_kiosk/img/bg_header.gif') center top repeat-x #262626;
	text-align: center;
	padding: 30px 0;
	color: #fdfdfd;
	font-size: 22px;
}
	div#header #logo{
		margin-top: -10px;
	}

div#eyecatch {
	background-color: #77c7df;
	color: #fdfdfd;
}
	div#eyecatch_inbox {
		width: 960px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	div#eyecatch_inbox #eyecatch_title {
		font-size: 24px;
		text-align: center;
		position: relative;
		font-family: 'Belleza', sans-serif;
		padding: 10px 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 20px;
		position: relative;
		z-index: 5;
	}
	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: 10px;
		color: #dbdbdb;
	}

div#nav {
	background-color: #414141;
}
div#nav a{
	color: #fdfdfd;
	text-decoration: none;
	display: block;
	padding: 10px;
}
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 > ul {
		width: 960px;
		margin: 0 auto;
	}
	div#nav > ul > li{
		display: inline-block;
		vertical-align: top;
		position: relative;
	}
	div#nav > ul > li i{
		font-size: 24px;
	}
	div#nav > ul ul {
		background-color: rgba(120,120,102,0.7);
		position: absolute;
		width: 200px;
		display: none;
		z-index: 10;
	}
	div#nav > ul ul a{
	padding: 0 10px;
	}

div#contents {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
div#contents div#cts_main {
	width: 630px;
	float: left;
	margin-left: 10px;
}
	div#cts_main .cts_box{
		box-shadow: 0px 0px 5px #a9a9a9;
		margin-top: 40px;
		position: relative;
		background-color: #fff;
	}
	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: 22px;position: absolute;top: -32px;right: 38px;}
	div#cts_main .freebie .cts_category {color: #d0bd66;font-family: 'Belleza', sans-serif;font-size: 22px;position: absolute;top: -32px;right: 38px;}
	div#cts_main .introduce .cts_category {color: #66d09b;font-family: 'Belleza', sans-serif;font-size: 22px;position: absolute;top: -32px;right: 38px;}
	div#cts_main .material .cts_category {color: #66abd0;font-family: 'Belleza', sans-serif;font-size: 22px;position: absolute;top: -32px;right: 38px;}
	div#cts_main .extra .cts_category {color: #7b66d0;font-family: 'Belleza', sans-serif;font-size: 22px;position: absolute;top: -32px;right: 38px;}
	div#cts_main .bookmarks .cts_category {color: #d066cb;font-family: 'Belleza', sans-serif;font-size: 22px;position: absolute;top: -32px;right: 38px;}
	div#cts_main .memolog .cts_category {color: #9b9b9b;font-family: 'Belleza', sans-serif;font-size: 22px;position: absolute;top: -32px;right: 38px;}

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

	div#cts_main .cts_box h1{
		padding: 20px 20px 0;
		font-size: 20px;
		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: 12px;
		padding: 0 20px;
	}
		div#cts_main .cts_box .cts_estimated span{
			color: #c40;
		}
	div#cts_main .cts_box .cts_post{
		margin: 20px 20px 0;
	}
	div#cts_main .cts_box .cts_more{
		text-align: right;
		font-size: 14px;
		margin-right: 20px;
	}
	div#cts_main .cts_box .cts_recommend{
		margin: 10px 20px;
		padding: 15px;
		background-color: #fafafa;
		border: 1px solid #f0f0f0;
	}
	div#cts_main .cts_box .cts_recommend p{
		font-size: 18px;
	}
	div#cts_main .cts_box .cts_recommend ul li{
		list-style: disc none outside;
		font-size: 13px;
		color: #41a6c4;
		margin-left: 13px;
	}

	#cts_main #page_nav {
		margin:20px 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: 5px 15px;
			margin-right: 5px;
		}
		#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: 5px 15px;
			margin-right: 5px;
		}

#cts_main .cts_post p {
	margin: 20px 0;
}
#cts_main .cts_sbm{
	margin: 10px 20px 0 10px;
}
#cts_main .cts_sbm li{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
#cts_main .cts_post h2 {
	font-size: 20px;
	padding-left: 5px;
	margin: 20px 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: 5px;
	margin: 20px 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: 5px;
	margin: 20px 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: 50px;
}
#cts_main .cts_post li.bmNavListTitle{
	background-color: #e6e6e6;
	padding: 5px;
	list-style: none none inside;
	margin: 0;
	color: #292929;
}

#cts_main .cts_post table {
	width:520px;
	margin:20px auto;
	font-size:12px;
	box-shadow:0px 0px 5px #c9c9c9;
}
	#cts_main .cts_post table th {
		padding:5px;
		background-color:#f6f6f6;
		border:1px solid #d0d0d0;
		text-align:center;
	}
	#cts_main .cts_post table td {
		padding:5px 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: 15px;
	padding: 3px;
}
#cts_main .cts_post .show_anchor_box{
	text-align: center;
}
	#cts_main .cts_post .show_anchor_box a{
		color: #fff;
		text-decoration: none;
		padding: 10px;
		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 .show_anchor_box a:hover{
		opacity: 0.7;
	}

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



div#contents div#cts_sub {
	width: 300px;
	float: right;
	margin-right: 10px;
}
	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#cts_sub #sub_sns ul{
		font-size: 0;
	}
	div#cts_sub #sub_sns ul li{
		display: inline-block;
		margin-left: 18px;
		box-shadow: 0px 2px 2px #a9a9a9;
	}
	div#cts_sub #sub_sns ul li:first-child{
		margin-left: 0;
	}
	div#cts_sub #sub_search_box #sub_search_text {
		margin-right: 5px;
		width: 240px;
		height: 35px;
		padding: 5px;
		border: 1px solid #a9a9a9;
		border-radius: 6px;
	}
	div#cts_sub #sub_search_box #sub_search_submit {
		width: 45px;
		height: 35px;
		padding: 5px;
		border: 1px solid #a9a9a9;
		border-radius: 6px;
		cursor: pointer;
	}
	div#cts_sub #sub_memolog li, div#cts_sub #sub_popular li, div#cts_sub #sub_favfeeds_box li {
		list-style: disc none outside;
		font-size: 11px;
		color: #41a6c4;
		margin-left: 13px;
	}
	div#cts_sub #sub_memolog p {
		text-align: right;
		font-size: 11px;
	}
	div#cts_sub #sub_favfeeds_box li {
		list-style: disc none outside;
		font-size: 11px;
		color: #41a6c4;
		margin-left: 13px;
	}
	div#cts_sub #sub_contact span{
		font-size: 12px;
	}
	div#cts_sub #sub_contact input{
		width: 240px;
		height: 35px;
		padding: 5px;
		border: 1px solid #a9a9a9;
		border-radius: 6px;
	}
	div#cts_sub #sub_contact textarea{
		width: 280px;
		height: 120px;
		padding: 5px;
		border: 1px solid #a9a9a9;
		border-radius: 6px;
	}
	div#cts_sub #sub_contact .form_submit {
		width: 45px;
		height: 35px;
		padding: 5px;
		margin-top: 10px;
		border: 1px solid #a9a9a9;
		border-radius: 6px;
		cursor: pointer;
	}
	div#cts_sub #sub_links span{
		display: block;
		font-size: 11px;
	}


div#footer {
	background-color: #292929;
	margin: 20px auto 0;
}
div#footer #footer_inbox{
	width: 960px;
	margin: 0 auto;
	color: #fdfdfd;
	padding: 20px 0;
	font-size:13px;
}
div#footer #footer_inbox h2{
	font-family: 'Belleza', sans-serif;
	font-size:22px;
}

	#footer #footer_inbox #footer_archives {
		float:left;
		width:630px;
		text-justify:auto;
		text-align:left;
	}
		#footer #footer_inbox #footer_archives ul {
			margin:0 0 15px 20px;
		}
			#footer #footer_inbox #footer_archives ul li {
				display:inline-block;
				margin-right:10px;
			}
				#footer #footer_inbox #footer_archives ul li a {
					color:#c3c3c3;
					text-decoration:none;
				}
				#footer #footer_inbox #footer_archives ul li a:hover {
					color:#f0f0f0;
					text-decoration:underline;
				}

	#footer #footer_inbox #footer_profile {
		float:right;
		width:310px;
	}
		#footer #footer_inbox #footer_profile p {
			margin:0 0 15px 20px;
			color:#c3c3c3;
		}
			#footer #footer_inbox #footer_profile p a {
				color:#77c7df;
			}
			#footer #footer_inbox #footer_profile div {
				margin:0 0 10px 20px;
				overflow:hidden;
			}
				#footer #footer_inbox #footer_profile div img {
					float:left;
					margin-right:10px;
				}
				#footer #footer_inbox #footer_profile div p {
					font-size:11px;
					color:#c3c3c3;
					margin-left:15px;
					display:block;
				}


#footer address {
	font-size:14px;
	text-align:center;
	padding:10px 0;
	clear:both;
}



/*==============================
	other
==============================*/
.opa:hover img{
	opacity:0.7;
}
.error {
	color:#cc0044;
	font-weight:bold;
}
.attention {
	font-size:12px;
	color:#555;
	background-color:#f0f0f0;
}