@charset "Shift_JIS";

/* -------------------- start of Style Sheet -------------------- */

/* Cascading Style Sheet for 普天間かおり トップページ */

#main {

}

/* ########## 携帯誘導 ########## */
#mobile {
	display: none;
}

/* ########## 広告用FLASH ########## */
#ad-flash {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 65536;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash {
	position: fixed;
}
#ad-flash object, #ad-flash embed {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 65536;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash object,
html[xmlns] #ad-flash embed {
	position: fixed;
}

#ad-flash-small {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 65536;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash-small {
	position: fixed;
	width: auto;
	height: auto;
}
#ad-flash-small object, #ad-flash-small embed {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 65536;
	width: 400px;
	height: 300px;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash-small object,
html[xmlns] #ad-flash-small embed {
	position: fixed;
	top: auto;
	left: auto;
	bottom: 10px;
	right: 10px;
}

/* ########## 更新情報 ########## */
#modify {
	overflow: hidden;
	position: relative;
	top: 2em;
	left: 0;
	z-index: 2000;
	width: 950px;
	margin: 0.2em auto 2em auto;
	padding: 0;
	text-align: left;
	border: 1px solid #cccccc;
	background: #ffffff;
}
html[xmlns] #modify {
	background: url(../img/basic/back_transparent_white_90.png) !important;
}
/* start of hack for IE 7 \*/
*:first-child+html #modify {
	width: auto;
}
/* end of hack for IE 7 \*/

#modify h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 210;
	text-indent: -9000px;
}
#modify p {
	margin: 0;
	padding: 0 10px;
	font-size: 82%;
	line-height: 2.4;
	white-space: nowrap;
}
#modify p#more-modify {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	text-indent: -9000px;
	background: #ffffff url(../img/basic/back_more-modify_white.gif) 50% 0 no-repeat;
}

#modify p#more-modify img {
	margin: 0;
	padding: 0;
}

#modify p strong {
	color: #ff0000;
}

#modify p a {
	color: #0099cc;
	text-decoration: none;
}
#modify p a:visited {
	color: #0099cc;
	text-decoration: none;
}
head~/* */body #modify p a.outside {
	padding: 0;
	background: none;
}
html:not(:target) #modify p a.outside {
	margin-right: 2px;
	padding-right: 13px;
	background: url(../img/basic/icon_outside_white.gif) 100% 100% no-repeat;
}
head~/* */body #modify p a.zoom {
	padding: 0;
	background: none;
}
html:not(:target) #modify p a.zoom {
	margin-right: 2px;
	padding-right: 13px;
	background: url(../img/basic/icon_zoom_white.gif) 100% 100% no-repeat;
}

#modify p strong a {
	color: #ff0000 !important;
}

#modify p span {
	visibility: hidden;
}

/* ########## メインコンテンツ ########## */
#main h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 630px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../img/basic/back_h2_main.jpg) 50% 0 no-repeat;
}

/* ---------- ホットインフォメーション ---------- */
#hot-info {
	position: relative;
	top: 0;
	right: 0;
	z-index: 300;
	width: 100%;
	height: 630px;
	margin: 0;
	padding: 0 0 10px 0;
}
html[xmlns] #hot-info {
	height: auto;
	min-height: 620px;
}

#hot-info h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}

/* ---------- クイックリンク ---------- */
#info-quicklink-unit {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 310;
}
#info-quicklink-unit h4 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#info-quicklink-unit ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#info-quicklink-unit li {
	margin: 0;
	padding: 0;
}
#info-quicklink-unit li a {
	display: block;
	position: absolute;
	z-index: 331;
	text-indent: -9000px;
}
html[xmlns] #info-quicklink-unit li a {
	overflow: hidden;
}

#info-quicklink-unit li.whole a {
	top: 0;
	left: 0;
	width: 950px;
	height: 630px;
}

