@charset "utf-8";
/*
Theme Name: ホームページを作る人のネタ帳
Theme URI: http://e0166.blog89.fc2.com/
Version: 5.0
Author: Mana
Author URI: http://webcreatormana.com
*/
@import url(http://agilemedia.jp/embed/CSS/AMN-homepage-neta.css);

/****************************************
		General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

body{
    background: #f2f1e6 url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bg.png) repeat-x;
    font: 14px/18px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	color: #444;
	}

a{ color: #1d62b3;}
	a:hover{ color: #39c; }

.clear{ clear: both;}
.center{text-align:center;display:block;}
	

/****************************************
		Main Layout
*****************************************/
#wrapper{width:960px; margin: 0 auto}
#header{
	background:url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bg_header.png) 0 36px no-repeat;
	margin-bottom:28px;
overflow:hidden;
	}
#main{
	float: left;
	width:599px;
	margin-right:21px;
	background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bg_shadow.png) repeat-y top right
	}
	#mainWrap{
		width:530px;
		padding: 30px 30px 21px;
		border: 1px solid #ccc;
		background: #fff url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/shadow.png) repeat-x;
		}

#side{
	float:left;
	width:340px;
	border-bottom:1px solid #fff;
	}
	
#footer{
	clear: both;
	background: #333 url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bg_footer.png) repeat-x;
	}
	#footerWrap{
		width:960px;
		margin: 0 auto;
		padding:100px 0 30px;
		border-bottom:1px solid #000;
		}


/****************************************
		Header
*****************************************/
#header ul{
	margin: 7px 0 180px;
	color: #fff;
	overflow: auto
	}
	#header ul li{float: left; margin: 0 15px}
		#header ul li a{color: #fff;text-decoration:none;}
			#header ul li a:hover {color: #ccc;}

#header h1{float: left;width:232px;}


/****************************************
		Main 
*****************************************/
.post{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/line.jpg) bottom center no-repeat;padding-bottom:60px;}
.post{
	font-size:110%;
	line-height:140%
	}
	.post h2.title{
		font-size:170%;
		line-height:110%;
		margin: 30px 0 15px
		}
		.post h2.title a{color: #d02153;text-decoration:none;}
			.post h2.title a:hover{color: #903}
.post a.goto_back{
			background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/goto_back.jpg) no-repeat;
			line-height: 50px;
			}
			
		.post a.goto_back{
			padding-left: 20px;
			color: #444;
			text-decoration: underline;
			}
			.post a.goto_back:hover{
				color: #ccc;
				text-decoration: underline;
				}

ul.info{
	background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bg_info.png) no-repeat;
	width:567px;
	height: 40px;
	color: #999;
	font-size:85%;
	padding: 7px 7px 0;
	margin: 0 0 0 -55px !important;
	}
	ul.info li{ float: left; margin: 0 10px; list-style: none !important}
		
p.more-link{
	border: 1px #dfdfdf solid;
	padding: 5px 10px;
	margin: 20px 0 30px;
	width:115px;
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fbfbfb),
		to(#f2f1e6)
		);
	
/* FF */
	background: -moz-linear-gradient(
		top,
		#fbfbfb,
		#f2f1e6
		);
		
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffbfbfb,endColorstr=#fff2f1e6);
	zoom: 1;
	}
	p.more-link a{
		background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/arrow_right.png) no-repeat top right;
		color: #d02153;
		text-decoration:none;
		padding: 0 23px 2px 0;
		letter-spacing: 1px;
		}
p.more-link a{
        background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/arrow_right.png) no-repeat top right;
        color: #d02153;
        text-decoration:none;
        padding: 0 23px 2px 0;
        letter-spacing: 1px;
        }
    p.more-link.back a{
        background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/arrow_left.png) no-repeat top left;
        padding: 0 0 2px 23px;
        }
        p.more-link a:hover{color: #903}
    
.post .more-link{margin: 20px 0 0 400px;width:auto;}

.bottom_nav p{float: left;margin-right:10px;}

/*** Category/Tag ***/
#cat-tag{
	background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/line.jpg) bottom center no-repeat;
	padding-bottom:20px;
	margin-bottom:30px;
	}
	#cat-tag ul{margin-left: 15px;padding-left:25px;height: 18px}
		#cat-tag ul li{float: left; margin: 0 5px}

#cat-tag ul.cat_s{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_cat_s.jpg) no-repeat;}
#cat-tag ul.tag_s{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_tag_s.jpg) no-repeat;}



/*** Share ***/
.share{
	background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bg_share.jpg) no-repeat;
	width:470px;
	height: 107px;
	padding-left:60px;
	margin: 35px 0;
	}
	.share .topsy{width:60px; float: left;margin-top:15px;}
