/*   
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);
	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%;}
.sml14 { font-size:86%; line-height:140%;}

/*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-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;}
.page-title { font-size:140%; line-height:140%; margin:0px 0 20px -5px; font-weight:bold; background-image: url(../../../../img/arrow_big_line.gif); background-position:left 50%; background-repeat:no-repeat; padding-left:23px;}
.entry-title{font-size:140%; line-height:140%; margin:0 0 20px; font-weight:bold;}
.entry-title{ float:left; width:100%;}
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: 40px 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: 40px 0 10px 0; }
h3.bline { font-size: 130%; color: #333333; text-align: left; margin:60px 0 30px 0; padding: 5px 0 5px 13px; border-left:8px solid #076BA4; }

/* 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; }
#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: #000000; text-decoration: none; padding:0px; margin:0 3px;}
#tsindex a:link, #tsindex a:visited { color: #000000; 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.onworks a:link, #tsindex ul li.onworks a:visited, #tsindex ul li.onworks a:hover {
	font-weight: bold;
	color: #000000;
	padding:0 0px;
	border-bottom:3px solid #CC0000;
}

#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:210px;
	/*min-height:332px;*/
	height:332px;
	margin: 0px 10px 10px 0px;
	padding:10px;
	display:inline;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	}
/*.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 0px; 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:5px auto 10px; font-size:86%; line-height:180%; color: #555555;}
.postmetadata { position:absolute; top:292px; 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 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;}

.WORKS, .WORKS a, .WORKS a:link, .WORKS a:visited { background-color: #CC0000; color: #FFFFFF; padding:1px 2px; font-weight: bold;}
.WORKS a:hover { background-color: #CC0000; 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; 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: 650px; }
#entry-page { float: left; width: 650px; margin:0 10px 10px 0px; padding:20px 30px 20px 30px; background-color:#FFFFFF;	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
 }
.postrevoltmeta {font-size:86%; width:100%; float:left; height:auto; overflow:hidden; 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, #entry-page img { border: 1px solid #FFFFFF; padding:-1px; background-color: transparent; }
#entry a:hover img, #entry a:active img, #entry-page a:hover img, #entry-page a:active img { border: 1px solid #000000; padding:-1px; background-color: transparent; display: inline-block; }
html>/**/body #entry-page a:hover img { border: 1px solid #000000; padding:-1px; background-color: transparent; display: block; }

.marginright {margin:0 20px 0 0px;}
.marginzero {margin:0px;}

#entry p, #entry-page p { line-height:200%; margin:10px 0px;}
#entry p.qst, #entry-page p.qst { line-height:200%; margin:30px 0px 20px 0;}

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

div#entry-page ul.lcp { list-style:none; }
div#entry-page ul.lcp li { display:inline-block; #display:inline; margin:0 10px 0 0; }

table.flow { width:650px; font-size:90%; line-height:180%; border-collapse: collapse; text-align:left; border-bottom:1px solid #555555; margin-bottom:20px; }
table.flow td { padding:8px;}
table.flow td.inc { text-indent:-2em; padding-left:2.5em; vertical-align:top;}
table.flow td.gry { background-color:#F7F7F7;}
h4.phase { border-bottom:1px solid #555555; font-size:110%; width:650px; text-align:left; font-weight:normal; padding:0px 0 5px 0; margin:30px 0 10px 0; }

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

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

div#entry .left, div#entry-page .left{ float:left; width:300px; text-align:left; }
div#entry .right, div#entry-page .right{ float:right; width:300px; text-align:center; }

div#entry .sleft, div#entry-page .sleft{ float:left; width:250px; text-align:left; }
div#entry .lright, div#entry-page .lright{ float:right; width:350px; text-align:center; }

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

div#entry .left4 p, div#entry .right4 p, #entry-page .left4 p, #entry-page .right4 p { font-size:86%; margin: 0 10px;}

div#entry .left-b, div#entry-page .left-b { float:left; width:420px; text-align:left; }
div#entry .right-s, div#entry-page .right-s { float:right; width:190px; text-align:left; font-size:86%; }

div#entry ul.feature, div#entry-page ul.feature { list-style:none;  margin-top:30px;}
div#entry ul.feature li, div#entry-page ul.feature li { display:inline; float:left; width:200px; margin:0 8px; _margin:0 4px;}

div#entry ul.spot, div#entry-page ul.spot { list-style-type:none; margin: 10px 0px 10px 5px; padding: 0px; }
div#entry ul.spot li, div#entry-page ul.spot li { margin: 0px; padding:5px 0px 5px 35px; background:url(images/spotindex.gif) no-repeat left center; font-size:115%; font-weight:bold; }

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

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

div#entry .smntitle, div#entry-page .smntitle {
	font-size: 160%;
	color: #333333;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 50px;
	background:url(images/smn-ttl.jpg) no-repeat left;
	height:60px;
	width:620px;
	text-indent:-9999px;
}

div#entry .iso27001, div#entry-page .iso27001 {
	font-size: 160%;
	color: #333333;
	text-align: left;
	margin-top: 50px;
	margin-bottom: 40px;
	background:url(images/iso27001.jpg) no-repeat left;
	height:95px;
	width:650px;
	text-indent:-9999px;
}
div#entry .privacymark, div#entry-page .privacymark {
	font-size: 160%;
	color: #333333;
	text-align: left;
	margin-top: 50px;
	margin-bottom: 40px;
	background:url(images/privacymark.jpg) no-repeat left;
	height:95px;
	width:650px;
	text-indent:-9999px;
}
div#entry .privacymark, div#entry-page .iso9001 {
	font-size: 160%;
	color: #333333;
	text-align: left;
	margin-top: 50px;
	margin-bottom: 40px;
	background:url(images/iso9001.jpg) no-repeat left;
	height:95px;
	width:650px;
	text-indent:-9999px;
}

.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: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; }
#title-read{ font-size:10px; color:#737373; margin:0px; padding:0px;}*/

div#logo { clear:both; padding:0px 0 0 0px; }
/*div#logo h1 a { float: left; display: block; margin: 30px 0 0 50px; width: 160px; height: 30px; background: url('images/logo.gif') no-repeat; text-indent: -9000px;}
div#logo #top a { float: left; display: block; margin: 30px 0 0 50px; width: 160px; height: 30px; background: url('images/logo.gif') no-repeat; text-indent: -9000px;}
#title-read{ clear:left; font-size:10px; color:#737373; margin:0px 0 0 52px; padding: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: 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: 160px	; 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;}