@charset "utf-8";
/*////////////////////////////////////////////////////////////
hana-jo.com – all.css for all pages.
------------------------------------------------------------
[Common]
	1.YUI
[Layout]
	1.base
	2.content
	3.html content
	4.flash content
[map]
	1.rank

////////////////////////////////////////////////////////////*/


/* ################################################################################
[Common] Setting common styles
################################################################################ */

/* ----------------------------------------------------------------------
■ 1.YUI
---------------------------------------------------------------------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
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%
*/


/* ################################################################################
[Layout] Setting layout styles
################################################################################ */

/* ----------------------------------------------------------------------
■ 1.base
---------------------------------------------------------------------- */
html,
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333333;
	text-align: center;
}

a,
a:link,
a:visited {
	color: #877E4C;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #666666;
}

/* ----------------------------------------------------------------------
■ 2.content
---------------------------------------------------------------------- */
#content {
	min-width: 768px;
	text-align: center;
}
/* ----------------------------------------------------------------------
■ 3.html content
---------------------------------------------------------------------- */
#htmlcontent {
}

/* ----------------------------------------------------------------------
■ 4.flash content
---------------------------------------------------------------------- */
#flashcontent {
	width: 600px;
	text-align: left;
	margin: 100px auto;
	color: #333333;
	font-size: 100%;
}

	#flashcontent h1 {
	}

	#flashcontent .caption {
		margin-top: 20px;
		color: #666666;
		font-size: 100%;
		font-weight: bold;
	}

	#flashcontent h2 {
		margin-top: 30px;
		font-size: 116%;
		font-weight: bold;
	}

	#flashcontent p {
		margin-top: 20px;
		line-height: 1.6;
	}

	#flashcontent ul {
		margin-top: 15px;
		margin-left: 5px;
		line-height: 1.6;
	}

		#flashcontent ul li {
			list-style-type: disc;
			list-style-position: inside;
		}

	#flashcontent .appendix {
		margin-top: 30px;
		font-size: 85%;
	}
		
		#flashcontent .appendix img {
			margin-bottom: 15px;
		}