@charset "utf-8";
/*
Theme Name: mailwise ver.2
Description: メールワイズ用テンプレート
Author: Yuka Kurihara
Tags: mailwise
date: 2014/2
*/

/******************************
reset
*******************************/
html, body {
	/*width:100%;*/
}
/* --HTML-- */
html {
/*	overflow-y: scroll;*/
}
/* --BODY-- */
body {
	font: 14px 'メイリオ', Meiryo, 'Lucida Grande', Helvetica, osaka, Arial, sans-serif, Verdana, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	margin: 0;
	padding: 0;
	line-height: 1.4;
	color: #333;
}
/* for IE7 */
*+html body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック';
	font-size: 75%;
}
/* for IE6 */
* html body {
	font-family: 'ＭＳ Ｐゴシック';
	font-size: 75%;
}
div {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	word-break:break-all;
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
p {
	margin: 0 0 1em;
	line-height: 1.6;
	word-break:break-all;
}
strong {
	font-size:100%;
	word-break:break-all;
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
q:before, q:after {
	content:'';
}
button, fieldset, form, input, label, legend, select, textarea {
	margin:0;
	padding:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	vertical-align:baseline;
}
table {
	width: 100% !important;
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}
a {
	overflow:hidden;
	color:#000;
	outline:none;
	text-decoration: none;
}
a:hover {
	color:#dd2f4d;
	text-decoration: none;
	text-decoration: underline;
}
a img, img,
abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
caption, th {
	text-align:left;
}
code, kbd, pre, samp, tt {
	font-family:monospace;
	line-height:100%;
}
ins {
	border-bottom: none;
	text-decoration: none;
	color: #666;
}
del {
	text-decoration: line-through;
	color: #666;
}
/* for IE7 */
*+html code, kbd, pre, samp, tt {
	font-size:108%;
}

/******************************
template modules
*******************************/
/*メニュー*/
#menuTrg {
	display: none;
}
#menuTrg li {
	list-style: none;
}
#menu {
	display: block;
	max-width: 960px;
	margin: 18px 0 29px -1px;
	padding: 0;
	background: url(images/menu_bg_01.png) 0 2px repeat-x;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menu li {
	display: block;
	float: left;
	width: 20%;
	margin: 0;
	list-style: none;
}
#menu a {
	display: block;
	width: 99%;
	height: 33px;
	padding-top: 15px;
	background: url(images/menu_bg_01.png) 0 2px repeat-x;
	border-left: 1px solid #fff;
	border-right: 1px solid #e1e1e1;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
#menu a:hover {
	color: #000;
	text-decoration: none;
}
#menu span {
	display: block;
	width: 90%;
	height: 25px;
	margin: 0 auto;
	border-bottom: 3px solid #898989;
}
#menu a:hover span {
	border-bottom: 3px solid #dd2f4d;
}
#menu .menu05 a {
	border-right: 0 none;
}

/* current */
body.topics #menu .menu01 a span {
	border-bottom: 3px solid #dd2f4d;
}
body.shintoranomaki #menu .menu02 a span {
	border-bottom: 3px solid #dd2f4d;
}
body.shinansho #menu .menu03 a span {
	border-bottom: 3px solid #dd2f4d;
}
body.practical #menu .menu04 a span {
	border-bottom: 3px solid #dd2f4d;
}
body.function #menu .menu05 a span {
	border-bottom: 3px solid #dd2f4d;
}

