/* --------------------------------------------------------------   
   MOJUGUMI CSS
-------------------------------------------------------------- */


/*--------------------------------------
 TOPバナー
-------------------------------------- */
#topbanner{height: 100px;}

/*--------------------------------------
 P
-------------------------------------- */

#post_content .column{ font-size: 14px;}

/*--------------------------------------
 H
-------------------------------------- */

h2 { font-size: 2.2em;}
h3 { font-size: 1.4em; line-height: 1.4em; padding: 0.5em 0 0.5em 0; font-weight: bold;}
h4 { font-size: 1.2em; line-height: 1.4em; padding: 0.5em 0 0.5em 0; font-weight: bold;}

h2.obi {
	color: #333;
	font-size:20px;
	font-weight: normal;
	text-shadow: 1px 1px 1px #FFF;
	display:block;
	height:25px;
	padding:6px 20px;
	margin:20px 0;
	border: 1px solid #CCC;
	border-top: 2px solid #09C;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	clear: both;
}
.obi {
	color: #333;
	text-shadow: 1px 1px 1px #FFF;
	display:block;
	padding:6px 20px;
	margin:20px 0;
	border: 1px solid #CCC;
	border-top: 2px solid #09C;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	clear: both;
}


/*--------------------------------------
 表（テーブル）
-------------------------------------- */

table {
	font-size:0.9em; 
	text-align: center;
	line-height: 1.5em;
	border-collapse:collapse;
	margin: 10px 0;
}
table td{
	text-align: left;
	border: 1px solid #CCC;
	vertical-align: middle;
	padding: 0.4em 0.9em;
}

table th{
	font-weight:bold;
	background-color: #369;
	color:#FFF;
	text-align:center;
	padding: 0.4em 0.9em;
	}

/*--------------------------------------
 表（透明骨格用）
-------------------------------------- */
table.bone {
	border:none;
	margin: 0px  0px 20px 0px;
	padding: 0px;
}
table.bone td{
	border:none;
	margin: 0px;
	padding: 0px;
}
table.bone tr{
	border:none;
	margin: 0px;
	padding: 0px;
}
table.bone img{
	border:none;
	margin: 0px;
	padding: 0px;
}

table.bone2 {
	border:none;
}
table.bone2 td{
	border:none;
}
table.bone2 tr{
	border:none;
}
table.bone2 img{
	border:none;
}
/*--------------------------------------
 表（罫線付ノーマル表用）
-------------------------------------- */
table.hyo {
	font-size: 0.9em;
	text-align: center;
	line-height: 1.5em;
	border-collapse:collapse;
	margin: 10px 0;
}
table.hyo td{
	font-size: 0.9em;
	text-align: center;
	border: 1px solid #CCC;
	vertical-align: middle;
	padding: 5px 12px;
}
/*--------------------------------------
 表1（罫線付プレゼント表用）
-------------------------------------- */
table.hyo1{
	font-size: 0.9em;
	text-align:left;
	line-height: 1.5em;
	width: auto;
	border-collapse:collapse;
	margin: 10px 0;
}
table.hyo1 td{
	font-size: 0.9em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	vertical-align: top;
	padding: 3px 3px;
}
/*--------------------------------------
 表2（プレーンリスト）
-------------------------------------- */
table.hyo2{
	font-size: 0.9em;
	text-align:left;
	line-height: 1.5em;
	width: auto;
	border-collapse:collapse;
	margin: 10px 0;
}
table.hyo2 td{
	font-size: 0.9em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	vertical-align: top;
	padding: 2px 0;
}
/*--------------------------------------
 表3（プレーンリスト余白付）
-------------------------------------- */
table.hyo3 {
	font-size: 0.9em;
	text-align: left;
	line-height: 1.5em;
	width:auto;
	border-collapse:collapse;
	margin: 10px 0px;
}
table.hyo3 td{
	font-size: 0.9em;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	vertical-align: top;
	padding: 5px 12px;
}
table.hyo3 th{
	color: #333;
	background-color: #EEE;
	}

