html {
	margin: 0;
	padding: 0;
}

a img {
	border: none
}

#topImageDiv {
	padding: 2%;
	background: #ffffff;
	margin-bottom: 10px;
	display: flex;
	height: auto;
	align-items: flex-start;
}

#topimage {
	width: 100%;
	height: auto;
}

ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

#info {
	overflow: hidden;
	text-align: left;
}

.category_title {
	font-size: 20px;
	background: url(../_img/bg_header.gif) no-repeat;
	height: 32px;
	padding: 4px 0 0 20px;
}

.category_title span {
	color: #999;
	margin-left: 10px;
}

.imgover {
	position: absolute;
	right: 0;
}

a:hover .imgover {
	opacity: 0;
	filter: alpha(opacity = 0);
}

/* font size & font family */
body {
	font-family: '?q?��?M?m?p?S Pro W3', 'Hiragino Kaku Gothic Pro',
		'???C???I', Meiryo, '?l?r ?o?S?V?b?N', sans-serif, "Osaka?]�g???";
	font-size: 14px;
}

#banner {
	font-family: "Verdana" sans-serif;
}

#banner h1 a {
	font-size: x-large;
}

.tag-title {
	font-size: x-large;
}

#banner .description {
	font-size: normal;
}

.sidetitle {
	font-size: normal;
}

.syndicate {
	font-size: normal;
}

.date {
	font-size: small;
}

h3.title {
	font-size: large;
}

.listCategoryArticle ul li {
	font-size: x-small;
}

.tag-word {
	font-size: x-small;
}

.posted {
	font-size: x-small;
}

#calendar th {
	font-size: small;
}

.calendarday {
	font-size: small;
}

.comments-body {
	font-size: x-small;
}

body {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	color: #555;
}

a:link {
	color: #E95295;
}

a:visited {
	color: #DB1C72;
}

a {
	text-decoration: none;
}

h2, h3 {
	padding: 0;
	margin: 0;
}

#container {
	width: 1300px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

#banner {
	padding: 0px;
}

#banner h1 a {
	color: #333;
	text-decoration: none;
}

#banner h1 {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#banner .description {
	color: #888;
	font-weight: normal;
	padding-left: 0px;
}

.navi {
	display: none;
	text-align: center;
	padding-bottom: 14px;
}

.navi a {
	text-decoration: none;
}

#links {
	width: 635px;
	float: left;
	/*padding:;*/
}

.sidetitle {
	color: #333;
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

.side {
	margin-top: 0px;
	margin-bottom: 25px;
	padding: 10px 15px 15px 15px;
}

.side-tag {
	margin-top: 0px;
	margin-bottom: 25px;
	padding: 10px 15px 15px 15px;
}

#content {
	width: 560px;
	float: left;
	margin: 10px 84px 20px 20px;
}

.blog {
	margin-bottom: 20px;
	overflow: hidden;
}

.date {
	display: none;
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 15px 0px 0px 0px;
	font-size: 12px;
	color: #583822;
}

.blogbody {
	margin-bottom: 0px;
}

h3.title {
	display: none;
	margin: 0 0px 10px;
	padding: 0px 0px 3px 0px;
	line-height: 1.5;
	font-size: 14px;
	color: #E7142D;
	font-weight: bold;
	border-bottom: dotted 1px #333;
}

a.title {
	text-decoration: none;
	color: inherit;
}

.text:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.text {
	margin: 10px 0 0 0px;
	color: inherit;
	padding: 0px 15px 10px 0px;
	line-height: 1.5;
	font-weight: normal;
	background-color: #fff;
	min-height: 1px;
}

* html .text {
	height: 1px;
	_height: 100%;
	/*\*/ /*/
		height:auto;
		overflow:hidden;
		/**/
}

.text blockquote {
	border: 1px solid #f8f8f8;
	margin: 10px;
	padding: 8px 12px;
	color: inherit;
	border: solid 1px #f8f8f8;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #f8f8f8;
}

.tag-word {
	margin: 0px 0px 0px 0px;
	line-height: 1.4em;
	text-align: right;
}

.tag-word a {
	color: #E7142D;
}

.bookmark {
	margin-top: 5px;
}

.posted {
	display: none;
	padding: 0px 15px 15px 0px;
	text-align: right;
	margin-bottom: 0px;
	color: inherit;
}

.posted a {
	color: #E7142D;
}

#footer {
	clear: both;
}

.templateList {
	border: none;
	display: list-item;
	text-align: left;
	font-size: 14px;
}

.powered {
	display: none;
	padding: 20px 0px 20px 0px;
	text-align: center;
}

.powered table {
	margin: 0px auto;
}

