@charset "UTF-8";
/*
------------------------------------------------------------------------------------------ 
Iam DesignNetwork Corporation
stylesheet heiwanohi.css
------------------------------------------------------------------------------------------ 
*/


#heiwanohi {
	background: url(/image/site/heiwanohi/heiwanohi_bg.jpg) #FFFCF0 top center;
}
#heiwanohi #header_navi .inner,
#heiwanohi #header_inner,
#heiwanohi #page_scroll_navi { width: 1180px; }

#heiwanohi #pagebody_inner { width: 1080px; text-align: }

/*---------------------------------------------------------------------
	header
---------------------------------------------------------------------*/

#heiwanohi #utility_menu {
	float: left;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 8px 10px 10px 8px;
	margin-top: 0;
	margin-left: 30px;
	width: 335px;
}
#heiwanohi #header #utility_menu #fontsize { float: left; width: 173px; }
#heiwanohi #header #utility_menu #fontsize li { margin-left: 2px; }
#heiwanohi #header #utility_menu #color_switch { float: right; width: 150px; }
#heiwanohi #header #utility_menu #color_switch li { margin-left: 2px; }
#heiwanohi #search_form { right: 44px; top: 6px; width:270px; }
#heiwanohi #search_form #search_window { vertical-align: middle; border: 1px solid #999; padding: 1px; }
#heiwanohi #search_form #serch_button { vertical-align: middle; }

/*#heiwanohi #header { margin-top: -45px; }*/
#heiwanohi #header .lead_text {
	font-size: 81.3%;
	padding-left: 430px;
	/*text-align: center;
	width: 460px;
	margin: 0 auto;*/
}
#heiwanohi #header h1 {/*	float: none; */}
#heiwanohi #header h1 a {
	background: url(/image/site/heiwanohi/header/site_logo.png) no-repeat 0 0;
	/*margin: 3px auto 3px;*/
	width: 393px;
}

#heiwanohi #blockskip { text-align: center; margin-bottom: 10px; }
#heiwanohi #blockskip:hover { opacity: 0.7; }

/* search_form */
#heiwanohi .cse .gsc-control-cse,
#heiwanohi .gsc-control-cse { padding: 0; }
#heiwanohi .gsc-search-box-tools .gsc-search-box .gsc-input {
	width: 150px !important;
	padding-right: 6px;
}
#heiwanohi #search_form .cse .gsc-control-cse,
#heiwanohi #search_form .gsc-control-cse {
	background: none;
	border: none;
}
#heiwanohi .cse input.gsc-search-button,
#heiwanohi input.gsc-search-button {
	padding: 4px 73px 6px 5px;
	border: none;
	background: url(/image/site/heiwanohi/header/btn_serch.png) no-repeat 0 0;
}

/*---------------------------------------------------------------------
	gnavi
---------------------------------------------------------------------*/
#heiwanohi #heiwa_gnavi { width: 1180px; margin: 0 auto; }
#heiwanohi #heiwa_gnavi ul {
	width: 1098px;
	height: 59px;
	overflow: hidden;
	margin: 0 auto;
}
#heiwanohi #heiwa_gnavi ul li {
	float: left;
	list-style: none;
	height: 59px;
	padding-top: 5px;
}
#heiwanohi #heiwa_gnavi ul li:hover { padding-top: 0; }
#heiwanohi #heiwa_gnavi ul li img {	border-radius: 6px 6px 0 0; }

/*---------------------------------------------------------------------
	wrap
---------------------------------------------------------------------*/

#heiwanohi #wrap {
	width: 1180px;
	margin: 0 auto;
	background: url(/image/site/heiwanohi/bg_fabric_linenlight_8.gif);
}
#heiwanohi #wrap #wrap_inner{ padding: 5px 30px 30px; }

/* topic_path_top */
#heiwanohi #topic_path_top {
	background: none;
	font-size: 1.1rem;
	width: 1080px;
	margin: 0 auto;
}

/*---------------------------------------------------------------------
	slideshow
---------------------------------------------------------------------*/
#heiwanohi .bx-viewport {
	overflow: hidden !important;
}

#heiwanohi .bx-wrapper .bx-controls-direction a.bx-prev { top: 45%; }
#heiwanohi .bx-wrapper .bx-controls-direction a.bx-next { top: 45%; }

#heiwanohi .bx-wrapper .bx-pager.bx-default-pager a {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #aaa;
}

