@charset "utf-8";

/*============================================================
	-Index-
	Reset
	Basic
	Header
		Header Menu List
		Blog Introduction
	Main Contents
		Layout
		Page title
		Entry List
		Entry (個別記事表示)
		Comment List, Trackback List
		Comment Form
		Plugin Contents
		Contents Footer Links
		Profile (index mode)
	Ad
	Pager
	Page Navigation
	Blog Footer
============================================================*/


/*============================================================
	Reset
============================================================*/
html,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}
ul, ol, li, dl, dt, dd{list-style:none;}
img {border:none;vertical-align:middle;}

/*============================================================
	Basic
============================================================*/
body {
	margin: 0;
	padding:0;
	background: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/bg.jpg);
	font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
	font-size:14px;
	color:#FFFFFF;
	-webkit-text-size-adjust: none;
}
a {
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}
a:link,a:visited { color:#B82D2D; }
a:focus,a:hover,a:active { color:#B82D2D; }
h1{font-size:20px;}
h2{font-size:16px;}
h3{font-size:16px;}
h4,h5,h6{font-size:14px;}
input,text area,select { font-size:14px; }
.system_message { padding:10px;color:#d00000; }

/*============================================================
	Header
============================================================*/
#header {
	height: 22px;
	margin-bottom: 15px;
	padding:10px 10px 20px;
	background-image: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/header_bg.png);
	background-repeat: repeat-x;
	background-position: 50% 100%;
	-webkit-background-size: auto auto;
	-moz-background-size: auto auto;
	position: relative;
	color:#FFFFFF;
}
#header h1 {
	overflow: hidden;
	font-family: "American Typewriter", "ヒラギノ角ゴ ProN W3";
	font-size:20px;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	text-shadow: 0 1px 3px #333333;
}
#header h1 a {
	color:#FFFFFF;
	
}

div.adWrap {
	height:50px;
	margin: 0;
	background: #000000;
	overflow:hidden;
}

/* PC SKIN Change
---------------------------------------------- */
#header #header_menu {
	position: absolute;
	top: 10px;
	left: 10px;
}
#header .browser_change {
	position: absolute;
	top: 10px;
	right: 10px;
}
#header #header_menu span,
#header .browser_change a {
	display:block;
	width: 43px;
	padding: 4px 0;
	font-family: "American Typewriter", "ヒラギノ角ゴ ProN W3";
	font-size:12px;
	text-align:center;
	text-shadow: 0 1px 3px #333;
	color: #ffffff;
	border: 1px solid #2b2a29;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: -webkit-gradient(linear, left top, left bottom,
		from(#3c3c3c),
		color-stop(0.5,#303030),
		to(#2b2a29));
	background-image: -moz-linear-gradient(top,
		#3c3c3c,
		#303030 50%,
		#2b2a29);
	-webkit-box-shadow: 0px 1px 4px #000;
	-webkit-moz-shadow: 0px 1px 4px #000;
}

/*============================================================
	Header Menu List
============================================================*/
#plugin_menu {
	position: relative;
	margin-top: -21px;
	background-color: #F9F7F2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 1px 3px #333;
	-webkit-box-shadow: 0 1px 3px #333;
	-moz-box-shadow: 0 1px 3px #333;
	z-index: 10;
}
#plugin_menu .blogmenu {
	overflow:hidden;
	height:100%;
}
#plugin_menu .blogmenu li {
	position:relative;
	margin: -1px 0 0;
	border-top: 1px solid #D7D3CC;
}
#plugin_menu .blogmenu li a {
	overflow: hidden;
	display: block;
	padding:10px 30px 10px 10px;
	background: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/arrow.png) no-repeat right center;
	color: #665B54;
}
#plugin_menu .blogmenu li a:focus,
#plugin_menu .blogmenu li a:hover,
#plugin_menu .blogmenu li a:active {
}
#plugin_menu .blogmenu li:first-child a:focus,
#plugin_menu .blogmenu li:first-child a:hover,
#plugin_menu .blogmenu li:first-child a:active {
}
#plugin_menu .blogmenu li:nth-last-of-type(1) a:focus,
#plugin_menu .blogmenu li:nth-last-of-type(1) a:hover,
#plugin_menu .blogmenu li:nth-last-of-type(1) a:active {
}
#plugin_menu .blogmenu li a span {
	position:absolute;
	top:6px;
	right:5px;
	color:#fff;
	font-family: "American Typewriter", "ヒラギノ角ゴ ProN W3";
}

/*============================================================
	Layout
============================================================*/
#main_contents {
	margin:0 10px;
}
#main_contents .section {
	margin:0 0 20px;
}