/*入力モード*/
.inactive {
	ime-mode: inactive;
}
.active {
	ime-mode: active;
}
.disabled {
	ime-mode: disabled;
}
th {
	white-space: nowrap;
}
/* for IE6 */
	* html .clear {
	display:inline-block;
}
/* for IE7 */
	*+html .clear {
	display:inline-block;
}
.home h2 {
	font-size:18px;
	font-weight: bold;
}
.home h3 {
	margin-bottom: 10px;
	padding-left: 16px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 3px solid #DD2F4D;
}
.home h4 {
	text-align:right;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
.home h5 {
	margin: 17px 0 17px 0;
	font-size:14px;
	font-weight: bold;
}
#wrapper {
	max-width:960px;
	/*width:100%;*/
	margin:0 auto;
	text-align:left;
}
#gHeader {
	position: relative;
	padding: 5px 0;
	font-size: 16px;
}
#gHeader .gHeader-contact a{
    float: right;
    font-size: 12px;
    border: solid 1px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 8px 2px 15px;
	background: url(https://mailwise.cybozu.co.jp/headline/icon_headercontact.png) 7px 50% no-repeat;
    text-decoration: none;
}
#try {
	position: absolute;
	top: 15%;
	right: 2%;
	width: 23.3%;
	z-index: 100;
}
#try img {
	width: 100%;
}
#search {
    float: right;
    margin-left: 20px;
}
.search_box {
	width:166px;
	height:23px;
	border:#cccccc solid 1px;
	margin-right:7px;
}
#search input {
	vertical-align:middle;
}
.search .entry-title {
	margin-bottom: 30px;
	font-size: 18px;
}
.search .entry-title span {
	font-size: 25px;
}
#header {
	position:relative;
	zoom: 1;
}
#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header h1 img {
	width: 100%;
	height: auto;
}

/*トップページ*/
#content {
	margin: 30px 0 0 0;
	zoom: 1;
}
/* clearfix */
#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.content {
	margin: 30px 0 0 0;
	zoom: 1;
}
.content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#pick_ribon {
	background:url(images/pick_up.png) no-repeat;
	width:134px;
	height:70px;
	top:-15px;
	left:-18px;
	text-indent:-9999px;
	position:absolute;
	z-index: 3;
}
#pick_box {
	position:relative;
	max-width: 936px;
	min-height: 250px;
	margin-bottom: 20px;
	padding:11px;
	border:#dd2f4d solid 1px;
	z-index: 1;
}
#pick_up_left {
	float: left;
	width: 45%;
	margin-right: 20px;
	border: #cccccc solid 3px;
}
#pick_up_left img {
	width: 100%;
	height: auto;
	vertical-align:bottom;
}
#pick_up_right {
	float: left;
	width: 50%;
}
#pick_up_inner {
	border-bottom:#616161 dotted 1px;
	margin:12px 0 15px 0;
	padding-bottom:15px;
}
#pick_up_inner .day {
	float:left;
	color:#616161;
	font-size:12px;
	font-weight:bold;
}
#pick_up_inner .sns_btn {
	text-align:right;
}
#pick_up_right .next {
	text-align:right;
}
#pick_up_right .twitter-share-button {
	width: 95px !important;
}
#pick_up_right .pocket-btn {
	display: inline;
}
#pick_up_right .pocket-btn iframe {
	vertical-align: top;
	width: 100px !important;
}
.topic3col {
	max-width: 975px;
	margin-bottom: 20px;
	padding: 0;
	margin-left: -15px;
}
.topic3col li {
	display: block;
	float: left;
	width: 33.3%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.topic3col a {
	display: block;
	margin-left: 15px;
	padding: 10px 15px;
	margin-bottom: 15px;
	border: #dd2f4d solid 4px;
}
.topic3col a:hover {
	background: #fef5f6;
	text-decoration: none;
}
.topic3col img {
	width: 100%;
	height: auto;
}
.topic3col .next {
	text-align:right;
}
#content_left {
	float: left;
	margin-bottom: 20px;
}
#content_right {
	float: right;
}
.home #content_left {
	width: 76%;
}
.home #content_right {
	width: 22%;
}
.single #content_left,
.search #content_left,
.tag #content_left,
.author #content_left,
.category #content_left,
.archive #content_left {
	width: 76%;
}
.single #content_right,
.search #content_right,
.tag #content_right,
.author #content_right,
.category #content_right,
.archive #content_right {
	width: 21%;
}

