@charset "UTF-8";
/* CSS Document */

/*要素のフォントサイズやマージン・パディングをリセットしています*/
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, strong, 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;
	/*text-align:justify;
	text-justify:inter-ideograph;*/
}
body {
	font: normal normal 13px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.1em;
	color:#291204;
	background:url(../images/body_back.gif) repeat;
*font-size:small;/* IE用 */
*font:x-small;/* IE 互換モード用 */
}
/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/
.font10 {
	font-size:10px;
}
.font11 {
	font-size:11px;
}
.font12 {
	font-size:12px;
}
.font13 {
	font-size:13px;
}
.font14 {
	font-size:14px;
}
.font15 {
	font-size:15px;
}
.font16 {
	font-size:16px;
}
.font17 {
	font-size:17px;
}
.font18 {
	font-size:18px;
}
.font20 {
	font-size:20px;
}
/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
ol, ul {
	list-style:none;
}
/*引用符の表示が出ないようにしています*/
blockquote, q {
	quotes:none;
}
/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
	text-decoration:none;
	color:#68481e;
}
a:hover {
	color:#82ab3a;
}
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
076
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
/*テキストに打ち消し線が付くようにしています*/
del {
	text-decoration: line-through;
}
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
	border-collapse:collapse;
	border-spacing:0;
}
/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
	vertical-align:middle;
}
/*画像を縦に並べたときに余白が出てしまわないように*/

img {
	font-size:0;
	line-height: 0;
	vertical-align:bottom;
	/* またはbody, img などタグそのものを定義 */
user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
}
.clearfix:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}
p, dd {
	/*text-align:justify;
	text-justify:inter-ideograph;*/
}
.clearfix {
	zoom:1;/*for IE 5.5-7*/
}
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.letter2 {
	letter-spacing:0.2em;
}
.simonetta {
	font-family: 'Simonetta', cursive;
}
.averia {
	font-family: 'Averia Sans Libre', cursive;
}
.marko {
	font-family: 'Marko One', serif;
}
.center {
	text-align:center;
}
.textright {
	text-align:right;
}
.brown{
	color:#68481e;
}
.bold{
	font-weight:bold;
}
.lh1{
	line-height:1em;
}
.red{
	color:#C33;
	font-weight:bold;
}
.green{
	color:#82ab3a;
}
.underline a{
	text-decoration:underline;
}
.vlcenter{
	vertical-align:middle;
}