@charset "UTF-8";

/**** 便利帳共通 CSS（基本的に） ****/

/* 部分的に印刷しない */
@media print {
.no_print {
	display:none;
}
}
/* ページ内検索ハイライト */
.SearchResult {
	font-weight:bold;
	color:#000000;
	background-color:Yellow;
}
/* タイトル下やAdSense枠などのボーダー */
/* 四方ボーダーあり */
.waku-titleunder-border {
	margin-top:8px;
	margin-bottom:8px;
	width:100%;
	height:90px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:center;
}
/* 四方ボーダーなし * テスト的にボーダーを足した 2014/01/16 */
.waku-titleunder {
	margin-top:20px;
	margin-bottom:15px;
	width:100%;
	height:90px;
	text-align:center;
}
.waku{
	height:auto;
	margin:5px 0;
	border:#CCCCCC solid 1px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align:left;
}
.waku-01 {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	height:auto;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align:center;
}
/* bottomボーダーなし */
.waku-02 {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	height:auto;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:center;
}
/* topボーダーなし */
.waku-03 {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	height:auto;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:center;
}
/* ボーダーなし-text-align:center */
.waku-nonborder-textcenter {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	height:auto;
	text-align:center;
}
/* topボーダーなし-text-align:left */
.waku-nonborder-textleft {
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	height:auto;
	text-align:left;
}
.waku-setsumei {
	margin:5px 0px 5px 0px;
	padding:5px;
	height:auto;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:left;
}
/* Google Maps API V2 でのお知らせ 2013/11/20～ */
.waku-infomation-border {
	font-size:14px;
	line-height:130%;
	color:#C00;
	margin-top:5px;
	margin-left:24px;
	padding:10px;
	width:90%;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	text-align:left;
}
a {
	text-decoration:none;
}
form {
	margin:0px;
}
img {
	border:none;
}
.subtitle_box {
	width:100%;
	min-height:120px;
	background:#FEE252;
	text-align:center;
	position:relative;
}
.subtitle_box h1.sub_h1 {
	font-size:24px;
	width:100%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
/**/
/*	HTML編集時に「top: 59px;　left: 379px;」などになっていないか注意 */
/**/
	-webkit-transform:translate(-50%, -50%); /* Safari用 */
	transform:translate(-50%, -50%);
	overflow:hidden !important;
	margin-top:0px;
}
h1.sub_h1 span {
	display:block;
	font-size:17px !important; /* 2017/04/02 16pxから変更 */
	margin:5px 0;
	line-height:1.3 !important;
	font-weight:normal !important;
	}
.subtitle_box h1.sub_h1_mincho { /* 明朝体 */
	font-size:24px;
	font-family:Mincho, serif; /* 明朝体 */
	width:100%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform:translate(-50%, -50%);
	overflow:hidden !important;
	margin-top:0px;
}
/**/
/*	HTML編集時に「top: 59px;　left: 381px;」などになっていないか注意 */
/**/

h1.sub_h1_mincho span { /* 明朝体 */
	display:block;
	font-size:17px !important; /* 2017/04/02 16pxから変更 */
	font-family:Mincho, serif; /* 明朝体 */
	margin:5px 0;
	line-height:1.3 !important;
	font-weight:normal !important;
	}