.topic4col {
	margin: 0 0 0 -15px;
	padding: 0;
}
.topic4col li {
	display: block;
	float: left;
	width: 50%;
	list-style: none;
}
.topic4col a {
	display: block;
	padding:14px;
	margin-left:15px;
	margin-bottom:15px;
	border-top:#d9d9d9 solid 3px;
	border-left:#adadad solid 1px;
	border-right:#adadad solid 1px;
	border-bottom:#adadad solid 1px;
}
.topic4col a:hover {
	border-top: #DD2F4D solid 3px;
	border-left: #DD2F4D solid 1px;
	border-right: #DD2F4D solid 1px;
	border-bottom: #DD2F4D solid 1px;
	text-decoration: none;
}
.topic4col .rt {
	float: right;
}
.menu_sub_box .day, .menu_sub_box_r .day {
	float:left;
	font-size: 13px;
	color:#616161;
	font-weight:bold;
}
.menu_sub_box hr, .menu_sub_box_r hr {
	border:1px solid #dd2f4d;
}
.menu_sub_box_img {
	float: left;
	max-height:128px;
	margin-right:14px;
	margin-bottom:14px;
}
.menu_sub_box img, .menu_sub_box_r img {
	width: 150px;
	vertical-align:bottom;
}
.menu_sub_box .next, .menu_sub_box_r .next {
	text-align:right;
}
#back_num {
	clear: both;
	width: 100%;
	padding: 14px;
	border: #d9d9d9 solid 3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#back_num h4 {
	text-align:left;
	color:#000;
	font-size:14px;
	font-weight:bold;
	border-bottom:#616161 dotted 1px;
	margin-bottom:17px;
}
#back_num a {
	line-height: 1.8;
	clear:both;
}
#back_num dt {
	float:left;
	width: 150px;
}
.home #back_num dt {
	width: 140px;
}
#back_num dd {
	overflow: hidden;
}
#fb_side {
	width: 99%;
/*	height: 383px; */
/*	border: #d9d9d9 solid 1px; */
	margin-bottom: 15px;
}
#fb_side02 {
	margin-bottom: 10px;
}
#primary {
	width: 100%;
	margin-bottom: 15px;
	padding: 9px;
	border: #d9d9d9 solid 1px;
	font-size: 13px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.widget-area h3 {
	margin-bottom: 10px;
	padding-left: 3px;
	text-align: left;
	color:#000;
	font-size:14px;
	font-weight:bold;
	border-bottom:#b8b6a0 dotted 1px;
}
.widget-area ul {
	margin: 0;
	padding: 0;
}
.widget-area li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget-area .widget-container {
	margin-bottom: 15px;
}
.widget_rss ul {
	display: none;
}
.widget_rss .widget-title {
	border-bottom: 0 none;
}
.widget_categories ul li {
	background:url(images/icon_cate.jpg) no-repeat 0 0;
	background-position:left center;
	padding:2px 0 0 23px;
}
.widget_recent_entries ul li {
	background:url(images/icon_new.jpg) no-repeat 0 0;
	background-position:left center;
	padding:1px 0 0 20px;
	margin:0 0 5px 4px;
	line-height:1.3;
}

#pageToTop {
	position: fixed;
	bottom: 5px;
	right: -5px;
}
#pageToTop a {
	padding: 5px 10px 5px 25px;
	background: #dd2f4d url(images/ico_totop2.png) no-repeat 10px 10px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 12px;
	z-index: 99999;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.banner {
	margin:40px 9px 9px 0;
}
.banner a {
	float:left;
	display: block;
	margin: 0 10px 10px 0;
}
.banner a img{
	vertical-align: bottom;
}
.banner a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#footer {
	max-width: 920px;
	clear:both;
	margin-top:9px;
	border-top:#dd2f4d solid 4px;
	border-left:#dd2f4d solid 4px;
	border-right:#dd2f4d solid 4px;
	padding:12px 16px 12px 16px;
	font-size: 12px;
	line-height: normal;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer ul li {
	float:left;
	background:url(images/icon_foot.jpg) no-repeat 0 0;
	background-position:left center;
	padding:0px 0 0 10px;
	margin:0 24px 13px 0;
	list-style: none;
}
#footer p {
	clear:both;
}