#heiwanohi .bx-wrapper .bx-pager.bx-default-pager a:hover,
#heiwanohi .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #552b00;
}
#heiwanohi .bx-wrapper .bx-pager,
#heiwanohi .bx-wrapper .bx-controls-auto {
	position: relative;
	top: 0;
	margin-top: 5px;
	text-align: left;
	padding-top: 0;
}
#heiwanohi .bx-wrapper .bx-pager .bx-pager-item,
#heiwanohi .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	margin-bottom: 5px;
}
/*---------------------------------------------------------------------
	pagebody
---------------------------------------------------------------------*/

#heiwanohi #pagebody { background: #fff; padding-bottom: 40px; }

#heiwanohi #top_submenu { margin-bottom: 20px; }
#heiwanohi #top_submenu ul li {
	float: left;
	width: 255px;
	margin-left: 20px;
	list-style: none;
}
#heiwanohi #top_submenu ul li:first-child { margin-left: 0; }

/* top */
#heiwanohi.top #beta { float: left; width: 200px; }
#heiwanohi.top #beta .side_banner li { margin-bottom: 10px; }
#heiwanohi.top #beta .side_banner li a { display: block; }

#heiwanohi .faceboox_contents h4 {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}
#heiwanohi .faceboox_contents p {
	text-align: center;
	border: 1px solid #ccc;
}
#heiwanohi #topics_news { position: relative; }
#heiwanohi #alpha #topics_news h3 {
	color: #000;
	font-size: 2.4rem;
	border: none;
	margin-top: 20px;
	padding: 5px 10px 7px 20px;
	background: url(/image/site/heiwanohi/top/h3_bg.jpg) no-repeat 0 15px;
}
#heiwanohi #topics_news .link_list {
	position: absolute;
	right: 0;
	top: 8px;
	width: 125px;
	color: #EEEAE4;
	background: url(/image/site/heiwanohi/bg004.png);
}

/*---------------------------------------------------------------------
	post
---------------------------------------------------------------------*/
#heiwanohi #alpha #alpha_inner table.inquiry { font-size: 100%; margin-bottom: 30px; }
#heiwanohi #alpha #alpha_inner table.inquiry th {
	background-color: #FFFCF0;
	border: 3px solid #D1B494;
}
#heiwanohi #alpha #alpha_inner table.inquiry td {
	border: 3px solid #D1B494;
}

#heiwanohi .submit_button {
	color: #000;
	text-shadow: none;
	border: 1px solid #aaa;
	border-radius: 0;
	background: #F0F0E1;
}
#heiwanohi .reset_button {
	border-radius: 0;
	background: #fff;
}

/*---------------------------------------------------------------------
	alpha
---------------------------------------------------------------------*/

#heiwanohi #alpha h2 {
	color: #542B00;
	padding: 3px 0 3px 14px;
	background: url(/image/site/heiwanohi/h2_bg.jpg);
}

#heiwanohi #alpha h3 {
	color: #552B00;
	font-size: 187.5%;
	padding: 4px 10px 4px 20px;
	border: 1px solid #D1B494;
	background: url(/image/site/heiwanohi/h3_bg.gif) no-repeat 6px 12px;
}

#heiwanohi #alpha h4 {
	border-bottom: 3px solid #D1B494;
	background: url(/image/site/heiwanohi/h4_bg.gif) no-repeat 5px 13px;
}

#heiwanohi #alpha h5 {
	border-bottom: 1px solid #D1B494;
	background: url(/image/site/heiwanohi/h5_bg.gif) no-repeat 5px 14px;
}

#heiwanohi #alpha h6 {
	background: url(/image/site/heiwanohi/h6_bg.gif) no-repeat 5px 14px;
}

#heiwanohi #alpha .lead_txt {
	color: #008C22;
}

/* */
#heiwanohi #alpha #list_index .list_index_h h3 {
	font-size: 100%
}
#heiwanohi #alpha #list_index .list_index_h h3 a {
	color: #542B00;
	font-size: 100%;
	font-size: 184%;
	padding: 9px 59px 10px 21px;
	background-image: url(../image/site/heiwanohi/menuindex_bg.jpg);
}
#heiwanohi #alpha #list_index .list_index_contents ul {
	background-color: #FFFCF0;
	padding: 15px 0;
}
#heiwanohi #alpha #list_index .list_index_contents ul li {
	background: url(../image/site/heiwanohi/index_li_mark.jpg) no-repeat 10px 11px;
}