/* ---------- 最新作情報 ---------- */
#info-push-unit {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 320;
	width: 202px;
	margin: 0 0 290px 0;
	padding: 0;
}
#info-push-unit h4 {
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 340;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
html[xmlns] #info-push-unit h4 {
	background: url(../img/basic/back_h4_push.png) 50% 50% no-repeat;
}
#info-push-unit ul {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
}
#info-push-unit ul li {
	width: 202px;
	margin: 0;
	padding: 0;
}
#info-push-unit ul li img {
	margin: 0;
}
#info-push-unit object, #info-push-unit embed {
	position: relative;
	top: 0;
	left: 0;
	z-index: 330;
	width: 200px;
	height: 150px;
	margin: 0;
	padding: 0;
}

/* ---------- その他情報 ---------- */
#info-other-unit {
	position: relative;
	top: 630px;
	left: 0;
	z-index: 320;
	margin: 0 60px 630px 60px;
	padding: 0;
	color: #ffffff;
	font-size: 82%;
	border: 1px solid #ffffff;
}
html[xmlns] #info-other-unit {
	background: url(../img/basic/back_transparent_black_80.png);
}
#info-other-unit h4 {
	position: absolute;
	top: 4px;
	right: 5px;
	z-index: 335;
	width: 120px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../img/basic/back_h4_info-other-unit.gif);
}
html[xmlns] #info-other-unit h4 {
	/* background: url(../img/basic/back_h4_info-other-unit.png); */
}
#info-other-unit ul {
	position: relative;
	top: 0;
	left: 0;
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 1px 0;
}
#info-other-unit ul li {
	list-style-type: none;
	position: relative;
	top: 0;
	left: 0;
	z-index: 332;
	margin: 0 10px;
	padding: 0.2em 25px 0.2em 65px;
	height: 50px;
	line-height: 2.5;
	border: 1px;
}
html[xmlns] #info-other-unit ul li {
	overflow: hidden;
	height: auto;
	min-height: 50px;
}
#info-other-unit ul li.info {
	background: url(../img/basic/icon_info.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.cd {
	background: url(../img/basic/icon_cd.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.mobile {
	background: url(../img/basic/icon_mobile.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.tv {
	background: url(../img/basic/icon_tv.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.radio {
	background: url(../img/basic/icon_radio_b.jpg) no-repeat 15px 0.7em;
}
#info-other-unit ul li.magazine {
	background: url(../img/basic/icon_book.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.web {
	background: url(../img/basic/icon_web.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.pv {
	background: url(../img/basic/icon_pv.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.itunes {
	background: url(../img/basic/icon_itunes.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.myspace {
	background: url(../img/basic/icon_myspace.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.schedule {
	background: url(../img/basic/icon_pen.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.niconico {
	background: url(../img/basic/icon_niconico_b.jpg) no-repeat 15px 0.7em;
}
#info-other-unit ul li.blog {
	background: url(../img/basic/icon_blog_b.jpg) no-repeat 15px 0.7em;
}
#info-other-unit ul li.official {
	height: 23px;
	padding: 0;
	text-align: center;
	border-bottom: 1px dotted #666666;
}
html[xmlns] #info-other-unit ul li.official {
	height: auto;
	min-height: 23px;
}
#info-other-unit ul li#blog-futenma {
	background: url(../img/other/icon_futenma.jpg) no-repeat 15px 0.7em;
}

#info-other-unit ul li a {
	font-weight: bold;
	color: #ffffff !important;
}

#info-other-unit ul li strong {
	color: #ff0000;
}
#info-other-unit ul li strong a {
	color: #ff0000;
}
#info-other-unit ul li strong a:visited {
	color: #ff0000;
}

#info-other-unit ul li span.article,
#info-other-unit ul li span.detail {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 82%;
	line-height: 1.2;
}

head~/* */body #info-other-unit a.outside {
	padding: 0;
	background: none;
}
html:not(:target) #info-other-unit a.outside {
	margin-right: 2px;
	padding-right: 13px;
	background: url(../img/basic/icon_outside_white.gif) 100% 100% no-repeat;
}

head~/* */body #info-other-unit a.zoom {
	padding: 0;
	background: none;
}
html:not(:target) #info-other-unit a.zoom {
	margin-right: 2px;
	padding-right: 13px;
	background: url(../img/basic/icon_zoom_white.gif) 100% 100% no-repeat;
}

/* ---------- ミュージックビデオ ---------- */
#info-pv-unit {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 320;
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#info-pv-unit h4 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: -9000px;
	background: url(../img/basic/back_h4_info-pv-unit.gif) 50% 0 no-repeat;
}
#info-pv-unit ul {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
}
#info-pv-unit object, #info-pv-unit embed {
	position: relative;
	top: 0;
	left: 0;
	z-index: 330;
	width: 200px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
}

#info-pv-unit p.other {
	margin: 0 0 5px 0;
	padding: 0;
}

/* ########## トピックス ########## */
#topics {
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	z-index: 400;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
}
#topics h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#topics dl {
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	z-index: 410;
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#topics dl dt {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 430;
	width: 950px;
	margin: 0;
	padding: 1em 130px 1em 45px;
	color: #333333;
	font-size: 90%;
	line-height: 1.0;
	white-space: nowrap;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	background: #f0f0f0 url(../img/basic/icon_topic.gif) 25px 1.1em no-repeat;
}
html[xmlns] #topics dl dt {
	width: 775px;
}
#topics dl dd {
	position: relative;
	top: 0;
	left: 0;
	z-index: 420;
	position: relative;
	margin: 0;
	padding: 0;
}
#topics dl dd.date {
	position: absolute;
	top: 0;
	left: 820px;
	z-index: 430;
	width: 130px;
	margin: 0;
	padding: 1em 0;
	color: #333333;
	font-size: 90%;
	line-height: 1.0;
	text-align: center;
	white-space: nowrap;
	background: #e3e3e3;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
}

