/*   
Theme Name: style
Theme URI: http://www.ts-ism.com/materials/
Description: ts-ism website material page design.
Author: tky
Author URI: http://www.ts-ism.com/
Version: tky
Tags: white, light, 2 columns, photoblogging 	


*/

/* ------------  GENERAL ---------------- */

@charset "utf-8";
* {
    border: 0;
    margin: 0;
    padding: 0;
}
html, body { 
    height: 100%; 
} 

body {
	background-color: #FFFFFF;
	margin:0;
	color: black;
	/*font-family: "Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",Osaka,sans-serif;*/
	font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center; /* for IE6 */
	line-height: 160%;
	behavior:url(http://www.ts-ism.com/css/csshover2.htc);
	background-image: url(http://www.ts-ism.com/img/bg.jpg);
}

.caution {
	padding: 10px;
	color: #e9e9e9;
	text-align: center;
	background-color: #cc0000;
  display: block;
  margin:0px auto 0;
}
noscript .caution {
	margin: 0;
}

.sml { font-size:86%;}

/*PRINT OUT*/
@media print{
body {
	/zoom: 67%; /*WinIE only */
}
}

/* Links */
a { text-decoration:none; outline: none; color:black;}
a:hover, a:active, a:focus { color:black; outline: none; text-decoration: underline}
a.links {outline:none; text-decoration:underline}
a.white {color:#FFFFFF; text-decoration: none;}
a.white :HOVER {text-decoration: underline;}

/** links_to_external_sites **/
a.links_to_external_sites{ background-image:url('images/links_to_external_sites.gif'); background-position:right 50%; background-repeat:no-repeat; padding-right:18px;}
/** links_to_popup_window **/
a.links_to_popup_window{ background-image:url('images/links_to_popup_window.gif'); background-position:right 50%; background-repeat:no-repeat; padding-right:18px;}
/** links_to_pdf_files **/
a.links_to_pdf_files{ background-image:url('images/links_to_pdf_files.gif'); background-position:right 50%; background-repeat:no-repeat; padding-right:18px;}

/* h1, h2, h3 */
h1, h2, h3, h4, h5, h6{font-weight:normal; letter-spacing:1px; }	
h2 {font-size:19px; color:#000000; letter-spacing:1px;}
h3 {font-size:16px; color:#000000;}

.archive-titlewaku { width:100%;}
.archive-title { font-size:140%; line-height:140%; margin:14px 0 20px 0px; font-weight:bold; background-image: url(../../../../img/arrow_big_line.gif); background-position:left 50%; background-repeat:no-repeat; padding-left:23px;}
.single-title { float:left; margin-bottom:0px;}
.page-title {font-size:140%; line-height:140%; margin:0px 0 20px 7px; font-weight:bold; background-image:url('images/arrow_big_line.gif'); background-position:left 50%; background-repeat:no-repeat; padding-left:23px;}
/*.entry-title{font-size:140%; line-height:140%; margin:0px; font-weight:bold;}*/
.entry-title{font-size:140%; line-height:140%; margin:0 0 20px; font-weight:bold;}
.entry-title{ float:left; width:620px;}

h2#comments { font-size: 100%; line-height:140%; margin:20px 0 20px; font-weight:bold;}
#entry h2 {	font-size: 110%; font-weight: bold; margin-top: 30px; margin-bottom: 20px; }
#entry h2.top {	font-size: 110%; font-weight: bold; margin-top: 53px; margin-bottom: 20px; }
#entry h3 {	font-size: 100%; font-weight: bold; margin-top: 30px; margin-bottom: 20px; }
#entry h3.top {	font-size: 100%; font-weight: bold; margin-top: 53px; margin-bottom: 20px; }

h2.top {font-size: 100%; font-weight:bold; color:#5E5E5E; margin:0 0 10px 0; padding:10px 0 0 0; border-top:1px solid #D7D7D7; letter-spacing:1px;}
		

/* Alignements */
.clear {clear: both;}
.aligncenter {margin:0 auto 0;}
.alignright { float: right; margin:0 0 0 0; }
.alignleft { float: left; margin:0 0 0 0; }

.height25 {height:25px;}
.height50 {height:50px;}
.left25 {margin-left:25px;}
.right25 {margin-right:25px;}
.bottom25 {margin-bottom:25px;}
.top25 {margin-top:25px;}

a img.ttf { border:0px }


/* ------------  LAYOUT  FRONT PAGE ---------------- */
#page {
		width:100%;
		top:0;
		left:0;
		text-align:left;
    height: auto !important;
		min-height: 100%;
		position:absolute;
		min-width: 940px;
		}
#container{ width:100%; float:left; padding:0px 0px 20px 0px; /*background-color: #FFFFFF;*/ }
#content { float:left; display:inline; margin:21px 0 0 0; padding-bottom:25px; text-align:left; width:100%; /*background-color:#FFFFFF;*/ }
#main { margin: 0px 0px 0px 240px; line-height:180%; float: left; width: auto; }
/*#main .inner { margin: 0px 0px 30px 0px; line-height:180%; float: left; width: auto; }
#main .inner_b { margin: 0px 0px 0px 0px; line-height:180%; float: left; width: auto; }*/
#secondary{ float:left; margin-left:-100%; margin-top:21px; display:inline; width:240px; float:left;}
#sidebar-1{float:left; background-color:#FFFFFF; /*border-left:0px solid #ccc;*/ padding:10px; margin-left:50px;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}
.sidebar{float:left; width:160px; padding:0px 0px 0 0px;}

#message-left {float:left; width:201px; border: 0px; margin:0px 0px  20px 25px; padding:0px 30px 0px 0px;}
#message-center {float:left; width:515px; border: 0px; }
#message-right {float:right; width: 130px; border: 0px; text-align:right; margin: 0px 25px 0px 0px;}

/* ------------  HEADER ---------------- */
div#headerwaku {
		float:left;
		padding: 35px 0px 0px 0px;
		width:100%;
		/*background-color:#FFFFFF;*/
}
div#header {
    height: 55px;
    margin: 0px 0px 0px 0px;
}

/* ism ロゴ */
#ism {
	float:left;
	width:70px;
	height:23px;
	margin-left:55px;
}

#ism a {
	width:70px;
	height:23px;
	display:block;
	text-indent:-9000px;
	background-image: url(http://www.ts-ism.com/img/logo-ism.gif);
	background-repeat:no-repeat;
}

#ism a:hover { background-color:#FFFFFF;
}

/* メニュー */
#indexarea {
		float:left;
		width: 100%;
		padding:15px 0px 10px 0px;
		font-size: 11px;
		text-align:left;
		font-family: Helvetica, Arial, san-serif;
}
#tsindex { padding-left:0px; margin-left:20px; float:left; display:inline; }