.share_bb{
	padding-top:15px;
}
	
	
	
/*** Related Posts ***/
#pc_reference{margin-top:60px;}
#feedcategory{margin-bottom:60px;}
	#feedcategory ul{margin:20px 0;}
		#feedcategory ul li{
			list-style: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bullet.gif);
			margin: 0 0 10px 20px;
			}

	
/*** Comemnt / Trackback ***/
#comment{margin-bottom:60px;}
#trackback{color: #999;margin-bottom:60px;}
	#comment h4,#trackback h4{
		font-size:100%;
		border-bottom:1px #D3D2C7 solid;
		padding-bottom:15px;
		}
		#comment h4 span{color: #d02153;margin-right:10px;}
	.meta{font-size:85%; margin-top:10px;color: #999}
	
	.openbox{text-decoration:underline;cursor: pointer}
	.hidebox{margin: 30px 0;display:none;}
	
.comment_post, .tb_post{
	margin-top:20px;
	border: 1px solid #ccc;
	padding: 20px;
	}

.comment_post{
	/* Webkit */
	-webkit-box-shadow: inset 0 2px 5px #d3d2c7;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#f2f1e6),
		to(#fbfaf6)
		);
	
	/* FF */
	-moz-box-shadow: inset 0 2px 5px #d3d2c7;
	background: -moz-linear-gradient(
		top,
		#f2f1e6,
		#fbfaf6
		);
			
	/* IE */
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2f1e6,endColorstr=#fffbfaf6);
		zoom: 1;
		}
		
.tb_post{
	/* Webkit */
	-webkit-box-shadow: inset 0 2px 5px #ccc;
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* FF */
	-moz-box-shadow: inset 0 2px 5px #d3d2c7;
	background: -moz-linear-gradient(
		top,
		#f2f1e6,
		#fbfaf6
		);
			
	/* IE */
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2f1e6,endColorstr=#fffbfaf6);
		zoom: 1;
		}
		
	.comment_post div, .tb_post div{border-top:1px solid #fff;padding-top:15px;}
		


/****************************************
		Post Entry 
*****************************************/	
.post .divider{margin: 20px 0}
.post h3, .post h4, .post h5, .post h6{margin: 30px 0 10px}

.post h3{
	color: #d02153;
	font-size:115%;
	border: 1px #dfdfdf solid;
	border-left-color: #d02153;
	border-left-width: 3px;
	padding: 8px 0 5px 15px;
	margin: 20px 0 5px;
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fbfbfb),
		to(#f2f1e6)
		);
	
/* FF */
	background: -moz-linear-gradient(
		top,
		#fbfbfb,
		#f2f1e6
		);
		
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffbfbfb,endColorstr=#fff2f1e6);
	zoom: 1;
	}
		
.post h4{font-size:120%;color: #d02153;}
.post h5{font-size:110%;}

.post .note{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/link.gif) no-repeat; padding-left:35px;}
.post .la {
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 518px;
	text-decoration: none;
}
.post em{font-style: italic;}
.post code{color: #06c; font-family:'Courier New',Courier,monospace;}
.post img{
	border:1px #ccc solid;
	padding: 3px;
	margin:20px 0;
	}
	.post a img:hover{border:1px #eee solid;}

.post blockquote{
	background: #eee url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/quote.gif) no-repeat 5px 5px;
    padding: 15px;
word-wrap: break-word;
	}
	
.post ul, .post ol{margin:20px 0;}
	.post ul li{
		list-style: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bullet.gif);
		margin-left:20px;
		}
	.post ol li{list-style: decimal outside;margin-left:20px;}



/****************************************
		Form 
*****************************************/	
input[type="text"], textarea, select{
	padding: 6px;
	border:1px solid #ccc;
	color: #999;
	background: #fff url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/shadow.png) repeat-x;
	font-size:14px;
	}
	select{width:220px; margin-top:10px;}
	input[type="text"]:focus, textarea:focus{border:1px solid #d02153;}

input[type="submit"]{
	color: #fff;
	border: 1px #9f1f44 solid;
	text-shadow: 1px 1px 1px #666;
	background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/btn_pink.gif) repeat-x;
	font-size:115%;
	padding: 3px 5px
	}



/*** Comment form ***/
#comment_form dt{margin:10px 0 5px;}
	#comment_form #comment{margin-bottom:0;}
	#comment_form input[type="submit"]{
		margin-top:20px;
		padding: 3px 20px
		}



/*** Contact form ***/
#footer form{margin-top:20px;}
	#footer form label{display:block;margin:15px 0 5px;}
	#footer form input[type="text"], #footer form textarea{
		width:270px;
		}
	#footer form input[type="submit"]{
		margin:10px 0 0 205px;
		padding: 3px 20px
		}	
		*:first-child+html #footer form input[type="submit"] { margin-left:165px; } /* IE7 */