#topics dl dd.date em {
	font-style: normal;
}

#topics dl dd.info {
	position: relative;
	top: -1px;
	left: 0;
	z-index: 425;
	width: 100%;
	margin: 0 0 -1px 0;
	padding: 0;
}
html[xmlns] #topics dl dd.info {
	top: 0;
	margin: 0;
}
#topics dl dd.info div {
	margin: 0;
	padding: 21px 0 10px 0;
}
html[xmlns] #topics dl dd.info div {
	padding: 20px 0 10px 0;
}
#topics dl dd.info div p {
	margin: 0 50px;
	padding: 0.5em 0;
	font-size: 82%;
	line-height: 2.0;
}
#topics dl dd.info div p.title {
	margin: 0 25px;
	line-height: 1.4;
}
#topics dl dd.info div p.title strong.impact {
	color: #0168b7;
	font-size: 180%;
}

#topics dl dd.info div p.title-center {
	margin: 0 25px;
	font-size: 160%;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.2em;
}
#topics dl dd.info div p.title-center strong.impact {
	color: #0168b7;
	font-size: 120%;
}

#topics dl dd.info div p.image {
	clear: both;
	float: right;
	margin: 0;
	padding: 0.5em 25px;
	text-align: center;
}
#topics dl dd.info div p.image-center {
	text-align: center;
}
#topics dl dd.info div p.image a.outside,
#topics dl dd.info div p.image a.zoom,
#topics dl dd.info div p.image-center a.outside,
#topics dl dd.info div p.image-center a.zoom {
	padding: 0;
	background: none;
}

#topics dl dd.info div p.catch {
	color: #cc0000;
	font-size: 100%;
	letter-spacing: 0.1em;
}

#topics dl dd.info div p.tokuten {
	width: 200px;
	padding: 0;
}
#topics dl dd.info div p.section {
	margin: 0.5em 30px;
	padding: 0.2em 10px 0 10px;
	color: #999933;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6;
	background: url(../img/basic/back_dot_white.gif) 0 100% no-repeat;
}
html[xmlns] #topics dl dd.info div p.section {
	background: url(../img/basic/back_dot_black_5.png) 0 100% no-repeat;
}
#topics dl dd.info div p.sub-section {
	display: list-item;
	list-style-type: square;
	list-style-position: inside;
	margin: 0.5em 40px;
	padding: 0;
	color: #666600;
	font-size: 90%;
	line-height: 1.6;
	border-bottom: 1px dotted #333333;
}
#topics dl dd.info div p.sub-section + p {
	margin: 0.5em 75px;
}
#topics dl dd.info div p.sub-section a {
	color: #666600 !important;
}
#topics dl dd.info div ins p.sub-section a {
	color: #ff0000 !important;
}
#topics dl dd.info div p.sub-section span.detail {
	font-size: 80%;
}