/*記事単体ページ*/
.post,
.search .page {
	margin-bottom: 30px;
	padding: 30px 15px 45px 15px;
	border: 1px solid #CCC;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 16px;
}
#entry-author-info + .post,
.topicPath + .post {
	margin-top: -10px;
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	border-top: 0 none;
}
.post p {
	margin: 0;
}
.post a,
.search .page a {
	color: #DD2F4D;
}
.post a:hover {
	color: #DD2F4D;
	text-decoration: underline;
}
.post img {
	max-width:100%;
	height:auto;
}
.post_top {
	background:url(images/border_top.jpg) no-repeat 0 0;
	height:15px;
	width:665px;
	margin-bottom:0px;
}
.post_bottom {
	background:url(images/border_bottom.jpg) no-repeat 0 0;
	height:15px;
	width:665px;
	margin-bottom:30px;
}
.topicPath {
	font-size:12px;
	padding:15px 15px 0;
	border: 1px solid #CCC;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	background: #fff;	
	border-bottom: 0 none;
}
.topicPath a {
	color: #DD2F4D;
}
.post .post-date,
.search .page .post-date {
	display: inline-block;
	margin-bottom: 7px;
	padding: 2px 5px 1px;
	background: #de2f4e;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	vertical-align: bottom;
}
.tora .post-date {
	display: inline-block;
	margin-bottom: 4px;
	padding: 2px 3px 1px;
	background: #de2f4e;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	vertical-align: bottom;
}
*:first-child+html .post .post-date  {
	display: inline;
	zoom: 1;
}
.post h1 {
	clear: both;
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 20px;
}
.post .entry-title2,
.search .page .entry-title2 {
	margin-bottom: 15px;
	padding-left: 0;
	font-size: 30px;
	line-height: 1.3;
	border: none;
}
.post h2 {
	margin: 30px 0 25px;
	padding-left: 15px;
	border-left: #f3b4bf solid 9px;
	font-size: 26px;
	line-height: 1.4;
}
.post h3 {
	margin: 30px 0 15px;
	padding-left: 10px;
	border-left: 3px solid #f3b4bf;
	font-size: 22px;
	line-height: 1.4;
}
.post h4 {
	margin: 30px 0 15px;
	padding: 0 0 5px 5px;
	border-bottom: 1px solid #999;
	font-size: 20px;
	line-height: 1.4;
}
.post h5 {
	margin: 30px 0 15px;
	padding: 0 0 5px 5px;
	border-bottom: 1px dotted #999;
	font-size: 18px;
	line-height: 1.4;
}
.post h6 {
	margin: 30px 0 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

.entry-meta {
	background:#f5f5f5;
	padding:12px;
	margin-bottom:20px;
	font-size:10px;
	color:#616161;
	_zoom: 1;
}
*:first-child+html .entry-meta p {
	display: inline;
	zoom: 1;
}
.entry-meta .entry-meta-inr {
	display: table-cell;
	width: 350px;
}
*:first-child+html .entry-meta .entry-meta-inr {
	display: inline;
	width: 320px;
	zoom: 1;
}
.entry-meta .day, .entry-meta .staff, .entry-meta .category {
	float:left;
	margin-right:17px;
}
.entry-meta .sns_btn {
	float:right;
}
.entry-meta .day {
	font-weight:bold;
}
.post .wp-caption a {
	display: block;
}
.post .wp-caption img {
	/*width: 100%;*/
    max-width:100%;
	height: auto;
	padding: 4px;
	margin: 0;
	border:#c6c6c6 solid 1px;
	vertical-align: bottom;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.post .wp-caption-text {
	margin: 0;
	padding-top: 5px;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}
.post .captioncenter .wp-caption-text {
	text-align: center;
}
.aligncenter {
	margin: 0 auto;
}
.alignleft {
	float:left;
	margin: 0 15px 15px 0;
}
.alignright {
	float:right;
	margin: 0 0 15px 15px;
}
.textcenter {
	text-align:center;
}
.textleft {
	text-align:left;
}
.textright {
	text-align:right;
}
.caption {
	width:513px;
	color:#737373;
	padding:9px 9px 9px 9px;
	margin:0 9px 0 50px;
}
.caption2 {
	width:513px;
	background:#f5f5f5;
	color:#4d4d4d;
	padding:9px 9px 9px 9px;
	border-top:#4d4d4d dotted 1px;
	border-bottom:#4d4d4d dotted 1px;
	margin:40px 9px 0 50px;
}
hr.one {
	border:#a8a8a8 dotted 1px;
	margin-top:45px;
	margin-bottom:10px;
}
.post .fb {
	clear: both;
	width: 100%;
	height:150px;
	border-top:#a8a8a8 dotted 1px;
	margin-top:50px;
	padding:10px 0 0 0;
}
.fb-comments,
.fb-comments span,
.fb-comments iframe {
	width: 100% !important;
}
#primary .tag {
	margin-left:25px;
}
#primary .tag a {
	margin-right:5px;
}
.staff_id {
	margin:10px 0 20px 25px;
}
.staff_id img {
	float:left;
	margin-right:10px;
}
.staff_name {
	font-size:14px;
	font-weight:bold;
}
.staff_tweet {
	margin-top:-4px;
}
/*カテゴリー別ページ*/
.category_name {
	color:#333;
	font-size:22px;
	padding-top:15px;
	font-weight:bold;
	border-bottom:3px solid #dd2f4d;
	line-height: 1.4;
}
.post .next {
	text-align:right;
	margin-top:40px;
}
.wp-pagenavi {
	padding-bottom:40px;
	text-align:center;
}
ul.pager li {
	float: left;
	margin-right: 5px;
	border: 1px #666666 solid;
	font-weight: bold;
	position: relative;
	left: -50%;
}
ul.pager li.prev, ul.pager li.past {
	border: none;
}
ul.pager li a {
	padding: 5px;
	color: #666666;
}
ul.pager li a:link, ul.pager li a:visited {
	text-decoration: none;
}
ul.pager li a:hover, ul.pager li a:active {
	color: #dd2f4d;
	text-decoration: none;
}
ul.pager li em {
	padding: 5px;
	background: #333333;
	color: #FFFFFF;
}
.cate_next {
	text-align:right;
	margin-top:40px;
	border-bottom:#a8a8a8 dotted 1px;
}
#secondary {
	margin-bottom: 10px;
	padding:9px;
	border:#d9d9d9 solid 1px;
	font-size: 12px;
	line-height: normal;
}
#secondary .tag {
	margin-left:25px;
}
#secondary .tag a {
	margin-right:5px;
}
#secondary .st-tag-cloud {
	margin: 0 25px;
}
#secondary .st-tag-cloud a {
	margin-right:5px;
}
.archive_month {
	color:#000;
	font-size:22px;
	font-weight:bold;
	border-bottom:3px solid #dd2f4d;
	clear:both;
}
#secondary .staff_list {
	list-style-type:none;
	margin-left:25px;
}
/*PageNavi*/
.wp-pagenavi a.smaller, .wp-pagenavi a.larger {
	padding:5px;
	margin-right: 5px;
	border: 1px #666666 solid;
	font-weight: bold;
	color: #666666;
	position:relative;
}
.wp-pagenavi a.smaller:hover, .wp-pagenavi a.smaller:active, .wp-pagenavi a.larger:hover, .wp-pagenavi a.larger:active {
	color: #dd2f4d;
	text-decoration: none;
}
a.previouspostslink:hover, a.previouspostslink:active, a.nextpostslink:hover, a.nextpostslink:active {
	border: none;
}
a.previouspostslink {
	padding: 5px 10px 5px 5px;
	color: #666666;
}
a.nextpostslink {
	padding: 5px;
	color: #666666;
}
a.previouspostslink:link, a.previouspostslink:visited, a.nextpostslink:link, a.nextpostslink:visited {
	text-decoration: none;
}
a.previouspostslink:hover, a.previouspostslink:active, a.nextpostslink:hover, a.nextpostslink:active {
	color: #dd2f4d;
	text-decoration: none;
}
span.current {
	padding: 6px;
	background: #333333;
	color: #FFFFFF;
	margin-right:5px;
	position:relative;
}
/*日付関係見た目部分*/
.entry-meta a {
	color: #616161;
	text-decoration: underline;
}
.entry-meta a:hover {
	color:#DD2F4D;
}
a span.entry-date {
	font-weight:bold;
	margin-right:15px;
}
span.meta-sep {
	color:#616161;
}
/*サイドバーカテゴリーのピックアップを非表示*/
li .cat-item-11 {
	display:none;
}
/*サイドバーカテゴリーの未分類を非表示*/
li .cat-item-1 {
	display:none;
}
div.entry-content, div.entry-summary {
	position: relative;
}
div.wp_social_bookmarking_light {
	display: table-cell;
	max-width: 350px;
	vertical-align: middle;
}
*:first-child+html div.wp_social_bookmarking_light {
	display: inline;
	width: 350px;
	zoom: 1;
}
.wp_social_bookmarking_light .scn_item {
	float: left;
	margin-left: 5px;
}
.wp_social_bookmarking_light .item_pocket {
	margin-left: 10px;
}
.wp_social_bookmarking_light .twitter-share-button {
	width: 95px !important;
}
.wp_social_bookmarking_light .pocket-btn {
	display: inline;
}
.wp_social_bookmarking_light .pocket-btn iframe {
	vertical-align: top;
	width: 100px !important;
}
.post .more-link {
	clear: both;
	display: block;
	margin-top: 20px;
	text-align: right;
}
/* author Info */
#entry-author-info {
	padding: 15px 15px 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 13px;
	zoom: 1;
}
#entry-author-info:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#entry-author-info #author-avatar {
	float: left;
	width: 70px;	
}
#entry-author-info #author-description {
	overflow: hidden;
}
#entry-author-info #author-description p {
	margin: 0;
}

