/* HTML Tag Redefinition */
html, body {height: 100%;  }
body {
background-color:#fff;
background-image:url(http://www.hcy.jp/themes/default/images/bgr_body.gif);background-repeat:repeat-x;text-align: center; padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer;outline:none;}
iframe {border:0;width:100%;margin-left:0;}
label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page{ width:900px; margin:auto; text-align:left }
#page #headerSpacer{ height:64px }
#page #header{ position:relative; } 
#page #header #logo{margin-bottom: 0px; padding: 0px; margin-top:8px; cursor:pointer;  left:0px ; z-index:10; width:auto; float:left; position: relative }
#page #header #logo a{ /* customize_header_logo */ color:#333333; /* customize_header_logo */ text-decoration:none;}

#page #header #headerNav{ position: absolute; top: 14px; right: 0px; z-index:2; width:100%; overflow:visible;}
#page #header #headerNav form{ margin:0px; padding:0px; text-align: right}
#page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right}
#page #header ul.nav-header li{float:left; margin-top:10px;}
#page #header ul.nav-header li a {background:#EEEEEE url(http://www.hcy.jp/themes/default/images/icon_link.gif) no-repeat scroll 5px 5px;border:1px solid #CACACA;display:block;float:left;font-size:11px;font-weight:bold;line-height:21px;padding:2px 6px 2px 21px;text-align:left;text-decoration:none;}
#page #header ul.nav-header li a:hover {background:#DDDDDD url(http://www.hcy.jp/themes/default/images/icon_link3.gif) no-repeat scroll 5px 5px;border:1px solid #999999;}
#page #header ul.nav-header li.nav-selected a{ background:#336600 url(http://www.hcy.jp/themes/default/images/icon_link2.gif) no-repeat scroll 5px 5px; color:#fff;border:1px solid #999999;}
#page #header #header-area{padding-top: 10px;margin-bottom: 10px; clear:both; text-align:center;}
#page #panNav { margin:0 0 20px 0; font-size:90%;}
#page .divider{padding-top: 12px; height:1px; clear:both; width:100%; }

#page #central{clear:both;}
#page .no-sidebar { background-image: none !important}
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 50px !important;float:right}
 
#page #central #body{ float:right;width:690px; overflow:hidden; padding:0 0 30px!important;}
#page #central #body p {text-align:justify;margin:0 0 0 10px;}
#page #central #body p.rssIcon {text-align:right;line-height:10px;margin:0 10px 0 0; font-size:12px;}
#page #central #body p.rssIcon a{text-decoration:none;color:#DE6A24;}
#page #central #body div.ccm-page-list {margin:0 10px 20px 0;}
#page #central #body h1 {border-bottom: #336600 solid 3px;font-size:140%;font-weight:bold;color:#000; padding: 5px 10px; margin-bottom: 10px; background-color:#eee;margin-top:0;margin-bottom:20px; }
#page #central #body h2 {border-left: #336600 solid 5px;font-size:120%; padding: 5px 10px; margin-bottom: 10px; background-color:#eee;margin-top:10px; }
#page #central #body h2.top {margin-top:30px; }
#page #central #body h3 {margin:10px 0 10px 0;border-left:#C53B1C solid 2px;padding-left:5px;}
#page #central #body h4 {font-size:120%;margin:10px 0 0 10px;color:#360;}
#page #central #body h5 {font-size:100%;margin:10px 0 0 10px;}
#page #central #body ul {list-style:none;margin-left:10px;padding:0;}
#page #central #body ul li{margin-bottom:1.3em;margin-left:0;}
#page #central #body div.u15list{margin-left:10px;float:left;display:inline;width:240px;}
#page .no-sidebar #body{ float: none !important; width: auto !important; overflow:hidden }
#page #central #sidebar{ float:left; width:180px;}
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav{ list-style:none;margin: 0;padding:0; font-size:12px;}
#page #central #sidebar ul.nav li{ display: inline;}
#page #central #sidebar ul.nav li a{   margin-bottom: 1px;  padding: 5px 0 5px 10px;  display: block;text-decoration: none;  border-left: 5px solid #336600;  background-color: #eeeeee;  color: #000000;}
#page #central #sidebar ul.nav li a.nav-selected {border-left: 5px solid #990000;font-weight: bold; background-color: #fcc;  color: #000;}
#page #central #sidebar ul.nav li a:hover {  background-color: #fcc;  color: #000;  border-left: 5px solid #990000;}
#page #central #sidebar ul.nav ul{ list-style:none; margin:0px; padding:0px;}
#page #central #sidebar ul.nav ul li a{font-size:85%;border-left: 5px solid #990000;background-color:#ddd;}
#page #central #sidebar ul.nav ul li ul li a:before{content:" ┗ ";}

#page #central.navLeft{ background:url(http://www.hcy.jp/themes/default/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#footer{text-align:center; margin-top:25px; clear:both; padding-bottom:16px; color:#999; font-size:10px ;border-top:3px solid #336600;background-color:#eee;}
#footer a{ text-decoration:none }
#footer ul.nav{list-style:none; margin:10px 0px; padding:0px;}
#footer ul.nav li{ display:inline; font-size:12px;margin-left:20px;}
#footer span.sign-in {margin-left: 20px}

#page #central #body table{width:500px;border-collapse: collapse;margin:10px 0 10px 10px;font-size:80%;}
#page #central #body table th {background:#EEEEEE none repeat scroll 0 0;}
#page #central #body table th,#page #central #body table td {border:1px solid #999;padding:3px;text-align:center;}
#page #central #body table td span{color:red;}
/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */  /* customize_miscellaneous */

/* Search Result */
#searchResults .pageLink{ font-size:12px; color:#999; margin:2px 0px 8px 0px; padding:0px; display:block }
#searchResults .searchResult{ margin-bottom:16px; margin-top:24px }
#searchResults .searchResult h3{ margin-bottom:0px; padding-bottom:0px }
#searchResults .searchResult p{margin-top:4px}

.rssSummaryList .rssItem{ margin-bottom:16px }
.rssSummaryList .rssItem .rssItemTitle{ font-weight:bold }
.rssSummaryList .rssItem .rssItemDate{ color:#999999 }
.rssSummaryList .rssItem .rssItemSummary{}
.rssSummaryList .rssSummaryListTitle{font-weight:bold}

/*
adjust style
==============================================*/
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }

.ml0{ margin-left:0 !important; }
.ml15{ margin-left:15px !important; }
.ml-15{ margin-left:-15px !important; }

.pb0 { padding-bottom:0px !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }

.pt0 { padding-top:0px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }

.xLeft { text-align:left !important; }
.xCenter { text-align:center !important; }
.xRight { text-align:right !important; }
.xTop { vertical-align:top !important; }
.xMiddle { vertical-align:middle !important; }
.xBottom { vertical-align:bottom !important; }
.xNowrap { white-space: nowrap !important; }
.xW100 { width:100% !important; }
.xWauto { width:auto !important; }


.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 */


.list_01{
	margin-bottom:20px;
}
.list_01 li{
	padding-left:20px;
	background:url(http://www.hcy.jp/themes/default/../../img/icon_01.gif) no-repeat 0 0.3em;
	line-height:1.5;
}

.list_02{
	margin:0 0 20px 0!important;
}
.list_02 li{
	padding-left:20px;
	background:url(http://www.hcy.jp/themes/default/../../img/icon_01.gif) no-repeat 0 0.3em;
	line-height:1.5;
}
.list_02 li ul{
	margin:0 0 20px 5px!important;
}

.list_02 li ul li{
	padding-left:10px;
	background:url(http://www.hcy.jp/themes/default/../../img/icon_02.gif) no-repeat 0 0.5em;
}