/*============================================================
	Page title
============================================================*/
/* 記事の見出し */
.section .entry_title {
    padding: 20px 3px 0;
    font-size: 16px;
}
/* 記事以外の見出し */
.section .page_title {
	padding:20px 10px 10px 10px;
	color: #B82D2D;
}
/* 見出し */
.section .page_title h2,
.section entry_title h2,
.section .page_title h2 a,
.section .entry_title h2 a {
	font-weight: normal;
}
/* カテゴリ一覧見出し */
.category_title {
	margin:0 0 10px;
	text-align:center;
}
/* ヘッダーリング */
.section .entry_head {
	position: absolute;
	width: 98%;
	height: 20px;
	margin: -9px auto 0 auto;
	background-image: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/entry_head.png);
	background-repeat: repeat-x;
	background-position: 50% 0;
	background-size: 20px 25px;
	-webkit-background-size: 20px 25px;
	-moz-background-size: 20px 25px;
}
.section .entry_date_ribon {
	float: left;
	width: 66px;
	height: 28px;
	margin: 0 0 0 -5px;
	padding: 12px 0 0 8px;
	background-image: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/entry_ribbon.png);
	background-repeat: no-repeat;
	background-size: 72px 40px;
	font-family: "American Typewriter", "ヒラギノ角ゴ ProN W3";
	font-size: 14px;
	color: #fff;
	text-shadow: 0 -1px 1px #5c1515;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:block;
}
.section .posted {
	padding: 5px 10px 10px 10px;
	font-size: 12px;
	color:#88766b;
	font-family: "American Typewriter", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
	clear: both;
}
.section .posted .res {
	margin: 0 0 0 8px;
	padding: 0 0 0 15px;
	background-image: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/icon_comment.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 11px 10px;
}

/*============================================================
	Entry List (個別記事ページ以外の一覧表示)
============================================================*/
#entry_list {
}
#entry_list li {
	position: relative;
	margin: 20px 0 0;
	padding: 0 3px;
	background-color: #f9f7f2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 1px 4px #333333;
	-webkit-box-shadow: 0 1px 4px #333333;
	-moz-box-shadow: 0 1px 4px #333333;
}
#entry_list li .entry {
	display:block;
	text-overflow: ellipsis;
}
#entry_list li .entry .topentry_title {
	padding: 20px 0 0 0;
}
#entry_list li .entry p {
	margin: 10px 0 0 0;
	padding: 0 10px 5px 10px;
	background-image: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/entry_body.png);
	background-repeat: repeat;
	line-height: 1.7;
	color: #88766b;
	clear: both;
}
#entry_list li .entry p img {
	padding-bottom: 3px;
}
.photo_true{
	padding-right: 30px;
	background: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/icon_photo.png) no-repeat right center;
	background-size: 16px 16px;
}

/*============================================================
	Entry (個別記事表示)
============================================================*/
/* 記事全体
---------------------------------------------- */
#entry {
	position: relative;
	background-color: #f9f7f2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 1px 4px #333333;
	-webkit-box-shadow: 0 1px 4px #333333;
	-moz-box-shadow: 0 1px 4px #333333;
	color:#88766b;
}

/* 記事タイトル
---------------------------------------------- */
.topentry_title h2,
.entry_title h2 {
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	color:#b82d2d;
	font-size: 16px;
	font-weight: normal;
	}


/* 記事本文・追記
---------------------------------------------- */
.section .entry_body,
.section .entory_more {
	padding:0 10px 10px 10px;
	line-height:1.6;
	background-repeat: repeat;
}
.section .entry_body img,
.section .entory_more img {
	max-width:100%;
	height:auto;
}
.section .readmore {
	background-color:#b82d2d;
	
}
.section .readmore a {
	display:block;
	padding:10px 30px 10px 10px;
	color:#fff;
	background: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/arrow.png) no-repeat right center;
}

/* トラバリンク（個別記事表示）
---------------------------------------------- */
.section #tb_url {
	margin:0 10px 10px;;
	padding:5px;
	background-color:#f3f0e9;
}
.section #tb_url p {
	font-size:12px;
}

/*============================================================
	Comment List, Trackback List
============================================================*/
#comment, #trackback {
	position: relative;
	background-color:#f9f7f2;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow: 0 1px 4px #333333;
	-webkit-box-shadow: 0 1px 4px #333333;
	-moz-box-shadow: 0 1px 4px #333333;
	color:#88766b;
}
#comment .page_title,
#trackback .page_title {
	padding-bottom: 0;
}
#comment .list dt,
#trackback .list dt {
	padding:10px 10px 0;
	font-weight:bold;
}
#comment .list dd,
#trackback .list dd {
	padding:10px;
	border-bottom:1px dashed #C69C6D;
}
#comment .list dd:nth-last-of-type(1),
#trackback .list dd:nth-last-of-type(1) {
	border-bottom:0px none;
}
#comment .list dd .posted,
#trackback .list dd .posted {
	margin:3px 0;
	text-align:right;
	font-size:13px;
}

