@charset "UTF-8";

/*   
Theme Name: webcre8.jp
Theme URI: http://webcre8.jp
Description: new worldとtwentytenを参考にして製作したwebcre8.jpのテーマ
Author: webcre8.jp
Author URI: http://webcre8.jp
.
コメント／利用許諾の記述 (あれば)
.
*/

/* 

最終更新日:	20110515
制作:			webcre8.jp
目次:
			①	一般：common
			②	トップページ：top
				②-1	コンテナ：extra-header
				②-2	コンテナ：container
				②-3	ヘッダ：header
				②-4	コンテンツ：contents
				②-5	メイン：main
				②-6	サイド：side
				②-7	フッタ：footer
			③	カテゴリページ：category
			④	記事ページ：article
			⑤	単ページ：single
			⑥	その他：ather
*/

/* 	reset.css ========================================= */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    background: #ddd ;
    -webkit-text-size-adjust: 100% ;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote {
    quotes:none;
}

blockquote::before, blockquote::after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline: none ;
}

a:hover {
	color: #00bbbb ;
}

/* change colours to suit your needs */
ins {
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-weight:bold;
}

del {
	color:#000;
	text-decoration: line-through;
	padding:0 5px ;
}

small { padding:0 10px ; }

abbr[title], dfn[title] {
	border-bottom:1px dotted ;
	cursor:help ;
	font-size: 1.0em ;
}

table {
    border-collapse:collapse;
    border-spacing:0;

}

th {
	text-align: left ;
	padding-right: 2em ;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}



img	{
	vertical-align: bottom ;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
main,
header,
footer,
section,
article,
aside,
nav,
address,
div,
li,
dt,
dd,
form,
figure,
figcaption,
blockquote,
del,
ins {
  background-image: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=") ;
}


/* ==================== /reset.css ==================== */





/* ①	一般:common ========================================= */


/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/


/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, ins, kbd, q, samp,
small, sub, sup, var,
b, i,
 dt, dd, li, figcaption {
	font:13px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,helvetica,sans-serif ;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
	color: #333 ;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
body,
select,
input,
textarea,
button {
	font:99%/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,helvetica,sans-serif ;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold ;
}


/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp {
	font-family: 'Source Sans Pro', monospace ;
	*font-size:108% ;
	line-height:100% ;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}



a {
	text-decoration: none ;
	color: #08f ;
}

em {
	font-style: normal ;
}

em::before {
	content: "『" ;
}

em::after {
	content: "』" ;
}

strong {
	font-weight: bold ;
	color: #333 ;
}

strong code,
strong i,
strong em {
	font-weight: bold ;
	color: #333 ;
}

.clearfix { width: 100% ; }
.clearfix:after {
     content: "" ;
     display: block ;
     clear: both ;
}

p:empty {
	display:none ;
}

/* ==================== /common ==================== */

/* ②-1	：extra-header ========================================= */

#extra-header {
	width: 100% ;
	height: 80px ;
	margin: 0 auto ;
	background: #222 url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/background-extra-header.gif") repeat-x ;
	
}
	
	#extra-header div {
		width: 960px ;
		margin: 0 auto ;
		padding-top: 5px ;
		position: relative ;
	}
		
		#logo a {
			position: relative ;
			display: block ;
		}
			
			#logo a img {
				position: absolute ;
			}
			
			#logo span {
				position: absolute ;
				color: #fff ;
				top: 5px ;
				left: 5px ;
				font-size: 100% ;
			}
		#extra-header p {
			color: #ccc ;
			line-height: 70px ;
			margin-left: 245px ;
			font-size: 80% ;
			font-weight: normal ;
		}
		
		#extra-header nav {
			position: absolute ;
			top: 5px ;
			right: 0 ;
			width: 210px ;
		}
		
			#extra-header nav ul li {
				width: 100px ;
				display: inline-block ;
				text-align: center ;
				height: 30px ;
				margin: 20px 0 ;
				line-height: 30px ;
				
			}
				#extra-header nav ul li a {
					display: block ;
					color: #fff ;
				}
				
				#extra-header nav ul li a:hover {
					background: #333;
					border-radius: 10px ;
					-webkit-border-radius : 10px ;
					-moz-border-radius : 10px ;
				}



