@charset "UTF-8";
/* [otohane.net]
 * Summary: style for TopPage
 * Modified: 2009-05-11
 */

/* header
----------------------------------------*/
#header address { margin-bottom: 0; }

/* content
----------------------------------------*/
/* container */

/*
#alpha {  }
#beta  { float: left; width: 340px; margin: 0 20px 0 240px; clear: right; display: inline; }
#gamma { float: left; width: 340px; }
*/
#gamma { padding-top: 12px; }

/* news
------------------------------*/
#news {
	margin-bottom: 58px;
	line-height: 1.5;
}
#news h2 {
	height: 36px;
	margin-bottom: 30px;
	background: url(../images/ttl_news.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#news table { width: 100%; }
#news th {
	width: 6em;
	padding: 0 0 2px 3px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#news td { padding-bottom: 2px; }
#news td a:link { color: #000; }
#news td a:visited { color: #333; }
#news td a:hover,
#news td a:focus,
#news td a:active {}
#news p.archive {
	text-align: right;
}

/* project
------------------------------*/
#project {
	margin-bottom: 158px;
	line-height: 1.5;
}
#project h2 {
	height: 36px;
	margin-bottom: 30px;
	background: url(../images/ttl_project.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#project div.hentry {}
#project p.entry-pct,
#project div.entry-pct {
	margin-bottom: 8px;
}
#project p.published {
	float: left;
	width: 6em;
	padding-left: 3px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#project h3.entry-title,
#project p.more {
	margin-left: 3px;
	padding-left: 6em;
}
#project p.archive {
	text-align: right;
}

/* guestbook
------------------------------*/
#guestbook {
	margin-bottom: 30px;
	line-height: 1.5;
}
#guestbook h2 {
	height: 22px;
	margin-bottom: 14px;
	background: url(../images/ttl_guestbook.gif) no-repeat;
	text-indent: -9999px;
}
#guestbook ul { padding-bottom: 4px; }
#guestbook li {
	padding: 0 0 15px 27px;
	background: url(../images/icon_baloon.gif) no-repeat 0 0;
}
#guestbook a:link,
#guestbook a:visited { }
#guestbook li span.author { display: block; }

/* mobile
------------------------------*/
#mobile {
	margin-bottom: 30px;
	line-height: 1.5;
}
#mobile h2 {
	height: 22px;
	margin-bottom: 14px;
	background: url(../images/ttl_mobile.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#mobile p.lead {
	margin-bottom: 1em;
}
#mobile form dl {
	width: 220px;
	overflow: hidden;
}
#mobile form dt {
	margin-bottom: 10px;
}
#mobile form dd.input  { width: 100%; }
#mobile form dd.submit { width: 60px; clear: both; padding: 10px 0; }
#mobile form input#mmail1 { float: left; width: 69px; margin-right: 7px; padding: 3px 0; }
#mobile form img.atmark   { float: left; margin: 5px 0; vertical-align: top; }
#mobile form input#mmail2 { float: right; width: 116px; padding: 3px 0; }
/*	* html #mobile form input#mmail2 { width: 140px; }*/
#mobile form button { border: 0; background: none; padding: 0; text-align: left; cursor: pointer; /width: 59px; }
#mobile form button img {  }

#mobile p.qrcode img {
	margin-top: 8px;
	vertical-align: top;
}
#mobile #response {
	margin-bottom: 20px;
	color: #F44;
}

/*----------------------------------------
 hidden modules
----------------------------------------*/
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------------------------------
 for print media
----------------------------------------*/
@media print {

#content { }

#alpha { display: block; position: static!important; width: auto; margin: 20px 0;}
#beta  { width: auto; }
#gamma { display: block; width: auto; float: none; }

div.hentry { border: none; }
#news,
#project,
#calendar,
#guestbook,
#mobile { margin: 0 0 20px; }

#news h2,
#project h2,
#calendar h2,
#guestbook h2,
#mobile h2 {
	height: auto;
	margin-bottom: 10px;
	border-bottom: 1px dashed #BBB;
	background: none;
	font-size: 133%; font-weight: bold;
	text-indent: 0!important;
}

#footer { height: auto; }
#footer p.pagetop { display: none; }

#pr { display: block; position: static; }

}