@charset "Shift_JIS";

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

/* Cascading Style Sheet for 辛島美登里 トップページ */

#header {
	padding-bottom: 0;
	background: none;
}

#main {
	top: 5.6em;
	margin-bottom: 6.8em;
}

/* ########## 更新履歴 ########## */
#modified {
	overflow: hidden;
	position: relative;
	top: 5px;
	left: 0;
	width: 930px;
	margin: 0 auto 5px auto;
	padding: 0;
	text-align: left;
	border: 1px solid #ffffff;
	background: #000000;
}
html[xmlns] #modified {
	background: url(../img/basic/back_transparent_black_80.png);
}

#modified h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}

#modified ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0 0 0.5em 0;
	font-size: 82%;
	line-height: 1.2;
}
html[xmlns] #modified ul {
	padding: 0;
	line-height: 1.0;
}

#modified ul li {
	margin: 0;
	padding: 0.8em 10px 0.3em 10px;
	color: #ffffff;
	white-space: nowrap;
}
html[xmlns] #modified ul li {
	padding: 0.8em 10px;
}
*:first-child+html #modified ul li {
	overflow: hidden;
}

#modified a {
	color: #ffffff !important;
}

#modified ul li strong {
	color: #ffff00 !important;
}
#modified ul li strong * {
	color: #ffff00 !important;
}

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

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

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

/* ---------- クイックリンク ---------- */
#info-quicklink-unit {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 210;
	margin: 0;
	padding: 0;
}

#info-quicklink-unit h4 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	margin: 0;
	padding: 0;
	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 {
	overflow: hidden;
	display: block;
	position: absolute;
	text-indent: -9000px;
}

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

/* ---------- その他情報 ---------- */
#info-other-unit {
	position: relative;
	top: 630px;
	left: 0;
	z-index: 220;
	margin: 0 40px 630px 40px;
	padding: 0 40px;
	color: #ffffff;
	font-size: 82%;
	background: #000000;
}
html[xmlns] #info-other-unit {
	background: url(../img/basic/back_transparent_black_60.png);
}

#info-other-unit h4 {
	position: absolute;
	top: 3px;
	right: 5px;
	z-index: 222;
	width: 120px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	/* background: url(../img/basic/back_h4_info-other-unit.gif); */
}

#info-other-unit ul {
	position: relative;
	top: 0;
	left: 0;
	z-index: 221;
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0 0 0.5em 0;
}
#info-other-unit ul li {
	list-style-type: none;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 10px;
	padding: 0.2em 25px 0.2em 65px;
	height: 50px;
	line-height: 2.5;
	background: 15px 0.7em no-repeat;
}
html[xmlns] #info-other-unit ul li {
	height: auto;
	min-height: 50px;
}

#info-other-unit ul li.blog {
	border-top: 1px dotted #666666;
	background-image: url(../img/basic/icon_blog_b.jpg);
}
#info-other-unit ul li#blog-karashima { background-image: url(../img/other/icon_karashima.jpg); }

#info-other-unit ul li.official {
	height: auto;
	margin: 0;
	padding: 0.6em 25px 0.3em 25px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.7;
}
html[xmlns] #info-other-unit ul li.official {
	height: auto;
	min-height: inherit;
	padding: 0.8em 25px;
	line-height: 1.0;
}
*:first-child+html #info-other-unit ul li.official {
	min-height: 1.2em;
}

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

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

#info-other-unit a.outside,
#info-other-unit a.zoom {
	padding: 0;
	background: none;
}


/* ########## トピックス ########## */
#topics {
	position: relative;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	margin: 0;
	padding: 0;
}
#topics h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#topics dl {
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#topics dl dt {
	overflow: hidden;
	width: 820px;
	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 0.95em no-repeat;
}
html[xmlns] #topics dl dt {
	width: 645px;
	background: #f0f0f0 url(../img/basic/icon_topic.gif) 25px 1.1em no-repeat;
}
#topics dl dd {
	margin: 0;
	padding: 0;
}

#topics dl dd.date {
	position: absolute;
	top: 0;
	left: 820px;
	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;
	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 55px;
	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: 100%;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.1em;
}
#topics dl dd.info div p.title-center strong.impact {
	color: #0168b7;
	font-size: 150%;
}

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

#topics dl dd.info div p.image {
	clear: both;
	float: right;
	margin: 0;
	padding: 0.5em 25px;
	font-size: 64%;
	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.section {
	clear: both;
	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 10px;
	color: #666600;
	font-size: 90%;
	line-height: 1.6;
	border-bottom: 1px dotted #666666;
}
#topics dl dd.info div p.sub-section a {
	color: #666600 !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,
#topics dl dd.info div p.limit {
	margin: 1em 60px;
	padding: 0.4em 20px;
	text-align: center;
}

#topics dl dd.info div p.limit {
	color: #ff0000;
}

#topics dl dd.info div p.memo {
	color: #666666;
	text-align: right;
}
#topics dl dd.info div p.return {
	text-align: right;
}

#topics dl dd.info div p.preview {
	width: 620px;
	padding: 0;
	text-align: center;
	background: #ffffff;
}
html[xmlns] #topics dl dd.info div p.preview {
	background: url(../img/basic/back_transparent_white_60.png);
}
#topics dl dd.info div p.preview a {
	display: block;
	margin: 0;
	padding: 0.2em 0;
	color: #ff6600;
	font-size: 140%;
	text-decoration: none;
}

#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 ol.music {
	line-height: 1.5;
}
#topics dl dd.info div ol.music li {
	margin-bottom: 0.8em;
}



#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.fixed-list-short {
	margin: 1em 40px 1em 180px;
}
#topics dl dd.info div ul.fixed-list-short li {
	list-style-type: none;
	text-indent: -180px;
}

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

#topics dl dd.info div ul li span.category {
	display: inline-block;
	color: #336699;
	font-weight: bold;
	text-align: right;
}
#topics dl dd.info div ul.fixed-list-short li span.category {
	width: 180px;
}
#topics dl dd.info div ul.fixed-list-long li span.category {
	width: 250px;
}
#topics dl dd.info div ul li span.category 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; }