@charset "UTF-8";
/* CSS Document */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}
body{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
a{
	color: #68c;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
body{
	background: url(../img/inner_body_back.gif) repeat-x 0px 0px;
	}

#container{
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}
#heada-area{
	background: url(../img/inner_heada_back.jpg) no-repeat;
	margin: 0px;
	padding-top: 1px;
	text-align: left;
}
#heada-area h1{
	text-align: center;
	margin: 0px 0px 5px;
	padding: 0px;
}
#heada-area h1 img{
	vertical-align: bottom;
}
#heada-area ul.page-nav{
	text-align: center;
	margin: 0px 0px 15px 245px;
	padding: 0px;
}
#heada-area ul.page-nav li{
	background: url(none);
	display: inline;
	margin: 0px 10px;
	padding: 0px;
	font-size: 100%;
}
#global-nav{
	margin: 0px 0px 20px 5px;
	padding: 0px;
	list-style: none;
	height: 30px;
	clear: both;
}
#global-nav li{
	margin: 0px;
	padding: 0px;
	float: left;
}
#logo-mark{
	margin: 14px 0px 17px;
	padding: 0px;
	float: left;
}
#form-btn{
	float: left;
	margin: 32px 0px 0px 34px;
	padding: 0px;
}
#breadcrumb{
	font-size: 85%;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #555;
}
#main-container{
	text-align: left;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#maincontents{
	float: right;
	width: 715px;
	text-align: left;
	padding: 0px 0px 1px;
	margin-bottom: 20px;
}
#maincontents h2{
	background: url(../img/inner_h2_back.gif) repeat-y;
	display: block;
	font-size: 116%;
	color: #FFF;
	margin: 0px 5px 0em 0px;
	padding: 8px 10px 8px 15px;
	line-height: 1.3em;
}
#maincontents h3{
	font-size: 108%;
	color: #333;
	border-bottom: 1px solid #68c;
	padding-bottom: 5px;
	padding-left: 3px;
	margin: 0.5em 5px 0.8em 0px;
}
#maincontents h4{
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	color: #333;
}
#maincontents p{
	font-size: 100%;
	line-height: 1.6em;
	color: #555;
	margin: 0px 5px 1em 0px;
}
#maincontents ul{
	color: #555;
	list-style: none;
	margin: 0px 0px 0.5em;
	padding: 0px;
}
#maincontents ul li{
	line-height: 1.3em;
	margin: 0px 0px 0.5em;
	padding: 0px 0px 0px 9px;
	font-size: 100%;
	background: url(../img/inner_li_head.gif) no-repeat 2px 0.4em;
}
#maincontents ul.page-nav{
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#maincontents ul.page-nav li{
	background: url(none);
	display: inline;
	margin: 0px 10px;
	padding: 0px;
	color: #bbb;
}
#maincontents p.backtop{
	text-align: right;
	margin-top: 1em;
	clear: both;
	margin-bottom: 2em;
}
#maincontents p.backtop a{
	background: url(../img/pagetop_arrow.gif) no-repeat 0px 0.3em;
	padding-left: 12px;
}
#maincontents p.category-date{
	background: #EEE;
	padding: 7px;
	border-bottom: 1px solid #68c;
	display: block;
	font-size: 85%;
	margin-bottom: 1.3em;
}
#maincontents .main-img{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
#maincontents .sub-img{
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}
#side-area{
	width: 185px;
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: left;
	float: left;
}
#side-area img{
	vertical-align: bottom;
	margin-left: 5px;
}
#side-area h3{
	font-weight: normal;
	color: #569;
	text-align: center;
	display: block;
	padding: 3px 5px;
	font-size: 100%;
	margin: 0px 0px 10px 5px;
	background: #eee;
	border-bottom: 1px solid #89c;
}
#side-area p{
	font-size: 100%;
	margin: 0px 0px 1em;
}
#side-area p#calendar-nav{
	text-align: center;
	margin: 0px 0px 10px 5px;
}
#side-area table{
	border-collapse:collapse;
	margin: 0px 0px 20px 5px;
	width: 180px;
}
#side-area table th,#side-area table td{
	font-size: 85%;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
	color: #555;
	line-height: 1em;
}
#side-area table td.today{
	background: #eee;
}
#side-area table td a{
	font-weight: bold;
}
#side-area table th.sunday{
	color: #F90;
}
#side-area table th.saturday{
	color: #69F;
}
#side-area ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#side-area ul li{
	font-size: 100%;
	margin: 0px 0px 0.5em 5px;
	padding: 0px 0px 0.6em 10px;
	line-height: 1.5em;
	background: url(../img/inner_li_head.gif) no-repeat 3px 0.4em;
	border-bottom: 1px solid #CCC;
}
#side-area p.jump{
	margin-top: 0.5em;
	clear: both;
	margin-bottom: 20px;
	margin-left: 7px;
}
#side-area p.jump a{
	background: url(../img/jump_arrow.gif) no-repeat 0px 0.3em;
	padding-left: 12px;
}
#side-area #side-banner{
	margin: 20px 0px 0px;
	padding: 0px;
	list-style: none;
}
#side-area #side-banner li{
	margin: 0px 0px 5px;
	padding: 0px;
	border-style: none;
	background: url(none);
}
#footer{
	margin: 0px auto;
	width: 960px;
	text-align: left;
	clear: both;
	background: url(../img/footer_back.gif) no-repeat center top;
	height: 55px;
	padding: 0px;
}
#footer p{
	margin: 10px 0px 0px;
	padding: 0px;
	float: left;
}
#footer p img{
	vertical-align: bottom;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
#footer ul{
	margin: 20px 0px 0px;
	padding: 0px;
	list-style: none;
	font-size: 85%;
	float: left;
	background: url(../img/footer_link_border.gif) no-repeat right center;
}
#footer li{
	display: inline;
	margin: 0px;
	line-height: 19px;
	padding: 0px;
}
#footer li a{
	background: url(../img/footer_link_border.gif) no-repeat left center;
	padding-right: 10px;
	padding-left: 10px;
}
address{
	color: #555;
	font: normal 85% Arial, Helvetica, sans-serif;
	margin: 20px 5px 0px 0px;
	float: right;
	padding: 0px;
}
/*==== Clear Fix Class ====*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
.clearfix{display:inline-block;}
/* hides from IE-mac¥*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

/* added by MK, in order to support linked H2s in list */
h2 a.whitelink {
	color:#fff;
}