/****************************************
		Side 
*****************************************/
.module{
	border-bottom:1px solid #d3d2c7;
	border-top:1px solid #fff;
	padding: 30px 0
	}
	.module:first-child{border-top:none;padding-top:0;}
	
	.social a{text-decoration:none;}
		.social a img{margin-right:5px;}
	
	.ad150{text-decoration:none;}
		.ad150 img{
			background: #fff;
			border:1px #ccc solid;
			margin:2px;
			padding: 5px;
			}
			.ad150 img:hover{border:1px #eee solid;}
	
	.module ul li, .column ul li{
		list-style: outside url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bullet.gif);
		margin: 7px 0 7px 20px
		}
	.module ul li a{color: #444;text-decoration:none;}
		.module ul li a:hover{color: #ccc;}
.module p{
text-align: center;
}
p.popular{
	border: 1px #ccc solid;
	padding: 5px 10px;
	margin: 20px 0 0;
	width:205px;
/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fbfbfb),
		to(#f2f1e6)
		);
	
/* FF */
	background: -moz-linear-gradient(
		top,
		#fbfbfb,
		#f2f1e6
		);
		
/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffbfbfb,endColorstr=#fff2f1e6);
	zoom: 1;
	}
	p.popular a{
		background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/star.png) no-repeat top left;
		color: #d02153;
		text-decoration:none;
		padding: 2px 0 0 23px;
		letter-spacing: 1px;
		}
		p.popular a:hover{color: #903}


/*** Titles ***/
.title_post, .title_cat,.title_comment,.title_trackback{
	height: 25px;
	padding:7px 0 0 40px;
	font-size:140%;
	text-shadow: 2px 2px 2px #fff;
	margin-bottom:15px;
	}

.title_post{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_post.png) no-repeat;}
.title_cat{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_cat.png) no-repeat}
.title_comment{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_comment.png) no-repeat}
.title_trackback{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_trackback.png) no-repeat}


/****************************************
		Footer

*****************************************/
#footer,#footer a{color: #ccc; text-decoration:none;}
	#footer a:hover{color: #666}
	
.column{width:290px;float: left;margin-left:45px;}
	.column:first-child{margin: 0}
	*:first-child+html .column{ margin-left:30px; } /* IE7 */
	
	.column div{
		border-top:1px solid #666;
		border-bottom:1px solid #000;
		padding: 30px 0
		}
		.column div:first-child{border-top:none;padding-top:0;}
		.column div.last{border-bottom:none;}
			.column div p{margin-bottom:20px;}
	
#footer nobr{margin: 0 5px}

	
/*** Titles ***/
.title_tagcloud,.title_link,.title_other,.title_about,.title_contact{
	height: 25px;
	padding:7px 0 0 40px;
	font-size:140%;
	text-shadow: -1px -1px 3px #000;
	margin-bottom:15px;
	color: #ccc;
	}

.title_tagcloud{background:url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_tag.png) no-repeat;}
.title_link{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_link.png) no-repeat;}
.title_other{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_pc.png) no-repeat;}
.title_about{background:url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_about.png) no-repeat;}
.title_contact{background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/icon_email.png) no-repeat;}


#copy{
	width:960px;
	margin: 0 auto;
	border-top:1px solid #666;
	padding:30px 0 200px;
	text-align:center;
	}
	#copy img{margin: 0 10px}
	
	

/*** ??? ***/
#secret{
	background: #333 url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bg_room.png) repeat-x left bottom;
	margin-top: 300px;
    padding-bottom: 250px;
	}
	#secretWrap{
		width:960px;
		height: 392px;
		background: url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/L.png) no-repeat;
		margin:0 auto;
		padding-top:30px;
		}
	
	#secret p{margin-left: 350px;width: 600px;margin-bottom:10px;}

/**
 * jQuery AppMenu v1.0 - http://www.josscrowcroft.com/jquery-appmenu/
 *
 * Copyright (c) 2010 Joss Crowcroft - joss[at]josscrowcroft[dot]com | http://josscrowcroft.com
 * Date: 10/10/2010
 * 
 * Contains essential plugin styles.
 * Use minified jquery.appMenu.min.css for better performance.
 * 
 * see http://josscrowcroft.com/jquery-appmenu#instructions for how to install
 * see http://josscrowcroft.com/jquery-appmenu#documentation for docs and options
 * see http://josscrowcroft.com/demos/jquery-appmenu/ for demos
**/