/*#tsindex ul { margin:0px; list-style-type:none; padding:5px 0 0 0px; }
#tsindex ul li { display:inline; margin:0px 10px 0 0; padding:0px;}
#tsindex a { color: #999999; text-decoration: none; padding:0px; margin:0 3px;}
#tsindex a:link, #tsindex a:visited { color: #999999; text-decoration: none; display: inline;}
#tsindex a:hover { color: #000000; text-decoration: none; display: inline; background-color:#FFFFFF; border-bottom:3px solid #000000;}

#tsindex li.news a:hover { color: #000000; text-decoration: none; display: inline; background-color:#FFFFFF; border-bottom:3px solid #FA4D88;}
#tsindex li.store a:hover { color: #000000; text-decoration: none; display: inline; background-color:#FFFFFF; border-bottom:3px solid #FF5900;}
#tsindex li.materials a:hover { color: #000000; text-decoration: none; display: inline; background-color:#FFFFFF; border-bottom:3px solid #CCE400;}
#tsindex li.support a:hover { color: #000000; text-decoration: none; display: inline; background-color:#FFFFFF; border-bottom:3px solid #49CCCD;}
#tsindex li.learning a:hover { color: #000000; text-decoration: none; display: inline; background-color:#FFFFFF; border-bottom:3px solid #FFCC00;}
#tsindex li.works a:hover { color: #000000; text-decoration: none; display: inline; background-color:#FFFFFF; border-bottom:3px solid #E00303;}

#indexarea ul li.on a:link, #indexarea ul li.on a:visited, #indexarea ul li.on a:hover {
	font-weight: bold;
	color: #000000;
	padding:0 0px;
	border-bottom:3px solid #000000;
}*/

