@charset "shift_jis";

/* 基本 */
html	{
	overflow-x: hidden;
	}
body, div, p, span, h1, h2, h3, h4, blockquote, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section	{
	margin: 0;
	padding: 0;
	}
body	{
	font: normal small "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Arial, Helvetica, sans-serif;
	background-image: url(../img/wallpaper/c1753428_m.png);
	background-repeat: repeat;
	background-attachment: fixed;
	color: #201c0c;
	line-height: 1.6em;
	}
/*
body:before	{
	content: "";
	position: absolute;
	width : 100%;
	height: 10000%;
	background: inherit;
	z-index: -1;

	filter: blur(0px);
	-moz-filter: blur(0px);
	-webkit-filter: blur(0px);
	-o-filter: blur(0px);
	}
*/
a:link, a:visited, a:active, a:hover	{
	color: #cc0000;
	font-weight: normal;
	text-decoration: none;
	}
input:focus, textarea:focus	{
	background-color: #f8f3c8;
	}
img	{
	border-width: 0;
	}
abbr, acronym {
	font-weight: bold;
	border-style: dashed;
	border-color: #3a6211;
	border-width: 0px 0px 1px 0px;
	cursor: help;
	}
.bold	{
	font-weight: bold;
	}
.center	{
	text-align:center;
	}
.indent	{
	margin-left:5%;
	}
.small	{
	font-size: 85%;
	font-weight: normal;
	}
.yomi	{
	border-bottom: 2px dotted #d32c77;
	}
rt, rp	{
	font-size: 75%;
	color: gray;
	}
h1	{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	font-size: 30px;
	line-height: 30px;
	overflow: auto;
	color: white;
	background-color: #86a9fa;
	text-shadow: 2px 2px 2px #363636;
	box-shadow: 0 0 10px #363636;
	-moz-box-shadow: 0 0 10px #363636;
	-webkit-box-shadow: 0 0 10px #363636;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}
h2	{
	border-left: 1.5em solid #1e7634;
	font-size: 120%;
	padding: 0.4em;
	margin: 0 0 1em 0;
	color: #000040;
	}
form	{
	margin: 0;
	}
.firma	{
	text-align: right;
	}

/* ナビゲーション */
div.navigation	{
	width: 150px;
	margin: 0 0 0 10px;
	position: absolute;
	}
div.container	{
	width: 150px;
	}

/* プルダウン */
.pulldown	{
	margin-left: 20%;
	margin-right: 20%;
	padding: 0;
	}
.optionmenu	{
	background-color: #a52829;
	color: #ffffff;
	}
.ronbun{
	margin-top: 1em;
	margin-left: 10em;
	margin-right: 10em;
	background-color: #f4f0e3;
	padding: 3%;
	font-size: small;
	line-height: 2em;
	}
h2.ronbun	{
	border: none;
	text-align: center;
	font-weight: bold;
	}
h3	{
	border-left: 2em solid green;
	border-right: 2em solid green;
	border-bottom: solid 1px;
	border-top: solid 1px;
	padding: 0.4em;
	}

h1#upper	{
	margin-top: 0px;
	}

/* 枠 */
.solid	{
	border-style: solid;
	border-width: thick;
	border-color: #b00000;
	padding: 0.5em;
	}
.double	{
	border-style: double;
	border-width: thick;
	border-color: teal;
	padding: 0.5em;
	}
.dotted	{
	border-style: dotted;
	border-width: thick;
	border-color: green;
	padding: 0.5em;
	}
.waku {
	border: dashed thin;
	padding: 0.5em; color: teal;
	margin: 1.5em;
	}
.waku-kuro {
	border-color: #000040;
	border-style: solid;
	border-width: 2px;
	background-color: #f4f0e3;
	margin: 3% 20% 0 20%;
	padding: 1em;
	}

/* リスト */
ol.lower	{
	list-style: lower-roman outside;
	}
li.midashi	{
	font-weight: bold;
	margin-top: 0.5em;
	}
ol#autor	{
	list-style: decimal outside;
	}
ol#decimal	{
	list-style: decimal outside;
	}
ol#upper	{
	list-style: upper-alpha outside;
	}
ol#lower	{
	list-style: lower-alpha outside;
	}
dt	{
	font-weight: bold;
	}