/* ==================== /extra-header ==================== */

/* ②-2	コンテナ：container ========================================= */

#container{
	width: 960px ;
	margin: 0 auto ;
	padding-top: 7px ;
	border-left: #fff 10px solid ;
	border-right: #fff 10px solid ;
	-moz-box-shadow: 0 0 5px #666 ;
	-webkit-box-shadow: 0 0 5px #666 ;
	box-shadow: 0 0 5px #666 ;
	position: relative ;
	background: #fff ;
}

/* ==================== /container ==================== */

/* ②-3	ヘッダ：header ========================================= */

#catch	{
	width: 950px ;
	height: 230px ;
	position: relative ;
	margin: 0 auto 0 ;
}

#catch {
	background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/catch-home.jpg") no-repeat ;
}
#catch.think {
	background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/catch-think.jpg") no-repeat ;
}
#catch.collect {
	background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/catch-collect.jpg") no-repeat ;
}
#catch.meet {
	background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/catch-meet.jpg") no-repeat ;
}
#catch.create {
	background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/catch-create.jpg") no-repeat ;
}
#catch.use {
	background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/catch-use.jpg") no-repeat ;
}
#catch.investigate {
	background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/catch-investigate.jpg") no-repeat ;
}
#catch.compare {
	background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/catch-compare.jpg") no-repeat ;
}
	
	#catch p {
		font-size: 120% ;
		color: #fff ;
		position: absolute ;
		bottom: 28px ;
		left: 28px ;
		line-height: 1.4 ;
		
	}
	
	#catch-title {
		color: #fff ;
		position: relative !important ;
		bottom: 0 !important ;
		left: 0 !important ;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		padding: 38px 28px ;
		line-height: 1em ;
		font-size: 3em !important ;
		margin: 0 ;
		font-weight: bold ;
		text-shadow: 0 0 5px #000 ;
	}
	
	#catch nav {
		position: absolute ;
		right: 30px ;
		bottom: 30px ;
		width: 360px ;
		height: 60px ;
	}
		
		#catch nav li {
			float: right ;
			
		}
		
		#catch nav li a {
			display: block ;
			width: 60px ;
			height: 60px ;
			background-image: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/button-category.png") ;
			text-indent: -9999px ;
		}
		
		.icon-think a { background-position: -300px -60px ; }
		.icon-use a { background-position: -180px -60px ; }
		.icon-collect a { background-position: -60px -60px ; }
		.icon-compare a { background-position: -240px -60px ; }
		.icon-create a { background-position: 0 -60px ; }
		.icon-investigate a { background-position: -120px -60px ; }
		.icon-meet a { background-position: -360px -60px ; }
		
		.think .icon-think a { background-position: -300px 0px ; }
		.use .icon-use a { background-position: -180px 0px ; }
		.collect .icon-collect a { background-position: -60px 0px ; }
		.compare .icon-compare a { background-position: -240px 0px ; }
		.create .icon-create a { background-position: 0 0px ; }
		.investigate .icon-investigate a { background-position: -120px 0px ; }
		.meet .icon-meet a { background-position: -360px 0px ; }
		

/*
		#catch nav li a:hover {
			display: inline-block ;
			width: 72px ;
			height: 72px ;
			background-image: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/button-category.png") ;
			text-indent: -9999px ;
		}
		
		.icon-think a:hover { background-position: -360px 0px ; }
		.icon-use a:hover { background-position: -216px 0px ; }
		.icon-collect a:hover { background-position: -72px 0px ; }
		.icon-compare a:hover { background-position: -288px 0px ; }
		.icon-create a:hover { background-position: 0 0px ; }
		.icon-investigate a:hover { background-position: -144px 0px ; }
*/