#tsindex ul { margin:0px; list-style-type:none; padding:5px 0 0 0px; }
#tsindex ul li { display:inline; margin:0px 10px 0 0; padding:0px; background-color:#FFFFFF;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}
#tsindex a { color: #000000; text-decoration: none; padding:2px 5px; margin:0px;}
#tsindex a:link, #tsindex a:visited { color: #000000; text-decoration: none; display: inline;}
#tsindex a:hover { color: #076BA4; text-decoration: none; display: inline; background-color:#FFFFFF; /*border-bottom:3px solid #000000;*/}

#indexarea ul li.on a:link, #indexarea ul li.on a:visited, #indexarea ul li.on a:hover {
	font-weight: bold;
	color: #FFFFFF;
	padding:2px 5px;
	background-color:#076BA4;
	border-radius: 2px;         /* CSS3 */
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
}


#indexarea ul li.close {
		padding: 0px;
		margin: 0px;
}

/* RSS icon */
div#iconarea {
		float:right;
		height:16px;
		width:44px;
		margin-right:0px;
		margin-top:-15px;
		padding:10px 30px 10px 10px;
		display:inline;
		background-image:url('images/3_bg.gif');
		font-size:9px;
}

a.rss { background-image:url(../../../../img/icon/rss_off.png); background-repeat:no-repeat; background-position:left 60%; padding-left:25px; color:#7F7F7F; display:block; height:16px;}
a:hover.rss { background-image:url(../../../../img/icon/rss.png); background-repeat:no-repeat; background-position:left 60%; padding-left:25px; color:#FD6200;}


/* パンくず */
div#topicpath {
		float:left;
		width:920px;
		padding: 10px 0px 0 55px;
		font-size: 80%;
		color:#000;
		height: 15px;
		/*border:1px solid #FFFFFF;*/
}

div#topicpath a { color: #999999; text-decoration: none; }
div#topicpath a:link { color: #999999; text-decoration: none;}
div#topicpath a:visited { color: #999999; text-decoration: none;}
div#topicpath a:hover { color: #000000; text-decoration: none; background-image: url(images/3_bg.gif); background-color:#FFFFFF;}


/* ------------  FOOTER ---------------- */
#footer{
	float:left;
	margin-top:30px;
	margin-bottom:15px;
	width:100%;
	text-align:left;
	color:#999999;
	font-size:10px;
}
#footer-inner{padding-left:55px;}

/*#footer-inner a { color: #999999; text-decoration: none; }
#footer-inner a:link {  text-decoration: none; padding:0 1px;}
#footer-inner a:visited { text-decoration: none; padding:0 1px;}
#footer-inner a:hover { color: #000000; text-decoration: none; background:url('images/3_bg.gif'); background-color:#FFFFFF; padding:0 1px;}*/

#footer-inner a { color: #076BA4; text-decoration: none;}
#footer-inner a:link { color: #076BA4; text-decoration: none;}
#footer-inner a:visited { color: #076BA4; text-decoration: none;}
#footer-inner a:hover { color: #FFFFFF; background-color:#076BA4;}

/* ------------  ARCHIVES / FRONT PAGE ---------------- */
#grid-content {
	margin: 0px 0px 0px 240px;
	line-height:180%;
}

#grid-content div.featured {
	width:200px;
	/*min-height:379px;*/
	height:379px;
	margin: 0px 10px 10px 0px;
	padding:10px;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}