h2 {
	font-size:20px;
	margin:0px;
	padding:0px;
}
h3 {
	font-size:14px;
	margin:0px;
	padding:0px;
}
h4 {
	font-size:12px;
	margin:0px;
	padding:0px;
}
h5 {
	font-size:17px;
	margin:0px;
	padding:0px;
}
h6 {
	font-size:16px;
	margin:0px;
	padding:0px;
}
h7 {
	font-size:15px;
	margin:0px;
	padding:0px;
}
h8 {
	font-size:13px;
	margin:0px;
	padding:0px;
}
#inner table {
	border:#CCC 1px solid;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-collapse: collapse;
}
#inner table tr td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#inner table tr th {
	padding: 5px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.moji10 {
	font-size: 10px;
}
.moji10-2 {
	font-size: 10px;
	color: #F9F6F6; /* 薄いグレー */
}
.moji10-3 {
	font-size: 10px;
	color: #666666;
}
.moji11 {
	font-size: 11px
}
.moji12 {
	font-size: 12px
}
.moji13 {
	font-size: 13px
}
.moji14 {
	font-size: 14px
}
.moji15 {
	font-size: 15px
}
.moji16 {
	font-size: 16px
}
.moji17 {
	font-size: 17px
}
.moji18 {
	font-size: 18px
}
.moji20 {
	font-size: 20px
}
.moji21 {
	font-size: 21px
}
.moji22 {
	font-size: 22px
}
.moji23 {
	font-size: 23px
}
.moji24 {
	font-size: 24px
}
.moji25 {
	font-size: 25px
}
.moji26 {
	font-size: 26px
}
.moji27 {
	font-size: 27px
}
.moji28 {
	font-size: 28px
}
.moji29 {
	font-size: 29px
}
.moji30 {
	font-size: 30px
}
.style1 {
	line-height: 130%;
}
.style2 {
	font-size: 18px;
	color: #FFFFFF;
	line-height: 130%;
	font-weight:bold;
}
.style5 {
	font-size: 14px;
	line-height: 130%;
}
.color-c00 {
	color: #CC0000;
}
.color-red {
	color: #FF0000;
}
.color-900 {
	color: #990000;
}
.color-fff {
	color: #FFFFFF;
}
.color-666 {
	color: #666666;
}
.color-ccc {
	color: #CCCCCC;
}
.color-999 {
	color: #999999;
}
.color-00C {
	color: #00C;
}
.color-00F {
	color: #00F;
}
.color-F60 {
	color: #F60;
}
.c1 {
	color: #CC0000;
}
.c2 {
	color: #FFFFFF;
}
.c3 {
	color: #999999;
}
/** テキストに背景色 **/
.textbgcolor {
	background-color:#FFFFCC;
}
/*Safariのみ見え方が異なるため、ハックで調整*/
body:last-child:not(:root:root) .textbgcolor {
	padding-top:0px;
	padding-bottom:1px;
}
.textbgcolor02 {
	background-color:#FFFBD4;
}
/*Safariのみ見え方が異なるため、ハックで調整*/
body:last-child:not(:root:root) .textbgcolor02 {
	padding-top:0px;
	padding-bottom:1px;
}
.textbgcolor03 {
	background-color: #FCE15D;
}
/*Safariのみ見え方が異なるため、ハックで調整*/
body:last-child:not(:root:root) .textbgcolor03 {
	padding-top:0px;
	padding-bottom:1px;
}
/** ここまでテキストに背景色 **/

/** 文字を四角で囲む **/
.textsquare {
	border-style: solid;
	border-width: 1px;
	border-color: #ff6633;
	background-color:#FFFFFA;
}
/*Safariでのみ見え方が異なるため、ハックで調整*/
body:last-child:not(:root:root) .textsquare {
	padding-top:0px;
	padding-bottom:1px;
}
/** ここまで文字を四角で囲む **/