.syndicate {
	margin-right: 10px;
	text-align: center;
}

#calendar {
	text-align: center;
	margin-bottom: 25px;
}

#calendar table {
	width: 100%;
	margin: 0px auto;
}

.calendarhead {
	color: inherit;
	text-align: center;
	padding: 10px 0px 5px 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

.calendarhead a {
	text-decoration: none;
	color: inherit;
}

.calendarhead .calendarday a {
	text-decoration: none;
	display: inline;
	color: #E7142D;
}

#calendar th {
	color: #C7DC68;
}

.calendarday {
	padding: 0px 0px 5px;
	color: inherit;
	text-align: center;
}

.calendarday a {
	font-weight: bold;
	display: block;
	text-decoration: underline;
	padding: 0px 0;
	color: #E95295;
}

input {
	max-width: 200px;
}

#comments .input-submit {
	background: url(http://blog.sakura.ne.jp/img/bg/super_simple/btn_bg.jpg)
		no-repeat;
	width: 69px;
	height: 29px;
	border: 0;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	margin-right: 5px;
}

#comments {
	padding: 15px 15px 15px 0px;
	margin-top: 25px;
	background: #fff;
}

#comments form {
	margin: 0px;
	padding: 0px 10px;
}

textarea {
	width: 95%;
	margin-bottom: 5px;
}

.comments-head {
	margin: 0 0px 10px;
	padding: 0px 0px 3px 0px;
	line-height: 1.5;
	font-size: 14px;
	background-repeat: repeat-x;
	background-position: bottom center;
	color: #E7142D;
	font-weight: bold;
	border-bottom: dotted 1px #333;
}

.comments-body {
	margin: 0px;
	padding: 0px;
}

.comments-body .text {
	border: 1px solid #f8f8f8;
	margin: 0px;
	padding: 8px 12px;
	color: inherit;
	border: solid 1px #f8f8f8;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #f8f8f8;
}

.comments-post {
	padding: 5px 10px;
	text-align: right;
	margin-bottom: 25px;
	color: #888;
}

#trackback {
	padding: 15px 15px 15px 15px;
	margin-top: 25px;
	background: #fff;
}

.copyright {
	text-align: center;
}

.diet-content {
	padding-left: 10px;
}

#diet-foods {
	padding-left: 10px;
}

.food-title {
	width: 20%;
	clear: left;
	float: left;
}

.food-content {
	width: 75%;
	padding-top: 10px;
}

#diet-container {
	border: 1px solid #999;
	padding: 5px;
	margin-bottom: 5px;
}

.diet-title {
	padding: 2px 10px 2px 5px;
	margin-top: 5px;
}

.diet-content {
	padding-left: 10px;
}

#diet-foods {
	padding-left: 10px;
}

.food-title {
	width: 20%;
	clear: left;
	float: left;
}

.food-content {
	width: 75%;
	padding-top: 10px;
}

.tag {
	margin-top: 0px;
	padding: 10px;
	margin-left: 0px;
	background: #fff;
}

#tag_cloud {
	border: 1px solid #CCC;
	padding: 10px;
	text-align: left;
	position: relative;
}

#tag_cloud a {
	padding: 2px;
}

.tag-title {
	font-weight: bold;
	text-align: left;
}

.tag-body {
	margin: 10px 0px;
	padding: 10px 0px 0px 0px;
	position: relative;
}

.tag-service {
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	padding: 0px 0px 5px 0px;
	clear: left;
	position: relative;
}

.tag-search {
	text-align: right;
	padding: 5px 0px;
	margin-bottom: 10px;
	font-weight: bold;
	position: relative;
}

.tag-article {
	padding: 0px 10px 10px 10px;
	text-align: left;
	position: relative;
}

.tag-article-title {
	text-align: left;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	position: relative;
}

.tag-article-posted {
	font-weight: normal;
	position: relative;
}

.tag-article-summary {
	padding: 0px 10px;
	line-height: 1.4em;
	position: relative;
}

.tag-more {
	text-align: right;
	margin: 10px 0px;
	clear: left;
	position: relative;
}

.tag-photos {
	float: left;
	margin: 10px 5px;
	position: relative;
	width: 140px;
	height: 200px;
}

.tag-photos-title {
	line-height: 1.4em;
	padding: 5px 0px;
	text-align: left;
	position: relative;
}

.tag-audios {
	margin: 5px;
	position: relative;
}

.tag-audios-title {
	text-align: left;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	position: relative;
}

.tag-audios-posted {
	font-weight: normal;
	position: relative;
}

.tag-videos {
	float: left;
	margin: 10px 5px;
	position: relative;
}