dd	{
	margin-left: 4em;
	}

/* 引用やメモに使う赤い点線の枠 （中央） */
.frame-red	{
	text-align: left;
	line-height: 2em;
	margin: 2% 20% 0 20%;
	padding: 2em 2em 2em 2em;
	border: solid 1px #dd0000;
	background-color: white;
	}

/* 引用やメモに使う枠 （白・中央） */
.memo3	{
	color: #201c0c;
	border: solid 1px #4444aa;
	background-color: #ffffff;
	margin: 5% 20% 5% 20%;
	padding: 5%;
	text-align: left;
	}

/* 語尾取り */
.gobitori	{
	width: 700px;
	margin: 0 auto;
	padding: 0;
	}
.gobitori h1 {
	margin-top: 0%;
	}
.gobitori div.odai-center {
	margin: 0 auto;
	width: 420px;
	}
.gobitori table.odai {
	border-collapse: collapse;
	border-spacing: 5px;
	padding: 0;
	}
.gobitori table.odai  tr	{
	background-color: #ffffff;
	}
.gobitori table.odai td.odai1 {
	border-top: solid 6px #fac949;
	border-left: solid 6px #fac949;
	border-right: solid 6px #fac949;
	border-bottom: solid 6px #fac949;
	width: 20px;
	height: 100px;
	font-family: HG正楷書体-PRO, serif;
	font-size: 90px;
	}
.gobitori table.odai td.odai2 {
	border-top: solid 3px #fac949;
	border-left: solid 6px #fac949;
	border-right: solid 6px #fac949;
	border-bottom: solid 6px #fac949;
	width: 20px;
	height: 100px;
	font-family: HG正楷書体-PRO, serif;
	font-size: 90px;
	}
.gobitori p.note	{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", san-serif;
	font-size: 90%;
	margin: 0 0 0 10px;
	}
.gobitori input.kotoba	{
	width: 50px;
	}
.gobitori input.hitokoto	{
	width: 220px;
	}
.gobitori input.namae	{
	width: 120px;
	}
.gobitori input.koredeyoshi	{
	margin-left: 10px;
	background-color: #e8d8c3;
	}
.gobitori input.kakinaosu	{
	background-color: #dcbcbc;
	}
.gobitori input.ranking	{
	background-color:#efefc0;
	}
.gobitori table.sakuhin	{
	font-size: 15px;
	margin: 0 auto;
	width: 700px;
	border-collapse: separate;
	border-spacing: 3px;
	background-color: #deb887;
	}
.gobitori form.koremade	{
	width: 100px;
	margin: 20px auto 0;
	}
div.micky	{
	width: 150px;
	margin: 0 0 0 60%;
	}
.gobitori div.rank	{
	width: 130px;
	margin: 0 auto;
	}
.gobitori table.rank	{
	width: auto;
	margin: 0 auto;
	}
.gobitori .error	{
	font-size: larger;
	color: #9370db;
	font-family: メイリオ, "ＭＳ Ｐゴシック", ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro ,sans-serif;
	line-height: 2em;
	}
.gobitori-mumu	{
	width: 600px;
	border: solid 5px darkseagreen;
	background-color: #ffffff;
	margin:90px auto 0;
	padding: 60px 50px 80px 50px;
	text-align: left;
	}
.gobitori-mumu img	{
	margin: 0 0 50px 0;
	float: left;
	}
.mumu-dialog	{
	width: 300px;
	background-color: #a5525a;
	margin: 0 0 0 200px;
	padding: 20px;
	color: white;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	}

/* とりかえっ語 */
.torikae	{
	margin: 0 10%;
	font-size: 15px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, sans-serif;}
.torikae h1 {
	margin-top: 0%;
	text-align: left;
	}
.torikae th {
	color: white;
	}
.torikae table.odai {
	width: 350px;
	margin: 0 auto;
	background-color: #d2b48c;
	padding: 6px;
	text-align: left;
	}
.torikae table.odai td.odai1 {
	width: 90px;
	border: solid 1px #d2b48c;
	width: 20px;
	height: 100px;
	text-align: center;
	font-size: larger;
	}
.torikae table.odai td.odai2 {
	width: 90px;
	border: solid 1px #d2b48c;
	width: 20px;
	height: 100px;
	text-align: center;
	font-size: larger;
	}
