/* 
Theme Name:メシオプレス02 ver2.0（β版）
Theme URI: http://mesiopress.com/
Description: サイトアフィリエイト用のテンプレート
Version:2.0b
Author: MN
*/
@charset "UTF-8";
/*----------------------------
BEGIN:html5reset
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
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,  sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
nav 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;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/*END:html5reset
----------------------------------------------*/

/*============ BEGIN:msx-02 CSS ==============*/

/*クリアフィックス*/
.clearfix:after {
  content: "";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height:0;
}
/*webフォントの定義*/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-sp, .icon-arrow-pc, .icon-pc, .icon-home, .icon-arrow, .icon-delta-r, .icon-delta-l, .icon-line-m, .icon-arrow-index {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-sp:before {
	content: "\e000";
}
.icon-arrow-pc:before {
	content: "\e001";
}
.icon-pc:before {
	content: "\e002";
}
.icon-home:before {
	content: "\e003";
}
.icon-arrow:before {
	content: "\e004";
}
.icon-delta-r:before {
	content: "\e005";
}
.icon-delta-l:before {
	content: "\e006";
}
.icon-line-m:before {
	content: "\e007";
}
.icon-arrow-index:before {
	content: "\e008";
}

/*====リンクの初期化===*/
a,
a:visited {
	color:#1111cc;
	text-decoration:none;
}
/*
/*a:visited {
	color: #663399;
}*/
a:hover, a:active, a:focus {
	text-decoration:underline;
	color:#001e4c
}
a img {
	border:none;
}
a:hover img{
	opacity:0.8
}
訪問済みリンクの色を変えたい場合は下記コメントアウト*/
/*====テキストのフォーマット===*/

em {
	font-style:normal;
	font-weight:bold;
}
ul,ol {
	list-style:none;
}
/*====画像配置のフォーマット===*/
.alignleft {
	display: inline;
	float: left;
	margin-top:5px;
	margin-right:10px;
}
.alignright {
	display: inline;
	float: right;
	margin-top:5px;
	margin-left:10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img{
	vertical-align:bottom;
	transition: opacity .2s ease-out;
}
/*ボーダーのパターン*/
.bb,
.bt,
.btb{
	border-color:#CCCCCC;
	border-width:1px;
}
.bb{
	border-style:none none solid;
}
.bt{
	border-style:solid none none;
}
.btb{
	border-style:solid none;
}

/*====ボディのスタイル====*/
body {
	-webkit-text-size-adjust: 100%;
	color:#333;
	font-size:14px;
	line-height:1.5;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
}
/*-----------------------------------------------*/
/*===基本レイアウト===*/
#wrapper-1col{
	width:100%;
	margin:0px auto;
	/*background-color:#FFF;*/
	/*-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);*/
}
#header,
#main,
.footer{
	width:auto;
	margin:0px auto;
}
#header{
	position: relative;
}
#wrapper-1col,
#wrapper-1col #main,
#wrapper-1col .footer{
	width:100%;
}
#wrapper-1col{
	max-width: 900px;
}
#wrapper-1col #main{
	padding-top:5px;
	background-color:#FFFFFF;
	padding-bottom:10px;
}

#wrapper_header{
	background-color:#FFFFFF;
	width:100%;
	position:relative;
	z-index:2;
	border-top:solid 5px #DE766B;
}
/*スライダーの枠*/
#outer_wrapper_slider{
	padding:10px 0px;
	position:relative;
	width:100%;
	z-index:0;	
}

#content #outer_wrapper_slider{
	margin-bottom:20px;
	padding:0;
	width:685px;
	overflow:hidden;
}
#wrapper_slider{
	text-align:center;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;	
}
#wrapper_no_slider{
	text-align:center;
}
#wrapper_no_slider img{
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;	
}

.wide_slider{
	margin:0px auto 0px;
	width:950px;
}
.small_slider{
	width:660px;
	margin:10px auto 10px;
	padding:0px;
}
.w_1000px{
	width:1000px;
}

/*プライマリーナビ*/
#wrapper_p_menu{
	position:absolute;
	width:100%;
	z-index:3;
	top:0;
}

/*BEGIN:スライドメニューの背景カバー*/
.wrap_cover {
	display: block;
	visibility:hidden;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.5);
	z-index: -1;
}

.wrap_cover_close{
	-webkit-transition:opacity 200ms ease,z-index 0 linear 200ms,visibility 0 linear 200ms;
	transition:opacity 200ms ease,z-index 0 linear 200ms,visibility 0 linear 200ms;
	visibility:hidden;
	z-index:-1;
	opacity:0
}

.wrap_cover_open{
	-webkit-transition:opacity 200ms ease;
	transition:opacity 200ms ease;
	visibility:visible;
	z-index:10;
	opacity:1;
}
/*END:スライドメニューの背景カバー*/


/*コンテンツブロック*/
#wrapper_main{
	position:relative;
	z-index:1;
}
.front_page_main{
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.50);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.50);
}
.front_page_nobread{
	padding-top:0;
}
#content{
	width:100%;
	margin:0;
	padding:0;
	position:relative;
}
/*固定ページの1カラム*/
#content-1col{
	width:auto;
	margin:20px 0;
}
#content-1col section{
	margin: 0 15px;
}
/*投稿ページの1カラム*/
#content.cont-1col{
	width:auto;
	margin:0;
}

.artCont,
.artBox > div,
.artBox > ul{
	background-color:#FFFFFF;
	padding:15px 10px;
	margin-bottom:20px;
}
.artCont,
.artBox > div{
	margin-bottom: 0;
}
.artBox > div{/*スマホでの表示対策で左右のパディングを調整*/
	/*padding:21px 25px 15px;*/
	padding:21px 0 15px;
}	
.artCont ul,
.artCont ol{
	margin-bottom:30px;
}
.cont-1col .artCont,
.cont-1col .artBox > div,
.cont-1col .artBox > ul{
	padding:15px 5%;
}

.post{
	font-size:15px;
	line-height:27px;
}
.post a{
	text-decoration:underline;
}
.post img{
	vertical-align:baseline;
}
.archive a,
#comments.article a{
	text-decoration:none;
}

#sidebar{
	width:270px;
	display: block;
}

#wrapper_footer{
	border-top:4px solid #DE766B;
	font-size:13px;
	color:#CCCCCC;
	background: #333333;
}
 
/*-----------------------------------------------*/
/*ヘッダーのスタイル*/
#wrapper-1col #topH1{
	width:100%;
	border-top:solid 5px #DE766B;
}
#wrapper-1col_wide{
	border-top:solid 5px #DE766B;
}
div#wrapper-1col_container {
	width: auto;
	margin: auto;
}
.wrap_h1_mobile{
    border-bottom: 1px solid #ccc;
 	border-top: 3px solid #666;
}

#wrapper-1col .wrap_h1_mobile,
#wrapper-1col_wide .wrap_h1_mobile{
	margin: 0 auto;
	max-width: 900px;
}

#wrapper_header h1{
	font-size:13px;
	font-weight:normal;
	text-indent:5px;
	padding-top:0;
    line-height: 2;
    white-space: nowrap;
	overflow: scroll;
	max-width: 700px;
	margin: 0 auto;
	line-height: 1.8;
}
#wrapper-1col #topH1 h1,
#wrapper-1col_wide #topH1 h1{
	margin-top:2px;
	margin:2px 10px;
	font-weight:normal;
}
#header-1col h1{
	background-color:#DE766B;
	font-size:12px;
	color:#333333;
	text-indent:10px;
	height:26px;
	line-height:2.3;
	font-weight:bold;
	border-bottom:1px solid #FFF;
}
#hd_primary-1col{
	position:absolute;
	top:5px;
	width:900px;
	z-index:3;
}
#hd_title{
	min-height:53px;
	margin-right: 60px;
}
#hd_logo{
	float:left;
	overflow:hidden;
}
.hd_head_img{
	text-align: center;
}
.hd_logo_normal{
	width:100%;
}
.hd_logo_wide{
	width:100%;
}
.hd_logo_adsence{
	width:260px;
}
#hd_logo_txt{
	font-size:30px;
	font-weight:bold;
	line-height: 1.2;
    margin: 8px 10px 5px;
}
#hd_logo_des{
	font-size:14px;
	color:#999999;
	margin: 0px 10px 10px;;
}
#hd_logo_txt a,
#hd_logo_txt a:visited,
#hd_logo_txt a:hover{
	color:#333;
	text-decoration:none;
}
#hd_info{
	float:right;
	width:450px;
}
#head_adsence{
	float:right;
	width:728px;
	margin:10px 0;
	line-height:1;
}
#hd_logo a:hover img{
	opacity:1;
}
#p_menu{
	position:relative;
	width:1000px;
	margin:0px auto;
}
#primary_menu{
	line-height:1;
    padding: 0 8px 4px;
	position: absolute;
    right: 5px;
	-moz-border-radius:0px 0px 3px 3px;
	-webkit-border-radius:0px 0px 3px 3px;
	border-radius:0px 0px 3px 3px;
	behavior: url(http://monwara.net/?pie=true);
}
#primary_menu li{
	display:inline;
	font-size:12px;
	margin-left: 3px;
	padding-left: 8px;
	border-left: 1px solid #ccc;
	vertical-align:top;
}