.tag-videos-title {
	line-height: 1.4em;
	padding: 5px 0px;
	text-align: left;
	position: relative;
}

.tag-navi {
	clear: left;
	text-align: center;
	margin: 10px 0px;
	position: relative;
}

.listCategoryArticle {
	margin-top: 5px;
	padding: 5px;
	border: solid 1px #FFE2E2;
}

.listCategoryArticle ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
	text-align: left;
	list-style-position: outside;
}

.listCategoryArticle ul li {
	margin: 0;
	background: url(http://blog.sakura.ne.jp/img/listCategoryArticle.gif)
		no-repeat 0 2px;
	padding-left: 12px;
	line-height: 1.4;
}

#links, #links-left, .side, #content, .blog, .blogbody, .text {
	overflow: hidden;
}

.bumon_click, .sub_menu {
	display: none;
	width: 100%;
}

.splitMenu {
	font-size: 16px;
	display: inline-block;
	width: 7px;
	text-align: center;
}

.sub_menu {
	clear: both;
	margin-bottom: 10px;
	padding: 10px;
	text-align: left;
	width: 100%;
	color: #fff;
	white-space: nowrap;
}

.sub_menu a {
	color: #fff;
	text-decoration: none;
}

/* twitter quote */
.tweetBlockQuote {
	margin-bottom: 10px;
	overflow: hidden;
	width: 98%;
}

.tweetBlockQuote img {
	border: 0;
}

.tweetBlockQuote .tweetImg {
	padding: 0px;
	width: 53px;
	text-align: left;
	overflow: hidden;
	vertical-align: top;
	float: left;
	margin-right: 7px;
}

.tweetBlockQuote .tweetMain {
	padding: 5px;
	border: solid 1px #ddd;
	background: #fff;
	color: #000;
	overflow: hidden;
	vertical-align: top;
	float: left;
	width: 70%;
}

.tweetBlockQuote .tweetMain a.tweetOwner {
	color: #E86390;
	font-weight: bold;
	text-decoration: none;
}

.tweetBlockQuote .tweetMain a.tweetFriends {
	font-weight: bold;
	color: #26A6DC;
	text-decoration: none;
}

.tweetBlockQuote .tweetMain .tweetText {
	color: #000;
}

.tweetBlockQuote .tweetMain .tweetText a {
	color: #000;
	text-decoration: underline;
}

.tweetBlockQuote .tweetMain .tweetDate {
	color: #9C9C9C;
}

.tweetBlockQuote .tweetBoth {
	clear: both;
}
/* twitter quote */
#bumon1 {
	background: linear-gradient(180deg, #d6006e 0%, #d6006e 50%, #eb006e 50%, #eb006e
		100%);
}

#bumon2 {
	background: linear-gradient(180deg, #0090e6 0%, #0090e6 50%, #007de6 50%, #007de6
		100%);
}

#bumon3 {
	background: linear-gradient(180deg, #00a300 0%, #00a300 50%, #008f00 50%, #008f00
		100%);
}

#bumon4 {
	background: linear-gradient(180deg, #a300b9 0%, #a300b9 50%, #8a00b9 50%, #8a00b9
		100%);
}

#bumon5 {
	background: linear-gradient(180deg, #ff9900 0%, #ff9900 50%, #ff7d00 50%, #ff7d00
		100%);
}

#mainContent {
	width: 100%;
}

.menu {
	cursor: pointer;
	position: relative;
	float: left;
	margin-right: 14px;
	text-align: center;
}

#footer {
	clear: both;
	width: 100%;
	height: 76px;
	display: flex;
	align-items: center;
	background: #353535;
	color: #fff;
	margin: 0 auto;
}

@media screen and (min-width:768px) {
	body {
		width: 1300px;
		margin: 0 auto;
	}
	.accordion_icon {
		display: none;
	}
	#info {
		width: 630px;
	}
	#divisionDiv {
		width: 280px;
		float: left;
		margin-right: 40px;
	}
	#mobile_division {
		display: none;
	}
	.menu {
		width: 300px;
	}
	.mobile_title {
		display: none;
	}
	.mobile_menu {
		display: none !important;
	}
	#mobile_fb {
		display: none;
	}
	#viewer {
		float: left;
		margin: 00px 50px 10px 21px;
		text-align: right;
		width: 560px;
		max-height: 860px;
		overflow: auto;
	}
	#viewer iframe {
		width: 540px;
		height: 730px;
	}
	#mobile_manage {
		display: none;
	}
	#footer {
		justify-content: flex-end;
		margin-top: 20px;
	}
	#mobile_backnumber {
		display: none;
	}
	#backnumberDiv {
		margin: 10px 20px 0 10px;
		height: 220px;
		overflow: auto;
		width: 600px;
	}
}