.torikae table.odai td.odai3 {
	width: 90px;
	border: solid 1px #d2b48c;
	width: 20px;
	height: 100px;
	text-align: center;
	font-size: larger;
	}
.torikae span.odai	{
	font-size: 30px;;
	}
.torikae .hitokoto	{
	width: 230px;
	}
.torikae .onamae	{
	width: 230px;
	}
.torikae .button {
	width: 220px;
	margin: 0 auto;
	}
.torikae table.sakuhin {
	margin: 0 auto;
	}
.torikae .error	{
	font-size: larger;
	color: #9370db;
	font-family: メイリオ, ＭＳ Ｐゴシック, ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro, sans-serif;
	line-height: 2em;
	}
.torikae .note	{
	text-align: center;
	font-size: larger;
	color: red;
	}
.torikae form.koremade	{
	width: 100px;
	margin: 20px auto 0;
	}
.torikae-mumu	{
	width: 600px;
	border: solid 5px darkseagreen;
	background-color: #ffffff;
	margin:90px auto 0;
	padding: 60px 50px 80px 50px;
	text-align: left;
	}
.torikae-mumu img	{
	margin: 0 0 50px 0;
	float: left;
	}
.mumu-dialog	{
	width: 300px;
	background-color: #639463;
	margin: 0 0 0 200px;
	padding: 20px;
	color: white;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	}
input.margin	{
	margin: 10px 10px;
	}

/* 四字熟語 */
.jukugo	{
	margin: 0;
	padding: 0;
	}
.jukugo .wrapper	{
	width: 400px;
	margin: 0 auto;
	}
.jukugo table.list, .jukugo td	{
	width: 400px;
	font-size: 100%;
	border: 1px gray solid;
	border-collapse: collapse;
	padding: 10px;
	background: white;
	}
.jukugo .counter {
	width: 10em;
	margin: 0 auto 5px;
	background: white;
	}
.jukugo table.odai1 {
	width: 400px;
	border: 1px solid gray;
	border-collapse: collapse;
	padding: 0x;
	}
.jukugo td.odai2 {
	text-align: center;
	background: white;
	font-size: 3.5em;
	font-family: HG正楷書体-PRO, "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", serif;
	padding: 60px;
	border: none;
	}
.jukugo textarea {
	width: 400px;
	height: 100px;
	}
.jukugo .namebox	{
	width: 130px;
	}
.jukugo p.sakuhin	{
	text-align: center;
	font-weight: bold;
	margin: 0 0 5px 0;
	}
.jukugo p.teigi	{
	text-align: left;
	margin: 0 0 5px 0;
	}
.jukugo .date-name	{
	text-align: right;
	}
.jukugo .date	{
	color: #adadad;
	}

/* 四字熟語データベース */
.jukugodatabase	{
	width: 600px;
	margin: 0 auto;
	}
.jukugodatabase table	{
	width: 600px;
	margin: 0 auto;
	}
.jukugodatabase table.search	{
	width: 600px;
	margin: 0;
	}
.jukugodatabase form	{
	width: 200px;
	margin-left: 350px;
	}
div.database-result	{
	width: 800px;
	margin: 0 auto;
	}
div.database-result	{
	width: 100px;
	margin : 0px;
	}

/* 履歴書 */
.rireki	{
	position: relative;
	width: 640px;
	margin: 0 auto;
	background: white;
	}
.rireki table	{
	background: white;
	}

/* 免許証 */
.license-input	{
	width: 260px;
	margin: 0 auto;
	}
table.input	{
	background-color: #afdcaf;
	padding: 5px;
	border: 1px solid #666666;
	text-align: center;
	}

/* 迷言集 */
.frase	{
	width: 600px;
	border: 1px solid #666666;
	background: white url(../../img/quote_start.gif) no-repeat scroll top left;
	padding: 10px;
	margin: 50px auto 60px;
	}
.frase p	{
	padding: 10px 0px 10px 30px;
	margin: 0px;
	font: normal x-large "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
#author	{
	background-color: white;
	margin: 0;
	font: normal medium "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", san-serif;
	text-align: right;
	font-size: large;
	}
.hoka	{
	width: 120px;
	margin: 0 auto;
	}
.meigenshu	{
	width: 110px;
	margin: 20px auto 0;
	}