#primary_menu li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}
#primary_menu a:hover,
	#primary_menu a:active,
	#primary_menu a:focus {
		text-decoration:underline;
		font-weight:bold;
	}
/*スライドメニューボタン*/
.menu_button {
	display: block !important;
	position: absolute;
	top: 0px;
	right:0px;
	margin: 5px 4px;
	width: 50px;
	color: #FFF;
	font-size: 7px;
	font-weight: bold;
	font-family: Arial;
	background-color: #498DFB;
	padding: 22px 0 5px 0px;
	text-align:center;
	border-radius:3px;
}
.wrapper_header a {
	-webkit-text-size-adjust: none;
}
.menu_button > .line,
.menu_button > .line:after,
.menu_button > .line:before {
	position: absolute;
	width: 26px;
	height: 2px;
	background-color: #ccc;
	left: 50%;
	margin-left: -13px;
}
.menu_button > .line:after,
.menu_button > .line:before {
	content: "";
}
.menu_button > .line {
	top: 7px;
}
.menu_button > .line:before {
	top: 10px;
}

.menu_button > .line:after {
	top: 5px;
}

/*検索フォームのスタイル*/
#searchBox{
	color: #666666;
    margin: 10px 10px 8px 15px;
	padding-left:5px;
	float:right;
	border:1px solid #CCC;
	height:21px;
	background-color:#FFFFFF;
}
#s{
	border:none;
	width:240px;
	vertical-align: baseline;
}
#searchsubmit{
	border:none;
	background-image:url(images/bt_search.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	background-color:#FFFFFF;
	padding-top:0px;
	padding-bottom:1px;
	padding-left: 22px;
	color:#666666;
}
#searchsubmit:hover{
	font-weight:bold;
}
/*for Webkit*/
#s::-webkit-input-placeholder,
 {
    color:silver;
}
/*for Firefox*/
#s:-moz-placeholder {
    color:silver;
}
/*for IE10*/
#s:-ms-input-placeholder {
	color:silver;
}
/*Googleカスタム検索*/
#searchBoxGoogle{
	color: #666666;
    margin: 0px 10px 2px 15px;
	padding-left:5px;
	float:right;
	line-height:1;
	font-size:8px;
	}
.article .gsc-control-wrapper-cse table,
.article .gsc-control-wrapper-cse th,
.article .gsc-control-wrapper-cse td{
	border:none;
}
.gserchText{
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	font-weight:normal;
}
.gserchBox{
	display:table-cell;
	width:300px;
}
.sideBox .gserchText{
	display:block;
	font-size:12px;
	font-weight:normal;
	margin:0 0 5px;
}
.sideBox .gserchBox{
	display:block;
	width:280px;
}
/*グローバルナビのスタイル*/
#hd_nav{
	border-top:solid 2px #DE766B;
	background-color:#FFF;
}
.no_g_menu{
	border-bottom:solid 2px #DE766B;
}
#hd_nav_container{
	width:1000px;
	margin:0px auto;
	min-height:48px;
}
#hd_nav_home{
	width:38px;
	display:block;
	border-width:1px;
	border-color:#CCCCCC;
	border-style:none solid;
	float:left;
	height:43px;
	font-size:22px;
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	line-height:15px;
	text-decoration:none;
}
.main_nav_home_span{
	font-size:9px;	
}
.current,
.current:visited {
	color:#FFFFFF;
}
.no_current,
.no_current:visited {
	background-color:#F1F1F1;
	color:#333333;
}

#hd_nav_home:hover{
	text-decoration:none;
}
#hd_nav ul{
	margin:0px auto;
	float:left;
}
#hd_nav ul li{
	float:left;
	border-right:solid 1px #CCCCCC;
	line-height:1em;
	min-height:48px;
	width:191px;	
}
#menu a{
	display:block;
	padding: 10px 5px 5px;
	height:33px;
	overflow:hidden;
	white-space:nowrap;
	text-align:center;
	text-overflow: ellipsis;   /* IE6以上 */
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis;   /* Opera */
	transition: background-color .2s ease-out;
}
#menu a span {
	font-size:11px;
	color:#999;
	font-weight:normal;
	display:block;
	margin-top:5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;   /* IE6以上 */
   -webkit-text-overflow: ellipsis; /* Safari */
   -o-text-overflow: ellipsis;   /* Opera */
}
#menu a,
#menu a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#333;
}

#menu a:hover,
#menu a:active,
#menu a:focus{
	background-color:#DFE3E6;
	color:#FFFFFF;
}
#menu a:hover span,
#menu a:active span,
#menu a:focus span{
	color:#FFFFFF;
}
	
#hd_headCopy{
	line-height:0;
	border-bottom:solid 1px #CCCCCC;
	padding-bottom:0;
	text-align:center;
}
.wrapper_bread{
	position:relative;
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding:5px 0 5px;
}
.main_social{
	position:absolute;
	top:0;
	right:0;
}
#wrapper-1col #hd_bread{
	width:auto;
	margin: 0;
	padding:2px 10px;
}
.wrapper_bread_mobile{
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	border-top:3px solid #666;
}
#hd_bread{
	width:100%;
	max-width: 700px;
	margin: 0px auto;
	padding:0;
	color:#666666;
	white-space: nowrap;
	overflow: scroll;
}
#hd_bread h1{
	display: inline;
	font-weight: normal;
}
#hd_bread ol{
	padding:2px 0px;
	font-size:13px;
}
#hd_bread ol li{
	display: inline-block;
	margin-left:5px;	
}
#hd_bread a,
#hd_bread a:visited{
	padding:3px 0px 2px 0px;
	background-repeat:no-repeat;
	background-position:top right;
}
#hd_bread a:hover,
#hd_bread a:focus,
#hd_bread a:active{
	text-decoration:none;
}
.hd_social{
	float:right;
}
.flexslider a:hover img{
	opacity:1
}

/*-----------------------------------------------*/
/*記事・アーカイブで使うスタイル*/
h4 {
	border-left: 3px solid #333333;
    color: #333333;
    font-size: 20px;
    font-weight: normal;
    margin: 30px 0 15px;
    padding: 5px 10px;
}
h5{
	font-size: 18px;
    font-weight:normal;
    line-height: 1.2em;
    margin: 20px 5px 10px;
}
h6{
	font-size: 16px;
    font-weight:normal;
    line-height: 1.2em;
    margin: 20px 5px 10px;
}

/*ヘッダー・段落*/
#content h2,
#content-1col h2{
    border-color: #ccc;
    border-style: solid none;
    border-width: 1px;
	font-size:20px;
    line-height: 1.5;
    padding: 5px 10px 5px 15px;
	background: #ffffff;
	position:relative;
	margin-bottom:-6px;
	z-index:1;
}

#content-1col h2{
	font-size:22px;
    padding: 15px 10px 15px 15px;
}

#content .post h2,
#content #comments h2{
	border-top: none;
}
#content-1col h2:before,
#content h2:before{
	content:'';
	position:absolute;
	top:-1px;
	left:-1px;
	height:100%;
	width:4px;
	background-color:#3CF;
	padding-bottom:2px;
}
#content-1col .article h2{
	margin-bottom:20px;
}
.post h3 a,
.post h3 a:visited,
.toc_box h3 a,
.toc_box h3 a:visited,
.archive h3 a,
.archive h3 a:visited
{
	color:#333333;
}
.post h3,
.toc_box h3 {
	border-width:1px;
	border-color:#ccc;
	border-style:solid;
	font-size: 16px;
    margin: 25px 0px 15px;
    padding: 10px 15px;
	background: #ffffff;
	position:relative;
	line-height:1.2
}
.post h3:before,
.toc_box h3:before {
	content:'';
	position:absolute;
	top:-1px;
	left:-1px;
	height:100%;
	width:3px;
	background-color:#3CF;
	padding-bottom:2px;
}
.article h3{
	/*margin-left:-5px;
	margin-right:-5px;*/
}
#content-1col .custom_h3 h3{
	border-style: none;
	font-size: 20px;
	margin: 25px -15px 15px;
	padding: 23px 15px;
	background: #ffffff;
	line-height: 1.2;
}

.toc_box h3{
	margin-top:0px;
}

.article p{
	margin:5px 0px 30px;
	word-break: break-word;
	overflow-wrap: break-word;
}
.article ul,
.sideBox ul ul,
.footBox ul{
	list-style-type:disc;
	margin-left:26px;
}
.sideBox ul ul{
	margin-left:35px;
	border:none;
	background-color:transparent;
}
.article ol,
.sideBox ol,
.footBox ol{
	list-style-type:decimal;
	margin-left:30px;
}
.sideBox ol{
	margin-left:40px;
}