@media screen and (max-width:768px) {
	@-ms-viewport {
		width: 420px;
	}
	body {
		width: 420px;
		position: relative;
		overflow-x: hidden;
	}
	.mobile-none {
		display: none;
	}
	#right_column {
		clear: both;
	}
	#maincontent {
		width: 90%;
		height: 100%;
		margin: 0px auto;
	}
	#info {
		width: 90%;
		position: relative;
		margin: 0px auto;
	}
	.category_title {
		font-size: 20px;
		border: 1px solid #888;
		background: linear-gradient(90deg, #888 0%, #888 2%, white 2%, white 100%);
		height: 50px;
		padding: 0 0 0 15px;
		display: flex;
		align-items: center;
		position: relative;
	}
	.accordion_icon {
		position: absolute;
		top: 8px;
		right: 10px;
		width: 30px;
		height: 30px;
		z-index: 1;
		box-sizing: border-box;
		cursor: pointer;
		-webkit-transition: all 400ms;
		transition: all 400ms;
		margin: 0;
	}
	.accordion_icon span {
		position: absolute;
		width: 20px;
		border: 1px #999 solid;
		border-radius: 10px;
		margin: 0;
		-webkit-transition: all 400ms;
		transition: all 400ms;
	}
	.accordion_icon span:nth-child(1) {
		transform: rotate(90deg);
		top: 15px;
	}
	.accordion_icon span:nth-child(2) {
		top: 15px;
		opacity: 1
	}
	.accordion_icon.open span:nth-child(1) {
		transform: rotate(180deg);
	}
	.accordion_icon.open span:nth-child(2) {
		opacity: 0;
	}
	#divisionDiv {
		width: 100%;
		position: relative;
	}
	#divisionDiv img {
		display: none;
	}
	.menu {
		margin-top: 10px;
		width: 100%;
		float: none;
	}
	.menu div {
		padding-left: 10px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.menu img {
		display: none;
	}
	.sub_menu {
		display: none !important;
	}
	.mobile_menu {
		width: 100%;
		position: relative;
	}
	.mobile_menu ul li {
		list-style: none;
		height: 60px;
		border-top: 1px solid white;
		border-bottom: 1px solid white;
	}
	.mobile_menu ul li+li {
		border-top: none;
		border-bottom: 1px solid white;
	}
	.mobile_menu ul li a {
		color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		font-size: 18px;
	}
	#viewer {
		float: none;
		margin: 10px auto;
		width: 90%;
	}
	#viewer iframe {
		width: 100%;
		height: 475px;
	}
	.templateList {
		position: relative;
		box-shadow: 2px 2px 10px -4px;
		-moz-box-shadow: 1px 1px 4px -2px;
		-webkit-box-shadow: 1px 1px 4px -2px;
		text-align: center;
		font-size: 16px;
		min-height: 70px;
		margin: 10px 0;
		list-style: none;
		background: #eee;
	}
	.templateList a {
		position: absolute;
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}
	.templateList a span {
		color: #555;
	}
	#fb {
		display: none;
	}
	#mobile_fb {
		text-align: center;
		display: block;
		height: 55px;
		width: 90%;
		margin: 10px auto;
		background: #365395;
	}
	#mobile_fb img {
		position: relative;
		top: 8px;
	}
	#backnumber {
		display: none;
	}
	#backnumberDiv {
		width: 100%;
	}
	#backnumberDiv ul li {
		list-style: none;
		background: #eee;
		margin: 10px 0;
		position: relative;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 18px;
		box-shadow: 2px 2px 10px -4px;
		-moz-box-shadow: 1px 1px 4px -2px;
		-webkit-box-shadow: 1px 1px 4px -2px;
	}
	#backnumberDiv ul li a {
		position: absolute;
		height: 100%;
		width: 100%;
		display: block;
		top: 0;
		left: 0px;
	}
	#backnumberDiv ul li .bnChar {
		display: none;
	}
	#footer {
		margin-top: 20px;
		justify-content: center;
	}
	#manage {
		display: none;
	}
	#mobile_span {
		display: none;
	}
	#mobile_manage {
		color: black;
		text-align: right;
	}
	#mobile_menu1 {
		background: #e58;
	}
	#mobile_menu2 {
		background: #59f;
	}
	#mobile_menu3 {
		background: #4a5;
	}
	#mobile_menu4 {
		background: #a5c;
	}
	#mobile_menu5 {
		background: #f95;
	}
	#mobile_backnumber {
		margin-top: 10px;
	}
}