.footerinfo-color {
	color: #999;
}
.copyright {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 13px;
	color: #BBB;
}
.lastmodified {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#AAA;
	margin-left:18px;
}
/* SiteSearch Googleの「カスタム検索」の文字 */
.cse-branding-text {
	font-size:10px;
}
/* 全国地名 - 国勢調査数値 */
#kokuseichosa {
	font-size:14px;
	color:#333;
	/*	color:#C00; データ更新時チェック用カラー*/
	text-align:right;
	width:97%;
	margin-right:3px;
}
/* 全国地名 - 国勢調査数値 */
#kokuseichosa_new {
	font-size:14px;
	color:#333;
	/*	color:#C00; データ更新時チェック用カラー*/
	text-align:right;
	width:97%;
	margin-right:3px;
}
/* 全国地名 - 国勢調査数値-前回値 */
#kokuseichosa_zenkai {
	font-size:14px;
	color:#999;
	/*	color:#C00; データ更新時チェック用カラー*/
	text-align:right;
	width:97%;
	margin-right:3px;
	border-top:#CCC solid 1px;
}
/* テキストエリアのフォント */
textarea {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; /* Apple での設定 */
}
hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* fieldset、legendの設定 */
.fieldset-border01 {
	border:1px solid #999;
	margin:5px 10px 5px 10px;
}
/* 明朝体 */
.font_mincho {
	font-family:Mincho, serif;
}
/* 錦絵・妖怪での CSS */
/* INDEX */
.inyo {
	font-size:13px;
	color:#999;
}
.index-ichiransetsumei {
	margin:0 15px 5px 80px;
	font-size:14px;
	text-align:left;
}
/* 共通 */
/* スマートフォンで横幅が崩れるため、1px のボーダーと、若干の角丸を付けるタイプに変更 */
.titlebox {
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#F6F6F6;
}
.title {
	font-size:20px;
	margin:18px 0 12px 0;
	text-align:center;
	letter-spacing:0.1em
}
.slide_box {
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:10px 0 10px 0;
	padding:5px 0 30px 0;
	width:100%;
	background-color:#FFFCF1;
	text-align:center;
}
.slide_box_link {
	text-align:left;
	font-size:17px;
	font-weight:bold;
	margin:8px 0 0 11px;
	color:#0046CC;
}
h2.slide_box_h2 {
	text-align:center;
	margin-bottom:35px;
	font-size:20px;
}
.slide_box_w {
	text-align:left;
	margin:0 25px 15px 25px;
	padding-right:10px;
	border:#CCC solid 1px;
	font-size:16px;
	background-color:#fff;
}
.slide_box_w ul {
	font-size:16px;
}
.slide_box_n {
	text-align:left;
	margin:0 25px 15px 25px;
	padding-right:10px;
	border:#CCC solid 1px;
	font-size:14px;
}
.slide_main {
	max-width:100%;
	text-align:center;
	margin-left:0;
	margin-bottom:-20px;
}
.slide_main img {
	margin:0 auto;
}
h2.slide_box_h2 span {
	font-size:16px;
}
.photo_box {
	float:left;
	height:auto;
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:0 0 20px 0;
	padding:15px 0 20px 0;
	background-color:#F6FAFF;
	font-size:20px;
	width:100%;
}
.photo_box_main {
	text-align:center;
	padding:20px 0 0 36px;
}
.photo_box_main_topnarrow{ /* 上部・左マージン少ない */
	text-align:center;
	padding:5px 0 0 25px;
}
.photo_box_main_topnarrow02{ /* 上部少ない・左マージン少ない */
	text-align:center;
	padding:5px 0 0 2px;
}
.photo_thum1 { /* ボーダーカラーあり・1枠 */
	float:left;
	height:auto;
	background:#FFF;
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:0 0 10px 12px;
	width: 92%;
	padding:5px;
}
.photo_thum2 { /* ボーダーカラーあり・2枠 */
	float:left;
	height:auto;
	background:#FFF;
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:0 0 10px 12px;
	width: 320px;
	padding:5px;
}
.photo_thum2_2 { /* ボーダーカラーなし・2枠 */
	float:left;
	height:auto;
	background:#FFF;
	border:#FFFFFF solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:0 0 10px 12px;
	width: 320px;
	padding:5px;
}
.photo_thum { /* ボーダーカラーあり・3枠 - 錦絵で */
	float:left;
	height:auto;
	background:#FFF;
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:0 0 10px 12px;
	width:200px;
	padding:5px;
}
.photo_thum3 { /* ボーダーカラーあり・3枠 - やや広い */
	float:left;
	height:auto;
	background:#FFF;
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:0 0 10px 12px;
	width: 226px;
	padding:5px;
}
.photo_thum3_2 { /* ボーダーカラーあり・3枠 */
	float:left;
	height:auto;
	background:#FFF;
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:0 0 10px 2px;
	width: 233px;
/*	width: 235px;*/
	padding:5px;
}
.photo_thum3_3 { /* ボーダーカラーなし・3枠 */
	float:left;
	height:auto;
	background:#FFF;
	border:#FFFFFF solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:0 0 10px 2px;
	width: 233px;
/*	width: 235px;*/
	padding:5px;
}
.photo_thum4 { /* ボーダーカラーあり・4枠 */
	float:left;
	height:auto;
	background:#FFF;
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:0 0 10px 2px;
	width: 174px;
	padding:5px;
}
.photo_thum5 { /* ボーダーカラーあり・5枠 */
	float:left;
	height:auto;
	background:#FFF;
	border:#cccccc solid 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	font-size:15px;
	margin:0 0 10px 2px;
	width: 137px;
	padding:5px;
}
.toph2_06 {
	background:#fff;
	border:1px solid #ed7550;
}
.subtitle6c {
	color:#FFFFFF;
	background:#ed7550;
	width:100%;
	text-indent:10px;
	display:block;
	padding:6px 0;
	font-size:18px;
}
.subtitle6c i {
	color:#FFEB3B !important;
	font-weight:bold;
}
.side_link {
	font-size:15px;
	margin-bottom:5px;
	background-color:#ecf0f1;
}
.side_link a {
	color:#d35400;
}
.side_link a i {
	font-size:17px;
}
.side_gray {
	font-size:15px;
	margin-bottom:5px;
	color:#888;
}
.syokuninmei {
	font-size:22px;
	margin:0 0 12px 0;
	letter-spacing:0.2em;
	text-align:center
}
.setsumei {
	font-size:16px;
	text-align:left;
	margin:25px 20px 20px 20px;
	padding:15px;
	border:#CCC solid 1px
}
.ichiransetsumei {
	margin:0 35px 5px 80px;
	font-size:15px;
	text-align:left
}
.kaisetsu {
	margin:3px 35px 20px 35px;
	font-size:16px;
	text-align:left
}
.kaisetsu02 {
	margin:-20px 35px 20px 35px;
	font-size:16px;
	text-align:left
}
.gazo_setsumei {
	margin:0 0 15px 0;
	text-align:center;
	font-size:17px
}
.lens-title {
	margin:2px 0 10px 0;
	text-align:center
}
.type-title {
	text-align:left;
	font-size:17px;
	font-weight:bold;
	padding:12px 0 0 12px;
	color:#0046CC
}
/* キーボードサンプル */
.kbd {
color: #333;
background-color:#fafafa;
outline: 1px solid #bbb;
border: 1px solid #bbb;
border-top-color: #fff;
border-left-color: #fff;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
color:#777;
min-width:1em;
font-size:12px;
padding:1px;
margin-top:-2px;
}
.kbd-15 {
color: #333;
background-color:#fafafa;
outline: 1px solid #bbb;
border: 1px solid #bbb;
border-top-color: #fff;
border-left-color: #fff;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
min-width:1em;
font-size:15px;
padding:7px 4px ;
margin:14px 5px 14px 5px;
font-weight:bold;
letter-spacing:0.1em;
}
.kbd-16 {
color: #333;
background-color:#fafafa;
outline: 1px solid #bbb;
border: 1px solid #bbb;
border-top-color: #fff;
border-left-color: #fff;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
min-width:1em;
font-size:16px;
padding:7px 4px ;
margin:14px 5px 14px 5px;
font-weight:bold;
letter-spacing:0.1em;
}
.kbd-20 {
color: #333;
background-color:#fafafa;
outline: 1px solid #bbb;
border: 1px solid #bbb;
border-top-color: #fff;
border-left-color: #fff;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
min-width:1em;
font-size:20px;
padding:7px 4px ;
margin:14px 5px 14px 5px;
font-weight:bold;
letter-spacing:0.1em;
}
.kbd-24 {
color: #333;
background-color:#ddd;
outline: 1px solid #bbb;
border: 1px solid #bbb;
border-top-color: #fff;
border-left-color: #fff;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
min-width:1em;
font-size:24px;
padding:7px 4px ;
margin:14px 5px 14px 5px;
font-weight:bold;
letter-spacing:0.1em;
}