#heiwanohi #alpha .alpha_contents .caption_txt {
	color: #552B00;
	font-size:81.3%;
	text-align:center;	
}

#heiwanohi #alpha .alpha_contents .center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#heiwanohi #alpha .alpha_contents .info {
	display: inline;
	border: 1px solid #CCC;
	background: #FFFCF0;
	padding: 9px;
}

#heiwanohi #alpha .alpha_contents .fll260 {
	float:left;
	width:260px;
}

#heiwanohi #alpha .alpha_contents .fll340 {
	float:left;
	width:340px;
}

#heiwanohi #alpha .alpha_contents .flr510 {
	float:right;
	width:510px
}

#heiwanohi #alpha .fll200 {
	float: left;
	width: 200px;
}

.dialog_box {
	background-image:url(/userfiles/images/page/heiwanohi/3701/img_02.gif);
	background-repeat:no-repeat;
	padding: 20px 0px 0px 50px;
	min-height:300px;
	font-size:20px;
}

#heiwanohi #alpha th.bc {
	background-color: #FFFCF0;
}

/* box280 */
#heiwanohi #alpha .alpha_contents .box280 { 
	background-color:#FFFAE6;
	width: 280px;
	text-align: center;
	float: left;
	border: 1px solid #976832 ;
	padding-bottom: 10px;
}
#heiwanohi #alpha .alpha_contents .box280 dl.fll {
	background-color:#FFF;
	width: 130px;
	float: left;
	margin-left: 5px;
}
#heiwanohi #alpha .alpha_contents .box280 dl.flr {
	background-color:#FFF;
	width: 130px;
	float: right;
	margin-right: 5px;
}

.dd_st {
	font-size: 87.5% ;
}


/* kids */

#heiwanohi #alpha_kids { width: 1080px; }




/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/*---------------------------------------------------------------------
	beta
---------------------------------------------------------------------*/

#heiwanohi #beta #side_menu { border-bottom: 1px solid #D1B494; }
/* side_menu level1 */
#heiwanohi #beta #side_menu #side_menu_inner ul li a {
	padding: 11px 8px 9px 14px;
	font-size: 107.2%;
	background: url(/image/site/heiwanohi/beta/menu_1st.jpg) no-repeat 0 0;
}
#heiwanohi #beta #side_menu #side_menu_inner ul li a:hover,
#heiwanohi #beta #side_menu #side_menu_inner ul li a.selected {
	background-position: 0 -280px;
}
/* side_menu level2 */
#heiwanohi #beta #side_menu #side_menu_inner ul li ul { border-top: 1px solid #D1B494; }
#heiwanohi #beta #side_menu #side_menu_inner ul li ul li a {
	padding: 4px 8px 4px 14px;
	background: url(/image/site/heiwanohi/beta/menu_2nd.gif) no-repeat 0 0;
	border-bottom: 2px solid #D1B494;
}
#heiwanohi #beta #side_menu #side_menu_inner ul li ul li a:hover,
#heiwanohi #beta #side_menu #side_menu_inner ul li ul li a.selected {
	border-bottom: 2px solid #008C22;
}
/* side_menu level3 */
#heiwanohi #beta #side_menu #side_menu_inner ul li ul li ul { border-top: none; }
#heiwanohi #beta #side_menu #side_menu_inner ul li ul li ul li a {
	padding: 4px 8px 4px 14px;
	background: url(/image/site/heiwanohi/beta/menu_3nd.gif) no-repeat -11px 0;
	border-bottom: 1px solid #D1B494;
}
#heiwanohi #beta #side_menu #side_menu_inner ul li ul li ul li a:hover,
#heiwanohi #beta #side_menu #side_menu_inner ul li ul li ul li a.selected {
	border-bottom: 1px solid #008C22;
	background-position: -11px -280px;
}

/*---------------------------------------------------------------------
	footer
---------------------------------------------------------------------*/

#heiwanohi #footer {
	border-top: 10px solid #85B200;
	background: url(/image/site/heiwanohi/footer_bg.jpg) no-repeat top center #FFFCF0;
}

#heiwanohi #footer #footer_inner {
	background: none;
	padding: 8px 0;
}

#heiwanohi .footer_logo {
	text-indent: -9999px;
	text-align: center;
	padding: 11px 0;
	margin: 10px 0;
	background: url(/image/site/heiwanohi/footer_logo.png) no-repeat top center;
}
#heiwanohi #copyright {
	background: none #008C46;
	padding: 12px 0;
}