/*============================================================
	Comment Form
============================================================*/
#comment_post {
	position: relative;
	background-color:#f9f7f2;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow: 0 1px 4px #333333;
	-webkit-box-shadow: 0 1px 4px #333333;
	-moz-box-shadow: 0 1px 4px #333333;
	color: #88766b
}

#comment_post .page_title {
	padding-bottom: 0;
}

#comment_post .confirm {
	padding:10px;
}

#comment_post .form {
	padding: 0;
	margin:10px;
}
#comment_post .form dd{
	margin:3px 0 10px;
}

ul.confirm li{
	padding:8px 3px;
}

#comment_post .form dt{
	margin:10px 0 0;
	color: #665b54;
}
#comment_post .form dd{
	margin:3px 0 0;
}
#comment_post .form dd p{
	margin:5px 0;
}
#comment_post input[type="text"],
#comment_post input[type="password"],
#comment_post textarea,
#comment_post select {
	background-color:#fff;
	width: 100%;
	padding:5px 0;
	border:1px solid #d7d3cc;
	-webkit-border-radius: 3px;
	-webkit-appearance: text area;
	font-size: 14px;
}
#comment_post textarea {
	height: 120px;
	padding: 0;
}
#comment_post select {
}

/* Submit button
---------------------------------------------- */
#comment_post .submit_btn {
	padding:10px;
	text-align:center;
}
#comment_post .submit_btn input[type="submit"],
#comment_post .submit_btn a {
	display:block;
	width:60%;
	margin:0 auto 10px;
	padding:8px 10px;
	border:1px solid #2b2a29;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: -webkit-gradient(linear, left top, left bottom,
		from(#3c3c3c),
		color-stop(0.5,#303030),
		to(#2b2a29));
	background-image: -moz-linear-gradient(top,
		#3c3c3c,
		#303030 50%,
		#2b2a29);
	-webkit-box-shadow: 0px 1px 4px #888;
	-webkit-moz-shadow: 0px 1px 4px #888;
	color:#fff;
	-webkit-tap-highlight-color:rgba(255,255,255,0.5);
	text-overflow: ellipsis;
}

/*============================================================
	Plugin Contents
============================================================*/
#plugin {
	position: relative;
	padding: 0 3px;
	background-color:#f9f7f2;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow: 0 1px 4px #333333;
	-webkit-box-shadow: 0 1px 4px #333333;
	-moz-box-shadow: 0 1px 4px #333333;
}
.plugin_body {
	padding: 0 10px 10px 10px;
	color: #634F42;
}

/* Plugin Commons
---------------------------------------------- */
.section .plugin_profile,
.section .plugin_freearea{ padding:10px; }

/* Profile
---------------------------------------------- */
.plugin_profile { color:#665B54; }

dl.profile {
	background: #fff;
	padding: 0;
}

dl.profile dt {
	color:#665B54;
	list-style-type: none;
}

dl.profile dd {
	list-style-type: none;
	margin:0 0 20px;
}

/* new_entry,new_comment,new_tb
---------------------------------------------- */
.plugin_body .plugin_list {
	color: black;
	padding: 0;
	margin:0;
}
.plugin_body .plugin_list li {
	margin-top:-1px;
	border-top: 1px solid #eae8e4;
}

.plugin_body .plugin_list li a {
	background: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/arrow.png) no-repeat right center;
	display: block;
	overflow: hidden;
	padding:10px 30px 10px 10px;
	color:#665B54;
}
.plugin_body .plugin_list li a:focus,
.plugin_body .plugin_list li a:hover,
.plugin_body .plugin_list li a:active {
	background-color:#f9f7f2;
}
.plugin_body .plugin_list li:nth-last-of-type(1) a,
.plugin_body .plugin_list li:nth-last-of-type(1) a,
.plugin_body .plugin_list li:nth-last-of-type(1) a {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
}

.plugin_body .plugin_list li em {
	padding:0 0 3px;
	font-style: normal;
}
.plugin_body .plugin_list li span{
	color:#736357;
	font-size:13px;
}

/*============================================================
	Contents Footer Links
============================================================*/
/* トップ一覧表示
---------------------------------------------- */
.section .response {
	overflow:hidden;
	width:100%;
	background-color:#f9f7f2;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	font-size:13px;
}
.section .response li a {
	display:block;
	padding:10px;
	color:#fff;
	-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}
.section .response li a:focus,
.section .response li a:hover,
.section .response li a:active {
	background-color:#FF6666;
}
.section .response .show_com {
	float:left;
	width:50%;
}
.section .response .show_tb {
	float:right;
	width:50%;
	text-align:right;
}

/* トップ一覧表示以外
---------------------------------------------- */
.section .contents_footer,
.section .form_footer {
	overflow:hidden;
	width:100%;
}
.section .contents_footer li,
.section .form_footer li {
	border-top: 1px solid #d7d3cc;
}
.section .contents_footer li a,
.section .form_footer li a {
	display:block;
	padding:10px;
	color: #665b54;
	-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}
.section .contents_footer li:nth-last-of-type(1) a,
.section .form_footer li:nth-last-of-type(1) a {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;

}
.section .contents_footer li a {
	padding-right:30px;
	background: url(http://blog-imgs-47.fc2.com/g/o/r/gori616/arrow.png) no-repeat right center;
}
.section .form_footer li a {
	text-align:center;
}
.section .contents_footer li a:focus,
.section .contents_footer li a:hover,
.section .contents_footer li a:active,
.section .form_footer li a:focus,
.section .form_footer li a:hover,
.section .form_footer li a:active {
	background-color:none;
}

/* コメント・トラバ非表示の場合（共通）
---------------------------------------------- */
.section .response li span,
.section .contents_footer li span {
	display:block;
	padding:10px;
	color:#999;
}

/*============================================================
	Profile (index mode)
============================================================*/
.profile_area {
	overflow:hidden;
	margin:0 2% 15px;
	background-color:#fff;
	-webkit-border-radius:5px;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.profile_area dt {
    margin:10px 10px 0;
    padding:0 0 5px;
	border-bottom:2px solid #F2F2F2;
}
.profile_area dd {
    overflow: hidden;
    padding:10px;
    font-size:13px;
}
.profile_area dd .prof_image {
	float:left;
	margin-right:5px;
}


/*============================================================
	calendar
============================================================*/
#sun { color:#FF0000; }
#sat { color:#0000FF; }



/*============================================================
	Ad
============================================================*/
.ad_header{
	text-align:center;
}
.ad_footer{
	text-align:center;
	margin:10px 0;
}
.ad_footer a {
	color: #fff;
}

/*============================================================
	Pager
============================================================*/
#main_contents .pager {
	position:relative;
	overflow:hidden; 
	margin:-10px 0 10px;
	padding:11px 0;
	min-height: 30px;
	text-align:center;
	color:#ffffff;
	text-shadow: 0 1px 2px #333;
	font-family: "American Typewriter", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}
#main_contents .pager .prevpage {
	position:absolute;
	top:0;
	left:0;
	padding:10px 12px;
}
#main_contents .pager .nextpage {
	position:absolute;
	top:0;
	right:0;
	padding:10px 12px;
}
#main_contents .pager a {
	margin: 0 3px;
	padding:10px 12px;
	color:#fff;
}
#main_contents .pager a:focus,
#main_contents .pager a:hover,
#main_contents .pager a:active {
	padding:10px 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
}
#main_contents .pager strong {
	padding:10px 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
}

