@charset "UTF-8";


/* -----------------------------------------------
CSS INFO


 File name:      common.css
 Site name:		 ROCK-A-HULA
 Author:         Sambopark
 Style Info:     各htmlリセット設定＆共通設定
 last update:    2009.04.24


0.YUI Fonts CSS - version:2.7
1.reset
2.default
3.Link Color
4.Layout
5.Element

----------------------------------------------- */




/* ============================================================
	0.YUI Fonts CSS
=============================================================== */

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%;}

/*
Setting the font size
	77% = 10px	|	123.1% = 16px	|	167% = 22px	
	85% = 11px	|	131%   = 17px	|	174% = 23px 
	93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
*/

/* ============================================================
	1.reset
=============================================================== */
body,
div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
ul, ol, li,
brockquote, pre, input, textarea, address,
form, fieldset, legend, object, 
table, caption, th, td,
a, p, img {
	margin:0;
	padding:0;
}

html {
	height:100%;
	overflow-y:scroll;
}

body {
	height:100%;
	background:url(../img/bg/bg_body.jpg) repeat 0 0;
	font-family:Arial,"Trebuchet MS", "ＭＳＰ ゴシック","MSP PGothic",sans-serif;
	text-align:center;
}

h1, h2, h3, h4, h5, h6,
pre, table, code, acronym, input, textarea {
	font-weight:normal;
}

img {
	border:none;
}

address, em, cite, dfn, var {
	font-style:normal;
}

.clr {
	clear:both;
	font: 1px/1px monospace;
	display: block;
}


/* ============================================================
	2.default
=============================================================== */
p {
	margin:0 0 1em 0;
	line-height:160%;
}

ul li {
	list-style-position:outside;
	list-style-type:none;
}

ol {
	list-style-position:outside;
}

table {
	border-collapse:collapse;
}


a {
	text-decoration:none;
	border:none;
}



/* ============================================================
	3.Link Color
=============================================================== */
a:link,
a:visited {
}

a:hover {
}





/* ============================================================
	4.Layout
=============================================================== */
#wrapper {
	width:900px;
	height:100%;
	background:url(../img/bg/bg_wrapper.jpg) repeat 0 0;
	text-align:left;
	margin:0 auto;
	padding-bottom:80px;
}


.indexWrapper {
	padding:120px 0 0 0;
	position:relative;
}




/* ============================================================
	5.Element
=============================================================== */
.indexWrapper h1 a {
	width:900px;
	height:0;
	background:url(../img/img_index.jpg) no-repeat top left;
	display:block;
	overflow:hidden;
	padding-top:624px;
}


.indexWrapper h2 {
	position:absolute;
	top:174px;
	left:160px;
}

.indexWrapper h2 a {
	width:580px;
	height:0;
	background:url(../img/btn/btn_index.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	outline:none;
	padding-top:400px;
}

.indexWrapper h2 a:hover {
	background:url(../img/btn/btn_index.jpg) no-repeat 0 -400px;
}