.author-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.author-list li {
	margin: 0;
	padding: 0;
	zoom: 1;
}
.author-list li:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.author-list .by-author-img {
	float: left;
	width: 50px;
}
.author-list .authors-meta {
	overflow: hidden;
	line-height: 1.4;
}
.author-avatar {
	float: left;
	width: 50px;
}
.author-desc {
	overflow: hidden;
}
.author-desc p {
	margin: 0;
}
/******************************
common modules
*******************************/
/* clearfix */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {	zoom: 1;}
img {	border:none;}

/*FLOAT、POSITION関係*/
.left {	float:left;}
.right {	float:right;}
.clear {	clear:both;}
.block {	display:block;}
.inline {	display:inline;}
.text_left {	text-align:left;}
.text_center {	text-align:center;}
.text_right {	text-align:right;}
.absolute {	position:absolute;	z-index:9999;}
.relative {	position:relative;}

/******************************
投稿用スタイル
※投稿用スタイルはこちらに記述していく
*******************************/
/* 汎用 */
.mt0 { margin-top: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mb0 { margin-bottom: 0 !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
/* タイトル 青*/
.post .ttl01 {
	margin: 14px 0 25px 0;
	padding-left: 8px; 
	border-left: 4px solid #ffb6c1;
	font-weight: bold;
	color: #014b70;
}
.post .ttl01 a {
	color: #014b70;
	cursor: pointer;
}
/* table modules */
.post .tbl01 {
	width: 600px;
	margin: 0 auto 25px;
	border: 1px solid #EBEBEB;
}
.post .tbl01 th,
.post .tbl01 td {
	padding: 5px;
	line-height: 1.6;
}
.post .tbl01 th {
	font-weight: bold;
}
.post .tbl01 td {
	background: #F8F8F8;
}
.post .hover a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
/* for insight display */
#id_shellfish, #id_bivalves{ position: absolute; }
#id_shellfish img, #id_bivalves img{ position: absolute;}


/* 吹き出し */
/* popup */
.popup {
	display: table;
	width: 100%; 
	margin: 0 0 20px;
	zoom: 1;
}
.popup:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.popup .pic,
.popup .desc {	
	display: table-cell;
	vertical-align: middle;
}
.popup .pic {
	width: 40px;
}
.popup .pic span {
	display: block;
	width: 40px;
	height: 0;
	height: 40px;
	padding: 1px;
	border: 2px solid #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background: #fff 50% 50% no-repeat;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	line-height: 2;
	overflow: hidden;
}
.popup .pic img {
	margin: 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.popup.left,
.popup.right {
	float: none;
}
.popup.left .pic {
	padding-right: 15px;
}
.popup.right .pic {
	padding-left: 15px;
}
.popup p {
	margin-bottom: 0;
}
.popup.left .desc {
	padding-left: 8px;
	padding-right: 69px;
	background: url(images/bg_pop_02.png) left center no-repeat;
}
.popup.right .desc {
	padding-right: 8px;
	padding-left: 69px;
	background: url(images/bg_pop_03.png) right center no-repeat;
}
.popup .desc span {
	display: block;
	padding: 15px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.popup.left .desc span {
	background: #fff1f6;
}
.popup.right .desc span {
	background: #e8f5f8;
}


body.page .content{
	margin-top: 0;
}

.page-header {
	margin: -10px 0 10px;
}
.page-header .topicPath{
	padding:0;
	border: 0;
	float: left;
}
.page-header div.wp_social_bookmarking_light{
	float: right;
}

body.author .entry-meta .author-avatar{
	display: none;
}


#relatedEntry {
	padding: 14px;
	border: #d9d9d9 solid 3px;
}

#relatedEntry h2 {
	border-bottom: #616161 dotted 1px;
	padding-bottom: 5px;
	margin-bottom: 17px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 18px;
}


#relatedEntry ul{
	margin: 0 -15px 30px 0;
	padding: 0;
	overflow: hidden;
	list-style:none;
}

#relatedEntry li{
	width: 222px;
	margin: 0 14px 0 0;
	float: left;
}

