@charset "utf-8";
/*
Theme Name: UG Themes
Theme URI: http://www.megumithemes.com/
Author: the Megumi team and understandard
Author URL: http://www.megumithemes.com/
Version: 1.2
*/

/* ************************************************
 * Reset StyleSheet
 * HTML5 Doctor http://html5doctor.com
 * ************************************************ */
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,details,figcaption,figure,menu,summary,time,mark{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{font-size:0.813em;line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

/* ************************************************
 *  Base
 * ************************************************ */
/*
Font Size 15px
http://pxtoem.com/
line-height 22px
*/

body {
	font-family:'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:0.938em;
	line-height:1.68;
	color:#373737;
	background:#E7E7E7;
}
a:link {
	color:#006EA3;
	text-decoration:none;
}
a:visited ,
a:active ,
a:hover {
	color:#FF8855;
}

/* ************************************************
 * Layout
 * ************************************************ */
#site-header {
	width:100%;
	background:#000;
	z-index:99999;
	position:fixed;
	top:0;
	left:0;
}
	#site-header div {
		width:900px;
		margin:0 auto;
	}
* html #site-header {
	position:inherit;
}

.admin-bar #site-header {
	margin-top:28px;
}
#main {
	width:900px;
	margin:4.6em auto 0;
	padding:2.067em 50px;
	background:#FFF;
}
* html #main {
	width:900px;
	margin:0 auto;
	padding:2.067em 50px;
	background:#FFF;
}

#site-footer {
	width:900px;
	margin:0 auto;
	padding:2.067em 50px 40px;
	background:#FFF;
}
/* ************************************************
 *  Header Area
 * ************************************************ */
/* *** site-title *** */
#site-title {
	width:285px;
	height:43px;
	margin-top:0.867em;
	overflow:hidden;
	float:left;
}
	#site-title a {
		width:285px;
		padding-top:43px;
		background:url(images/site-logo.png) no-repeat;
		display:block;
	}
#main-menu-box {
	width:auto;
	font-size:0.867em;
	float:right;
}
	#main-menu-box li {
		float:left;
	}
		#main-menu-box li a {
			color:#FFF;
			padding:2.154em 2.02em;
			display:block;
		}
		#main-menu-box li a:hover ,
		#main-menu-box li.current-menu-item a {
			background:#333;
		}
	#main-menu-box li {
		position:relative;
	}
	#main-menu-box li .sub-menu {
		display:none;
	}
	#cat-nav {
		width:860px;
		border:2px solid #F1F1F1;
		border-top:none;
		padding:17px 18px 17px 18px;
		background:#FAFAFA;
		position:absolute;
		left:-553px;
	}

		#cat-nav li {
			width:164px;
			margin-right:10px;
			margin-bottom:1em;
			padding:0;
			display:block;
		}
		#cat-nav li.list-right {
			margin-right:0;
			float:right;
		}
			#cat-nav li a {
				padding:0.5em;
				background:#333333;
			}
			#cat-nav .sub-menu {
				font-size:0.867em;
				margin-top:1em;
			}
				#cat-nav .sub-menu li a {
					color:#383838;
					padding:0 0 0 15px;
					background:url(images/icon/arrow-icon.gif) no-repeat left 0.385em #FAFAFA;
				}

/* ************************************************
 *  Archive
 * ************************************************ */
.post {
	margin-bottom:2.067em;
	border-top:1px solid #DDD;
	padding-top:2.667em;
}
.single .post {
	padding-top:1em;
}
.page .page {
	margin-bottom:2.067em;
	border-top:1px solid #DDD;
	padding-top:1em;
}
/* ---- page_navi ---- */
.page_navi {
	width:100%;
	text-align:center;
	padding-bottom:2.429em;
	clear:both;
}
	.page_navi li {
		display:inline;
	}
		.page_navi span {
			color:#333;
			border:1px solid #262626;
			padding:3px 7px;
		}
			.page_navi a {
				color:#FFF;
				border:1px solid #262626;
				padding:3px 7px;
				background:#262626;
			}
			.page_navi a:hover {
				color:#333;
				background:#FFF;
			}

.page_navi {
    text-align: center;
}
	.page_navi li {
		display: inline;
		list-style: none;
	}
		.page_navi li.current span {
			color:#333;
			border:1px solid #262626;
			padding:3px 7px;
		}
		.page_navi li a {
			color:#FFF;
			border:1px solid #262626;
			padding:3px 7px;
			background:#262626;
		}
		.page_navi li a:hover {
			color:#333;
			background:#FFF;
		}

