@charset "utf-8";
/*//////////////////////////////////////////////////////////////////////////////////////
       Site Name  :  BURIMOCCA
       File Name  :  base.css
       Created     :  2009.11.24
       Up Date     :  2009.11.24
       Copyright Burimocca  All Rights Reserved.
//////////////////////////////////////////////////////////////////////////////////////*/
* html .iepngfix {behavior: expression(IEPNGFIX.fix(this));}
/* Main Layout
-------------------------------------------------------------*/
body {
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #444;
	background: url(../_img/bg.gif) top no-repeat #000 ;
}
img {border: none;}
a {
	color: #36c;
}
#Wrapper {
	width: 880px;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	background-color:#FFFFFF;
}

#Container {
	width:760px;
	margin: 0 auto;
	 padding-bottom: 20px;
}
#Primary {
	float: left;
	width: 480px;
	padding-right: 10px;
}
#Secondary {
	float: right;
	width: 270px;
}
#Footer {
	width: 940px;
	margin: 0 auto;
	background: #fff;
}

/* Common Style
-------------------------------------------------------------*/
/* CAEg */
.TxtLeft { text-align: left; }
.TxtRight { text-align: right; }
.TxtCenter { text-align: center; }
.PicLeft { float: left; margin: 0 20px 20px 0; }
.PicRight { float: right; margin: 0 0 20px 20px; }
/*  */
.TxtMini { font-size: 70%; }
.TxtMini2 { font-size: 82%; }
.Red { color: #c00000; }
.RedBold { font-weight: bold; color: #c00000; }
.RedMini { font-size: 82%; color: #ff0000; }

/*  Jݐ\{^iZ^[񂹁j */
div#Primary p.EntryBtn { width: 341px; overflow: hidden; margin: 40px auto; text-indent: -1000px; }
div#Primary p.EntryBtn a { display: block; height: 72px; background: url(../_img/entry_btn.png) top no-repeat; }
div#Primary p.EntryBtn a:hover { background-position: 0 -72px ; }
/*  y[Wgbv{^ */
div#Primary p.PageTop { width: 65px; overflow: hidden; 	margin: 20px 20px 20px auto; text-indent: -1000px; }
div#Primary p.PageTop a { display: block; height: 14px; background: url(../_img/btn_top.png) no-repeat; }
div#Primary p.PageTop a:hover { background: url(../_img/btn_top_hover.png) no-repeat; }
/*  MarkertLink */
p.link { text-align: right; }
p.link a { padding: 0 10px 0 18px; background: url(../_img/marker_circle.png) no-repeat left; }
p.linkLeft { text-align: left; }
p.linkLeft a { padding: 0 10px 0 18px; background: url(../_img/marker_circle.png) no-repeat left; }
iframe { border: none; }
/* Header
-------------------------------------------------------------*/
/* Logo */
#HeaderLogo {
	width: 810px;
	overflow: hidden;
	margin: 10px auto;
	text-indent: -1000px;
	background: url(../_img/logo.jpg) no-repeat;
}
#HeaderLogo a{
	display: block;
	height: 134px;
}
/* MainImg */
#MainImg {
	display: block;
	width: 760px;	
	height: 506px;
	overflow: hidden;
	margin: 10px auto;
	text-indent: -1000px;
	background: url(../_img/main_img.jpg) no-repeat;
}

/* GLMENU
-------------------------------------------------------------*/

/* GlobalHeader */
#GlobalHeader { 
	width: 740px;
	height: 20px;
	margin: 10px auto;
	z-index: 9998;
	}
#GlobalHeader #GlobalNav { margin: 0; padding: 0; }
#GlobalHeader #GlobalNav li { display: inline; }
#GlobalHeader #GlobalNav li a { 
	float: left;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../_img/glnavi.gif);
	}

/* BUTTONS */
#GlobalHeader #GlobalNav li#gn-store a { background-position: 0 0; width: 75px;}
#GlobalHeader #GlobalNav li#gn-apple a { background-position: -70px 0; width: 125px;}
#GlobalHeader #GlobalNav li#gn-mac a { background-position: -190px 0; width: 75px;}
#GlobalHeader #GlobalNav li#gn-ipoditunes a { background-position: -260px 0; width: 165px;}
#GlobalHeader #GlobalNav li#gn-iphone a { background-position: -420px 0; width: 115px;}
#GlobalHeader #GlobalNav li#gn-downloads a { background-position: -545px 0; width: 95px;}
#GlobalHeader #GlobalNav li#gn-support a { background-position: -650px 0; width: 78px;}

/* OVER STATES */
#GlobalHeader #GlobalNav li#gn-store a:hover { background-position: 0 -20px; }
#GlobalHeader #GlobalNav li#gn-apple a:hover { background-position: -70px -20px; }
#GlobalHeader #GlobalNav li#gn-mac a:hover { background-position: -190px -20px; }
#GlobalHeader #GlobalNav li#gn-ipoditunes a:hover { background-position: -260px -20px; }
#GlobalHeader #GlobalNav li#gn-iphone a:hover { background-position: -420px -20px; }
#GlobalHeader #GlobalNav li#gn-downloads a:hover { background-position: -545px -20px; }
#GlobalHeader #GlobalNav li#gn-support a:hover { background-position: -650px -20px; }

/* PRESSED STATES */
#GlobalHeader #GlobalNav li#gn-store a:active { background-position: 0 -20px; }
#GlobalHeader #GlobalNav li#gn-apple a:active { background-position: -70px -20px; }
#GlobalHeader #GlobalNav li#gn-mac a:active { background-position: -190px -20px; }
#GlobalHeader #GlobalNav li#gn-ipoditunes a:active { background-position: -260px -20px; }
#GlobalHeader #GlobalNav li#gn-iphone a:active { background-position: -420px -20px; }
#GlobalHeader #GlobalNav li#gn-downloads a:active { background-position: -545px -20px; }
#GlobalHeader #GlobalNav li#gn-support a:active { background-position: -650px -20px; }

/* ON STATES */
#GlobalHeader.home #GlobalNav li#gn-store a:hover { background-position: 0 -20px;}
#GlobalHeader.store #GlobalNav li#gn-apple a { background-position: -70px -20px;}
#GlobalHeader.mac #GlobalNav li#gn-mac a { background-position: -190px -20px;}
#GlobalHeader.ipoditunes #GlobalNav li#gn-ipoditunes a { background-position: -260px -20px;}
#GlobalHeader.iphone #GlobalNav li#gn-iphone a { background-position: -420px -20px;}
#GlobalHeader.downloads #GlobalNav li#gn-downloads a { background-position: -545px -20px;}
#GlobalHeader.support #GlobalNav li#gn-support a { background-position: -650px -20px;}

/* Footer
-------------------------------------------------------------*/
#Footer p#RiskText {
	line-height: 1.2;
	padding: 20px;
	border-top: 1px #aeaeae solid;
	border-bottom: 1px #aeaeae solid;
	font-size: 12px;
	background: #eee;
}
#Footer ul#FooterNav {
	text-align: center;
	font-size: 12px;
}
#Footer ul#FooterNav li {
	display: inline;
	margin-left: 5px;
	padding-left: 8px;
	background: url(../_img/marker_triangle_red.png) left no-repeat;
}
#Footer ul#FooterNav li a {
	color: #444;
}
#Footer address#Copyright {	
	margin: 10px;
	padding: 10px;
	border-top: 1px #666 solid;
	font-family: arial;
	font-size: 10px;
}






