/*
 * Print style (ver 1.0)
 * some settings for those who prints the website
 * Created by Yuki Oizumi
 */

@charset 'UTF-8';

* {margin: 0;padding: 0;font-family: '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', '���C���I', Verdana, '�l�r �o�S�V�b�N', sans-serif;}
.hidePrint {display:none;}

html {overflow-y: scroll;position:relative;}
body {width: 100%;color: #333;font-size: 13px;}
a {text-decoration: none;color: #36c;}
	a: hover {text-decoration: underline;}
h1 {line-height:1.5;}
	h1 a{float:left;height:28px;padding:6px 0 10px 0;}
	h1 a:hover{text-decoration:none;}
h2 {display: none;}
h3 {font-size: 48px;font-weight: bold;color: #354;line-height: 1.2;}
h4 {font-size: 24px;font-weight: bold;color: #465;margin-top:15px;}
h5 {font-size: 16px;font-weight: bold;color: #444;margin-top: 10px;}
img {border: none;margin: 0;padding: 0;}
hr {clear: both;border: 1px solid transparent; height: 38px; background: url('/theme/images/hr.png') no-repeat;}
date {color:#999;}
	date.last{text-align:center;}
em {font-weight: bold; font-style: normal;}
strong {font-size: 18px;color: #354;margin: 0 3px;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
	table td, th {vertical-align:top;border:1px solid #999;padding:3px;}
	table.horizontal{margin: 10px 0;}
	table.horizontal th{white-space:nowrap;text-align:left;width: 150px;}
	table.vertical th{background:#ccc;font-weight:bold;}
input{margin-right:5px;}
	input.textbox{font-size:14px;height:24px;width:320px;border:1px solid #021;padding:3px;border-radius:3px 3px 3px 3px;}
	input.button{font-size:14px;height:32px;border:1px solid #042;background:#fff;padding:3px 12px;border-radius:3px 3px 3px 3px;}
	input.button.menu{display: none;}
	input.button:hover, input button:active{background:#eee;}
	input.disabled{background:#eee;}
textarea{font-size:14px;height:180px;width:560px;border:1px solid #021;padding:3px;border-radius:3px 3px 3px 3px;}
label {margin-right: 10px;}
	div {line-height: 1.8;}
	div.wrapper {width: 100%;margin: 0 auto;}
	div.box {margin: 0;}
		div.abstract {line-height: 2.0;font-size: 14px;}
		div.hint {border: 1px solid #ccc;background: #000000;padding: 10px 15px;border-radius: 10px;margin-top: 20px;clear: both;}
		div.hint h4 {margin:0;}
		div.hintset {border: 1px solid #f6f9ff;background: #f6f9ff;padding: 10px 15px;border-radius: 10px;margin-top: 20px;clear: both;}
		div.emergency {color: #f00;}
		div.error {border: 1px solid #f00;background: #fcc;padding: 6px 9px;margin:10px;color: #c00;border-radius: 3px;display:none;}
	div.article {border: 3px double #999;padding: 10px 15px;margin-top: 10px;}
	div.confirm {text-align: center;margin: 10px;}
	div.layout {clear: both;padding-top:10px;}
		div.rightside {float: right;margin-left: 2%;}
		div.leftside {float: left;}
		div.leftside div.box.abstract {margin-top:15px;}
		div.layout.center-divide div.leftside, div.layout.center-divide  div.rightside {width: 48%;}
		div.layout.right-divide div.leftside {width: 63%;}
		div.layout.right-divide div.rightside {width: 33%;}
	div.post-info {color: #999;font-size: 10px;}
header {height: 45px;background: transparent;border-bottom: 3px solid #999;width: 100%;display:none;}
	#menu {display: block;float: right;}
	#menu li {float: left;}
	#menu li a {display: block;font-size: 14px;height: 15px;color: #eee;padding: 15px 10px;font-weight: bold;}
	#menu li a:hover, #menu li a.active {color: #fff;text-decoration: none;border-bottom: 0;background: transparent;}
	#diffuser {background:transparent;}

article {padding: 20px 0;width: 100%;}
aside{text-align:right}
footer {border-top: 1px solid #063;position: relative;top: 30px;width: 100%;height: 100px;clear: both;}
	#navi {padding: 10px;color: #333;font-size: 10px;}
		#navi li {float: left;padding-right: 10px;margin-right: 10px;border-right: 1px solid #999;}
		#navi li:last-child {border: none;}
		#navi li a {color: #333;}
	#copyright {text-align: right;color: #333;font-size: 10px;padding: 10px;}
		#copyright a {color: #396;}

#webhelp {font-size: 48px;font-weight: bold;color: #354;line-height: 1.2;}
#submenu {display: none;}

#menu {display: block;float: right;}
#menu li {float: left;}
#menu li a {display: block;font-size: 14px;height: 15px;color: #eee;padding: 15px 10px;font-weight: bold;}
#menu li a:hover, #menu li a.active {color: #fff;text-decoration: none;border-bottom: 0;background: transparent;}
#diffuser {background:transparent;}

dl {margin: 10px 0;}
	dl dt {font-size: 14px;font-weight: bold;color: #369;}
		dl dt.pickup {color: #999;}
	dl.list dt {width: 80px;float: left;clear: both;}
	dl.list dd {margin-left: 80px;margin-bottom: 3px;}
	dl.float {width: 215px; float: left;margin-right:25px;}
		dl.float:last-child {margin-right:0;}

#pdb{}
	#pdb-suggest-textbox {width:480px;}
	#pdb-suggest, #pdb-listup {display: none;}
	#pdb-results tbody tr: hover {background: #eee;cursor: default;}
	#pdb-version {text-align:center;}

#recent-photos img {float: left; display: inline;margin-right: 1px;}
#recent-articles {overflow: hidden; cursor: pointer;}
	#recent-articles dt {border-left: 3px solid #eee;padding:8px 10px 0 15px;}
	#recent-articles dd {border-left: 3px solid #eee;padding:0 10px 8px 15px;}
	#recent-articles .hover {border-left: 3px solid #ccc; }
	#recent-articles .active {border-left: 3px solid #897; background: #f9f9f9;}

#paging{margin:0 auto;text-align:center;}
	#paging li{display:inline-block;margin:1px;color: #555;width:30px;text-align:center;/display:inline;/zoom:1;padding: 3px 0;border-radius:3px;border:1px solid #999;cursor: pointer;}
		#paging li:hover{text-decoration:none;background:#eee;color:#444;}
		#paging li.active{background:#ddd;color:#333;padding:3px 0;border-radius:3px; cursor: default;border:1px solid #999;/position:relative;/top:4px;}
		#paging li.next{color: #333;margin-left:5px;width:65px;}
		#paging li.prev{color: #333;margin-right:5px;width:65px;}
		#paging li.omit{background:#fff;border:none;width:10px;}

#tab{background:url('/theme/images/bg.png') no-repeat;background-position:center top;overflow:hidden;}
	#tab-menu{list-style-type: none;}
		#tab-menu li{float:left;position:relative;left:30px;}
		#tab-menu li a{display:block;height:12px;padding: 8px 18px 16px 18px;}
			#tab-menu li a:hover{text-decoration:none;}
			#tab-menu li a.active{background:#fff;color: #333;text-decoration:none;border-radius:5px 5px 0 0;}
	#contents{clear:both;background:#fff;padding:10px;height:300px;}

#twitter {}
	#twitter dl {opacity: 0;}
		#twitter dl a {opacity: 0.5;}
			#twitter dl a.loading {background: url('/theme/images/indicator_small.gif') no-repeat right center;padding-right: 20px;}
	#twitter img#twilogo {margin-right: 10px;float: left;position: relative;top: 12px;width: 48px;height: 48px;}
	#twitter div.indicator {text-align: center;padding: 30px;}
		#twitter div.indicator img {margin: auto;}

#links {}
	#links h5 {clear: both;padding-top:10px;}
		#links h5:first-child {padding-top:0;}
	#links ul {margin-bottom: 15px;}
		#links ul li {float: left; width: 200px;}