/*blockquoteのスタイル*/
blockquote{
	display:block;
	margin: 20px 5px 20px !important;
	background: url(images/bk-blockquote-l.png) no-repeat scroll 5px 0;
	border: 1px solid #DEDEDE;
	background-color: #F5F5F5;
	padding: 0px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
blockquote:after{
	position:absolute;
	bottom: 0px;
	right: 5px;
	content: url(images/bk-blockquote-r.png);
}
.article blockquote p {
	padding:15px 30px;
	margin:5px 0;
}
/*アドセンスの表示*/
.post_adsence_center{
	margin: 20px -30px 0;
	text-align: center;	
}
.ad_h3_mobile{
	margin: 20px 0 0;
}
.post_adsence_center .ad_label{
	text-align:center;
	margin:0 auto 0;
}
.post_adsence_left{
	margin: 20px 0 0;
	text-align: left;	
}
post_adsence_left .ad_label{
	text-align:left;
	margin:0 auto 5px;
}
.ad_left{
	text-align:left;
}

/*テーブル*/
.article table{
	border:solid 1px #CCCCCC;
	clear: both;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	border-collapse: collapse;
	font-size: 13px;
	line-height: 1.4;
	background-color:#FFF;
}
.article th,
.article td{
	border:solid 1px #CCCCCC;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

.article .hidari th,
.article .hidari td,
.article .hidari .tabmaru{
	text-align:left
}
.article .migi th,
.article .migi td,
.article .migi .tabmaru{
	text-align:right
}
.article th{
	background-color:#0E7AC4;
	color:#FFFFFF;
	font-weight:bold;
}

.article .tab_pink th{
	background-color:#F07FA3;
	color:#FFFFFF;
}

.article .tab_black th{
	background-color:#333;
	color:#FFFFFF;	
}
.article .tab_green th{
	background-color:#090;
	color:#FFFFFF;
}
.article .tab_white th,
.tab_white .midasi{
	color:#333;	
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 5%, #f7f7f7 15%, #ffffff 56%);	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#f4f4f4), color-stop(15%,#f7f7f7), color-stop(56%,#ffffff));	
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 5%,#f7f7f7 15%,#ffffff 56%);	
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 5%,#f7f7f7 15%,#ffffff 56%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 5%,#f7f7f7 15%,#ffffff 56%);	
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 5%,#f7f7f7 15%,#ffffff 56%);	
	-pie-background: linear-gradient(#ffffff 0%,#f4f4f4 5%,#f7f7f7 15%,#ffffff 56%);
}
.midasi{
	font-weight:bold;
	background-color:#E6F0FF;
	color:#28559D;
	vertical-align:middle;
}

.tab_pink .midasi{
	background-color:#FFFAFA;
	color:#EF5689;
}

.tab_black .midasi{
	background-color:#E7E7E7;
	color:#333333;
}

.tab_green .midasi{
	background-color:#E2FFE2;
	color:#009900;
}
.article table img {
	vertical-align: bottom;
}

.article .no-border-table,
.article .no-border-table th,
.article .no-border-table td,
.article .tate-border-table,
.article .yoko-border-table{
    border:none;
}


.article .tate-border-table th,
.article .tate-border-table td{
    border-style:none solid;
}


.article .yoko-border-table th,
.article .yoko-border-table td{
	border-style:solid none;
}

/*キャプション付きの枠*/
.photo_frame{
	background-color:#FFF;
	border:solid 2px #CCC;
	padding-top: 10px;
    text-align: center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.pf_text{
	padding:5px;
	text-align:left;
	background-color:#FFFFFF;
	margin:0px 10px 10px;
}
.pf_text p{
	margin:0px;
	line-height:1.2;
}

.pf_color_pink{
	border-color:#FA9095;
	background-color:#FFE8E8;
}
.pf_color_blue{
	border-color:#3578CF;
	background-color:#DCEDFF;
}
.pf_color_green{
	border-color:#4FC31E;
	background-color:#E3F0DF;
}
.pf_color_black{
	border-color:#333;
	background-color:#EFEFEF;
}
/*ソーシャルボタンのスタイル*/
.art_social{
	border: 1px solid #CCCCCC;
	border-top-style: none;
    margin: 0x;
    padding: 13px;
    text-align: center;
	line-height:0;
	position:relative;
	z-index:4;
	background-color: #fff;
	
}
/*=======コメント用スタイル======*/

#comments p{
	padding:5px;
	margin:0px;
}
#comments ol{
	margin-left:0px;
}
#comments h3{
	margin: 10px 0 10px;
}
#postcomment{
	margin-bottom:40px;
}
#postcomment h3{
 	margin:0px;
	padding:0px 0px 0px 20px;
	color:#333;
	font-size:14px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}
#commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar {
	float: left;
	border: 1px solid #CCC;
	padding: 2px;
	background: #fff;
	margin:0px 5px 0px 0px;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
}
ul.children{
	margin-left:40px;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform dl{
	margin-top:10px;
}
#commentform dt{
	width:110px;
	float:left;
	clear:left;
	text-align:left;
	line-height:2em;
	padding-top:2px;
	padding-left:15px;

}
#commentform dd{
	text-align:left;
	float:left;
	line-height:2em;
}
#commentform p {
	clear:left;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin-bottom:2px;
}
.commentmetadata {
	font-weight: normal;
	margin-top:5px;
}
#commentform input {
	width: 240px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width:98%;
	padding: 3px;
	border:1px solid #e4e4e4;
}
#submit {
	padding:10px 15px;
	text-align:center;
}
.commentMeta{
	padding:5px;
	line-height:150%;
}
.alt {
	margin: 0;
	padding: 10px;
}
#comments ol.commentlist li {
	list-style-type:none;
	padding: 10px 5px 10px;
}
#comments .wrapper  {
	padding: 10px;
}

#trackbacks input{
	width:100%;
}
.avatarImg{
	display:inline;
	padding-right:5px;
}
.comAuthor{
	font-weight:bold;
}
.comDate{
	padding:5px;
}
.commentAuthor{
	margin:10px 0px 0px;
}
.commentCont{
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	border-bottom-style:dotted;
	margin-bottom:10px;
	clear:both
}
/*目次機能のスタイル*/
.toc_parent{
	margin:20px 10px 10px;
}
.toc_parent:first-child{
	margin-top:0px;
}
.toc_parent h3{
	margin-bottom:17px;
}
.toc_img{
	width:60px;
	float:left;
	margin: 0 0px 5px 5px;
}
.toc_content{
	float:none;
	width:auto;
	margin: 0 5px;
	margin-left: 5px;
}
.toc_desc{
	padding:0px 0px 5px;
	line-height: 1.3;
}
.toc_children{
	margin:0px 5px 5px 0px;
	clear: both;
}
.toc_children li{
	background-image: url(images/a_arrow_orange.png);
    background-repeat: no-repeat;
	background-position:left top;
    display: block;
    float: left;
    line-height: 1.2;
    padding: 5px 5px 10px 25px;
    width: 200px;
}
.toc_separtor{
	clear:both;
	padding:0px;
	margin:0px;
}
.go_toc{
	text-align:center;
	clear:both;
}
.go_toc a {
  width: 80%;
  margin: 0;
  padding: 5px;
  white-space: normal;
}
/*-----------------------------------------------*/
/*カテゴリページのスタイル*/
.eyeCathcImg{
	float:left;
	width:50px;
}
.abstBox{
	margin-left: 60px;
	margin-right: 22px;
}
.archive article{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.category_social{
	border-bottom: 1px dotted #CCCCCC;
    border-top: 1px dotted #CCCCCC;
    margin: 10px 10px 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.des_category{
	border:1px solid #CCC;
	border-style: solid none;
	padding:10px;
	background-color:#EFEFEF;
	margin-bottom:0px;
}
.artCont{
	border-bottom: 1px solid #ccc;
}
.archive .artCont{
	padding: 15px 0 0;
	border-bottom: none;
}
.archive h3{
	font-size: 15px;
	margin:0 0 3px;
}
.abstBox {
  margin-left: 60px;
  margin-right: 22px;
  height:63px;
  overflow: hidden;
  white-space: normal;
  font-size: 13px;
  line-height: 1.5;
}
.abstBox p{
	margin:0;
}


/*ページナビゲーション用のスタイル*/
.tablenav {
	color: #2583ad;	
	line-height:2em;
	text-align:center;
	font-size:16px;
	background-color: #fff;
	padding: 1em 0;
	border-bottom: 1px solid #ccc;
}
.page-numbers,
.tablenav .current {
	color: #00019b;
	padding: 3px .6em;
	border-style:solid;
	border-width:1px;
	border-color:#CCC;
	text-decoration:none;
	font-size:smaller;
	background-color:white;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
}
.page-numbers:hover{
	background-color:#EFEFEF;
}

.tablenav .current {
	font-weight:bold;
	background-color:#EFEFEF;
}

.tablenav .next, .tablenav .prev {
	border:1 none;
	background:white;
	font-size:smaller;
}


/*-----------------------------------------------*/
/*サイドバーのスタイル*/

/*スライドメニュー用スタイル（スマホのみ）*/
.mobile_sidebar{
	position:fixed;
	top:0;
	left:-270px;
	-webkit-overflow-scrolling:touch;
	overflow:scroll;
	background-color:#F5F5F5;
	height:44px;
}
.mobile_sidebar.navi_close{
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 200ms ease,z-index 0 ease 200ms,visibility 0 linear 200ms;
	transform: translate3d(0,0,0);
	transition: transform 200ms ease,z-index 0 ease 200ms,visibility 0 linear 200ms;
	visibility:hidden;
	z-index:-1;
}

.mobile_sidebar.navi_open{
	z-index:1000;
	visibility:visible;
	-webkit-transform: translate3d(270px,0,0);
	-webkit-transition: -webkit-transform 200ms ease;
	transform: translate3d(270px,0,0);
	transition: transform 200ms ease;
	
}

.mobile_nav{
	margin:10px 10px;
}
#mobile_serch{
	border-bottom:1px solid #666;
	overflow: hidden;
}
#mobile_serch #searchBox{
	height: 27px;
	width: 230px;
	float: none;
	margin: 8px auto;
	border-radius:10px;
}
#mobile_serch #s{
	-webkit-appearance: none;
	width:185px;
	height:20px;
	font-size:12px;
}

