/*   
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: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	text-align: center; /* for IE6 */
  line-height: 160%;
	behavior:url(http://www.ts-ism.com/css/csshover2.htc);
}

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

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

.content-clear{
	clear:both;
}

/* 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 */
h2 {font-size:19px; color:#000000; letter-spacing:1px;}
h3 {font-size:16px; color:#000000;}
.archive-title { width:100%;}
.page-title { font-size:140%; line-height:140%; margin:0 0 35px; font-weight:bold; background-image: url(../../../../img/arrow_big_line.gif); background-position:left 50%; background-repeat:no-repeat; padding-left:23px;}
.entry-title{ float:left; width:100%; font-size:140%; line-height:140%; margin:0 0 20px; font-weight:bold;}
h3#comments { font-size: 110%; line-height:140%; margin:20px 0 20px; font-weight:bold;}
#entry h3 {	font-size: 120%; font-weight: bold; margin-top: 30px; margin-bottom: 20px; }
#entry h3.top {	font-size: 120%; font-weight: bold; margin-top: 53px; margin-bottom: 20px; }

h3.cont { font-size: 120%; color: #333333; text-align: left; padding: 10px 0 20px 0; }
h3.con { font-size: 120%; color: #333333; text-align: left; padding: 50px 0 20px 0; }
h3.smn { font-size: 120%; color: #333333; text-align: left; padding: 10px 0 ; }


/* 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:20px 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; }
#secondary{ float:left; margin-left:-100%; margin-top:21px; display:inline; width:240px; float:left;}
#sidebar-1{border-left:0px solid #ccc; padding:0 0px 0 0; margin-left:55px;}
.sidebar{float:left; width:150px; 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 25px 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;}

#tsindex ul li.onsupport a:link, #tsindex ul li.onsupport a:visited, #tsindex ul li.onsupport a:hover {
	font-weight: bold;
	color: #000000;
	padding:0 0px;
	border-bottom:3px solid #49CCCD;
}

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

#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: 86%;
		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;}

/* ------------  ARCHIVES / FRONT PAGE ---------------- */
#grid-content {
	margin: 0px 0px 0px 240px;
	line-height:180%;
}
#grid-content div.featured {
	width:210px;
	/*min-height:250px;*/
	height:250px;
	margin: 0px 10px 10px 0px;
	padding:10px;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	}
/*.featured { border:1px solid #D7D7D7;}*/
.featured:hover { background:url('images/3_bg.gif') !important; border:1px solid #000000 !important;}
.thumbnail { display:block; clear:both; width:210px; height:auto; margin: 0px 0px 5px; position:relative;}
.thumbnail img { width:210px; height:auto; display: block; margin:0px; padding:0 0 15px 0; overflow:hidden;}
/*.featured:hover img { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}*/

.title { font-weight:bold; padding:0px 0px 3px 0; margin:0px auto 15px; font-size:90%; border-bottom:1px solid #666666; }
.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 auto 10px; font-size:86%; line-height:180%; color: #555555;}
.postmetadata { margin:10px auto 0; font-size:80%; line-height:120%; color:#666666;}
.postmetadata a { color: #000000; text-decoration: none; color:#666666;}
.postrevoltmeta a:link { color: #000000; text-decoration: none;}
.postrevoltmeta a:visited { color: #000000; text-decoration: none;}
.postrevoltmeta a:hover { color: #000000; text-decoration: none; background-image: url(images/3_bg.gif); background-color:#FFFFFF;}

.SUPPORT, .SUPPORT a, .SUPPORT a:link, .SUPPORT a:visited { background-color: #49CCCD; color: #FFFFFF; padding:1px 2px; font-weight: bold;}
.SUPPORT a:hover { background-color: #49CCCD; color: #FFFFFF; padding:1px 2px; font-weight:bold; text-decoration:underline;}

/* ------------  SINGLE POST PAGE  ---------------- */
#entry-waku { margin:0 0px 0px 0px;}
#entry { float: left; width: 650px; margin:0 10px 10px 0px; display:inline-block; padding:40px 30px 20px 30px;; border:1px solid #D7D7D7; }
_#entry { float: left; width: 650px;}
.postrevoltmeta {font-size:86%; width:100%; float:left; height:auto; margin:0px 0px 35px 0px; padding:0px; color:#999999; text-align:left;}
.postrevoltmeta a { color: #000000; text-decoration: none; }
.postrevoltmeta a:link { color: #000000; text-decoration: none;}
.postrevoltmeta a:visited { color: #000000; text-decoration: none;}
.postrevoltmeta a:hover { color: #000000; text-decoration: none; background-image: url(images/3_bg.gif); background-color:#FFFFFF;}
#entry img { border: 1px solid #FFFFFF; padding:-1px; background-color: transparent; }
#entry a:hover img, #entry a:active img { border: 1px solid #000000; padding:-1px; background-color: transparent; }
.marginright {margin:0 20px 0 0px;}
.marginzero {margin:0px;}

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

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

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

div#entry .l2{ float:left; width:210px; text-align:center; margin-right:25px; }
div#entry .r4{ float: right; width:435px; text-align:left; }

div#entry ul.voice { margin: 20px 10px 10px 30px; padding: 0px; font-size:90%; }
div#entry ul.voice li { margin: 0px; padding: 0px 0px 0px 0px; height:100%; text-indent: -1em; }

div#entry .left{ float:left; width:370px; text-align:left; }
div#entry .right{ float:right; width:250px; text-align:center; margin-top:20px; }

div#entry .left4 { float: left; width: 155px; margin-right: 10px;}
div#entry .right4 { float: right; width: 155px; margin: 0px;}

div#entry ul.bb { list-style-type:none; margin: 10px 0px 10px 5px; padding: 0px; }
div#entry ul.bb li { margin: 0px; padding:3px 0px 3px 10px; background:url(../../../../img/dot4.gif) no-repeat left center; }

div#entry .contitle {
	font-size: 160%;
	color: #333333;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 50px;
	background:url(../../../image/conttl.png) no-repeat left;
	height:80px;
	width:670px;
	text-indent:-9999px;
}

div#entry .smntitle {
	font-size: 160%;
	color: #333333;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 50px;
	background:url(../../../image/smn-ttl.png) no-repeat left;
	height:60px;
	width:650px;
	text-indent:-9999px;
}

div.qst {
	float:left;
	width:91%;
	padding: 0px 15px 0 40px;
	margin: 0px 0 30px 0;
	color:#333;
	background:url(images/quote01.gif) no-repeat left top;
}

.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  ---------------- */
/*.sidebarcolumn { float:left; width: 180px	; height:auto; overflow:hidden; margin:0 0 0 0px; padding:0px;}*/
h2.widgettitle {font-weight:bold; color:#969696; font-size:90%; font-family: Helvetica, Arial, san-serif;}
/* #logo */
#logo h1 { float:left; margin:0px 0 0 55px; }
#logo h1 a { float:left; display:block; margin:0px; width:172px; height:52px; background:url('images/logo.gif') no-repeat; text-indent:-9000px; }
#logo { float:left; margin:0px 0 0 55px; }
#logo a { float:left; display:block; margin:0px; width:172px; height:52px; background:url('images/logo.gif') no-repeat; text-indent:-9000px; }
/* #search */
#search { float:left; margin:0px 0 30px 0; padding:0px; width:150px; 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: 150px	; 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;}
/* #copyrights */
#copyrights { float:left; width: 180px	; height:auto; overflow:hidden; margin:20px 0 0 0px; padding:0px;}
/* #rssarea */
#rssarea { float:left; width: 150px	; height:auto; overflow:hidden; margin:10px 0 40px 0px; padding:0px;}
#rssarea a { text-decoration:none; }
/* #ads */
#ads {font-size:11px; float:left; width: 180px	; height:auto; overflow:hidden; margin:60px 0 20px 0px; padding:0px;}

/* ------------  COMMENTS  -------------------------- */
#comment { width:670px; margin:50px 0px 0 0; border-top:1px solid #CCCCCC; display:none; }
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:670px; background: transparent; border:1px solid #aec7f1; margin: 8px 0 0  0px; font-style:italic; line-height:140%;}
#commentform #author, #commentform #url, #commentform #email {width:400px; height:18px; background: transparent; border:1px solid #aec7f1; margin:8px 0 0 0px; font-style:italic; line-height:140%;}
#commentform #submit {width:120px; margin: 15px 0 10px 0px; padding:4px 0; background-color:#000000; color:#FFFFFF;}

/* ---------- 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: 670px;
	float:left;
	margin-bottom:2em;
}

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

ul#multiHeroControls {
	padding: 0;
	width:650px;
	list-style-type:none;
	position: relative;
}
#multiHeroControls li{
	float: left;
}
#multiHeroControls li.next,
#multiHeroControls li.back{
	float: right;
}
#multiHeroControls li a{
	display: block;
	padding: 2px 8px;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	font-size:86%;
}
/*#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;
}

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