#relatedEntry .pic{
	width: 220px;
	height: 116px;
	overflow: hidden;
	margin: 0 0 10px;
	border: 1px solid #DDDDDD;
}

#relatedEntry .pic img{
	vertical-align: top;
}

#relatedEntry time{
	color: #373737;
	font-size: 86%;
}

@media screen and (max-width: 450px) {
	/*
	#branding {
		padding-top: 5px;
	}
	.mBlock {
		margin: 0 8px 10px 0 !important;
		width: 99.5% !important;
	}
	.page-header.mBlock {
		width: 99.6% !important; 
	}
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	#colophon .colophonInr {
		width: auto;
		padding: 0 15x;	
	}
	#colophon .copy p {
		width: auto;
	}
	*/
	.popup {
		position: relative;
		padding-top: 50px;
	}
	.popup .pic {
		display: block !important;
		position: absolute;
		top: 0;
		margin: 0 !important;
		padding: 0 !important;
	}		
	.popup.right .pic {
		right: 5px;		
	}		
	.popup .desc {	
		display: block !important;
		margin: 0 !important;
		padding: 8px 0 0 0 !important;
		/*background: url(images/bg_pop_04.png) 15px top no-repeat !important;*/
	}	
	.popup.right .desc {	
		background-position: 95% top !important;		
	}	
	.popup .desc span {
		padding: 7px !important;
	}

	#relatedEntry ul{
		margin: 0;
	}

	#relatedEntry li{
		width: auto;
		margin: 0 0 30px;
	}

}