#mobile_serch #searchsubmit{
	-webkit-appearance: none;
	font-size: 12px;
	text-indent: 30px;
	width:24px;
	height:20px;
	padding-left:0;
	padding-right:0;
	overflow:hidden;
}
#mobile_serch .gsc-input-box{
	height:auto;
}
.sideBox {
margin: 0;
border: none;
background-color:transparent;
}
.sideBox h2{
	padding: 12px 5px 12px 15px;
}
.sideBox h2.with_img{
	background-color:transparent;
	padding:0px;
	border-style:none;
}
.sideBox a{
	text-decoration:none;
	display:block;
	padding:5px 5px 5px 10px;
	min-height: 44px;
}
.sideBox li {
	background-image:none;
	padding: 0;
	margin:0;
	border-bottom:1px solid #666;
}
.sideBox li:last-child{
	border-bottom: none;
}
.sideBox li.cat-item {
	background-image: url(http://monwara.net/wp-content/themes/msx-02-20150416-2/images/list_1st.png);
	padding: 0 0 0px 15px;
	background-position: 5px 7px;
}

.generalBox .cat-item .children li,
.sideBox .children li {
	background-image:none;
	padding:0;
}

.sideBox li span.icon-home{
	font-size: 22px;
	display: inline;
	margin: 0 5px 0 0;
	color:#003399;
}
.sideBox ul, .sideBox .textwidget {
	padding: 0;
}
.sideBox .cat_count{
	float:right;
	font-size: 15px;
	color: inherit;
	padding:0 5px;
}
.boxContent a{
	display:inline;
	padding:0;
	line-height:2;
}
.sideBox .cat-item,
.sideBox .menu-item{
	min-height:54px;
}
.sidebar_button{
	text-align: center;
	background-color:#999;
	padding: 5px 0;
	margin: 9px;
	border-radius: 5px;
	display:inline-block;
}
.sidebar_pc{
	width:170px;
	margin-right:5px;
}
.sidebar_close{
	margin-left: 10px;
	padding: 6px 7px 5px;
}
.sidebar_button a{
	text-decoration:none;
}
.sb_icon-pc{
	margin-right: 10px;
	vertical-align: text-top;
}

.sideBox .catRankOrder li {
	padding-left: 30px;
}

/*END:スマホ用*/


/*矢印付きリンク*/
.arrow-orange:before,
.arrow-blue:before,
.arrow-red:before,
.arrow-pink:before,
.arrow-green:before{
	position: relative;
	top: 9px;
}

.arrow-orange:before{
	content:url(images/a_arrow_orange.png);
}
.arrow-blue:before{
	content:url(images/a_arrow_blue.png);
}
.arrow-red:before{
	content:url(images/a_arrow_red.png);
}
.arrow-pink:before{
	content:url(images/a_arrow_pink.png);
}
.arrow-green:before{
	content:url(images/a_arrow_green.png);
}

/*▶付きリンク*/
.delta2-orange:before,
.delta2-blue:before,
.delta2-red:before,
.delta2-pink:before,
.delta2-green:before{
	content:"▶▶";
	display:inline-block;
	margin:0 2px;
}

.delta3-orange:before,
.delta3-blue:before,
.delta3-red:before,
.delta3-pink:before,
.delta3-green:before{
	content:"▶▶▶";
	display:inline-block;
	margin:0 2px;
}


.delta2-orange:before,
.delta3-orange:before {
	color:#FFAF46;
}
.delta2-blue:before,
.delta3-blue:before {
	color:#06F;
}
.delta2-red:before,
.delta3-red:before {
	color:#C30;
}
.delta2-pink:before,
.delta3-pink:before {
	color:#FF9999;
}
.delta2-green:before,
.delta3-green:before {
	color:#339900;
}


.aw_nav_menu,.mpTextBox{
	border-style:none solid solid;
	border-width:1px;
	border-color:#CCCCCC;
}
.aw_nav_menu li {
	margin:0px 0px 3px;
}
.aw_nav_menu li a{
	text-decoration:none;
	padding: 5px 5px 5px 30px;
	background-image:url(images/a_arrow_orange.png);
	background-repeat:no-repeat;
	background-position: 3px 4px;
	display:block;
}

.aw_nav_menu li .wrap_menu_eyecatch a{
	background-image:none;
	padding:10px;
	overflow:hidden;
}
.wrap_menu_eyecatch {
 	border-bottom: 1px dotted #ccc;
}
.aw_nav_menu li:last-child .wrap_menu_eyecatch{
	border-bottom:none;
}

.menu_eyecatch{
	float:left;
	margin-right:5px;
}
.menu_eyecatch_title {
	padding: 15px 0;
}
.aw_nav_menu li.noChildren{
	padding: 10px 10px 5px;	
}
.aw_nav_menu a:hover{
	color:#FF6600;
	background-color:#EFEFEF;
	background-image:url(images/a_arrow_red.png);
}
.nobgcolor a:hover{
	background-color:transparent;
}

.sideBox .mpTextBox p,
.sideBox .textwidget p{
	padding:10px 20px;
}
.sideBox ul.mpTextBox_noTitle{
	border-top-style:solid;
}
.sideBox ul.noBorder,
.artBox .noBorder,
.footBox ul.noBorder{
	border:none;
}
.sideBox ul.nobgcolor,
.artBox .nobgcolor,
.footBox ul.nobgcolor{
	background-color:transparent;
}
.artBox .noPadding{
	padding:0px;
}
/*-----------------------------------------------*/
/*footerのスタイル*/
.footCopy{
	font-size:9px;
	display:block;
	text-align:center;
	border-top:solid 1px #ccc;
	clear:both;
}
#footContent a,
#footContent a:visited,
.footCopy a,
.footCopy a:visited,
.foot_m_b,
.foot_m_b:visited{
	color:#CCCCCC;
}
.footer a:hover,
.footer a:focus{
	text-decoration:underline;
}

#footContent{
	font-size:13px;
	line-height:1.5em;
	margin:0;
}
#footContent .menu{
	list-style:none;
	margin-left:10px;
}
#footContent h2{
	font-weight:normal;
	color:#333;
	margin: 0 0 5px;
	padding: 5px 10px;
	background-color:#DFDFDF;
	font-size:15px;
	font-weight: bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align: center;
}
.footColmun{
	margin: 10px auto;
}
.firstCol,
.footCol-2,
.footCol-3,
.footCol-4{
	width: 90%;
}
.footBox {
	margin:15px 0;
}
/*フッターに表示するグローバルメニュー（スマホのみ）*/

