@charset "utf-8";

/* ------------------------------------------------------------------------ デフォルト */

* {
	margin: 0;
	padding: 0;
	font-size: 15px;
	_font-size: 14px;
	line-height: 1.5;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
*:first-child+html * {  } /* IE7 */
html>body * {  } /* Firefox */

html { width: 100%; overflow-y: scroll; }
body {
	color: #5C2A21;
	background: #fff url(../img/body-bg.gif) 0 0 repeat-x;
}

a { overflow: hidden; _cursor: pointer; }
a:link { text-decoration: underline; }
a:visited {  text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { text-decoration: underline; }

img { border: none; vertical-align: bottom; }

table {
	font-size: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset { border: none; }
input.text, select {
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
}

button { cursor: pointer; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.left { display: inline; float: left; }
.right { display: inline; float: right; }
.center { display: block; margin: 0 auto 0 auto; clear: both; }



#wrapper {
	position: relative;
	margin: 0 auto 0px auto;
	padding: 0px 0px 0 0px;
	width: 840px;
}



/* ------------------------------------------------------------------------------------ header */

#header {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0px 0 0px 0;
	width: 840px;
}

#header h1 {
	margin: 25px 0 35px 0px;
	padding: 0px 0px 0 0;
	font-size: 85%;
	width: 278px;
	height: 60px;
}

#header h1 a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0 0;
	text-indent: -9999em;
	width: 278px;
	height: 60px;
	background: url(../img/header-logo.gif) 0 0 no-repeat;
}

/* プレゼント */
#header a.present {
	display: inline-block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0 0;
	text-indent: -9999em;
	width: 400px;
	height: 92px;
	background: url(../img/header-present.gif) 0 0 no-repeat;
}
#header a.present:hover { background-position: 0 -91px; }

/* トップイメージ */
#header dl#topBanner {
	margin: 0 0 0px 0;
	padding: 0px 0 0 0;
	text-indent: -9999em;
	width: 840px;
	height: 314px;
	background: url(../img/header-topbanner.jpg) 0 0 no-repeat;
	clear: both;
}



/* ------------------------------------------------------------------------------------ container */

#container {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0px 0 0px 0px;
	width: 840px;
	clear: both;
}



/* --------------------------------------- sidebar */
#sidebar {
	position: relative;
	margin: 0 0 0px 0;
	padding: 0px 0 0 0;
	width: 200px;
}

/* プレゼント */
#sidebar dl.present {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0px 0 0 0;
	text-indent: -9999em;
	width: 200px;
	height: 320px;
	background: url(../img/sidebar-present.gif) 0 0 no-repeat;
	clear: both;
}

#sidebar dl.present ul {
	position: absolute;
	bottom: 9px;
	left: 15px;
	margin: 0 0 0px 0;
	padding: 0px 0 0 0;
	list-style: none;
	width: 200px;
}

#sidebar dl.present ul li { list-style: none; width: 200px; }

#sidebar dl.present ul a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0px 0 0 0;
	width: 170px;
	background: url(../img/sidebar-present-ul.gif) 0 0 no-repeat;
}
#sidebar dl.present ul a.request { height: 40px; background-position: 0 0; }
#sidebar dl.present ul a.privacy { height: 30px; background-position: 0 -40px; }

#sidebar dl.present ul a.request:hover { background-position: -170px 0; }
#sidebar dl.present ul a.privacy:hover { background-position: -170px -40px; }

/* ナビ */
#sidebar ul.nav {
	margin: 0 0 20px 0;
	padding: 0px 0 0 0;
	list-style: none;
	width: 200px;
	clear: both;
}

#sidebar ul.nav li { list-style: none; width: 200px; }

#sidebar ul.nav a {
	display: block;
	margin: 0 0 1px 0;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 200px;
	height: 40px;
	background: url(../img/sidebar-nav.gif) 0 0 no-repeat;
}
#sidebar ul.nav a.home { background-position: 0px 0; }
#sidebar ul.nav a.profile { background-position: 0px -40px; }
#sidebar ul.nav a.lecture { background-position: 0px -80px; }
#sidebar ul.nav a.application { background-position: 0px -120px; }
#sidebar ul.nav a.voice { background-position: 0px -160px; }
#sidebar ul.nav a.faq { background-position: 0px -200px; }
#sidebar ul.nav a.about { background-position: 0px -240px; }
#sidebar ul.nav a.privacy { background-position: 0px -280px; }
#sidebar ul.nav a.inquiry { background-position: 0px -320px; }

#sidebar ul.nav a.home:hover { background-position: -200px 0; }
#sidebar ul.nav a.profile:hover { background-position: -200px -40px; }
#sidebar ul.nav a.lecture:hover { background-position: -200px -80px; }
#sidebar ul.nav a.application:hover { background-position: -200px -120px; }
#sidebar ul.nav a.voice:hover { background-position: -200px -160px; }
#sidebar ul.nav a.faq:hover { background-position: -200px -200px; }
#sidebar ul.nav a.about:hover { background-position: -200px -240px; }
#sidebar ul.nav a.privacy:hover { background-position: -200px -280px; }
#sidebar ul.nav a.inquiry:hover { background-position: -200px -320px; }

/* バナー */
#sidebar ul.banner {
	margin: 0 0 20px 0;
	padding: 0px 0 0 0;
	list-style: none;
	width: 200px;
	clear: both;
}

#sidebar ul.banner li { list-style: none; width: 200px; }

#sidebar ul.banner a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 200px;
	height: 50px;
	background: url(../img/sidebar-banner.jpg) 0 0 no-repeat;
}
#sidebar ul.banner a.blog { background-position: 0 0; }
#sidebar ul.banner a.twitter { background-position: 0 -50px; }

#sidebar ul.banner a.blog:hover { background-position: -200px 0; }
#sidebar ul.banner a.twitter:hover { background-position: -200px -50px; }

/* ガイド */
#container ul.guide {
	display: block;
	margin: 0 auto 40px auto;
	padding: 0 0 0 0;
	list-style: none;
	width: 350px;
}

#container ul.guide li { list-style: none; width: 350px; }

#container ul.guide a {
	display: block;
	margin: 0 auto 20px auto;
	padding: 0 0 0 0;
	text-indent: -9999em;
	width: 350px;
	background: url(../img/container-guide.gif) 0 0 no-repeat;
}
#container ul.guide a.detail {
	width: 350px;
	height: 50px;
	background-position: 0 0;
}
#container ul.guide a.inquiry {
	width: 300px;
	height: 40px;
	background-position: 0 -50px;
}
#container ul.guide a.detail:hover { background-position: -350px 0px; }
#container ul.guide a.inquiry:hover { background-position: -350px -50px; }



/* ------------------------------------------------------------------------------------ footer */


#footer {
	position: relative;
	margin: 0 0 0px 0;
	padding: 0px 0 0px 0px;
	width: 100%;
	background: url(../img/footer-bg.gif) 0 0 repeat-x;
	clear: both;
}

#footer address {
	margin: 0 0 0px 0px;
	padding: 10px 0 0px 0px;
	font-size: 85%;
	font-style: normal;
	text-align: center;
	height: 47px;
}