@charset "utf-8";

/*--------------------------------
	initialize
---------------------------------*/
body {
	margin:0px;
	padding:0px;
	color:#343642;
	background:#ffffff;
	font-size:75%;
	line-height:1.3;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/*--for all block level elements--*/
h1,h2,h3,h4,h5,h6,div,p,ol,ul,li,dl,dt,dd,pre,noscript,blockquote,form,hr,table,fieldset,textarea,address {
	margin:0px;
	padding:0px;
	font-size:100%;
}

table,caption,thead,tbody,tfoot,tr,th,td {
	font-size:100%;
	empty-cells:show;
}

ul li {list-style-type:none;}
label {cursor:pointer;}

/*--------------------------------
	link module
---------------------------------*/
a:link 		{color:#348899; text-decoration:underline;}
a:visited 	{color:#962d3e; text-decoration:underline;}
a:active 	{color:#962d3e; text-decoration:underline;}
a:hover 	{color:#962d3e; text-decoration:none;}
a img 		{border:0px;text-decoration:none;}

/*--------------------------------
	clearing float
---------------------------------*/
.clear {clear:both;}

br.clear {	/*--easy way to clear float--*/
	font-size:0%;
	line-height:0%;
	height:0px;
}

/*--clearfix--*/
.clearfix:before, .hana div:before, .hana ul:before {content:".";display:block;height:0;visibility:hidden;overflow:hidden;}
.clearfix:after, .hana div:after, .hana ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .hana div, .hana ul {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html .hana div, * html .hana ul {height:1%;}
.clearfix, .hana div, .hana ul {display:block;}
/* End hide from IE-mac */

/*------------------------------------
	*interface* iRollOver
-------------------------------------*/
.hana .iRollOver {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

.hana .iRollOver img {
	position:relative;
	left:0px;
	top:0px;
}

* html .hana .iRollOver img {
	position:absolute;
}

* html .hana .iRollOver:hover img {
	filter:alpha(opacity=100);
}

*:first-child+html .hana .iRollOver:hover img {
	filter:alpha(opacity=100);
}

/*--------------------------------
	*interface* iContainer220
---------------------------------*/
.hana .iContainer220 {
	position:relative;
	margin-bottom:10px;
	background:url(/global/img/util/container220/bg_r.png) repeat-y right top;
}

.hana .iContainer220 .cRT {
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	width:2px;
	height:2px;
	background:url(/global/img/util/container220/bg_rt.png) no-repeat right top;
}

.hana .iContainer220 .cBottom {
	display:block;
	height:2px;
	overflow:hidden;
	background:url(/global/img/util/container220/bg_bottom.png) no-repeat right top;
}

.hana .iContainer220 .cOuterWrapper {
	border:1px solid #aaaaaa;
	margin-right:2px;
	padding:1px;
}

.hana .iContainer220 .cHeading {
	padding:3px 4px;
	background:url(/global/img/util/container220/bg_gradient_title.png) repeat left top;
	font-weight:bold;
	font-size:87%;
}

.hana .iContainer220 .cContent {
	padding:5px;
	background:url(/global/img/util/container220/bg_gradient_content.png) repeat-x left bottom;
	font-size:87%;
}

/*--------------------------------
	*interface* iEventInfo
---------------------------------*/
.hana .iEventInfo dt {
	width:4em;
	text-align:right;
	font-weight:bold;
}

.hana .iEventInfo dd {
	margin:-1.5em 0px 0px 4.4em;
}

.hana .iEventInfo .cDJs dt {
	width:7.4em;
	white-space:nowrap;
}

.hana .iEventInfo .cDJs dd {
	margin-left:7.8em;
}

/*--------------------------------
	*interface* iDing01
---------------------------------*/
.hana .iDing01 {
	padding-left:12px;
	background:url(/global/img/util/dingbats/01.png) no-repeat left center;
}

/*--------------------------------
	*interface* iDing02
---------------------------------*/
.hana .iDing02 {
	padding-left:14px;
	background:url(/global/img/util/dingbats/02.png) no-repeat left center;
}

/*--------------------------------
	*interface* iGenericContent
---------------------------------*/
.hana .iGenericContent h1,
.hana .iGenericContent h2 {
	font-size:117%;
	margin-bottom:0.5em;
}

.hana .iGenericContent h3 {
	margin-bottom:0.5em;
}

.hana .iGenericContent ol {
	margin:0px 0px 1em 1.5em;
}

.hana .iGenericContent li {
	margin-bottom:0.2em;
}

.hana .iGenericContent p {
	margin:0px 0px 1em;
}

.hana .iGenericContent .cSection {
	margin:0px 0px 1.5em 1.5em;
	line-height:1.5;
}

/*--------------------------------
	global
---------------------------------*/
body {
	background:url(/global/img/bg/bottom.png) no-repeat center bottom;
}

.hana {
	text-align:center;
	background:url(/global/img/bg/top.png) no-repeat center top;
}

.hana .gWrapper {
	position:relative;
	width:760px;
	margin:0px auto;
	text-align:left;
}

.hana .gBgTop {
	position:absolute;
	left:565px;
	top:0px;
	width:459px;
	height:562px;
	background:url(/global/img/bg/top.png);
}

.hana .gBgBottom {
	position:absolute;
	bottom:0px;
	left:-390px;
	width:1361px;
	height:647px;
	background:url(/global/img/bg/bottom.png);
}

.hana .gHeader {
	position:relative;
	width:766px;
	height:131px;
	margin:0px 0px 5px -6px;
	background:url(/global/img/header/bg.png);
}

.hana .gHeader .cLogo {	/* implements iRollOver */
	position:absolute;
	left:23px;
	bottom:5px;
	width:246px;
	height:48px;
}

.hana .gHeader .cLogo a:hover img {
	top:-48px;
}

.hana .gNavi li {	/* implements iRollOver */
	width:107px;
	float:left;
	height:20px;
}

.hana .gNavi li a:hover img {
	top:-20px;
}

.hana .gNavi .cHome {
	width:73px;
}

.hana .gNaviHeader {
	padding:5px 5px 1px;
	background:url(/global/img/navi/bg_top.png) no-repeat left top;
}

.hana .gNaviFooter {
	padding:1px 5px 5px;
	background:url(/global/img/navi/bg_bottom.png) no-repeat left top;
}

.hana .gContainer {
	padding:0px 5px;
	background:url(/global/img/bg/body.png) repeat-y left top;
}

.hana .gFooter {
	position:relative;
	width:760px;
	height:72px;
	margin:30px 0px 20px;
	background:url(/global/img/footer/bg.png) no-repeat left top;
}

.hana .gFooter .cCopyright{
	position:absolute;
	left:15px;
	bottom:15px;
}

.hana .gFooter ul {
	position:absolute;
	right:15px;
	bottom:15px;
}

.hana .gFooter li {
	float:left;
	border-right:2px solid #ffffff;
	line-height:1;
}

.hana .gFooter li img {
	vertical-align:middle;
}

/*--------------------------------
	siteTop
---------------------------------*/
.siteTop .cPrimary {
	width:500px;
	float:left;
}

.siteTop .cEntranceMovie {
	background:#111111;
	margin-bottom:20px;
}

#entranceMovie {
	display:block;
	width:500px;
	height:281px;
}

.siteTop .cHeading {
	background:#cccccc;
	padding:2px 8px;
}

.siteTop .cPrimary .cBanner {
	position:relative;
}

.siteTop .cPrimary .cBanner .cLeft {
	float:left;
}

.siteTop .cPrimary .cBanner .cRight {
	float:right;
}

.siteTop .cPrimary .cExtra {
	padding:20px 0px 30px 110px;
	background:url(/global/img/index/hana_mirror.png) no-repeat left 20px;
}

.siteTop .cPrimary .cExtra .cContainer {
	margin:0px 0px 1.5em 1.2em;
}

.siteTop .cSidebar {
	position:relative;
	left:1px;
	float:right;
	width:242px;
	padding:4px 0px 0px;
}

.siteTop .cSidebar .cLink {
	text-align:right;
}

.siteTop .cSidebar .cMember .cQR {
	float:left;
	margin:0px 8px 10px 0px;
}

.siteTop .cSidebar .cMember .cBtn { /* implements iRollOver */
	clear:both;
	width:226px;
	height:44px;
	margin-bottom:8px;
}

.siteTop .cSidebar .cMember .cBtn a:hover img {
	top:-44px;
}

.siteTop .cSidebar .cBlog .cLead {
	padding:0px 0px 8px;
}

.siteTop .cSidebar .cBlog dt {
	font-size:109%;
}

.siteTop .cSidebar .cBlog dd {
	padding:0px 0px 8px 28px;
	background:url(/global/img/util/dingbats/03.png) no-repeat 18px 0px;
}

.siteTop .cBanner p {
	margin-bottom:10px;
}

.siteTop .cTwitter {
	margin-bottom:10px;
}

/*--------------------------------
	eventInfo
---------------------------------*/
.eventInfo .cContent {
	margin:5px 0px;
	background:url(/event/img/bg.png) repeat-y right top;
	font-size:92%;
}

.eventInfo .cPrimary {
	float:left;
	width:500px;
	line-height:1.5;
	padding-top:2em;
}

.eventInfo .cPrimary .cHeading {
	float:left;
	width:11em;
	line-height:1;
	font-weight:bold;
	text-align:right;
	vertical-align:bottom;
}

.eventInfo .cPrimary .cHeading span {
	display:block;
	float:right;
	border-bottom:2px solid #348899;
}

.eventInfo .cPrimary .cSection {
	margin:0px 0px 1.5em 12.5em;
}

.eventInfo .cPrimary .cSection p {
	margin-bottom:1em;
}

.eventInfo .cService dd {
	margin-bottom:1em;
}

.eventInfo .cSecondary {
	float:right;
	width:240px;
	padding:4px;
	color:#ffffff;
}

.eventInfo .cSecondary a {
	color:#f2ebc7 !important;
}

.eventInfo .cArchive {
	margin-top:20px;
}

.eventInfo .cArchive h2 {
	
}

.eventInfo .cArchive .cContainer {
	padding:5px 0px 15px 2em;
}


/*--------------------------------
	memberRegist
---------------------------------*/
.memberRegist .cPrimary {
	float:left;
	width:500px;
	font-size:92%;
	line-height:1.6;
}

.memberRegist .cPrimary .cImage {
	float:left;
	width:220px;
}

.memberRegist .cPrimary .cDescription {
	float:left;
	width:270px;
	margin:27px 0px 30px;
}

.memberRegist .cPrimary .cHeading {
	margin-bottom:0.5em;
}

.memberRegist .cPrimary .cSection {
	margin-bottom:1.2em;
}

.memberRegist .cSecondary {
	float:right;
	width:220px;
}

.memberRegist .cRegistraton {
	margin-left:220px;
}

/*--------------------------------
	wearehana
---------------------------------*/
.wearehana .cBg {
	padding-bottom:30px;
	background:#1d1d1d;
}

* html .wearehana .cBg {
	background:#161616;
}

.wearehana .cImages {
	width:710px;
	margin:30px auto 0px;
	overflow:hidden;
	background:url(/wearehana/img/round_bg_top.png) no-repeat left top;
}

.wearehana .cImages .cBorderBottom {
	background:url(/wearehana/img/round_bg_bottom.png) no-repeat left bottom;
	padding:15px 0px;
}

.wearehana .cImages .cBorderMiddle {
	background:#333333;
}

* html .wearehana .cImages .cBorderMiddle {
	background:#292929;
}

.wearehana .cImages ul {
	padding:0px 0px 0px 50px;
}

.wearehana .cImages li {
	float:left;
	margin-right:30px;
}

.wearehana .cImages img {
	border:5px solid #8c0003;
}

.wearehana .cSubHeader {
	margin:0px 0px 30px 45px;
}

.wearehana .cSection {
	margin:0px 0px 30px 70px;
}

.wearehana .cSection .cContent {
	float:right;
	width:475px;
}

.wearehana .cSection .cImage {
	float:left;
	width:182px;
}

.wearehana .cSection .cSectionTitle {
	margin-bottom:0.8em;
}

.wearehana .cSection p {
	line-height:1.5;
	margin-bottom:1em;
	color:#a4a4a4;
}

/*--------------------------------
	privacyPolicy
---------------------------------*/
.privacyPolicy {
	padding:30px 30px 30px 10px;
}