@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;
}

#topicpath h2 {
	right: 40px;
}

#footer-page-info ul.valid {
	margin: 0 40px 0.5em 25px;
}

/* ########## 更新履歴 ########## */
#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.TECA-12311 a {
	top: 0;
	left: 0;
	width: 950px;
	height: 630px;
}

/* ---------- その他情報 ---------- */
#info-other-unit {
	position: relative;
	top: 630px;
	left: 0;
	z-index: 220;
	margin: 0 0 630px 0;
	padding: 0 40px;
	color: #ffffff;
	font-size: 82%;
	background: #000000;
}
html[xmlns] #info-other-unit {
	background: url(../img/basic/back_transparent_black_80.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 #999999;
	background-image: url(../img/basic/icon_blog_b.jpg);
}
#info-other-unit ul li#blog-yukari { background-image: url(../img/other/icon_yukari.jpg); }
#info-other-unit ul li#blog-oga { background-image: url(../img/other/icon_oga.jpg); }
#info-other-unit ul li#blog-rina { background-image: url(../img/other/icon_rina.jpg); }
#info-other-unit ul li#blog-ayumi { background-image: url(../img/other/icon_ayumi.jpg); }
#info-other-unit ul li#blog-shige { background-image: url(../img/other/icon_shige.jpg); }
#info-other-unit ul li#blog-momona { background-image: url(../img/other/icon_momona.jpg); }
#info-other-unit ul li#blog-misaki { background-image: url(../img/other/icon_misaki.jpg); }
#info-other-unit ul li#blog-katochan { background-image: url(../img/other/icon_katochan.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: 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 {
	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: 0em;
}
#topics dl dd.info div p.title-center strong.impact {
	color: #0168b7;
	font-size: 180%;
}

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

#topics dl dd.info div div.image {
	float: right;
	width: 200px;
	margin: 0 25px 0 0;
	padding: 10px 25px;
	font-size: 82%;
	text-align: center;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
#topics dl dd.info div div.image p {
	width: 100%;
	margin: 0.5em 0;
	padding: 0;
	color: #336699;
}

#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 {
	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.section a {
	color: #999933 !important;
}

#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;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
html[xmlns] #topics dl dd.info div p.tel,
html[xmlns] #topics dl dd.info div p.limit{
	background: url(../img/basic/back_transparent_white_60.png);
}
#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: #f0f0f0;
}
html[xmlns] #topics dl dd.info div p.preview {
	background: url(../img/basic/back_transparent_white_70.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; }

/* ########## 腐イッター ########## */
#fuwitter {
	overflow: hidden;
	position: fixed;
	z-index: 32000;
	top: 0;
	right: 0;
	width: 280px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	border-left: 1px solid #cccccc;
	background: #ffffff;
}
html[xmlns] #fuwitter {
	background: url(../img/basic/back_transparent_white_95.png);
}

#fuwitter a         { color: #336699; }
#fuwitter a:visited { color: #666666; }
#fuwitter a:hover   {
	color: #6699cc;
	text-decoration: none;
}

#fuwitter h2 {
	margin: 0.5em 0 0 0;
	padding: 0;
	text-align: center;
}

#fuwitter p {
	margin: 0.5em 20px;
	padding: 0;
	font-size: 82%;
}
#fuwitter p#info {
	margin: 0.5em 15px 1em 15px;
	padding: 0.3em 10px;
	font-size: 71%;
	text-align: center;
	background: #f1f8ff;
}
#fuwitter p#info a {
	color: #336699 !important;
}
#fuwitter p#info strong {
	color: #cc0000;
}
#fuwitter p#info strong a {
	color: #cc0000 !important;
}

#fuwitter p#fuwitter-info {
	margin: 0.5em 10px;
	padding: 0.3em 10px;
	font-size: 71%;
	border: 1px solid #cccccc;
	background: #f1f8ff;
}

#fuwitter p.state {
	color: #336699;
	text-align: center;
}

#fuwitter p.state img {
	margin-right: 3px;
}

#fuwitter p#more {
	margin: 0;
	padding: 0.5em 0 15px 0;
	text-align: center;
	background: url(../img/basic/back_line_white.gif) 0 0 no-repeat;
}

#fuwitter #contents {
	width: 280px;
	margin: 0;
	padding: 0;
}

#fuwitter dl {
	position: relative;
	top: 0;
	left: 0;
	z-index: 520;
	width: 280px;
	margin: 0;
	padding: 0.5em 0;
	font-size: 82%;
	color: #333333;
	background: url(../img/basic/back_line_white.gif) 0 0 no-repeat;
}

#fuwitter dl dt {
	margin: 0;
	padding: 0 20px;
	text-align: right;
}
#fuwitter dl dt em.fudanjuku {
	color: #1d3bbd;
}
#fuwitter dl dt em.nfs724 {
	color: #ef145c;
}

#fuwitter dl dd {
	margin: 0;
	padding: 0 20px;
}
#fuwitter dl dd.name-member,
#fuwitter dl dd.name-normal {
	overflow: hidden;
	width: 225px;
	white-space: nowrap;
}
#fuwitter dl dd.name-member {
	color: #cc0000;
}
#fuwitter dl dd.name-normal {
	color: #336699;
}
#fuwitter dl dd.name-member img,
#fuwitter dl dd.name-normal img {
	margin-right: 5px;
}
#fuwitter dl dd.name-member span.fuweets,
#fuwitter dl dd.name-normal span.fuweets {
	color: #999999;
	font-size: 82%;
}

#fuwitter dl dd.body-member {
	color: #666600;
	word-break: break-all;
}
#fuwitter dl dd.body-normal {
	color: #333333;
	word-break: break-all;
}
#fuwitter dl dd.body-netabare {
	color: #999999;
}
#fuwitter dl dd.body-member img {
	float: left;
	margin: 1px 5px 0 5px;
	padding: 0;
}
#fuwitter dl dd.body-normal img {
	float: right;
	margin: 1px 5px 0 5px;
	padding: 0;
}

#fuwitter dl dd.body-netabare a {
	color: #999999 !important;
	text-decoration: none;
}
#fuwitter dl dd.body-netabare a:hover {
	text-decoration: underline;
}

#fuwitter dl dd.posted {
	clear: both;
	color: #999999;
	text-align: right;
}