/*#grid-content div.wfeatured {
	width:430px;
	min-height:369px;
	margin: 0px 10px 10px 0px;
	padding:10px;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

#grid-content div.tbfeatured {
	width:273px;
	margin: 0px 5px 5px 0px;
	padding:10px;
	display:inline;
	border:1px solid #D7D7D7;
}
.featured, .tbfeatured { border:1px solid #D7D7D7;}*/
.featured:hover, .wfeatured:hover { background:url('images/3_bg.gif')!important; border:1px solid #000000!important; }
.thumbnail { display: inline-block; width:200px; margin: 0px 0px 5px; position:relative;}
.thumbnail img { width:200px; height:auto; display: block; margin:0px; padding:0  0 15px 0; }
.wthumbnail { display:inline-block; width:430px; margin: 0px 0px 5px; }
.wthumbnail img { width:430px; height:auto; display: block; margin:0px; padding:0 0 15px 0; }
/*.featured:hover img, .wfeatured:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}*/

.title { font-weight:bold; padding:0px 0px 3px 0; line-height:150%; font-size:90%; }
.title a { color: #000000; text-decoration: none; }
.title a:link { color: #000000; text-decoration: none; display:block; width:100%; padding:1px 0;}
.title a:visited { color: #000000; text-decoration: none; display:block; width:100%; padding:1px 0;}
.title a:hover { color: #000000; text-decoration: none; background:url('images/3_bg.gif'); background-color:#FFFFFF; display:block; width:100%; padding:1px 0;}

.postcomment { margin:15px 0 10px 0; font-size:86%; line-height:180%; color: #555555;}
.postmetadata { position:absolute; top:339px; width:100%; margin:10px auto 0; font-size:80%; line-height:150%; color: #666666; border-top:1px solid #666666; padding:10px 0px 0px 0;}

.postmetadata,  .postmetadata a { color:#999999;}
.authornickname { margin:0px 0 0px 0; font-size:76%; line-height:120%; color:#999999; }
.authornickname_entry { margin:30px 0 0px 0; font-size:90%; line-height:120%; color:#999999; text-align:right; }

.NEWS, .NEWS a, .NEWS a:link, .NEWS a:visited, .NEWS a:hover { background-color: #FA4D88; color: #FFFFFF; padding:1px 2px; font-weight:bold;}
.STORE, .STORE a, .STORE a:link, .STORE a:visited, .STORE a:hover { background-color: #FF5900; color: #FFFFFF; padding:1px 2px; font-weight:bold;}
.MATERIALS, .MATERIALS a, .MATERIALS a:link, .MATERIALS a:visited, .MATERIALS a:hover { background-color: #AEC202; color: #FFFFFF; padding:1px 2px; font-weight:bold;}
.SUPPORT, .SUPPORT a, .SUPPORT a:link, .SUPPORT a:visited, .SUPPORT a:hover { background-color: #49CCCD; color: #FFFFFF; padding:1px 2px; font-weight:bold;}
.LEARNING, .LEARNING a, .LEARNING a:link, .LEARNING a:visited, .LEARNING a:hover { background-color: #EFBF00; color: #FFFFFF; padding:1px 2px; font-weight:bold;}
.WORKS, .WORKS a, .WORKS a:link, .WORKS a:visited, .WORKS a:hover { background-color: #CC0000; color: #FFFFFF; padding:1px 2px; font-weight:bold;}
.else, .else a, .else a:link, .else a:visited, .eles a:hover { background-color: #999999; color: #FFFFFF; padding:1px 2px; font-weight:bold;}

/*.icon { position:absolute; top:2px; /top:0px; left:0px; z-index:99; width:100%; font-size:80%; line-height:120%; /line-height:180%; }*/


/* ------------  SINGLE POST PAGE  ---------------- */
#entry-waku { margin:0 0px 0px 0px;}
#entry { float: left; width:620px; margin:0 10px 10px 0px; display:inline; padding:40px 30px 20px 30px; background-color:#FFFFFF; /*border:1px solid #D7D7D7;*/
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
}
_#entry { float: left; width: 620px; /*margin:0 0px 0px 107px;*/ }
/*.postrevoltmeta {font-size:86%; float:right; width:30%; height:auto; overflow:hidden; margin:0px 0px 0px 0px; padding:0px; color:#999999; text-align:right;}*/
.postrevoltmeta {font-size:86%; width:620px; float:left; margin:0px 0px 35px 0px; _margin:0px 0px 0px 0px; padding:0px; color: #999999; text-align:left;}
*:first-child+html .postrevoltmeta { padding-bottom:35px; }
.postrevoltmeta a { font-size:86%; color: #FFFFFF; text-decoration: none; }
.postrevoltmeta a:link { color: #FFFFFF; text-decoration: none;}
.postrevoltmeta a:visited { color: #FFFFFF; text-decoration: none;}
.postrevoltmeta a:hover { color: #FFFFFF; text-decoration: underline;}
#entry img { margin:0px 0 0px; border:1px solid #E4E4E4; padding: 0px; overflow:hidden; }
#entry a:hover img, #entry a:active img { border: 1px solid #000000; padding:0px; background-color: transparent; vertical-align:middle;}
.marginright {margin:0 20px 0 0px;}
.marginzero {margin:0px;}

#entry p a, #entry li a { color: #076BA4; text-decoration: none; outline: none;}
#entry p a:link, #entry li a:link { color: #076BA4; text-decoration: none; outline: none;}
#entry p a:visited, #entry li a:visited { color: #076BA4; text-decoration: none; outline: none;}
#entry p a:hover, #entry li a:hover { color: #FFFFFF; background-color:#076BA4; outline: none;}

#entry p { margin:10px 0 0 0; line-height:180%;}

#entry ul { margin:20px 0 15px 0; list-style-type:disc; padding:0px; }
#entry ul li { margin:0 0 0px 15px; paddingt:0px; }

.code {width:400px; height:auto; margin:0 auto 0; clear:both; color:#000; padding:15px;
		background:#E0E0D0; font: normal 12px "Courier New", Courier, monospace;line-height:100%;
		border:0px; border-bottom:2px solid #505048;border-right:2px solid #505048; }
		
/* ------------  SIDEBAR  ---------------- */
h2.widgettitle {font-weight:bold; color:#969696; font-size:90%; font-family: Helvetica, Arial, san-serif;}
/* #logo */

/*#logo h1 { float:left; margin:10px 0 0 0px; }*/
#logo h1 a, div#logo #top a { float:left; display:block; margin: 30px 0 0px 52px; _margin: 30px 0 0px 26px; width:160px; height:30px; background:url('images/logo.gif') no-repeat; text-indent:-9000px; }
/*#logo { float:left; margin:10px 0 0 0px; }
#logo a { float:left; display:block; margin:0px; width:160px; height:40px; background:url('images/logo.gif') no-repeat; text-indent:-9000px; }
#home { float:left; display:block; margin:0px 0 0 55px; _margin-left:27px; width:590px; height:40px; background:url('images/index-title.jpg') no-repeat; text-indent:-9999px;}
#title-read{ font-size:10px; color:#737373; margin:0px; padding:0px;}*/

div#logo { clear:both; padding:0px 0 0 0px; }
/*div#logo h1 a,
div#logo #top a {
	float: left;
	margin: 20px 0 0px 52px;
	font-family: 'Vollkorn', arial, serif;
	font-size: 30px;
	font-weight: normal;
	line-height:120%;
	letter-spacing:1px;
}*/
#title-read{ clear:left; font-size:10px; color:#737373; margin:5px 0 10px 52px; padding:0px;}


/* #search */
#search { float:left; margin:0px 0 30px 0; padding:0px; width:160px; font-size:90%; }
#search input.searchText { float:left; width:118px; height:16px; padding:2px; border: 1px solid #c1c1c1; color:#666666; }
#search input.searchBtn { margin-left:5px;}
/* #category */
#category { padding:0px; margin:0px 0px 0px 0px; font-size:90%; }
#category .sidebarcolumn {font-size:11px; float:left; width: 160px	; height:auto; overflow:hidden; margin:0px 0 20px 0px; padding:0px;}
#category ul { margin-top:5px; list-style-type:none; padding:0px; }
#category ul li { margin-bottom:5px; background:url('images/arrow.gif') no-repeat left 50%; padding-left: 15px; font-family: "ヒラギノ角ゴ Pro W3", meiryo, "ＭＳ Ｐゴシック" ,Arial ,sans-serif;	}
#category a { color: #000000; text-decoration: none; }
#category a:link { color: #000000; text-decoration: none; display:block; width:100%; padding:1px 0;}
#category a:visited { color: #000000; text-decoration: none; display:block; width:100%; padding:1px 0;}
#category a:hover { color: #000000; text-decoration: none; background:url('images/3_bg.gif'); background-color:#FFFFFF; display:block; width:100%; padding:1px 0;}
#category li.current-cat a { font-weight: bold; color:#000000; padding:1px 0; text-decoration: none; background:url('images/3_bg.gif'); display:block; width:100%;}
div.sidebarcolumn li.current_page_item a { font-weight: bold; color:#000000; padding:1px 0; text-decoration: none; background:url('images/3_bg.gif'); display:block; width:100%; }
/* #copyrights */
#copyrights { float:left; width: 180px	; height:auto; overflow:hidden; margin:20px 0 0 0px; padding:0px;}
/* #rssarea */
#rssarea { float:left; width: 180px	; height:auto; overflow:hidden; margin:10px 0 40px 0px; padding:0px;}
#rssarea a { text-decoration:none; }
/* #ads */
#ads {font-size:11px; float:left; width: 160px	; height:auto; overflow:hidden; margin:60px 0 20px 0px; padding:0px;}


/* ------------  COMMENTS  -------------------------- */
#comment { width:670px; padding-top:20px; border-top:1px solid #CCCCCC; font-family: "ヒラギノ角ゴ Pro W3", meiryo, "ＭＳ Ｐゴシック" ,Arial ,sans-serif;}
small.commentmetadata {font-size:10px; font-family: Helvetica, Arial, san-serif;}
div.commentcell {float:left;margin: 10px 0px 10px 0px; width:670px; padding:0; border-top:1px dotted #808040; }
div.commentnote { width:520px; padding:10px 0px; padding-top:6px; font-size:90%; line-height:180%; overflow:hidden; }
div.newcommentcell {float:right; margin: 0px 0px 35px 0px; width:670px; padding:0;}
div.newcommentdata {float:left; width:130px; padding-top:5px;}
#commentform #comment {width:90%; background: transparent; border:1px solid #CCCCCC; font-size:11px; padding:3px; color: #999999; line-height:140%;}
#commentform #author, #commentform #url, #commentform #email {width:45%; background: transparent; border:1px solid #CCCCCC;font-size:11px; padding:3px; color: #999999; line-height:140%;}
#commentform #submit {height:30px; padding:3px 6px; background-color:#000000; color:#FFFFFF; font-weight:bold; font-variant:small-caps; font-size:11px;}
#submit:hover, #s-submit:hover{color:#fff;}
#commentform p{margin:0 0 1em 0;}

/* ---------- NAVIGATION ----------*/
.navigation{ float:left; width:100%; font-size:10px; text-align: left; padding:40px 0 20px 0;}
.navleft, .gnavleft{float:left; width:50%; text-align:left;}
.navright, .gnavright{float:right; width:50%; text-align:right;}
.gnavigation{padding:0 0 2em;}

.navleft a, .navright a { color: #666666; text-decoration: none; }
.navleft a:link, .navright a:link { color: #666666; text-decoration: none;}
.navleft a:visited, .navright a:visited { color: #666666; text-decoration: none;}
.navleft a:hover, .navright a:hover { color: #000000; text-decoration: none; background-image: url(images/3_bg.gif); background-color:#FFFFFF;}

/*-----go to top-----*/
html>body div.pagetop {
	position: fixed;
	left: 15px;
	bottom: 15px;
	z-index: 99;
	height: 20px;
}

.pagetop {
	margin: 0;
	_position: absolute;
	_left: 25px;
	_bottom: 15px;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat')?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)-0:document.body.scrollTop+(document.body.clientHeight-this.clientHeight)-0);
	_z-index: 99;
	height: 20px;
}

div.pagetop a { text-decoration: none; }
div.pagetop a:link { color: #FFFFFF;}
div.pagetop a:visited { color: #FFFFFF;}
div.pagetop a:hover { color: #FFFFFF; background-color: #FFFFFF;}
div.pagetop a:active { color: #FFFFFF; background-color: #FFFFFF;}

/*---------- PAGES ----------*/
/* links */
ul.link { list-style-type: none; margin: 10px 0 10px 0; padding: 0px;}
ul.link li { background:url('images/arrow.gif') no-repeat left 5px; padding-left: 15px;  margin: 0px; padding-bottom:10px; height:100%;}
ul.link li p { font-size:100%; line-height:160%; margin:5px 0px 5px 0px; color:#999999;}
ul.link p.ctgr { font-size:100%; line-height:160%; font-weight: bold; margin:5px 0px 10px 0px;}
/*用語*/
.hotspot { cursor:pointer}
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:url(images/tt_bg.gif); color:#FFF; font-size:12px; line-height:160%; text-align:left; }
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}
.blocks {	float:left; width:200px; margin:35px 35px 0 0; display:inline; }
.blocks_r { float:left; width:200px; margin:35px 0 0 0px; display:inline; }
.blocks ul, .blocks_r ul{ list-style-type: none; margin: 20px 0 0 0; padding: 0px; line-height:140%;}
.blocks ul li, .blocks_r ul li { margin:15px 0px 5px 0px; background:url('images/arrow.gif') no-repeat left 0.3em; padding-left:15px;}

/*---------- multiHero ----------*/
#multiHero{	width:430px; height:369px; float:left; margin-bottom:2em;	font-size:90%; }

ul#multiHeroContents {
	padding:0px; !important
	background-color:#FFFF00;
	width:430px;
	height:276px;
}
#multiHeroContents li{
	list-style-type:none; !important
	display: none;
	padding:0px; !important
	margin:0px; !important
	background-color:#339900;
}

ul#multiHeroControls {
	padding: 0;
	margin:10px 0 0px 0;
	width:430px;
	height:30px;
	list-style-type:none;
	position: relative;
}
#multiHeroControls li{
	float: left;
}
#multiHeroControls li.next,
#multiHeroControls li.back{
	float: right;
}
#multiHeroControls li a{
	display: block;
	padding: 0px 4px;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	font-size:80%;
}
/*#multiHeroControls li a:hover{
	background: #CCCCCC;
}*/
#multiHeroControls li.thisChild a{
	border-color: #666666;
	background: #666666;
	font-weight: bold;
	color: #FFFFFF;
}
#multiHeroControls li.next a{
	margin: 0;
}

#multiHeroTexts {
	font-size:90%;
	color:#333333;
	line-height:150%;
	padding: 0;
	margin:10px 0 0px 0;
	width:430px;
	position: relative;
}

#entry ul#multiHeroContents  { margin:0px 0 0px 0; !important }
#entry ul#multiHeroControls  { margin:5px 0 0px 0; !important }
#entry ul#multiHeroContents li, #entry ul#multiHeroControls li { margin:0 0 0px 0px; !important paddingt:0px; }
#entry #multiHero img { margin:0px 0 0px; !important border:1px solid #E4E4E4; padding: 0px; overflow:hidden; }