.footMenu {
  background-color: #FFFFFF;
  margin: 15px;
}
.footMenu li {
  height: 50px;
  display: block;
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin: 0;
}
.footMenu a {
  font-weight: bold;
  color: #333;
  padding: 10px 5px 4px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  line-height: 1.2;
}
.footMenu .menu-item span {
  font-weight: normal;
  color: #999;
  font-size: 12px;
}
/*フッターに表示するソーシャルボタン（スマホのみ）*/
.home_social_area {
	position: relative;
	background-color: #333;
	margin: 0;
	padding: 12px 10px 0;
}
/*スライドメニューボタン*/
.wrap_go_top_tab{
	width:100%;
}
.foot_m_b .icon-delta-r{
	margin-left:6px;
}
.foot_m_b{
	display:block;
	margin:10px auto;
	text-align:center;
	background-color:#CCC;
	padding:15px 0;
	font-weight:bold;
	position:relative;
}
a.foot_m_b:hover,
a.foot_m_b:focus,
.footNav a:hover,
.footNav a:focus{
	text-decoration: none;
}
/*フッターボタン*/
.footNav{
	border-top:1px solid #ccc;
}
.footNav li{
	display:block;
	float:left;
	width:33%;
	text-align:center;
}
.footNavTop li{
	width:50%;
	margin-left:-1px
}
.footNav a{
	display:block;
	font-size: 12px;
	padding: 5px 0;
	height:44px
}
.footNavTop a{
	padding:18px 0 0;
}
.foot_pc{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.icon-sp, .icon-arrow-pc, .icon-pc, .icon-home, .icon-arrow {
	font-size:20px;
}
.icon-line-m{
	font-size:15px;
	margin-right:5px;
}

/*==================================================
  ウィジェットで使うクラス達
==================================================*/	
.widget_upper,
.widget_bottom{
	margin:0;
	background-color: #fff;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
}

#content .widget_bottom div:first-child h2,
#content .widget_upper div:first-child h2{
	border-top-style: none;
}

.historyBox dl{
	display:block;
	border-bottom: 1px dotted #CCCCCC;
	margin:0 0 15px;
}
.historyBox dl:last-child{
	border-bottom:none;
	margin-bottom:0;
}
.historyBox dt,
.historyBox dd{
	display:table-cell;
	vertical-align:top;
}

.widget_bottom .historyBox dd{
	vertical-align:middle;
}

.historyBox dt{
	margin-right:10px;
	margin-bottom:5px;
	width: 50px;
}
.historyBox dd {
	margin:5px 0px 0px;
	padding-top:5px;
	padding-left: 10px;
}	
.artBox{
	margin:0;
}
.widget_bottom p,
.widget_upper p{
	margin:10px 0px;
}
.sideBox .historyBox{
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-top: -5px;
	padding: 10px 10px 5px;
}

.sideBox > div,
.sideBox > ul{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top: -5px;
	z-index: 0;
	position: relative;
	padding-top: 5px;
}
.sideBox .wrapper_serachBox {
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #ccc;
}
.sideBox #searchBox {
	margin: 10px 10px 8px 10px;
	padding-left: 5px;
	float:none;
}
.sideBox #searchBoxGoogle {
	margin: 10px 10px 10px 5px;
	padding-left: 5px;
	float: none;
}
#s {
	border: none;
	width: 210px;
	vertical-align: baseline;
}
/*見出し画像付きメニューウィジェットのフッター用書式*/
.footBox ul.aw_nav_menu{
	list-style:none;
	margin:0 0 0;
	border:none;
}

.footBox ul.aw_nav_menu a:hover {
	background-color:transparent;
}

#footContent h2.with_img {
	padding:0;
	background-color:transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	text-align:left;
}

/*==================================================
  スライドショーで使うクラス達
==================================================*/
.bx-wrapper .bx-next{
	background-image:none;
}

.bx-wrapper .bx-controls-direction a{
	text-indent:0;
}


/*==================================================
  ショートコードで使うクラス達
==================================================*/
/*-----------------------------------------*/
/*　　Googleカスタム検索ショートコード　*/
/*-----------------------------------------*/
.post .wrap_gcse_aw table,
.post .wrap_gcse_aw tr,
.post .wrap_gcse_aw td
{
	border:none;
}
.post .wrap_gcse_aw table{
	margin:0;
	line-height:normal;
}

.post .wrap_gcse_aw .gsc-input-box table{
	line-height:1.7;
}
.post .wrap_gcse_aw tr,
.post .wrap_gcse_aw td{
	padding:0;
}
.post .wrap_gcse_aw .gsc-control-cse {
	margin: auto;
}
.post .gsc-wrapper {
	line-height: normal;
}

.post .gsc-input-box{
	height:32px !important;
}
/*-----------------------------------------*/
/*****[tokushu]ショートコード用のスタイル*****/
/*-----------------------------------------*/
.tokushuu_v{
	margin-bottom:30px;
	border:2px solid;
	padding-bottom:5px;
}
.h_tokushuu{
	margin-bottom:0px;
	padding: 15px 10px 5px;
	font-weight:bold;
	font-size:20px;
}
.f_list_rank{
	margin: 0 5px 5px;
	font-size:18px;
	font-weight:bold;
}
.f_list_rank span{
	font-size:23px;
}

.article .f_v_container{
	margin-left:0px;
	padding:10px 0px 0px;
}
.f_list:first-child{
	border-top:none;
	padding-top:10px;
}
.f_list{
	border-top: 2px dotted #CCCCCC;
    list-style: none outside none;
    margin: 0 10px 15px;
	padding-top:10px;
}
.f_list_img{
	float: left;
	width:65px;
	margin-left:0px;
}
.f_list_img img{
	border:1px solid #CCC;
	vertical-align:bottom;
}
.f_list_text{
	width:100%;
	line-height:1.5;
}
.f_list_text p{
	margin-bottom: 10px
}
.f_list_title {
	font-size: 18px;
    font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
    display: block;
    margin-left: 70px;
    min-height: 60px;
}
.f_list_go{
	margin-right:0px;
	text-align: center;
}

.f_list_go .button{
	width: 70%;
}

/*-----------------------------------------*/
/*****[box]ショートコード用のスタイル*****/
/*-----------------------------------------*/
.custBox{
	margin:10px 10px 30px;
	border-style:solid;
	border-width:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
}
.box_no_border{
	border:none;
}
.custBox_title{
	padding:7px 20px;
	background-color:#FDC4C1;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}
.custBox_cont{
	margin:0;
}
.custBox_cont p{
	margin:5px 10px 30px;
}
.box_no_border .custBox_cont{
	margin:30px 0;
}
.article .custBox h3{
	font-size:16px;
	color:#1977A9;
	background:none;
	border:none;
	padding:0px 0px 0px;
	margin:5px 0px;
}


#sidebar .custBox{
	margin:-5px 0px 0px;
	padding:10px 10px;
}
#sidebar .custBox_cont{
	margin:15px 5px;
}

/********ピンク*******/
/*外枠*/
.box_pink,
.box_pink-pink,
.box_pink-gray,
.box_pink .balloonText{
	border-color:#F07FA3;
		
}
/*タイトル*/
.box_pink .custBox_title,
.box_pink-gray .custBox_title{
	background-color:#F07FA3;
	color:#FFF;
}
.box_pink-pink .custBox_title{
	background-color:transparent;
	color:#990000;
	margin-bottom: -12px;
}
/*背景色*/
.box_pink-pink{
	background-color:#FFE8E8;
}
.box_pink-gray{
	background-color:#F1F1F1;
}
/*******水色******/
/*外枠*/
.box_blue,
.box_blue-blue,
.box_blue-gray,
.box_blue .balloonText{
	border-color:#0E7AC4;
		
}
/*タイトル*/
.box_blue .custBox_title,
.box_blue-gray .custBox_title{
	background-color:#0E7AC4;
	color:#FFF;
}
.box_blue-blue .custBox_title{
	background-color:transparent;
	color:#4973A6;
	margin-bottom: -12px;
}
/*背景色*/
.box_blue-blue{
	background-color:#E0FBFF;
}
.box_blue-gray{
	background-color:#F1F1F1;
}

/******黄緑******/
/*外枠*/
.box_green,
.box_green-green,
.box_green-gray,
.box_green .balloonText{
	border-color:#509B49;
		
}
/*タイトル*/
.box_green .custBox_title,
.box_green-gray .custBox_title{
	background-color:#509B49;
	color:#FFF;
}
.box_green-green .custBox_title{
	background-color:transparent;
	color:#477E26;
	margin-bottom: -12px;
}
/*背景色*/
.box_green-green{
	background-color:#DCFDCC;
}
.box_green-gray{
	background-color:#F1F1F1;
}
/******ブラック*****/
/*外枠*/
.box_black,
.box_black-gray,
.box_black .balloonText{
	border-color:#000000;
		
}
/*タイトル*/
.box_black .custBox_title,
.box_black-gray .custBox_title{
	background-color:#000000;
	color:#FFF;
}
/*背景色*/
.box_black-gray{
	background-color:#F1F1F1;
}