#topics dl dd.info div p.link {
	margin: 1em 40px;
	padding: 0.2em 10px;
	border: 1px solid #eeeeee;
	text-align: right;
	background: url(../img/basic/back_link_white.gif) repeat-x 0 50%;
}
#topics dl dd.info div p.link a {
	text-decoration: none;
}
#topics dl dd.info div p.link a:hover {
	text-decoration: underline;
}
#topics dl dd.info div p.tel {
	margin: 1em 40px;
	padding: 0.2em 20px;
	text-align: center;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
#topics dl dd.info div p.limit {
	margin: 1em 50px;
	padding: 0.2em 20px;
	text-align: center;
	color: #ff0000;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
#topics dl dd.info div p.memo {
	color: #666666;
	text-align: right;
}
#topics dl dd.info div p.return,
#topics dl dd.info div p.signature {
	text-align: right;
}#topics dl dd.info div p.spacing {
	letter-spacing: 0.5em;
	word-spacing: 0em;
}


#topics dl dd.info div ol,
#topics dl dd.info div ul {
	margin: 1em 80px;
	padding: 0;
	font-size: 82%;
	line-height: 2.0;
}
#topics dl dd.info div ol.alphabet {
	list-style-type: lower-alpha;
}
#topics dl dd.info div ul.data {
	margin: 1em 60px;
}

#topics dl dd.info div ol li,
#topics dl dd.info div ul li {
	margin: 0;
	padding: 0;
}
#topics dl dd.info div ul li {
	list-style-type: circle;
}
#topics dl dd.info div ul.data li {
	list-style-type: none;
}

#topics dl dd.info div li * {
	font-size: 100%;
}
#topics dl dd.info div li p {
	margin: 0;
	padding: 0;
}
#topics dl dd.info div li ul {
	margin: 0 25px;
}
#topics dl dd.info div li ul li {
	list-style-type: circle !important;
}

#topics dl dd.info div ul.shop-short {
	margin: 1em 40px 1em 180px;
}
#topics dl dd.info div ul.shop-short li {
	list-style-type: none;
	text-indent: -180px;
}

#topics dl dd.info div ul.shop-long {
	margin: 1em 40px 1em 250px;
}
#topics dl dd.info div ul.shop-long li {
	list-style-type: none;
	text-indent: -250px;
}

#topics dl dd.info div ul li span.area,
#topics dl dd.info div ul li span.name {
	display: inline-block;
	color: #336699;
	font-weight: bold;
	text-align: right;
}
#topics dl dd.info div ul.shop-short li span.area,
#topics dl dd.info div ul.shop-short li span.name {
	width: 180px;
}
#topics dl dd.info div ul.shop-long li span.area,
#topics dl dd.info div ul.shop-long li span.name {
	width: 250px;
}
#topics dl dd.info div ul li span.area a,
#topics dl dd.info div ul li span.name a {
	color: #336699;
	padding: 0;
	background: none;
}

#topics dl dd.info div em {
	color: #006699;
	font-style: normal;
	font-weight: bold;
}

#topics dl dd.info div em a { color: #006699; }
#topics dl dd.info div em a:visited { color: #006699; }
#topics dl dd.info div em a:hover { color: #006699; }

#topics dl dd.info div.interview {
	margin: 0 40px;
	padding: 0 !important;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
#topics dl dd.info div.interview p {
	margin: 1em 25px !important;
	padding: 0;
}
#topics dl dd.info div.interview p.signature {
	text-align: right;
}