/* ==================== /catch ==================== */


/* ②-4	コンテンツ：contents ========================================= */

#contents {
	width: 960px ;
	margin: 0 auto ;
	overflow: hidden ;

}

/* ==================== /contents ==================== */

/* ②-5	メイン：main ========================================= */

#main {
	width: 620px ;
	float: left ;
	position: relative ;
	right: -5px ;
}
	
	#main article {
		background-image: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/background-main-body.gif") ;
		background-color: #fff ;
		background-repeat: repeat-y ;
		padding-bottom: -20px !important ;
	}
	
		#main article header {
			background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/background-main-head.gif") top center no-repeat ;
			padding: 30px 30px 0 ;
			line-height: 1.5 ;
			position: relative ;
			z-index: 10 ;
		}
			
			.wp_social_bookmarking_light_clear {
				margin-bottom: 10px ;
			}
			
				.wp_social_bookmarking_light iframe {
					width: 105px!important;
				}
				
				.wp_social_bookmarking_light .hatena-bookmark-button-frame {
					width: 50px!important;
				}
			
			#main article header h1{
				line-height: 1.3 ;
				font-size: 2.1em ;
				padding: 10px 0 ;
				color: #333333 ;
				text-shadow: 0 0 5px #999 ;
			}
			
			.breadcrumbs {
				font-size: 0.9em ;
			}
			
			.leadtime {
				color: #666 ;
			}
			
			#main article header ul{
				list-style-type: none ;
				margin-top: 5px ;
			}
			
			#main article header ul li{
				display: block ;
				float: left ;
				padding: 0 10px 5px 0 ;
				margin-bottom: 4px ;
			}
			
			.cal {
				margin-top: 2px ;
			}
			
			.cat a {
				color: #fff ;
				background-color: #333333 ;
				padding: 2px 10px 0 ;
				-moz-border-radius: 5px ;
				display: inline-block ;
				border-radius: 5px ;
				margin-bottom: 4px ;
			}
			
			header .tag a,
			.blogbody .tag span,
			#side .tag a {
				color: #fff ;
				background-color: #66cccc ;
				padding: 2px 8px 0 ;
				-moz-border-radius: 5px ;
				border-radius: 5px ;
				margin: 0 4px 4px 0 ;
				display: inline-block ;
				line-height: 1.5 ;
			}
			
			header .tag a:hover,
			#side .tag a:hover {
				background-color: #00ffff ;
			}
			
		.blogbody {
			padding: 0 30px ;
			overflow: hidden ;
		}
			.blogbody ul,
			.blogbody ol{
				padding: 0 1em 20px 1.5em ;
			}
			
			.blogbody p a{
				padding: 0 5px ;
			}
			
			.blogbody h2 {
				margin:35px 0 10px -16px ;
				padding: 5px 15px 5px ;
				color: #106284 ;
				font-size: 2.0em ;
				line-height:1.2 ;
				border-left: 10px #106284 solid ;
			}
			
			.blogbody>h2 {
				counter-increment: h2count;
				
			}
			
			.blogbody>h2:before {
				content: counter(h2count) ".";
			}
			
			.blogbody h3 {
				margin:15px 0 5px -16px;
				color: #328484 ;
				font-size: 1.6em ;
				font-weight: normal ;
				padding: 5px 15px 5px ;
				line-height: 1.1em ;
				border-left: 4px #328484 solid ;
			}
			
			.blogbody h4 {
				margin:10px 0 10px -16px;
				padding: 0 15px ;
				color: #444444 ;
				font-weight: normal ;
				font-size: 1.3em ;
				border-left: 2px #444444 solid ;
			}
			
			.blogbody h6 {
				color: #999999 ;
				font-size: 0.9em ;
				text-indent: 1em ;
				padding-bottom: 0 ;
				margin-bottom: 0 ;
			}
			.blogbody p {
				clear: both ;
				padding-bottom: 1.2em ;
				position: relative ;
				overflow: hidden ;
				font-size: 100% ;
			}
			
			.blogbody li {
				font-size: 100% ;
				line-height: 1.3 !important ;
				margin-bottom: 0.4em ;
			}
			
			.blogbody dl {
				margin: 0 1em 1.2em ;
				font-size: 1.0em ;
			}
			
			.blogbody dt {
				width: 40% ;
				line-height: 1.3 ;
				cleer: left ;
				float: left ;
				margin-bottom: 0.5em ;
				font-size: 1.0em ;
			}
			
			.blogbody dd::before {
				content: "…　" ;
			}
			
			.blogbody dd {
				line-height: 1.3 ;
				width: 50% ;
				margin-left: 45% ;
				margin-bottom: 0.5em ;
				font-size: 1.0em ;
				text-indent: -2em ;
			}

			.more-link {
				float: right ;
				margin: 10px 20px 0 0 ;
				display: inline-block ;
				text-align: center ;
				color: #333 ;
				background-color: #fff ;
				border: 3px #ccc double ;
				padding: 3px 10px 0 ;
				-moz-border-radius: 5px ;
				border-radius: 5px ;
			}
			
			.more-link:hover {
				-moz-box-shadow: 0 0 10px #bdf ;
				-webkit-box-shadow: 0 0 10px #bdf ;
				box-shadow: 0 0 10px #bdf ;
			}
			
			.blogbody aside {
				margin: 10px 0 0 ;
				padding: 15px ;
				border-top: 1px #999 solid ;
			}
			
			.box-enumerate,
			.box-blockquote	 {
				margin: 10px 10px 30px ;
				padding: 15px ;
				background: #eee ;
				border: 1px #999 solid ;
			}
			
			.blogbody aside h2,
			.blogbody aside h3,
			.blogbody aside h4,
			.blogbody aside h5,
			.blogbody aside h6,
			.blogbody blockquote h2,
			.blogbody blockquote h3,
			.blogbody blockquote h4,
			.blogbody blockquote h5,
			.blogbody blockquote h6 {
				padding-top: 0 ;
				font-weight: normal ;
				color: #444444 ;
				font-size: 1.1em ;
			}
			
			.blogbody aside p,
			.blogbody blockquote p {
				padding-bottom: 0 ;
			}
			
			.blogbody pre code {
				display: block ;
				padding: 10px ;
				margin: 0px 10px 20px ;
				line-height: 1.4em ;
				-moz-border-radius: 2px ;
				border-radius: 2px ;
				border: 1px #999 solid ;
				background: #333333 ;
				color: #eeeeee ;
			}
			
			.blogbody pre code span {
				background: #fff ;
				border: #999 1px solid ;
				-moz-border-radius: 2px ;
				border-radius: 2px ;
				padding: 2px ;
			}
			
			.wp-post-image {
				border: 5px #dddddd solid ;
				margin: 10px 30px 10px 0 ;
				float: left ;
				-moz-border-radius: 5px ;
				border-radius: 5px ;
			}
			
			.article-description {
				width: 300px ;
				min-height: 200px ;
				height: auto !important ;
				height: 200px ;
				padding-top: 10px ;
				margin: 20px 0 0 250px ;
			}
			
			.single .article-description {
				margin: -470px 0 300px 250px !important ;
			}
			
			.data-service {
				list-style-type: none ;
				margin-left: -20px ;
			}
			
			.wp-caption {
				margin: 0 auto 15px ;
			}
			
			.wp-caption img {
				margin:4px 0px 5px 0px ;
				border: 5px #eeeeee solid ;
				-moz-border-radius: 5px ;
				border-radius: 5px ;
			}
			
			.size-full {
				margin-left: -3px !important ;
			}
			.wp-caption a:hover {
				filter: alpha(opacity=75);
				-moz-opacity:0.75;
				opacity:0.75;

			}
			
			.wp-caption-text {
				text-align: center ;
			}
			
			.aligncenter {
				display: block ;
				margin: 0 auto ;
			}
			
			#toc {
				font-size: 0.9em ;
				padding-bottom: 1em ;
			}
			
			.fb_iframe_widget {
				position: relative ;
				top: -4px ;
			}
			
			/* 広告 */
			.ads {
				padding: 20px 0 10px !important ;
			}
			
			.ads div {
				min-width: 250px ;
				margin: 0 auto ;
				float: left ;
			}

			.ads div:first-child {
				margin-right: 10px ;
			}

			/* シェアボタン */
			.share {
				list-style: none ;
				padding: 0 !important ;
			}
			
			.share li { 
				display: block ;
				float: left ;
				padding: 10px 5px 0 ;
				margin-bottom: 4px ;
			}
			
			.blogbody a.txt {
				background-image: url(/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/icon-txt.png) ; 
				background-repeat: no-repeat ;
				padding-left: 20px ;
			}
			
			#similar-posts {
				margin: 0 30px 30px ;
				list-style: none ;
				
			}
				
				#similar-posts li {
					margin-bottom: 10px ;
					font-size: 100% ;
					
				}
				
				#similar-posts li span {
					float: left ;
					width: 420px ;
					margin-top: 10px ;
				}
				
				#similar-posts .attachment-post-thumbnail {
					border: 3px #eee solid ;
					height: 90px ;
					width: 120px ;
					margin-right: 10px ;
					float: left ;
					
				}
				
				.link-title-hatebu {
					position: relative ;
					top: -7px ;
				}
				
			/* ブログ画像ゲッター用 */
			
			.amzimg {
				margin: 0 auto 30px ;
				clear:both ;
				text-align: center ;
			}
						
			/* 参照コンテンツ(figure) */
			figure {
				margin-bottom: 1em;
			}
			
			.figure-list ul {
				margin-top:20px ;
			
			}
			
			
			table {
				width: 100% ;
				border: 8px #eeeeee solid ;
				-moz-border-radius: 5px ;
				border-radius: 5px ;
				margin:4px 0 1em 0 ;
			}
			
			figcaption,
			caption {
				text-align: center ;
				padding: 3px 10px 0 ;
				margin: 0 20px ;
				background: #eee ;
				width: auto ;
				border-radius: 4px ;
			}
						
			table th,
			table td	 {
				border: 1px #666 solid ;
				padding: 10px ;
				font-size: 14px !important ;
				font-weight: normal ;
				
			}
			
				table thead {
					background: #999 ;
				}
				
				table tr:nth-child(even) {
					background: #ddd ;
				}
				
				table td ul {
					padding: 0 1em 20px 1em !important ;
				}
			
			/* テキストレベルのスタイル */
			
			.word,.name,.book,.movie,.website,.music,dfn,q {
				font-size: 100% ;
			}
			.word::before {
				content: "『" ;
			}
			.word::after {
				content: "』" ;
			}
			.name::before,
			.book::before,
			.movie::before,
			.website::before,
			.music::before,
			dfn::before {
				content: "「" ;
			}
			.name::after,
			.book::after,
			.movie::after,
			.music::after,
			.website::after,
			dfn::after {
				content: "」" ;
			}

			/* 軽い注意、※ */
			.supplement::before {
				content: "※ " ;
			}

			/* キーボード入力等 */
			.blogbody code {
				font-size: 100% ;
				padding:0 5px ;
			}
			
			
			/* 羅列リスト */
			.list-enumerate li {
				list-style: none ;
				display: inline ;
			}
				
			/* Q＆A */
			.qanda dt,.qanda dd {
				margin-bottom: 1.5em ;
			}
			
			.qanda dt::before {
				content: "Q" ;
				display: block ;
				font-size: 2em ;
				font-weight: bold ;
			}
			
			.qanda dd::before {
				content: "A" ;
				display: block ;
				font-size: 2em ;
				font-weight: bold ;
			}
			
			/* イベントボタン */
			.button-download {
				display: block ;
				max-width: 350px ;
				padding: 10px !important ;
				text-align: center ;
				line-height: 24px ;
				background-color: #106284 ;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #1277a1), color-stop(0.00, #106284));
				background: -webkit-linear-gradient(top, #106284 0%, #1277a1 88%);
				background: -moz-linear-gradient(top, #106284 0%, #1277a1 88%);
				background: -o-linear-gradient(top, #106284 0%, #1277a1 88%);
				background: -ms-linear-gradient(top, #106284 0%, #1277a1 88%);
				background: linear-gradient(to bottom, #106284 0%, #1277a1 88%);
				color: #fff ;
				margin: 10px auto 0 ;
				border-radius: 10px ;
				border: 5px #fff solid ;
				box-shadow: 0 0 10px #000 ;
			}
			.button-demo {
				display: block ;
				max-width: 350px ;
				padding: 10px !important ;
				text-align: center ;
				line-height: 24px ;
				background-color: #106284 ;
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #1277a1), color-stop(0.00, #106284));
				background: -webkit-linear-gradient(top, #106284 0%, #1277a1 88%);
				background: -moz-linear-gradient(top, #106284 0%, #1277a1 88%);
				background: -o-linear-gradient(top, #106284 0%, #1277a1 88%);
				background: -ms-linear-gradient(top, #106284 0%, #1277a1 88%);
				background: linear-gradient(to bottom, #106284 0%, #1277a1 88%);
				color: #fff ;
				margin: 10px auto 0 ;
				border-radius: 10px ;
				border: 5px #fff solid ;
				box-shadow: 0 0 10px #000 ;
			}
				
		#main article footer {
			background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/background-main-foot.gif") bottom left no-repeat ;
			padding: 10px 30px ;
			position: relative ;
			z-index: 10 ;
		}
			
			#disqus_thread {
				padding-bottom: 20px ;
			}
			
			#takeMeUpContainer {
				width: auto !important ;
				position: relative ;
				z-index: 9999 ;
			}
	
	#main nav {
		position: relative ;
		margin: 20px 5px 20px ;
		padding: 10px 0 10px ;
	}
		
		#main nav span {
			position: absolute ;
			bottom: 0 ;
		}
		
			#main nav span a {
				color: #333 ;
				background-color: #fff ;
				border: 3px #ccc double ;
				padding: 3px 10px 0 ;
				-moz-border-radius: 5px ;
				border-radius: 5px ;
			}
			
			#main nav span a:hover {
				-moz-box-shadow: 0 0 10px #bdf ;
				-webkit-box-shadow: 0 0 10px #bdf ;
				box-shadow: 0 0 10px #bdf ;
			}
			
		.nav-previous{
			left: 0 ;
		}
		
		.nav-next{
			right: 0 ;
		}
	
	

/* ==================== /main ==================== */

/* ②-6	サイド：side ========================================= */

#side {
	width: 330px ;
	float: right ;
	position: relative ;
	left: -5px ;
}
	
* html #side {
	width: 310px ;
}
	
	.ad-large {
		background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/background-ad-large.gif") no-repeat ;
		width: 300px ;
		height: 250px ;
		padding: 15px ;
	}
	
	.banner {
		width: 330px ;
		margin: 0 auto ;
	}
	
		.banner ul {
			list-style: none ;
			overflow:hidden ;
			width: 310px ;
			margin: 0 0 0 10px ;

		}
		
		.banner ul li {
			float: left ;
			display: block ;
			width: 155px ;
			height: 155px ;
			background: url("/prx/000/http/webcre8.jp/wordpress/wp-content/themes/webcre8/img/background-ad-small.png") no-repeat ;
			
		}

		.banner ul li a {
			display: block ;
			margin:15px ;
		}
		
	#side div {
	
	}
	
		#side h3 {
			color: #328484 ;
			padding-bottom: 10px ;
			font-size: 16px ;
		}
		
		#side div ul {
			list-style-type: none ;
		}
		
			#side .widget-container {
				list-style-type: none ;
				margin: 10px 10px ;
				padding: 10px 0px 20px ;
				border-bottom: 1px #ccc solid ;
				width: 310px ;
			}
				
				#s {
					width: 180px ;
				}
				
				#side .widget-container ul li a{
					display: inline-block ;
					padding: 5px ;
					border: 1px #ffffff solid ;
				}
				
				#side .widget-container ul li a:hover{
					background: #eeeeff ;
					border: 1px #cccccc solid ;
					-moz-border-radius: 5px ;
					border-radius: 5px ;
				}

