@charset "Shift_JIS";

html {
	overflow-y: scroll;
}

body {
	background:#ffffff;
	color: #333333;
	margin: 0;
	padding:0;
	font-size:12px;
}

body, p, td, .f10, .f10n, .f12, .f12n, .f14, .f14n, .f18, .f18n {
	font-style: normal;
}

table {
	font-size:100%;
}

ol, ul, li {
	margin: 0;
	padding: 0;
	position: inline;
}

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

caption {display:none;}

.color333 {color:#333;}
.color666 {color:#666;}

/* ========================================
	wrapper, contents
======================================== */
#wrapper {
	background-image: url("../common/bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#wrapper #contents {
	width: 805px;
	margin: 0 auto;
	text-align: center;
}


/* ---------- headerArea ---------
	SEO text area (h1, p)
----------------------------------- */
#headerArea {
	width: 805px;
	margin: 0;
	padding: 0 0 5px 0;
}
#headerArea p {
	color: #666666;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 0 30px;
	text-align: left;
}
#headerArea h1 {
	color: #666666;
	font-size: 80%;
	font-weight: normal;
	margin: 0;
	/*padding: 0 0 0 30px;*/
	/*padding: 15px 0 0 30px;*/
	padding: 15px 0 0 30px;
	text-align: left;
}

/* ---------- headerArea: TOP --------- */
#headerAreaTop {
	width: 700px;
	margin: 0;
	padding: 10px 0 5px 10px;
}
#headerAreaTop h1 {
	color: #666666;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
}

/* ---------- headerArea: POP UP --------- */
#headerAreaPop {
	width: 700px;
	margin: 0;
	padding: 10px 0 5px 0;
}
#headerAreaPop p {
	color: #666666;
	font-size: 90%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 8px;
	text-align: left;
}
#headerAreaPop h1 {
	color: #666666;
	font-size: 80%;
	font-weight: normal;
	margin: 0;
	padding: 15px 0 0 8px;
	text-align: left;
}




.f10 {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ;
	font-size:85%;
	line-height : 160% ; 
}

.f10m {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ; 
	font-size:85%;
	line-height : 120% ;
}

.f10n { 
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ;
	font-size:85%;
}

.f10h {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ; 
	font-size:85%;
	line-height : 200% ;
}


.f12n {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ;
	font-size:100%; 
}

.f12h {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ; 
	font-size:100%; 
	line-height : 200% ;
}

.f12m {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ;
	font-size:100%;  
	line-height : 120% ; 
}

.f12 {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
	font-size:100%; 
	line-height : 140%;
}

.f14h {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ; 
	font-size :120%; 
	line-height : 170% ; 
}

.f14 {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ; 
	font-size :120%; 
	line-height : 150% ; 
}

.f14m {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ; 
	font-size :120%; 
	line-height : 120% ; 
}

.f14n {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ;
	font-size :120%; 
}

.f18 {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ; 
	font-size :150%; 
	line-height : 150% ; 
}
.f18n {
	font-family : 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Osaka','‚l‚r ‚oƒSƒVƒbƒN',sans-serif ;
	font-size :150%; 
}

strong, em {
	font-style : normal ;
	font-weight : bold ;
}

a:link {
	text-decoration: underline;
	color: #336699;
}

a:visited {
	text-decoration: underline;
	color: #336699;
}
a:hover, a:active {
	text-decoration: none;
	color: #336699;
}



/* ========================================
	#contents - detail
======================================== */
/* ----- nav ----- */
#nav {
	clear: both;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
	padding: 27px 0 0 0;
	text-align: center;
}
#nav img {
	border: 0;
	vertical-align: bottom;
}

#nav .logo {
	float: left;
	width: 200px;
	text-align: left;
}
#nav .navBtn {
	float: left;
	width: 600px;
}

#nav .logo p {
	margin: 0;
	padding: 0;
	text-align: left;
}



#nav .navBtn ul.top,
#nav .navBtn ul.btm {
	clear: both;
	overflow: hidden;
	width: 600px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav .navBtn ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav .navBtn ul li img {
	vertical-align: bottom;
}


#nav .navBtn ul.top li {
	height: 29px;
}
#nav .navBtn ul.btm li {
	height: 27px;
}
#nav .navBtn p {
	margin: 0;
	padding: 0;
	text-align: right;
}


div.lineup {
	width:491px;
	margin:0 auto;
}

div.lineup2 {
	width:483px;
	margin:0 auto;
}

div.lineup3 {
	width:800px;
	margin:0 auto;
}

div.lineup4 {
	width:510px;
	margin:0 auto;
}