@media screen and (min-width: 769px) and (max-width: 980px) {
	#try a img {
		width: 90%;
	}
	.menu_sub_box.rt {
		float: none;
	}
	.aligncenter {
		width: 100% !important;
		height: auto;
	}
	.hover a img.aligncenter {
		width: auto !important;
		max-width:100%;
	}
}
@media screen and (min-width: 479px) and (max-width: 768px) {
	#menu a {
		font-size: 12px;
	}
	#pick_up_left {
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	#pick_up_right {
		float: none;
		width: 100%;
	}
	.menu_sub_box.rt {
		float: none;
	}
	.home #content_left,
	.home #content_right {
		float: none;
		width: 100%;
	}
	.single #content_left,
	.search #content_left,
	.tag #content_left,
	.author #content_left,
	.category #content_left,
	.archive #content_left {
		float: none;
		width: 100%;
	}
	.single #content_right,
	.search #content_right,
	.tag #content_right,
	.author #content_right,
	.category #content_right,
	.archive #content_right {
		float: none;
		width: 100%;
	}
	#fb_side {
		width: 99.7%;
	}
	.topic4col li {
		float: none;
		width: 100%;
	}
	.banner a {
		float: none;
		text-align: center;
	}
	.aligncenter {
		width: 100% !important;
		height: auto;
	}
	.size-full img,
	.aligncenter img {
		width: 100% !important;
		height: auto;
	}
	.hover a img.aligncenter {
		width: auto !important;
		max-width:100%;
	}
}