/* ==================== /side ==================== */

/* ②-7	フッタ：footer ========================================= */

#footer	{
	width: 100% ;
	background: #222 ;
	border-top: 1px #999 solid ;

}

	#footer>div {
		width: 960px ;
		margin: 0 auto ;
	}
	
		#footer div h3 {
			color: #328484 ;
			padding-bottom: 10px ;
		}
		
		#footer div ul {
			list-style-type: none ;
		}
		
			#footer .widget-container {
				list-style-type: none ;
				margin: 10px 10px ;
				padding: 10px 0px 20px ;
			}
			
			#footer .widget-area {
				width: 320px ;
				float: left ;
			}
			
	.copy {
		margin: 20px auto 0 ;
		padding-bottom: 10px ;
		text-align: center ;
	}

/* ==================== /footer ==================== */


.textwidget {	/* サイドなどのテキストを入れるウィジェット */
	width: 300px ;
	margin: 0 auto ;
}

.fb-like-box {
	background: #fff ;
}

.textwidget {
	width300px ;
}

/* -- ツールチップ -- */

.darkTip { width: 342px ; }
.darkTip .content { 
	width: 310px ;
	padding: 10px ;
	border: 6px solid #ffffff ;
	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px ;
	border-radius: 5px ;
	background: #000000 ;
	color: #ffffff ;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	-moz-box-shadow: 0 0 5px #333 ;
	-webkit-box-shadow: 0 0 5px #333 ;
	box-shadow: 0 0 5px #333 ;
}