/* Plugin Styles */

#appMenu * {
	line-height:1;
	border:0;
	outline:0;
	padding:0;
	margin:0;
}
div#appMenu {
	position:fixed;
	top:35%;
	width:100%;
	text-align:center;
	display:none;
	z-index:9999;
}
#appMenu ul {
	position:relative;
	display:inline-block;
	list-style:none;
	padding:6px 26px 5px;
	background:rgba(0,0,0,0.4);
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
}
#appMenu ul li {
	float:left;
	width:126px;
	margin:0 5px;
}
#appMenu ul li a {
	display:block;
	width:100%;
	padding:16px 0 0;
	text-decoration:none;
}
#appMenu ul li a img {
	display:block;
	width:120px;
	height:120px;
	margin:0 auto;
	padding:6px;
}
#appMenu ul li a.selected img {
	padding:3px;
	border:3px solid #fafafa;
	background:rgba(0,0,0,0.44);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#appMenu ul li p {
	text-align:center;
	min-height:20px;
	padding-top:5px;
}
#appMenu ul li span {
	visibility:hidden;
	display:inline-block;
	min-height:17px;
	background:rgba(0,0,0,0.4);
	padding:3px 10px 0px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#f7f7f7;
	font: bold 14px / 1.0 Arial, sans-serif;
	letter-spacing:0.03em;
	text-shadow:0px 1px 1px #000;
}
#appMenu ul li a.selected span {
	visibility:visible;
}
#appMenu #appMenuControl {
	position:absolute;
	top:5px;
	right:0;
	width:100%;
	margin-right:20px;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,0.8);
	font:normal 13px Arial, sans-serif;
	text-align:right;
}


/* P-panel */
.pc_panel{
 position:fixed;
 background:#000;
 color:#fff;
 font-size:11px;
 line-height:14px;
 width:100%;
 right:0px;
 display:none;
 font-family:Arial, Helvetica, sans-serif;
}

:root *> .pc_panel {background:transparent url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bgSlide.png) repeat top left;}/* except IE */

.pc_label{
 width:20px;
 height:20px;
 position:absolute;
 top:0px;
 text-align:center;
 letter-spacing:2px;
 text-shadow:0px 0px 1px #fff;
 cursor:pointer;
}

.pc_panel .expand{
	background:#010101 url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/expand.gif) no-repeat center center;
	right:24px;
}
.pc_panel .collapse{
	background:#010101 url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/collapse.gif) no-repeat center center;
	right:24px;
}
.pc_panel .close{
	background:#010101 url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/close.gif) no-repeat center center;
	right:2px;
}
.pc_title{
	width:100%;
	height:20px;
	background:#000;
	font-size:9px;
	text-transform:uppercase;
	line-height:20px;
	text-indent:10px;
	letter-spacing:1px;
}
.pc_panel .selected{
	background:#222;
}
.pc_panel .selected img{
	border:4px solid #010101;
}
.pc_item{
	width:200px;
	height:120px;
	cursor:pointer;
	overflow:hidden;
	background:transparent url(//blog-imgs-31-origin.fc2.com/e/0/1/e0166/bgSlide.png) repeat top left;
	float:left;
	margin:5px 10px 10px 10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
}
.pc_item h2{
	padding:10px 0px 10px 10px;
	font-size:14px;
	height:32px;
	color:#009ac6;
	line-height:18px;
	clear:both;
}
.pc_item p{
	text-align:justify;
	font-size:10px;
	text-shadow:1px 1px 1px #000;
	padding:0px 10px 5px 10px;
}
.pc_item img{
	width:50px;
	float:left;
	margin:0px 10px 0px 10px;
	border:4px solid #191919;
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
	box-shadow:0px 0px 5px #000;
}
.pc_more{
	display:none;
}
.pc_wrapper{
	overflow:hidden;
	position:relative;
	margin-top:10px;
}
.pc_slider{
	position:absolute;
}
.ui-widget-content {
	background:#000;
}
.ui-state-default, .ui-widget-content .ui-state-default{
	border:none;
	background-color:#aaa;
	outline:none;
	cursor:pointer;
	height:17px;
	width:10px;
	left:0px;
	margin-bottom:-10px;
}
.clear{
	clear:both;
}

/* googleplus */
#___plusone_0 {
*display: inline !important;
margin-right: 4px;
margin-left: 4px;
}
#___plusone_1 {
*display: inline !important;

}
#___plusone_2 {
*display: inline !important;

}