/* ************************************************
 *  Content
 * ************************************************ */
.entry-header {
}
	.post-meta {
		font-size:0.8em;
		margin-bottom:1.417em;
	}
		.post-meta p {
			margin-right:1.083em;
			display:inline;
		}
		.comments-link a {
			background:url(images/icon/comment-icon.gif) no-repeat left center;
			padding-left:1.75em;
		}
	.social-box {
		vertical-align:middle;
		margin-bottom:1.333em;
	}
		.social-box div ,
		.social-box p {
			margin-right:0.333em;
			display:inline;
		}
			.social-box img ,
			.social-box iframe {
				vertical-align:middle;
			}
	.social-button {
		vertical-align:middle;
		margin-bottom:1.333em;
	}
		.social-button div ,
		.social-button p {
			margin-right:0.333em;
			display:inline;
		}
			.social-button img ,
			.social-button iframe {
				vertical-align:middle;
			}
	.entry-box {
		width:564px;
		float:right;
	}
	.entry-thumb {
		width:290px;
		border:1px solid #DDD;
		padding:4px;
		float:left;
	}
		.entry-thumb img {
			display:block;
		}
	.excerpt_more {
		font-size:0.8em;
		margin-top:0.417em;
		background:#262626;
		float:right;
	}
		.excerpt_more a {
			color:#FFF;
			padding:0.667em;
		}
	.entry-title {
		color:#222;
		font-size:2em;
	}
		.entry-title a {
			color:#222;
		}

	.entry-content h1 {
		color:#222;
		font-size:1.667em;
		font-weight:bold;
		margin-bottom:0.6em;
		border-top:1px solid #DDD;
		padding-top:0.32em;
	}
	.entry-content h2 {
		color:#222;
		font-size:1.6em;
		font-weight:bold;
		margin-bottom:0.625em;
		border-top:1px solid #DDD;
		padding-top:0.375em;
	}
	.entry-content h3 {
		color:#222;
		font-size:1.533em;
		font-weight:bold;
		margin-bottom:0.652em;
		border-top:1px solid #DDD;
		padding-top:0.435em;
	}
	.entry-content h4 {
		color:#222;
		font-size:1.467em;
		font-weight:bold;
		margin-bottom:0.682em;
		border-top:1px solid #DDD;
		padding-top:0.5em;
	}
	.entry-content h5 {
		color:#222;
		font-size:1.4em;
		font-weight:bold;
		margin-bottom:0.714em;
		border-top:1px solid #DDD;
		padding-top:0.571em;
	}
	.entry-content h6 {
		color:#222;
		font-size:1.333em;
		font-weight:bold;
		margin-bottom:0.75em;
		border-top:1px solid #DDD;
		padding-top:0.65em;
	}
	.entry-content blockquote {
		margin-bottom:1.28em;
		border:1px dotted #CEE1EA;
		padding:20px 35px 20px 35px;
		background:#F3FBFF;
	}
	.entry-content p {
		margin-bottom:1.12em;
	}
	.entry-content pre {
		margin:1.12em 40px;
		padding:1.5em;
		background:#F3F3F3;
	}
	.entry-content ul ,
	.entry-content ol {
		margin-bottom:1.12em;
	}
	.entry-content ul {
		margin-left:1.56em;
	}
	.entry-content ol {
		margin-left:1.84em;
	}
	.entry-content ol {
		list-style-type:decimal;
	}
	.entry-content ul {
		list-style-type:square;
	}
	.entry-content ol ul ,
	.entry-content ul ol ,

	.entry-content ul ul ,
	.entry-content ol ol {
		margin-top:0;
		margin-bottom:0;
	}
	.entry-content ul li {
		color:#346799;
	}
	.entry-content ul li span {
		color:#373737;
	}
	.entry-content dl {
		margin: 1.12em 0;
	}
	.entry-content dt {
		font-weight:bold;
	}
	.entry-content dd {
		margin-left:0.5em;
	}
	.entry-content table {
		width:100%;
		margin-bottom:1.28em;
	}
	.entry-content table tr.even-row {
		background:#F2F2F2;
	}
	.entry-content table tr th {
		width:15%;
		text-align:left;
		padding:5px 5px 5px 2em;
	}
	.entry-content table tr td {
		width:85%;
		padding:5px;
	}
	.entry-content .page-link {
		padding:10px 0;
		clear:both;
	}
	.entry-content .img-left-box {
		margin-bottom:2.067em;
	}
		.entry-content .img-left-box div {
			width:674px;
			float:left;
		}
		.entry-content .img-left-box .thumb {
			width:180px;
			float:right;
		}
	.entry-content .img-right-box {
		margin-bottom:2.067em;
	}
		.entry-content .img-right-box div {
			width:674px;
			float:right;
		}
		.entry-content .img-right-box .thumb {
			width:180px;
			float:left;
		}
	.entry-content #stock-frame {
		margin:0 auto;
		display:block;
	}
	/* *** 投稿画像 /  twentyten ベース *** */
	img.size-auto,
	img.size-full,
	img.size-large,
	img.size-medium,
	.attachment img {
		max-width: 100%;
		height: auto;
	}
	.alignleft,
	img.alignleft {
		display: inline;
		float: left;
		margin-right: 24px;
		margin-top: 4px;
	}
	.alignright,
	img.alignright {
		display: inline;
		float: right;
		margin-left: 24px;
		margin-top: 4px;
	}
	.aligncenter,
	img.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	img.alignleft,
	img.alignright,
	img.aligncenter {
		margin-bottom: 12px;
	}
	.wp-caption {
		background: #f1f1f1;
		line-height: 18px;
		margin-bottom: 20px;
		max-width: 560px !important;
		padding: 4px;
		text-align: center;
	}
	.wp-caption img {
		max-width: 548px;
		height: auto;
		margin: 5px 5px 0;
	}
	.wp-caption p.wp-caption-text {
		color: #888;
		font-size: 12px;
		margin: 5px;
	}
	.wp-smiley {
		margin: 0;
	}
	.gallery {
		margin: 0 auto 18px;
	}
	.gallery .gallery-item {
		float: left;
		margin-top: 0;
		text-align: center;
		width: 33%;
	}
	.gallery-columns-2 .gallery-item {
		width: 50%;
	}
	.gallery-columns-4 .gallery-item {
		width: 25%;
	}
	.gallery img {
		border: 2px solid #cfcfcf;
	}
	.gallery-columns-2 .attachment-medium {
		max-width: 92%;
		height: auto;
	}
	.gallery-columns-4 .attachment-thumbnail {
		max-width: 84%;
		height: auto;
	}
	.gallery .gallery-caption {
		color: #888;
		font-size: 12px;
		margin: 0 0 12px;
	}
	.gallery dl {
		margin: 0;
	}
	.gallery img {
		border: 10px solid #f1f1f1;
	}
	.gallery br+br {
		display: none;
	}
	#content .attachment img {
		display: block;
		margin: 0 auto;
	}