/*-----------------------------------------*/
/*****[d_box]ショートコード用のスタイル*****/
/*-----------------------------------------*/
.dCustBox{
	margin:10px 10px 30px;
	background-color:#F5F5F5;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	box-shadow:1px 1px 2px #ccc;
	position:relative;	
	background-image:url(images/bk_d_pf.jpg);
	background-repeat:repeat;
}
.dCustBox_title{
	padding:7px 20px;
	background-color:#FDC4C1;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}
.dCustBox_cont{
	margin:0px 30px;
	padding-top:10px;
	padding-bottom:10px;
}
.article .dCustBox h3{
	font-size:16px;
	color:#1977A9;
	background:none;
	border:none;
	padding:0px 0px 0px;
	margin:5px 0px;
}
.dCustom_box p{
	margin:5px 0px;
}
#sidebar .dCustBox{
	margin:10px 0px;
	padding:10px 10px;
}

.dCustBox>div:first-child{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
}
/*wood clip*/
.wood{
	margin-top:95px;
}
.decorate_wood{
	top:-73px;
}
.wood .dCustBox_cont{
	padding-top:25px;
}
/*clip*/
.clip{
	margin-top:15px;
}
.decorate_clip{
	top:-6px;
}
.clip .dCustBox_cont{
	padding-top:50px;
}
/*double clip*/
.d_clip{
	margin-top:60px;
}
.decorate_d_clip{
	top:-50px;
}
.d_clip .dCustBox_cont{
	padding-top:40px;
}
/*pin*/
.pin{
	margin-top:30px;
}
.decorate_pin{
	top:-20px;
}
.pin .dCustBox_cont{
	padding-top:25px;
}
/*map pin*/
.map_pin{
	margin-top:25px;
}
.decorate_map_pin{
	top:-15px;
}
.map_pin .dCustBox_cont{
	padding-top:20px;
}
/*tape*/
.tape{
	margin-top:30px;
}
.decorate_tape{
	top:-17px;
}
.tape .dCustBox_cont{
	padding-top:25px;
}
/*-----------------------------------------*/
/*****[d_photo_frame]ショートコード用のスタイル*****/
/*-----------------------------------------*/
.d_photo_frame{
	background-color:#F5F5F5;
	-webkit-box-shadow:1px 1px 2px #ccc;
	-moz-box-shadow:1px 1px 2px #ccc;
	box-shadow:1px 1px 2px #ccc;
	position:relative;
	background-image:url(images/bk_d_pf.jpg);
	background-repeat:repeat;
	margin-bottom: 15px;
}

.d_pf_text{
	margin:0px 20px;
	padding-bottom:10px;
}
#sidebar .d_pf_text{
	margin:0;
}
.article .d_pf_text h3{
	font-size:16px;
	color:#1977A9;
	background:none;
	border:none;
	padding:0px 0px 0px;
	margin:5px 0px;
}
.d_pf_text p{
	margin:5px 0px;
}
.imgframe{
	text-align:center;
	padding: 0 8px;
}
.imgframe img{
	padding:1px;
	border:1px solid #CCC;
}
.d_photo_frame div:first-child{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
}

/*wood clip*/
.pf_decorate_wood{
	top:-73px;
}
.wood .imgframe{
	padding-top:25px;
}
/*clip*/
.pf_decorate_clip{
	top:-6px;
}
.clip .imgframe{
	padding-top:50px;
}
/*double clip*/
.pf_decorate_d_clip{
	top:-50px;
}
.d_clip .imgframe{
	padding-top:40px;
}
/*pin*/
.pf_decorate_pin{
	top:-20px;
}
.pin .imgframe{
	padding-top:25px;
}
/*map pin*/
.pf_decorate_map_pin{
	top:-15px;
}
.map_pin .imgframe{
	padding-top:20px;
}
/*tape*/
.pf_decorate_tape{
	top:-17px;
}
.tape .imgframe{
	padding-top:25px;
}
/*-----------------------------------------*/
/*****[popular]ショートコード用のスタイル*****/
/*-----------------------------------------*/
ul.f_container,
ol.r_container{
	list-style:none;
	margin:10px auto 25px;
	text-align:center;
}
ul.f_container li,
ol.r_container li{
	display:inline-block;
	width:90%%;
	border:1px solid #CCC;
	text-align:center;
	overflow:hidden;
	vertical-align:top;
	margin-bottom: 10px;
}

ul.f_container li {
	color:#000000;
}
.f_box_img {
  display: block;
  float: left;
  width: 200px;
}
.f_box_text{
	text-align:left;
}
.f_box img{
	margin:8px;
	border:1px solid #CCC;
	vertical-align:bottom;
}
.f_box p{
	margin-bottom:5px;
}
.f_box_text p{
	font-size:13px;
	margin:8px 8px;
	line-height:1.5em;
}
.f_box_button{
	text-align:center;
	margin: 5px 0 10px 0;
	clear: both;
}
.f_box_button .button{
	width: 80%;
}
.r_box_title{
	font-weight:bold;
	text-align:left;
	margin:12px 5px 5px 35px;
	line-height:1.2;
	font-size:17px;
}
.go_toc a,
.f_list_go a,
.f_box_button a{
	position: relative;
}

.f_list_go a:after,
.f_box_button a:after{
	content: '＞';
	position: absolute;
	right: 5px;
}
/*-----------------------------------------*/
/*　　[ranking_yoko]ランキング版ショートコード　*/
/*-----------------------------------------*/
.r_container li{
	list-style:none;
	background-repeat:no-repeat;
	background-position:8px 5px;
	background-size: 26px;
}
.r_container li:first-child{
	background-image:url(images/rank_list_1st_r.png);	
}
.r_container li:nth-child(2){
	background-image:url(images/rank_list_2nd_r.png);
}
.r_container li:nth-child(3){
	background-image:url(images/rank_list_3rd_r.png);
}
.r_container .r_box_title{
	margin:12px 5px 5px 40px;
}
/*レーティング画像のスタイル*/
.rating_star,
.rating_maru{
	vertical-align:baseline;
}
/*-----------------------------------------*/
/*****[point]ショートコード用のスタイル*****/
/*-----------------------------------------*/
.pointBox{
	margin:20px 0px;
}
.pointIndex{
	float:left;
	width:81px;
	height:81px;
	padding:0px;
	text-align:center;
	background-image:url(images/point_red_maru.png);
	background-repeat:no-repeat;
	margin: 0 7px 0px 0px;
}
.pointIndex_wide{
	float:left;
	width:80px;
	height:30px;
	padding:0px;
	text-align:center;
	background-image:url(images/point_rect_red.png);
	background-repeat:no-repeat;
}

.point_mobile {
  background-size: 100%;
  width: 60px;
  height: 63px;
}


/*ポイントアイコンの位置（モバイル）*/
.point_1{
	background-position:0 0;
}
.point_2{
	background-position:0 -70px;
}
.point_3{
	background-position:0 -139px;
}
.point_4{
	background-position:0 -208px;
}
.point_5{
	background-position:0 -278px;
}

/*ポイントアイコンwideの位置*/
.point_wide_1{
	background-position:0 0;
}
.point_wide_2{
	background-position:0 -40px;
}
.point_wide_3{
	background-position:0 -80px;
}
.point_wide_4{
	background-position:0 -120px;
}
.point_wide_5{
	background-position:0 -160px;
}
/*ポイントアイコン赤色*/
.point_maru_red{
	background-image:url(images/point_red_maru.png);
}
.point_sikaku_red{
	background-image:url(images/point_red_sikaku.png);
}
.point_hosi_red{
	background-image:url(images/point_red_hosi.png);
}
.point_wide_red{
	background-image:url(images/point_rect_red.png);
}
/*ポイントアイコン青色*/
.point_maru_blue{
	background-image:url(images/point_blue_maru.png);
}
.point_sikaku_blue{
	background-image:url(images/point_blue_sikaku.png);
}	
.point_hosi_blue{
	background-image:url(images/point_blue_hosi.png);
}
.point_wide_blue{
	background-image:url(images/point_rect_blue.png);
}
/*ポイントアイコン緑色*/	
.point_maru_green{
	background-image:url(images/point_green_maru.png);
}
.point_sikaku_green{
	background-image:url(images/point_green_sikaku.png);
}	
.point_hosi_green{
	background-image:url(images/point_green_hosi.png);
}
.point_wide_green{
	background-image:url(images/point_rect_green.png);
}
/*ポイントアイコンオレンジ色*/
.point_maru_orange{
	background-image:url(images/point_orange_maru.png);
}
.point_sikaku_orange{
	background-image:url(images/point_orange_sikaku.png);
}	
.point_hosi_orange{
	background-image:url(images/point_orange_hosi.png);
}
.point_wide_orange{
	background-image:url(images/point_rect_orange.png);
}
	
.pointCont{
	margin: 0 10px 0 0;
	width:auto;
	max-width: 520px
}

.pointCont dd p,
.pointCont_wide dd p{
	margin-bottom:0;
	margin-top:30px;
}

.pointCont dd p:first-child,
.pointCont_wide dd p:first-child{
	margin-top:0;
}

.pointCont dt,
.pointCont_wide dt{
	border-bottom:solid 1px #CCCCCC;
	font-size:18px;
	font-weight:bold;
	color:#CF1D13;
	margin: 0 0 10px 0;
}
.pointCont dt{
	margin-left: 70px
}