@media screen and (max-width: 480px) {
	#content {
		margin-top: 15px;
	}
	#gHeader {
		margin-bottom: 10px;
		padding: 7px 5px;
		background: #eee;
		border-bottom: 1px solid #ccc;
	}
	#gHeader .gHeader-contact a {
        float: left;
        margin: 0 0 0 10px;
		font-size: 10px;
		padding: 4px 6px 3px 15px;
    	background: url(https://mailwise.cybozu.co.jp/headline/icon_headercontact.png) 5px 50% no-repeat;
        text-decoration: none;
    }
	#pageToTop a {
		padding: 7px 10px 7px 25px;
		background-position: 10px 13px;
		font-size: 15px;
	}
	#search {
        float: left;
		margin-left: 0;
	}
	.search_box {
        width: 100px;
	}
	#menuTrg {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		border-left: 1px solid #fff;
		z-index: 150;		
	}
	#menuTrg a {
		display: block;
		width: 39px;
		height: 0;
		padding-top: 39px;
		background: url(images/btn_menu.png) 7px 9px no-repeat;
		border-left: 1px solid #ccc;		
		list-style: none;
		line-height: 2;
		overflow: hidden;
	}
	#menu {
		display: none;
		position: absolute;
		top: 21px;
		right: 0;
		max-width: none;
		margin: 18px 0 29px -1px;
		padding: 0;
		background: none;
		border: 3px solid #ccc;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		z-index: 200;
	}
	#menu a {
		height: auto;
		padding: 5px 0;
		background: #fff;
		border-bottom: 1px solid #ccc;
		font-size: 14px;
		vertical-align: top;
		font-weight: normal;
		opacity: .95;
	}	
	#menu li {
		float: none;
		width: 120px;
	}
	#menu span {
		height: auto;
		border: 0 none;
	}
	#menu a:hover span {
		border: 0 none;
	}
	#menu a:hover{
		background: #fcedef;
	}
	/* current */
	#menu.topics .menu01 a,
	#menu.toranomaki .menu02 a,
	#menu.practical .menu03 a,
	#menu.function .menu04 a,
	#menu.noncategory .menu05 a {
		background: #fcedef;
	}
	#menu.topics .menu01 a span,
	#menu.toranomaki .menu02 a span,
	#menu.practical .menu03 a span,
	#menu.function .menu04 a span,
	#menu.noncategory .menu05 a span {
		border: 0 none;
		color: #de2f4e;
	}
	
	#pick_up_left {
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	#pick_up_right {
		float: none;
		width: 100%;
	}
	.topic4col li {
		float: none;
		width: 100%;
	}
	.menu_sub_box.rt {
		float: none;
	}
	.home #content_left,
	.home #content_right {
		float: none;
		width: 100%;
	}
	.single #content_left,
	.search #content_left,
	.tag #content_left,
	.author #content_left,
	.category #content_left,
	.archive #content_left {
		float: none;
		width: 100%;
	}
	.single #content_right,
	.search #content_right,
	.tag #content_right,
	.author #content_right,
	.category #content_right,
	.archive #content_right {
		float: none;
		width: 100%;
	}
	
	.topic4col li {
		float: none;
		width: 100%;
	}
	.topic3col li {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.topic3col img {
		float: left;
		width: 25%;
		height: auto;
		margin-right: 5px;
	}
	.topic3col p {
		overflow: hidden;
	}
	.topic3col a {
		padding: 5px;
		margin-bottom: 5px;
		border-width: 2px;
	}
	.topic3col .next {
		display: none;
	}
	.topic3col h3 {
		border-width: 2px;
	}
	.banner a {
		float: none;
		text-align: center;
	}
	.aligncenter {
		width: 100% !important;
		height: auto;
	}
	.size-full img,
	.aligncenter img {
		width: 100% !important;
		height: auto;
	}
	.hover a img.aligncenter {
		width: auto !important;
		max-width:100%;
	}
	.alignleft {
		float: none;
	}
	.alignright {
		float: none;
	}
	.post .fb {
		height: auto;
		overflow: hidden;
	}

}