/* *** コメント *** */
#comments {
	margin-bottom:1.28em;
}
	#comments h3 {
		font-size:1.2em;
		margin-bottom:0.833em;
		padding:0.222em 0.278em;
		background:#E7E7E7;
	}
		#comments h3 span {
			border-left:4px solid #346799;
			padding-left:21px;
		}
	/* *** コメントリスト *** */
	#comments .commentlist {
		padding-left:60px;
	}
	#comments .commentlist li {
		margin-bottom:1.28em;
	}
		/* *** コメントリストコンテンツ *** */
		#comments .commentlist li article {
			margin-bottom:1.28em;
			border: 1px solid #E7E4E4;
			padding: 10px 0px 10px 10px;
			background: white;
			position:relative;
		}
			/* *** コメントリストコンテンツ/コメント者 *** */
			#comments .commentlist li article footer {
				width:100%;
				padding-bottom:10px;
				position:relative;
			}
				/* *** コメントリストコンテンツ/アバター *** */
				#comments .commentlist li article footer .avatar {
					position:absolute;
					top:-10px;
					left:-60px;
				}
			/* *** コメントリストコンテンツ/返信 *** */
			#comments .commentlist li .children {
				margin-left:2.56em;
			}
	/* *** コメントリストコンテンツ/ピンバック *** */
	#comments .commentlist li.pingback {
		margin-left:-60px;
		margin-bottom:1.28em;
		border: 1px solid #E7E4E4;
		padding: 10px 0px 10px 10px;
		background: white;
		position:relative;
	}
    #respond form {
        margin:10px 0 2em;
    }
        #respond form p {
            margin-bottom:30px;
        }
		#respond form p .required {
			color:#940303;
		}
        #respond form p input ,
		#respond form p textarea {
			display:block;
        }
		#respond .comment-form-author input ,
		#respond .comment-form-email input {
			width:556px;
			height:31px;
			font-size:2em;
			border:1px solid #CECECE;
			padding:3px 5px;
        }
		#respond .comment-form-comment textarea {
			width:556px;
			font-size:2em;
			border:1px solid #CECECE;
			padding:5px 5px;
		}
		#respond #submit {
			width:auto;
			border:1px solid #CECECE;
			padding:10px 20px;
			background:#F3F3F3;
			cursor:pointer;
		}
		#respond #submit:hover {
			border:1px solid #F3F3F3;
			background:#CECECE;
		}