/* -- 項目のリスト表示 -- */

#toc a { display: inline-block ; color: #0094FF ;}

/* -- あまぞん広告 -- */

.amazlet-box { padding-bottom: 20px ; }

/* -- 顔文字アイコン -- */
.emoticon-good{
    -moz-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
    -o-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    transform:rotate(100deg);
    display:inline-block;
    font-style:normal;
    font-family: Comic Sans MS ;
    font-size: 1.2em ;
    padding: 0 5px ;
}

/* PC、ソフトのコマンド */
.box-command{
	background: #eeeeee ;
	border: 1px #cccccc solid ;
	-moz-border-radius: 5px ;
	border-radius: 5px ;
	padding: 0 10px ;
	margin:5px ;
	font-family:inconsolata,arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif ;
}

p.box-command{
	padding:10px ;
	margin-bottom:15px ;
}

/* ツイートの引用ブロック */
.twitter-tweet {
	margin: 0 auto 20px !important ;
}

/*
  .wf-loading p {
	font-family: "heisei-kaku-gothic-std", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,helvetica,sans-serif ;
	color: #333 ;
    visibility: hidden;
  }

  .wf-active p, .wf-inactive p {
    font-family: "heisei-kaku-gothic-std", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,helvetica,sans-serif ;
	color: #333 ;
visibility: visible;
  }
*/