/* 今様職人尽百人一首 */
.imayosyo_syokuninmei02 {
	margin:30px 0 5px 40px;
	font-size:18px;
	font-weight:bold;
	text-align:left
}
.imayosyo_uta {
	margin:0 35px 20px 65px;
	font-size:18px;
	text-align:left
}
.imayosyo_motouta {
	margin:0 35px 5px 50px;
	font-size:17px;
	text-align:left
}
.imayosyo_sakusya {
	margin:0 35px 5px 65px;
	font-size:18px;
	text-align:left
}
.imayosyo_motoutahonbun {
	margin:0 35px 20px 65px;
	font-size:18px;
	text-align:left
}
/* 人倫訓蒙図彙 */
.jinrin_syokugyomei {
	margin:30px 0 5px 20px;
	font-size:18px;
	font-weight:bold;
	text-align:left
}
.jinrin_syokugyosetsumei {
	margin:0 35px 20px 35px;
	font-size:18px;
	text-align:left
}
/* 彩画職人部類 */

/* 職人尽絵詞 */
.ekotoba_indextitle {
	margin:3px 0 6px 0
}
/* 職人尽歌合 */
.utaawase_waku {
	background-color:#FFFDF9;
	border:#C0C0C0 solid 3px;
	margin:15px 0 0 0
}
.utaawase_syokugyomei01 {
	margin:10px 0 0 0;
	font-size:19px;
	font-weight:bold
}
.utaawase_syokugyomei02 {
	margin:5px 0 8px 0;
	font-size:19px;
	font-weight:bold
}
.utaawase_kotoba {
	font-size:17px;
	font-weight:normal
}
.utaawase_setsumei {
	font-size:15px;
	font-weight:normal;
	text-indent:1em;
	margin:0 20px 0 20px
}
/* ボタン各種 */
/*スクエアーボタン：赤 - Pomegranate */
.squarebutton_red {
	background:#c0392b;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;/* Firefox用 */
}
/*スクエアーボタン：薄赤 - Alizarin */
.squarebutton_alizarin {
	background:#e74c3c;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：かぼちゃ - Pumpkin */
.squarebutton_pumpkin {
	background:#d35400;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：かぼちゃ - Pumpkin ② - ボーダーカラー */
.squarebutton_Pumpkin_BoderColor {
	background:#FFF;
	display: block;
	font: normal 16px;
	padding:2px 6px 2px 6px;
	text-align:left;
	border: #d35400 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float:left;
	margin:10px 0 0 7px
}
/*スクエアーボタン：にんじん - Carrot */
.squarebutton_carrot {
	background:#e67e22;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：オレンジ - Orange */
.squarebutton_orange {
	background:#f39c12;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：黃色 - Sun Flower */
.squarebutton_yellow {
	background:#f1c40f;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：紫 - Wisteria */
.squarebutton_purplu {
	background:#8e44ad;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：薄紫 - Amethyst */
.squarebutton_lightpurplu {
	background:#9b59b6;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：ブルー - Belize Hole */
.squarebutton_blue {
	background:#2980b9;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;/* Firefox用 */
}
/*スクエアーボタン：ライトブルー - Peter River */
.squarebutton_lightblue {
	background:#3498db;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：国連ブルー - United Nations blue */
.squarebutton_UNblue {
	background:#5787F4;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：国連ブルー② - United Nations blue */
.squarebutton_UNblue_BGColor {
	background:#5787F4;
	display: block;
	font: normal 16px;
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border: #CCC 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float:left;
	margin:10px 0 0 7px
}
/*スクエアーボタン：国連ブルー③ - United Nations blue */
.squarebutton_UNblue_BoderColor {
	background:#FFF;
	display: block;
	font: normal 16px;
	padding:2px 6px 2px 6px;
	text-align:left;
	border: #5787F4 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float:left;
	margin:10px 0 0 7px
}
/*スクエアーボタン：グリーン - Nephritis */
.squarebutton_green {
	background:#27ae60;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：ライトグリーン - Emerald */
.squarebutton_lightgreen {
	background:#2ecc71;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：深緑 - Green Sae */
.squarebutton_greensae {
	background:#16a085;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：薄深緑 - Turquoise */
.squarebutton_turquoise {
	background:#1abc9c;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：グレー - Silver */
.squarebutton_grey {
	background:#bdc3c7;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：ライトグレー - Clouds */
.squarebutton_lightgrey {
	background:#ecf0f1;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #333;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：ライトグレー ②- NoFontcolor - Clouds */
.squarebutton_lightgrey_nofontcolor_bg {
	background:#ecf0f1;
	display: block;
	font: normal 16px;
	padding:2px 6px 2px 6px;
	text-align:left;
	border: #CCC 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float:left;
	margin:10px 0 0 7px
}
/*スクエアーボタン：ライトグレー ③- NoFontcolorNoBGcolor - Clouds */
.squarebutton_lightgrey_nofontcolor {
	display: block;
	font: normal 16px;
	padding:2px;
	text-align:left;
	background-color:#FFFFFF;
	border: #CCC 1px solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float:left;
	margin:10px 0 0 7px
}
/*スクエアーボタン：やや濃いグレー - Concrete */
.squarebutton_concretegrey {
	background:#95a5a6;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*スクエアーボタン：濃いグレー - Asbestos */
.squarebutton_darkgrey {
	background:#7f8c8d;
	display: block;
	font: normal 16px;
/*	height: 26px;*/
	color: #fff;
	padding:2px 6px 2px 6px;
	text-align:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/*リンクでのスクエアーボタン：ブルー */
a.squarebutton {
	background:#3498db;
	display: block;
	float: left;
	font: normal 16px; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
/*	height: 26px;*/ /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {
	color: #fff; /*button text color*/
}
a.squarebutton span {
	background:#3498db;
	display: block;
	padding: 5px 9px 5px 0; /*Set 9px below to match value of 'padding-left' value above*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
a.squarebutton:hover { /* Hover state CSS */
	background-position: bottom left;
}
a.squarebutton:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: #ddd;
}
.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}
/*リンクでのスクエアーボタン：オレンジ */
a.squarebutton-orange {
	background:#e67e22;
	display: block;
	float: left;
	font: normal 16px; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
/*	height: 26px;*/ /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
a:link.squarebutton-orange, a:visited.squarebutton-orange, a:active.squarebutton-orange {
	color: #fff; /*button text color*/
}
a.squarebutton-orange span {
	background:#e67e22;
	display: block;
	padding: 5px 9px 5px 0; /*Set 9px below to match value of 'padding-left' value above*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
a.squarebutton-orange:hover { /* Hover state CSS */
	background-position: bottom left;
}
a.squarebutton-orange:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: #ddd;
}
.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}
/* タイトルや画像の影の設定 */
.shadow-title{
	-moz-box-shadow: 2px 2px 5px 1px #CCC;
	-webkit-box-shadow: 2px 2px 5px 1px #CCC;
	box-shadow: 2px 2px 5px 1px #CCC;
	background-color: #EEE;
	padding: 6px;
	margin: 1px;
}
.shadow-img{
	-moz-box-shadow: 2px 2px 5px 1px #CCC;
	-webkit-box-shadow: 2px 2px 5px 1px #CCC;
	box-shadow: 2px 2px 5px 1px #CCC;
	background-color: #EEE;
	padding: 1px;
	margin: 1px;
}

/* フッター部でのプリント用サイトタイトル */
.footer-sitetitle-print {
	font-size:11px;
	color:#424242;
	text-align:right;
/*	background-color:#424242;*/
	width:100%;
	padding:30px 0;
}
/* ボタンの設定 */
.titlelink {
	margin:15px 25px 70px 15px;
}
.button-blue {
	background-color: #008aff;
	padding: 6px;
	margin: 1px;
	color:#fff;
	font-size:16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.button-orange {
	background-color: #e67e22;
	color:#fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float:left;
	margin:10px 0 0 15px;
	padding:1px 0 1px 10px;
	text-align:center;
	font-size:15px;
	width:160px;
}
.button-pumpkin {
	background-color: #d35400;
	color:#fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin:15px 400px 30px 5px;
	padding:3px 0 3px 15px;
	text-align:left;
	font-size:15px;
	width:210px;
}
/*ページ内検索*/
.topser_tips {
	margin-top:22px;
}
/*ページ内検索 - マージンを狭く*/
.topser_tips_margin_narrow {
	margin:8px 10px -15px 10px;
}
.topser_hint {
	margin:-10px 0 13px 50px;
}
.topser_hint i {
	color:#d35400;
	font-weight:bold;
}
/* テキストエリア装飾 */
#area01{ 
	border:1px solid #BBB; 
	padding:5px;
	color:#000099; /*blue*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#area02{ 
	border:1px solid #BBB; 
	padding:5px;
	color:#CC0000; /*red*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#area03{ 
	border:1px solid #BBB; 
	padding:5px;
	color:#393939; /*gray*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#taConv{
	border:1px solid #BBB; 
	padding:5px;
	color:#000099; /*blue*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/* 表のセルを分解しウィンドウ幅に合わせる */
table.responsive {
	display: block;
	border: none;
}
table.responsive tr {
	display: inline;
}
table.responsive td {
	display: inline-block;
}
table.responsive th {
	display: inline-block;
}
/* 一行毎に着色(2017/02/23追加) tableに「class="gyocolor"」を記述 */
table.gyocolor {border:1px solid #E9E9E9; border-radius:4px}
table.gyocolor td{border:1px solid #E9E9E9; padding:7px 5px}
table.gyocolor th{border:1px solid #E9E9E9; padding:7px 5px}
table.gyocolor th{background-color:#F4F4F4;}
table.gyocolor tr:nth-child(odd) td{background-color:#F8F8F8;}
table.gyocolor tr:nth-child(even) td{background-color:#FFFFFF;}
/* スマホ縦向きでのみ表示 - 横向き、タブレット、PCで非表示(2017/03/16追加) */
@media only screen and (min-width: 460px){
.pcnone {display:none;}
}
/* タブレット、PC、1070px以下で非表示(2017/05/24追加) */
@media only screen and (max-width: 1070px){
.iPadnone {display:none;}
}
/* スマホ横向き閲覧推奨info。上記「pcnone」とセットで、横向き・タブレット・PCで非表示*/
.smartphone_info01{
	font-size:13px;
	font-weight:bold;
	color:#F00;
	text-align:left;
	line-height:120%;
	margin:15px 0 0 5px;
}
.smartphone_info02{
	font-size:15px;
	font-weight:bold;
	color:#F00;
	text-align:left;
	line-height:120%;
	margin:15px 0 0 5px;
}
/* 画像の右サイド、下部に影 */
.shadow{
	-moz-box-shadow: 2px 2px 5px 1px #CCC;
	-webkit-box-shadow: 2px 2px 5px 1px #CCC;
	box-shadow: 2px 2px 5px 1px #CCC;
	background-color: #EEE;
	padding: 1px;
	margin: 1px;
}
/* 主に「kotoba_lesson/Uirouri」で使用 */
.MainText{
	font-size:2em;
	line-height:130%;
	border:#CCC 1px solid;
	border-radius:4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:20px;
}
/* 「漢字」関連 */
.kanji_on {color:#03F;
font-size:16px;
}
.kanji_kun {color: #C00;
font-size:16px;
}
.kanji_jyoyo {color: #390;
font-size:16px;
}
.kanji_kosei{
font-size:16px;
color:#555;
margin:7px 5px 0 5px;
padding-top:5px;
border-top:#CCC solid 1px;
}
.kanji_chishiki{
font-size:16px;
color:#555;
margin:5px 5px 0 5px;
padding-top:5px;
border-top:#CCC solid 1px;
}
.kanji_busyu {color: #F38005;
font-size:16px;
}
.kanji_mojikakusu{font-size:4.6em;
font-weight:normal;
font-family:Mincho, serif;
color:#000000;
}
.cha{font-size:26px; /* ユニコードページでの文字（Character）*/
}
.v{font-size:16px; /* ユニコードページでの文字ナンバー */
}
/* グーグルマップの「gomac.js」で、検索ボックスを「.js」内で設定している部分で */
#search_box { width:99.5%;padding:1px;margin-bottom:3px !important;}
#search_box input,text,submit,reset,button {margin-bottom:0px !important;}
 /* 「fancyBox」で、hoverカラーが被ってしまうのを防ぐ */
a:hover.fancybox-nav, .fancybox-nav span, .fancybox-prev span, .fancybox-next span{
	opacity: 1 !important;	
	background-color : transparent !important;
}
a:hover.fancybox-close{
	opacity: 0.5 !important;
	border:#AAA 1px solid !important;
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
}
/* ページ内目次の枠 */
.inpageindex_waku{
background-color:#FFFBD4;
margin:-10px 0;
border: #CCC 1px solid;
/*border: #7f8c8a 1px solid;*/
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
/* ページ内目次の slideToggle でのタイトル設定 - slideToggle とセットで */
.inpageindex_title{
color:#900;
font-size:16px;
font-weight: bold;
/*background-color:#FFF;*/
padding:6px 10px;
}
.inpageindex_title_C00{
color:#C00;
font-size:16px;
font-weight: bold;
padding:6px 10px;
}
/* slideToggle - アコーディオンメニュー - jQuery */
#accordion_toggle dl,dd {
margin: 0;
padding: 0;
}
#accordion_toggle dt {
display: inline-block;
padding-left: 20px;
background: url("/benri_img/arrow_orange-right.gif") no-repeat 0 center;
cursor: pointer;
}
#accordion_toggle dt.open {
background: url("/benri_img/arrow_orange-down.gif") no-repeat 0 center;
}
#accordion_toggle dd {
display: none;
}
/* slideToggle - アコーディオンメニュー - 春の七草目次 */
#accordion_nanakusa dt {
display: inline-block;
padding-left: 20px;
background: url("https://www.pc-weblog.com/sample/toggle/icon_arr_r.png") no-repeat 0 center;
cursor: pointer;
}
#accordion_nanakusa dt.open {
background: url("https://www.pc-weblog.com/sample/toggle/icon_arr_u.png") no-repeat 0 center;
}
#accordion_nanakusa dd {
display: none;
padding-left: 40px;
}
/* 合併の足跡などでの項目装飾 - 左と下のオレンジのボーダー */
#subtitle h3 {
	border-bottom:2px solid #FED000 !important;
	border-left:10px solid #FED000 !important;
/*	width:715px; */
/*	color:#444; */
	font-size:16px !important;
	margin: 20px 0px 0px 0px !important;
	padding: 2px 0px 0px 5px !important;
}