.yarpp-list {
	margin-bottom:2em;
}
	.yarpp-list span {
		color:#929292;
		padding-right:2em;
	}
/* ************************************************
 *  Footer Area
 * ************************************************ */
#group-link {
	font-size:0.733em;
	margin-bottom:2.727em;
	clear:both;
}
	#group-link li {
		width:215px;
		text-align:center;
		margin-right:10px;
		float:left;
	}
	#group-link li.nav-04 {
		margin-right:0;
		float:right;
	}
		#group-link li a {
			width:191px;
			color:#006EA3;
			border:1px solid #D7D7D7;
			padding:12px 12px 12px 12px;
			background:#E7E7E7;
			display:block;
			margin-top:10px
		}
			#group-link li a img {
				margin-left:0.455em;
			}
#site-footer iframe {
	margin-bottom:3.333em;
	display:block;
}
#footer-menu-box {
	color:#B4B4B4;
	text-align:center;
	margin-bottom:2em;
	background:#333;
	clear: both;
}
	#footer-menu-box ul {
		padding:1em 0;
	}
		#footer-menu-box li {
			display:inline;
		}
			#footer-menu-box a {
				color:#B4B4B4;
				border-right: 1px solid #B4B4B4;
				padding:0 1em;
				background:#333;
			}
			#footer-menu-box li:first-child a {
				border-left: 1px solid #B4B4B4;
			}
#copyright {
	text-align:center;
	padding-bottom:2em;
}

#footer-search-form {
	text-align:center;
	color:#006EA3;
	margin-bottom:2.727em;
	border:1px solid #D7D7D7;
	padding:12px 12px 12px 12px;
	background:#E7E7E7;
	display:block;
}
	#footer-search-form .text {
		width:430px;
		margin-right:10px;
	}
	#footer-search-form .submit {
		color:#FFF;
		font-size: 0.8em;
		outline:none;
		margin-top: 0.417em;
		border:none;
		padding:3px 15px;
		background: #262626;
	}

/* ************************************************
 *  Other
 * ************************************************ */
/* *** Clearfix *** */
#site-header div ,
.post ,
#group-link ,
.entry-content .img-left-box ,
.entry-content .img-right-box {
	zoom:1;
}

#site-header div:after ,
.post:after ,
#group-link:after ,
.entry-content .img-left-box:after ,
.entry-content .img-right-box:after {
	content:"";
	display:block;
	clear:both;
}

/* *** Inline Block ***
.page_navi li {
	word-spacing: normal;
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
}*/

#nav-below {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 20px 0;
    margin: 20px 0;
    height: 25px;
}

.nav-left {
    width: 50%;
    float: left;
}

.nav-right {
    width: 50%;
    float: right;
    text-align: right;
}
#show-more-page {
	text-align: center;
}

.back-top {
	width: 201px;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	margin: 50px auto 0;
	border-bottom: 3px #274f77 solid;
}

.back-top a {
	color: #fff;
	padding: 15px 0;
	background: #346799;
	display: block;
}

.footer-social-link {
	text-align: center;
}
.footer-social-link li {
	width: 56px;
	height: 56px;
	display: inline-block;
	overflow: hidden;
}
.footer-social-link li a {
	width: 56px;
	padding-top: 56px;
	display: block;
}
.footer-social-link li.facebook a {
	background: url('images/icon/icon-facebook.png');
}
.footer-social-link li.facebook a:hover {
	background: url('images/icon/icon-facebook-on.png');
}
.footer-social-link li.youtube a {
	background: url('images/icon/icon-youtube.png');
}
.footer-social-link li.youtube a:hover {
	background: url('images/icon/icon-youtube-on.png');
}
.footer-social-link li.instagram a {
	background: url('images/icon/icon-instagram.png');
}
.footer-social-link li.instagram a:hover {
	background: url('images/icon/icon-instagram-on.png');
}.facebook-box {
	width: 443px;
	float: left;
}
.instagram-box {
	width: 443px;
	float: right;
}