/*--------------------------------------
 表背景
-------------------------------------- */
td.center,
th.center{text-align: center;}
.border-0{border: 0px;}

/*--------------------------------------
 背景色
-------------------------------------- */
.bg-y{background-color:#FFFFE5;}
.bg-g{background-color: #999;}
.bg-g2{background-color: #E8E8E8;}
.bg-bg{background-color: #ebeff2;}
/*--------------------------------------
 背景パターン
-------------------------------------- */
.bg-ptn-line45{background-image: url(images/bg/ptn_line_45.gif);background-repeat:repeat;}
.bg-ptn-line45y{background-image: url(images/bg/ptn_line_45y.gif);background-repeat:repeat;}
.bg-ptn-line45g{background-image: url(images/bg/ptn_line_45g.gif);background-repeat:repeat;}
.bg-ptn-line45b{background-image: url(images/bg/ptn_line_45b.gif);background-repeat:repeat;}
.bg-ptn-dot{background-image: url(images/bg/ptn_dot.gif);background-repeat:repeat;}

/*--------------------------------------
 フロート回り込みclass
-------------------------------------- */
.flt-l{float: left;}
.flt-r{float: right;}

/*--------------------------------------
 お問い合わせ（コンタクトフォーム用）
-------------------------------------- */
input:focus,
input.text:focus,
textarea:focus {color: #000; background: #ffc;} /*--　テキストエリア入力中に色をつけた --*/

/*--------------------------------------
 緊急TOPメッセージ
-------------------------------------- */
#topbanner-message { height: auto; text-align: center; vertical-align: middle; }

/*--------------------------------------
 緊急TOPメッセージ（東日本大震災用-red）
-------------------------------------- */
#topbanner-message1 { height: auto; border: 1px solid red; background: url(images/bg/ptn_line_45y.gif) repeat; text-align: center; vertical-align: middle; }
/*--------------------------------------
 緊急TOPメッセージ（訃報用-black）
-------------------------------------- */
#topbanner-message2 { height: auto; border: 2px solid black; text-align: center; vertical-align: middle; }

/*--------------------------------------
 フルサイズ写真のフロート無効に
-------------------------------------- */

img.alignnone{float:none;}

/*--------------------------------------
 キャプションボックス下にマージン追加
-------------------------------------- */
.wp-caption { margin-bottom:1em; }

/*--------------------------------------
 ボタン
-------------------------------------- */
.button a {
	color: #FFF;
	font-size:1.2em;
	display: block;
	margin: 10px;
}
.button {
	font-size: 1.2em;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #337fed;
	width: 100%;
	text-align: center;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:-1px -1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}
.button:active {
	position:relative;
	top:1px;
}

.button-red a {
	color: #FFF;
	font-size:1.2em;
	display: block;
	margin: 10px;
}
.button-red {
	font-size: 1.2em;
	font-weight:bold;
	width: 100%;
	text-align: center;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	text-shadow:-1px -1px 0px #810e05;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	box-shadow:inset 1px 1px 0px 0px #f5978e;
}
.button-red:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}
.button-red:active {
	position:relative;
	top:1px;
}

/* ボタンなのでaボーダーを消す*/
.post_text .button a,
.post_text .button-red a { border-bottom:none; }

/* ----------------------------------------
# 付箋
---------------------------------------- */
.error,
.alert, 
.notice,
.success, 
.info		{ padding:0.8em !important;margin-bottom:1em;border:2px solid #ddd; }

.error		{ background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4; }
.notice		{ background:#fff6bf;color:#514721;border-color:#ffd324; }
.success	{ background:#e6efc2;color:#264409;border-color:#c6d880; }
.info		{ background:#d5edf8;color:#205791;border-color:#92cae4; }

/*--------------------------------------
 CLASS
-------------------------------------- */
.memo{font-size: 0.85em;color: #666;}
.red{color: RED;}