/* 今日の一句 */
div.wrapper	{
	text-align: center;
	}
.haiku	{
	width: 600px;
	border: 2px dotted #666666;
	padding: 100px 0 100px 0;
	margin: 70px auto 0px;
	font: normal x-large "HG正楷書体-PRO", serif;
	background-color: white;
	text-align: center;
	}
.haiku form	{
	margin-top: 30px;
	}
.garakuta	{
	width: 100px;
	margin: 0 0 0 65%;
	}
.garakuta-text	{
	font-weight: bold;
	}

/* あなたの予定*/
div.navigation-yotei	{
	width: 150px;
	margin: 60px  0 0 10px;
	position: absolute;
	}
.yotei-input	{
	width: 400px;
	margin: 50px auto;
	border-color: #000040;
	border-style: solid;
	border-width: 2px;
	background-color: #f4f0e3;
	padding: 1em;
	}
table.yotei	{
	width: 350px;
	margin: 0 auto;
	border-collapse: collapse;
	border: 1px #000000 solid;
	background-color: white;
	}
table.yotei td	{
	border: 1px #000000 solid;
	text-align: left;
	}
.yotei-center	{
	margin: 0 auto;
	}
span.kimari	{
	font-weight: normal;
	font-size: 150%;
	color: red;
	}
td.garakutabeya	{
	background-color: yellow;
	color: blue;
	font-weight: bold;
	}

/* 漢字検索試験 */
.kanji	{
	width: 360px;
	border: 2px dotted gray;
	padding: 2em;
	margin: 5em auto;
	color: black;
	background-color:  white;
	text-align: left;
	}

/* フォームメール */
.postmail	{
	width: 450px;
	margin: 20px auto;
	padding: 20px;
	border:  1px solid #4444aa;
	background-color:  white;
	}
.postmail textarea	{
	width: 410px;
	height: 200px;
	}
.postmail dl dt {
	border-left: 5px solid #7CADB6;
	border-bottom: 1px solid #7CADB6;
	font-size: small;
	margin: 0;
	padding: 5px;
	}
.postmail dl dt span{
	color: red;
	font-weight: bold;
	}
.postmail dl dd{
	font-size: small;
	margin: 0;
	padding: 10px;
	}
.postmail dl dd input{
	position: relative;
	z-index: 2;
	}
.postmail dl dd label{
	position: relative;
	padding: 5px 5px 5px 25px;
	margin :  0 5px 0 -25px;
	margin-left: -25px;
	position: relative;
	z-index: 1;
	}
.postmail dl dd.error input ,
.postmail dl dd.error textarea ,
.postmail dl dd.error label {
	background-color: #FFCCCC;
	}
* html dl dd.error label {
	background: none;
	}
*+html dl dd.error label{
	background: none;
	}
.postmail dl dd p.error{
	color: red;
	font-weight: bold;
	margin-bottom: 1em;
	}

/* 著作権 */
address	{
	position: relative;
	width: 220px;
	margin: 20px auto 20px;
	font-style: normal;
	font-size: 90%;
	clear: both;
	}

/* PC */
@media only screen and (min-width: 960px)	{
}

/* モニター幅960px以下 */
@media only screen and (max-width: 960px)	{
}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width: 640px)	{
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px)	{
h1	{
	font-size: 20px;
	padding: 5px 0 5px 5px;
	}
.jukugo table.list, .jukugo td	{
	width: 320px;
	margin: 0 auto;
	}
.jukugo table.odai1 {
	width: 300px;
	margin: 0 auto;
	font-size: 80%;
	}
.jukugo textarea {
	width: 300px;
	height: 100px;
	}
.jukugodatabase table	{
	width: 80%;
	margin: 0 auto;
	}
div.database-result	{
	width: 80%;
	margin: 0 auto;
	}
.jukugodatabase form	{
	width: 200px;
	margin: 0 0 0 10%;
	}
.haiku	{
	width: auto;
	padding: 10% 0 10% 0;
	margin: 5% 15% 0;
	}
table.license 	{
	width: auto;
	margin: 0 10px;
	}
.yotei-input	{
	width: 300px;
	}
.yotei	{
	width: 250px;
	margin: 0 auto;
	}
.frase	{
	width: 400px;
	}
}