.pointCont_wide dt{
	margin-left:90px;
	padding-top:2px;
}

.pointCont_red dt{
	color:#CF1D13;
}
.pointCont_green dt{
	color:#8EC21C;
}
.pointCont_orange dt{
	color:#E8950C;
}
.pointCont_blue dt{
	color:#19C1ED;
}
.pointCont .h_text_off,
.pointCont_wide .h_text_off{
	color:#333;
}

/*ステップのスタイル*/
.step_maru_red{
	background-image:url(images/step_red_maru.png);
}
.step_sikaku_red{
	background-image:url(images/step_red_sikaku.png);
}
.step_hosi_red{
	background-image:url(images/step_red_hosi.png);
}
.step_wide_red{
	background-image:url(images/step_rect_red.png);
}

.step_maru_blue{
	background-image:url(images/step_blue_maru.png);
}
.step_sikaku_blue{
	background-image:url(images/step_blue_sikaku.png);
}	
.step_hosi_blue{
	background-image:url(images/step_blue_hosi.png);
}
.step_wide_blue{
	background-image:url(images/step_rect_blue.png);
}
	
.step_maru_green{
	background-image:url(images/step_green_maru.png);
}
.step_sikaku_green{
	background-image:url(images/step_green_sikaku.png);
}	
.step_hosi_green{
	background-image:url(images/step_green_hosi.png);
}
.step_wide_green{
	background-image:url(images/step_rect_green.png);
}

.step_maru_orange{
	background-image:url(images/step_orange_maru.png);
}
.step_sikaku_orange{
	background-image:url(images/step_orange_sikaku.png);
}	
.step_hosi_orange{
	background-image:url(images/step_orange_hosi.png);
}
.step_wide_orange{
	background-image:url(images/step_rect_orange.png);
}

/*チェックのスタイル*/
/*モバイルの場合*/
.check_mark{
	background-image:url(images/check.png);
}
.check_red{
	background-position:0px 0px;
}
.check_blue{
	background-position:0px -67px;
}
.check_orange{
	background-position:0px -134px;
}
.check_green{
	background-position:0px -201px;
}


.check_mark_wide{
	background-image:url(images/check_rect.png);
}
.check_wide_red{
	background-position:0px 0px;
}
.check_wide_blue{
	background-position:0px -40px;
}
.check_wide_orange{
	background-position:0px -80px;
}
.check_wide_green{
	background-position:0px -120px;
}

/*-----------------------------------------*/
/****[ranking]ショートコード用のスタイル****/
/*-----------------------------------------*/

