@charset"UTF-8";
@import url("under_page.css");
/* CSS Document */

/* === DEFAULT STYLES ============================================================ */
* {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

body {
	color: #333333;
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
	background: url(../images/bg01.gif) top center repeat;
	font-size: 13px;
	letter-spacing: 0;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}

img {
	border-width: 0px;
	vertical-align:top;
}

h1 {
	background: url(../images/logo_bg01.gif) top left no-repeat;
	width: 232px;
	float: left;
}

ul {
	margin: 0px;
	padding: 0px;
}

ul li {
	list-style: none;
}

a:link,
a:visited {
	color: #660000;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #cc0000;
	text-decoration: none;
}

table th {
	font-size: 12px;
}

table td {
	font-size: 12px;
}


/*  === STYLES ============================================================ */
.cap {
	color: #cc0000;
}

.check {
	font-weight: bold;
}

.small {
	font-size: 10px;
}

.arrow {
	background: url(../images/arrow.gif) 0px 3px no-repeat;
	padding-left: 7px;
}

/*  === HEADER ============================================================ */
#wrapper-header {
	background: url(../images/header_bg01.gif) top center repeat-x;
	text-align: center;
	height: 191px;
	width: 100%;
}

#header {
	width: 990px;
	margin: 0px auto 0px auto;
}

.header-right {
	float: left;
}

/* navi */
#navi li {
	float: left;
	list-style:none;
}

/*  === CONTENTS STYLES ============================================================ */
#wrapper-contents01 {
	width: 100%;
	background: url(../images/bg02.gif) top center repeat-x;
	text-align: center;	
}

#wrapper-contents02 {
	width: 990px;
	margin: 0px auto 0px auto;
	background: url(../images/bg05.gif) top right repeat-y;
}

/* hack--clearfix */
#wrapper-contents02:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}


#wrapper-left {
	float: left;
	width: 225px;
	padding-left: 17px;
}

#wrapper-right-all {
	width: 748px;
	background: url(../images/bg04.gif) top left no-repeat;
	min-height: 100px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	position:relative;
}
	
#wrapper-right01 {
	width: 498px;
	float: left;
	margin-left: 23px;
} 

#wrapper-right01 {
	/* for IE6 */
	_margin-left: 11px;
} 

#wrapper-right02 {
	width: 151px;
	float: right;
	margin-right: 43px;
}

#wrapper-right02 {
	/* for IE6 */
	_margin-right: 21px;
}

/* QR */
.qr_sttl {
	padding-top: 10px;
}

.qr {
	width: 139px;
	padding: 0px 5px;
	background: #e8da16;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.qr .qrcode {
	float: left;
	margin: 0px 0px 5px 0px ;
}

.qr p {
	width: 67px;
	font-size: 10px;
	float: right;
	margin: 3px 0px 5px 0px ;
	line-height: 150%;
	padding: 0px 5px;
}

/* DVD */
.dvd {
	width: 150px;
	background: url(../images/dvd_bg01.gif) top left repeat-y;
	margin-top: 10px;
	border-bottom: 2px solid #000000;
}

/* hack--clearfix */
.dvd:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
	
.dvd p {
	font-size: 10px;
	background:#ffffff;
	padding: 7px;
	width: 120px;
	margin-left: 8px;
}

.dvd .btn {
	margin: 7px 0px 7px 20px;
}




/* INFORMATION */
#info {
	background: url(../images/info_bg01.gif) top left repeat-y;
	width: 225px;
}

h2.info-stl {
	padding-bottom: 10px;
}

#info img.stl {
	margin: 0px 0px 10px 0px;
}

#info img.sstl {
	margin: 0px 0px 0px 20px;
}

#info img.btm {
	margin: -3px 0px 0px 20px;
	padding-bottom: 0px;
	vertical-align:top;
}

#info ul {	
	background: url(../images/info_blockbg01.gif) top left repeat-y;
	margin: 0px 20px;
	padding-top: 7px;
}

#info ul li {
	margin: 0px 15px;
}

#info ul li.date {
	font-size: 10px;
	background: #868578;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 3px;
	margin-top: 0px;
	line-height: 110%;
} 

#info ul li.txt01 {
	padding: 2px 0px 5px 7px;
	font-size: 12px;
	background: url(../images/arrow.gif) no-repeat;
	background-position: 0px 7px;
	line-height: 130%;
	}
	
#info ul li.txt02 {
	padding: 2px 0px 3px 7px;
	font-size: 12px;
	background: url(../images/arrow02.gif) no-repeat;
	background-position: 0px 7px;
	line-height: 130%;
	}


/* BLOG PARTS */
.blog-sttl {
	z-index: 10;
	margin-top: -35px;
}
#blog {
	background: url(../images/blog_bg01.gif) top left no-repeat;
	width: 212px;
	padding: 10px 0px 20px 0px;
}

/* hack--clearfix */
#blog:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

#blog img {
	float: left;
	margin: -10px 10px 0px 30px;
	padding-bottom: 20px;
}

#blog p {
	width: 100px;
	float: left;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
}

/* BANNER under info */
.bnr-uinfo {
	width: 199px;
	margin: -10px 0px 10px 8px;
}

.bnr-uinfo img {
	margin-top: 3px;
}

/*  === FOOTER ============================================================ */
#footer {
	background: url(../images/footer-bg01.gif) bottom center repeat-x;
	color: #ffffff;
	text-align: center;
	padding: 12px 0px 0px 0px;
	font-size: 12px;
}

#footer a:link,
#footer a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#footer a:hover,
#footer a:active {
	color: #ffffff;
	text-decoration: none;
}

#footer img {
	margin: 23px 0px 11px 0px;
}

/* PAGETOP */
#pagetop {
	margin: 0px auto 0px auto;
	background: url(../images/pagetop-bg01.gif) top right no-repeat;
	text-align: right;
	width: 990px;
}

#pagetop img {
	margin: 35px 44px 0px 0px;
}