/*============================================================
	Page Navigation
============================================================*/
#page_navi {
	overflow:hidden;
	padding:0 10px 10px;		/* marginにするとbox-shadowがでません */
	font-family: "American Typewriter", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}
#page_navi li {
	width:46%;
	border: 1px solid #2b2a29;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-image: -webkit-gradient(linear, left top, left bottom,
		from(#3c3c3c),
		color-stop(0.5,#303030),
		to(#2b2a29)
	);
	background-image:
	-moz-linear-gradient(top,
		#3c3c3c,
		#303030 50%,
		#2b2a29
	);
	-webkit-box-shadow: 0px 1px 4px #000;
	-moz-box-shadow: 0px 1px 4px #000;
}
#page_navi .goto_home { float:left; }
#page_navi .page_top { float:right; }
#page_navi li a {
	display:block;
	padding:8px 10px;
	text-align:center;
	color:#fff;
}

/*============================================================
	Blog Footer
============================================================*/
#footer{
	text-align:center;
	color: #fff;
	text-shadow: 0 1px 2px #333;
	font-family: "American Typewriter", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}
#footer .footer_menu a{
	margin:0 10px;
	color: #fff;
}
#footer .footer_menu{
	margin:10px 0;
}
#footer .copyright {
	font-size:12px;
}
#footer .powered {
	padding:10px 5px;
	text-align:center;
}
#footer .powered a {
	color: #fff;
}