.rankBox {
	margin-bottom:20px;
	border: 2px solid #C9C9C9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.rankBox_1{
	border-color:#FE9F9F;
}
.rankBox_2{
	border-color:#A3D9FF;
	background-image:url(images/rank-2.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
}
.rankBox_3{
	border-color:#C5E6B4;
	background-image:url(images/rank-3.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.rankText{
	margin: 10px;
}
.rankText_noCol{
	margin-top: 5px;
    width: 327px;
	padding-right:5px;
}
.rankBox_1 .rankText{
	margin: 10px;
    width: auto;;
}
.rankBox_lt4 .rankText{
	padding-right: 5px;
    width: auto;
	margin-top: 20px;
}

.rankBox_2 .rt1Col,
.rankBox_3 .rt1Col{
	float:left;
	width:288px;
	margin-right:5px;
}
.ranking img{
	vertical-align:baseline;
}
.rankNum{
	font-size:40px;
}
.rankTitle{
	margin:0;
	padding:0px 0px 3px;
	padding-top:0px;
	font-size:20px;
	font-weight:bold;
	line-height:1.1;
}

.rankBox_1 .rankTitle,
.rankBox_2 .rankTitle,
.rankBox_3 .rankTitle {
	font-size:24px;
	margin:5px 0px 0px;
	padding:0px 0px;
	min-height: 85px;
}
.rankBox_2 .rankText_noCol .rankTitle,
.rankBox_3 .rankText_noCol .rankTitle {
	min-height: 54px;
}
.rankBox_1 .rankTitle {
	line-height:1.1;
	background-image:url(images/rank-1.jpg);
	background-repeat:no-repeat;
}

.rankBox_1 .rankTitle,
.rankBox_2 .rankTitle,
.rankBox_3 .rankTitle {
	padding-left:90px;

}
.rankBox_lt4 .rankTitle{
	min-height: 40px;
}
.rankTitle img{
	margin-right:5px;
	margin-bottom:0px;
	vertical-align:baseline;
}
.ratingNum{
	color:#CC0000;
}
.ratingUnit{
	font-size:0.75em;
}
.rankRecommend{
	font-size:15px;
	display:inline-block;
	line-height:1.2;
	font-weight:normal;
}
.wrapperRankDetail{
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid none none;
}
.article table.rankDetail {
	font-size:14px;
	margin-bottom:5px;
	margin-left:10px;
	border:none;
	width:95%;
	padding-bottom:5px;
}

.rankDetail img{
	vertical-align:bottom;
}
.rankBox_lt4 .rankDetail{
	font-size:14px;
}
.rankDetail th {
    background-color:transparent;
	color:#000;
    font-weight:normal;
    text-align: right;
	width:75px;
}
.rankDetail th, .rankDetail td {
    border:none;
    padding: 2px 0;
    vertical-align:baseline;
	text-align:left;
}
.rankDetail th + td{
	width:15px;
}
.rankPrice{
	color:#CC0000;
	font-size:18px;
	font-weight:bold;
}
.rankComment{
	padding:5px 0px;
	line-height:1.2;
	overflow:auto;
	border-top:1px solid #ccc;
}
.rankComment p{
	margin:5px 10px 15px;
	line-height:1.5;
}
.rankBox_lt4 .rankComment {
	margin: 0 0 0 100px;
}
.rankBox_lt4 .rankOrder{
	float: left;
	margin-right: 10px;
}
.rankOrder{
	font-size: 28px;
    font-weight: bold;
    margin: 20px 0 0 10px;
	line-height:1;
}
.rankBox_1 .rankComment{
	width:85%;
	margin:auto;
}
.rankBox_2 .rankComment,
.rankBox_3 .rankComment {
	margin: 0 10px;
}

.rankImg {
	margin:12px 10px;
}
.rankBox_lt4 .rankImg{
	width: 100px;
	float: left;
}
.rankImg img{
	vertical-align:bottom;
}

.rankBox_1 .rankImg{
	margin:15px auto 10px;
	border:solid 2px #CC0000;
	width: 250px;
}

.rankBox_2 .rankImg, .rankBox_3 .rankImg {
  margin: 0px 10px 12px 15px;
  float: left;
}
.rankBox_2 .rankImg img {
	border:solid 2px #0099FF;
}
.rankBox_3 .rankImg img {
	border:solid 2px #339900;
}
/*リンクボタンブロック*/
.rankButton{
	text-align:center;
	margin:0px 10px 15px;
	clear: both;
}

.rankBox_2 .rankButton,
.rankBox_3 .rankButton,
.rankBox_lt4 .rankButton{
	/*height:26px;*/
}
.button{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 5px 15px;
    margin: 0 3px;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
	-moz-text-shadow: 0 1px 0 rgba(0,0,0,.2);
	-webkit-text-shadow: 0 1px 0 rgba(0,0,0,.2);
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
    background-color: #ddd;
	background-image: linear-gradient(top, rgba(255,255,255,.3), 
                     rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3),0 2px 2px -1px rgba(0, 0, 0, .5),0 1px 0 rgba(255, 255, 255, .3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3),0 2px 2px -1px rgba(0, 0, 0, .5),0 1px 0 rgba(255, 255, 255, .3) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3),0 2px 2px -1px rgba(0, 0, 0, .5),0 1px 0 rgba(255, 255, 255, .3) inset;
	
}
a.button{
	text-decoration:none;
}
.button:hover{
    background-color: #eee;
    color: #fff;
}
.button:visited{
	color:#fff;
} 
.button:active{
    background: #e9e9e9;
    position: relative;
    top: 1px;
	outline: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
    text-shadow: none;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.rankButton .button{
	width:220px;
	padding: 9px 14px;
	text-align: center;
	font-size: 20px;
	margin:0 10px 10px;
}
/*グリーンのボタン */
.button.green{
	background-color:#26BB1A;
	border-color: #5D8324;
}
.button.green:hover{
	background-color:#67CF5E;
}
.button.green:active{
  background: #57a957;
}
 
/*赤いボタン*/
.button.red{
	background-color: #D8131A;
	border-color: #D8131A;
} 
.button.red:hover{
  background-color: #ee5f5b;
}
.button.red:active{
  background: #c43c35;
}

/*オレンジのボタン*/
.button.orange{
	background-color: #EE8A25;
	border-color: #B14C05;
} 
.button.orange:hover{
	background-color: #EEA24F;
}
.button.orange:active{
  background: #EEA24F;
}

.shousai,.kousiki{
	width:50px;
}

/*-----------------------------------------*/
/*****[check]ショートコード用のスタイル*****/
/*-----------------------------------------*/

.checkBox li{
	list-style:none;
	padding-left:22px;
	background-repeat:no-repeat;
	background-position: 0 4px;
	margin:5px 0px;
}
.checkBox_red li{
	background-image:url(images/list-maker-red.png);
}

.checkBox_blue li{
	background-image:url(images/list-maker-blue.png);
}
.checkBox_orange li{
	background-image:url(images/list-maker-orange.png);
}
.checkBox_green li{
	background-image:url(images/list-maker-green.png);
}

/*-----------------------------------------*/
/*****[QA]ショートコード用のスタイル*****/
/*-----------------------------------------*/

.qaBox{
	margin:10px 0px;
}
.answer,
.question{
	padding: 9px 0 8px 0;
	background-repeat:no-repeat;
	background-position:top left;
}

.answer p:first-child{
	margin-top:5px;
	text-indent: 56px;
}
.question{
	font-size:18px;
	border-bottom:1px solid #CCC;
	margin-bottom:5px;
	line-height: 1.7;
	text-indent: 56px;
}

.q_red{
	background-image:url(images/q-red.png);
	color:#D84529;
}
.a_red{
	background-image:url(images/a-red.png);
}
.q_blue{
	background-image:url(images/q-blue.png);
	color:#2D85E0;
}
.a_blue{
	background-image:url(images/a-blue.png);
}
.q_orange{
	background-image:url(images/q-orange.png);
	color:#E0892D;
}
.a_orange{
	background-image:url(images/a-orange.png);
}

.q_green{
	background-image:url(images/q-green.png);
	color:#9BBF30;
}
.a_green{
	background-image:url(images/a-green.png);
}

.q_text_off{
	color:#333333;
	font-weight:bold;
}

/*-----------------------------------------*/
/*****[ranking_list]ショートコードのスタイル*****/
/*-----------------------------------------*/
.rankingList ol{
	margin-left: 50px;
  	margin-top: 10px;
}

.rankingList ol li{
	font-size:18px;
	margin-bottom:17px;
}

.rankingList ol li:first-child,
.rankingList ol li:nth-child(2),
.rankingList ol li:nth-child(3)
{
	list-style:none;
	background-repeat:no-repeat;
	padding-left:33px;
	margin-left:-33px;
	background-position:0px 1px;
	background-size: 23px;
	line-height: 1.8;
	margin-bottom: 8px;
}

.rankingList ol li:nth-child(1){
	background-image:url(images/rank_list_1st_r.png);
}
.rankingList ol li:nth-child(2){
	background-image:url(images/rank_list_2nd_r.png);
}
.rankingList ol li:nth-child(3){
	background-image:url(images/rank_list_3rd_r.png);
}
.star_show ol li:first-child:after{
	content:' ';
	width:34px;
	height:32px;
	display:inline-block;
	background-image:url(images/ichiosi.png);
	background-repeat:no-repeat;
	margin-left:10px;
	vertical-align:bottom;
}

/*-----------------------------------------*/
/*****[fukidasi]ショートコードのスタイル*****/
/*-----------------------------------------*/
.balloonAvator_l{
	float:left;
	margin-left: 5px;
}
.balloonAvator_r{
	float:right;
	margin-right: 5px;
}
.balloonText{
	border:2px solid #F07FA3;
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:auto;
	position:relative;
	margin:10px;
	
}
.box_no_border .balloonText{
	width:auto;
	margin: 0;
}
.balloonText p{
	margin:0 0 30px;
}
.balloonText p:last-child{
	margin:0 0 0;
}

.balloon_l,
.box_no_border .balloon_l{
	margin-left: 70px;
}
.balloon_r,
.box_no_border .balloon_r{
	margin-right: 70px;
}

.balloon_l:before{
	content: '';
	display: block;
	height: 0;
	border-right: 20px solid #CCCCCC;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	position: absolute;
	top: 12px;
	left: -22px;
}
.balloon_l:after{
	content: '';
	display: block;
	height: 0;
	border-right: 24px solid #FFFFFF;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	position: absolute;
	top: 11px;
	left: -19px;
}
.balloon_r:before{
	content: '';
	display: block;
	height: 0;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	position: absolute;
	top: 12px;
	right: -22px;
	border-left: 22px solid #ccc;
}
.balloon_r:after{
	content: '';
	display: block;
	height: 0;
	border-left: 25px solid #FFFFFF;
	border-top: 14px solid transparent;
	border-bottom: 13px solid transparent;
	position: absolute;
	top: 11px;
	right: -19px;
}
.box_pink .balloon_l:before{
	border-right-color:#F07FA3;
}

.box_pink .balloon_r:before{
	border-left-color:#F07FA3;
}

.box_green .balloon_l:before{
	border-right-color:#509B49;
}
.box_green .balloon_r:before{
	border-left-color:#509B49;
}

.box_black .balloon_l:before{
	border-right-color:#000000;
}
.box_black .balloon_r:before{
	border-left-color:#000000;
}

.box_blue .balloon_l:before{
	border-right-color:#0E7AC4;
}
.box_blue .balloon_r:before{
	border-left-color:#0E7AC4;
}

/*-----------------------------------------*/
/*****[maru][batu]ショートコードのスタイル*****/
/*-----------------------------------------*/
.tabmaru{
	text-align:center;
	margin:0 0 5px;
}
/*-----------------------------------------*/
/*****[link_button]ショートコードのスタイル*****/
/*-----------------------------------------*/
a.link_button{
	font-size: 25px;
	font-weight:bold;
	padding: 0px 20px 0 20px;
	margin:20px 0;
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	transition:opacity .2s ease-out;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius: 10px;
}
a.link_button_flat{
	background-color:#E52400;
}
a.link_button_flat_green{
	background-color:#46B805;
}

a.link_button_normal{
	background-color:#E52400;
	background-image:url(images/bk_link_button_s1.jpg);
}
a.link_button_normal_green{
	background-color:#46B805;
	background-image:url(images/bk_link_button_green_s1.jpg);
}
a.link_button img{
	vertical-align:middle;
}
a.link_button:hover{
	opacity:0.5;
}
a.link_button span{
	display:table-cell;
	vertical-align:middle;
	line-height:1.2em;
}

/*==================================================
   メシオプレス01と共通のスタイル
==================================================*/
/*-----------------------------------------
   ショートコード
-----------------------------------------*/
.tokuten,
.box_b,
.bullet_box,
.box_h {
	border-width:2px;
	border-style:solid;
	margin:20px 4px;
	padding:10px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.article .box_b p,
.article .box_h p{
	margin-bottom:5px;
}
.tokuten {
	border-color:#333333;
	padding:10px;

}
.tokuten_header{
	color:#FFF;
	background-color:#333333;
	background-image:none;
	border-style:none;
	margin-left:0px;
	margin-right:0px;
	font-size:16px;
	padding:8px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; 
	border-radius: 2px;
}
img.tokuten_img{
	float:left;
	margin:10px;
}
.box_b,
.bullet_box
{
	border-color:#FF843F;
}
.box_h{
	background-color:#FFE79F;
	background-image:url(images/bk_box_h.gif);
	border-style:none;
}
.bullet_box ul{
	margin:0 5px;
}
.bullet_box li{
		margin:10px 0px;
}
.bullet_box ul li {
	list-style:none;
	background-image:url(images/ico_check24_red.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:27px;
	padding-top:5px;
	line-height:20px;	
}
/*Facebookのボタンの修正スタイル*/
.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}

/*-----------------------------------------
   ウィジェトに適用するスタイル
-----------------------------------------*/
.wpp-list li {
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 10px;
}

.wpp-list li:last-child{
       border-bottom:none;
}

.sideBox .wpp-list li{
	padding:10px 10px;
}

/*-----------------------------------------
   記事の装飾に使うクラス達
   （ここを編集した時はeditor-style.cssも編集すること）
-----------------------------------------*/
.boldtxt{
	font-weight:bold;
}
.bigtxt{
	font-size:1.2em;
}
.bigbigtxt{
	font-size:1.4em;
}
.smalltxt{
	font-size:0.8em;
}
.marker-yellow{
	background:#FAF37A;
}
.colorRed{
	color:#C00;
}

/*wp_social_bookmarking_lightの余分なマージンを省く*/
#content .wp_social_bookmarking_light,
.home_social_area .wp_social_bookmarking_light{
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
#content .wp_social_bookmarking_light div,
.home_social_area .wp_social_bookmarking_light div{
    min-height: 20px !important;
	line-height:1em !important;
}
#content .wp_social_bookmarking_light iframe{
	vertical-align:bottom;
}