@charset "utf-8";

/*________________________________________________

	name:			common.css
	create Date:	2016-12-06
	lastmodified:	****-**-**
________________________________________________*/

/* Base Styles ===================================
 * (classes defined in the Markup Guide)
================================================*/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* ColorScheme====================================
	MainColor	=>	#0092d7
	SubColor	=>	#4fa1da
	BgColor		=>	#ccebf8
	TextColor	=>	#333333
================================================*/

/*--------------------------------------------------------------
reset
--------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
	list-style-type: none;
}
html {
	height: 100%;
}
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address ,hr {
	margin: 0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
pre, var, code, kbd, samp ,tt {
	font-family: monospace;
}
fieldset {
	border: none;
}
img {
	border: none;
	vertical-align: middle;
	line-hegiht: 0;
}
ul,ol,li {
	list-style-type: none;
}
caption,th {
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;
}
a,
input[type="submit"] {
	cursor: pointer;
	}

/*--------------------------------------------------------------
clear
--------------------------------------------------------------*/
.clear {
	clear: both;
}

/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
.clearfix { zoom:1; }
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------
  link
--------------------------------------------------------------*/
a {
	color: #FF9900;
	text-decoration: underline;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:hover {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}
a:hover img {
	/*opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	/*-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	/*-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	/*-khtml-opacity: 0.8;              /* Safari 1.x */
	/*zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;*/
}

/*--------------------------------------------------------------
  レイアウト
--------------------------------------------------------------*/
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.fbold{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
.no_sp { margin-right: 0px!important;}
/*--------------------------------------------------------------photoレイアウト*/
.leftfloat {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.rightfloat {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-bottom: 30px;
}
.admissionpolicyicon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	height: 30px;
}
/*--------------------------------------------------------------50%レイアウト*/
.leftBox {
	display: inline;
	float: left;
	max-width: 50%;
	width: 310px;
	margin: 0;
}
.rightBox {
	display: inline;
	float: right;
	max-width: 50%;
	width: 310px;
	margin: 0;
}
/* clearfix */
.leftBox, .rightBox { zoom:1; }
.leftBox:after, .rightBox:after {
	content: ""; 
	display: block; 
	clear: both;}
#program .leftBox img, 
#program .rightBox img {
	width: 310px;
}
.leftBox h3, 
.rightBox h3 {
	width: 310px;
}
/*--------------------------------------------------------------hissu　必須文字・赤色文字*/
.hissu {
	color: #F00;
}
img.hissu {
	margin-right: 10px;
	vertical-align: middle;
}
th .hissu {
	display: inline;
	float: right;
	text-align: right;
	margin-left: 10px;
}
/* error　必須文字・赤色文字 */
.error, .error-message {
	color: #F00;
}
/*--------------------------------------------------------------丸のリスト*/
ul.circle {
}
.circle li {
	display: list-item inline;
	list-style: disc inside;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
/*--------------------------------------------------------------数字のリスト*/
ol.decimal {
	margin-top: 1em;
	margin-bottom: 1em;
}
.decimal li {
	display: list-item inline;
	list-style: decimal inside;
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.5;
}
/*--------------------------------------------------------------アルファベット小文字のリスト*/
ul.loweralpha {
	margin-top: 1em;
	margin-bottom: 1em;
}
.loweralpha li {
	display: list-item inline;
	list-style: lower-alpha inside;
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.5;
}/*--------------------------------------------------------------アルファベット大文字のリスト*/
ul.upperalpha {
	margin-top: 1em;
	margin-bottom: 1em;
}
.upperalpha li {
	display: list-item inline;
	list-style: upper-alpha inside;
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.5;
}
/*--------------------------------------------------------------スクロール*/
.scroll {
	overflow: auto;
	overflow: scroll; /* ie6対策 */
	overflow-y: scroll; /* ie6対策 */
	overflow-x: hidden; /* ie6対策 */
}

/*--------------------------------------------------------------
  body
--------------------------------------------------------------*/
body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	color: #333333;
	line-height: 1.5;
	text-align: center;
}

/*--------------------------------------------------------------
  #indexheader
--------------------------------------------------------------*/
#indexheader {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
#indexheaderInner {
	display: block;
	clear: both;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../img/common/bg_header.gif) ;
}
/*clearfix*/
#indexheaderInner { zoom:1; }
#indexheaderInner:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------.headMenuBox*/
#indexheaderInner .headMenuBox {
	display:  block;
	clear: both;
}
/*--------------------------------------------------------------.indexlogo*/
.indexlogo {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.indexlogo img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/*--------------------------------------------------------------
  #header
--------------------------------------------------------------*/
#header {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}
#headerInner {
	display: block;
	clear: both;
	width: auto;
	margin: 0 auto;
	padding: 20px;
	background: #eaf9fe;
	text-align: left;
}
/*clearfix*/
#headerInner { zoom:1; }
#headerInner:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------#logo*/
#logo {
	display: inline;
	float: left;
}
/*--------------------------------------------------------------.pagejump*/
.pagejump {
	display: inline;
	float: left;
	margin: 0;
}
.pagejump a {
	display: block;
	text-indent: -99999px;
}
/*--------------------------------------------------------------display: none*/
#pagejump, 
.fabookbanner, 
.menu, 
#menu {
	display: none;
}
/*--------------------------------------------------------------.headMenuBox*/
.headMenuBox {
	display: block;
	clear: both;
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
/* clearfix */
.headMenuBox { zoom:1; }
.headMenuBox:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------.logo*/
.logo {
	display: inline;
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
	text-align: left;
}
.logo a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
/*--------------------------------------------------------------fontsize*/
.fontsize  {
	display: inline-block;
	float: right;
	width: 100px;
	height: auto;
	margin: 30px 0 0 10px;
	padding: 0;
}
.fontsize a {
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	vertical-align: bottom;
}
.fontsize a img {
	display: inline-block;
	vertical-align: bottom;
}
/* clearfix */
.fontsize { zoom:1; }
.fontsize:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------headersearches*/
.headersearches {
	display: inline;
	float: right;
	width: 325px;
	height: 25px;
	margin-top: 40px;
	overflow: hidden;
}
.headersearches input {
	display: inline;
	float: left;
	width: 298px;
	height: 23px;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 25px;
	font-size: 12px;
	overflow: hidden;
	border: 1px #DDDDDD solid;
}
.headersearches a {
	display: inline;
	float: right;
	width: 25px;
	height: 25px;
	margin: 0;
}
.headersearches a img {
	cursor: pointer;
	line-height: 25px;
}
 /* clearfix */
.headersearches { zoom:1; }
.headersearches:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------.bgColor*/
.bgColor {
	display: inline;
	float: right;
	margin: 0 0 15px 0;
	height: 22px;
	line-height: 22px;
}
.bgColor dt {
	display: inline;
	float: left;
	font-size: 13px;
	margin: 0 5px 0 0;
	line-height: 22px;
}
.bgColor dd {
	float: left;
	width: auto;
	height: 22px;
	margin-left: 1px;
	color: #333333;
	line-height: 22px;
	text-align: center;
	white-space: nowrap;
}
.bgColor dd a {
	display: block;
	padding: 0 3px;
	cursor: pointer;
	text-decoration: none;
	background: #ffffff;
	color: #333333;
	font-size: 13px;
	white-space: nowrap;
	line-height: 22px;
}
.bgColor dd.black a:hover {
	color: #FFFFFF;
	background: #000000;
}
.bgColor dd.blue a:hover {
	color: #ffff00;
	background: #0000ff;
}
.bgColor dd a:hover {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}
/*--------------------------------------------------------------.fontSize*/
.fontSize {
	display: inline;
	float: left;
	margin-right: 15px;
	font-size: 13px;
}
.fontSize dt {
	display: inline;
	float: left;
	margin: 0 3px 0 0;
	line-height: 22px;
	white-space: nowrap;
}
.fontSize dd {
	display: inline;
	float: left;
	width: auto;
	height: 22px;
	margin: 0 0 15px 0;
	padding: 0 15px 0 0;
	background: url(../img/index/border_fontsize.png) right center no-repeat;
	background-size: auto 14px;
	-webkit-background-size: auto 14px;
	line-height: 22px;
	text-align: center;
	white-space: nowrap;
}
.fontSize dd:last-child {
	margin: 0;
	padding: 0;
	background: none;
}
.fontSize dd a {
	display: block;
	padding: 0 3px;
	cursor: pointer;
	text-decoration: none;
	color: #333333;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	white-space: nowrap;
}
.fontSize dd a:hover {
	color: #333333;
	background: #ffffff;
}
.fontSize dd a.active {
	color: #333333;
	background: #ffffff;
}	
/*--------------------------------------------------------------#nav_top*/
#nav_top {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 0;
	background: url(../img/index/bg_nav.gif) top center no-repeat;
	text-align: center;
}
/*clearfix*/
#nav_top ul { zoom:1; }
#nav_top ul:after {
	content: ""; 
	display: block; 
	clear: both;}
#nav_top ul {
	display: block;
	width: auto;
	max-width: 1000px;
	height: 253px;
	margin: 10px auto;
	padding: 0;
}
#nav_top li {
	display: inline;
	float: left;
	width: 190px;
	height: 190px;
	margin: 0 5px;
	padding: 0;
	font-size: 16px;
	text-align: center;
}
#nav_top li a {
	display: block;
	margin: 0 5px;
	padding: 0;
}
/*--------------------------------------------------------------#nav*/
#nav {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FFF1B3;
}
/*clearfix*/
#nav ul { zoom:1; }
#nav ul:after {
	content: ""; 
	display: block; 
	clear: both;}
#nav ul {
	display: block;
	clear: both;
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 5px 0;
}
#nav li {
	display: inline;
	float: left;
	width: 190px;
	height: auto;
	margin: 0 5px;
	padding: 0;
	text-align: center;
	background: #ffffff;
}
#nav li a {
	display: block;
	margin: 0;
	padding: 5px 0;
	text-decoration: none;
	font-weight:bold;
	height: 95px;
}
#nav li img {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 auto 5px auto;
	padding: 0;
	line-height: 31px;
}
#nav li.abouts a {
	background: #FFA346;
	color: #ffffff;
}
#nav li.character a {
	background: #9CC657;
	color: #ffffff;
}
#nav li.goods a {
	background: #5EC4D9;
	color: #ffffff;
}
#nav li.communication a {
	background: #B79FE3;
	color: #ffffff;
}
#nav li.conference a {
	background: #FB9BB0;
	color: #ffffff;
}

#nav li.abouts a:hover, 
#nav li.abouts a.current_nav {
	background: #ffffff;
	color: #FFA346;
}
#nav li.character a:hover, 
#nav li.character a.current_nav {
	background: #ffffff;
	color: #9CC657;
}
#nav li.goods a:hover, 
#nav li.goods a.current_nav {
	background: #ffffff;
	color: #5EC4D9;
}
#nav li.communication a:hover, 
#nav li.communication a.current_nav {
	background: #ffffff;
	color: #B79FE3;
}
#nav li.conference a:hover, 
#nav li.conference a.current_nav {
	background: #ffffff;
	color: #FB9BB0;
}

/*--------------------------------------------------------------
  #footer	フッター部分
--------------------------------------------------------------*/
#footer {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #86BC2A url(../img/common/bg_footer.jpg) left top repeat-x;
	text-align: center;
}
#footerInner {
	display: block;
	clear: both;
	width: 1010px;
	margin: 0 auto;
	padding: 100px 0 50px 0;
}
/*--------------------------------------------------------------#copy*/
#copy {
	display: block;
	clear: both;
	width: auto;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 90%;
	text-align: center;
	color: #ffffff;
}
/*--------------------------------------------------------------
  #pageTop　ページトップ
--------------------------------------------------------------*/
#pagetop {
	margin: 0 auto;
	width: 1010px;
	text-align: center;
	vertical-align: top;
}
#pagetop a {
	text-decoration: none;
	display: inline;
	float: right;
}
#pagetop a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

/*--------------------------------------------------------------
  #main
--------------------------------------------------------------*/
#main {
	display: block;
	clear: both;
	width: 960px;
	min-height: 520px;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------
  トップページのみ
--------------------------------------------------------------*/
/*--------------------------------------------------------------#slider*/
#sliderbox {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0!important;
	padding: 0;
	text-align: center;
	z-index: 10!important;
}
#sliderbox .slider {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
#sliderbox .slider img {
	width: 100%;
	height: auto;
}
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}
/*--------------------------------------------------------------#indexNewslist*/
#indexNewslist {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
/* clearfix */
#indexNewslist { zoom:1; }
#indexNewslist:after {
	content: ""; 
	display: block; 
	clear: both;}
#indexNewslist .title {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	background: url(../img/index/line_news.jpg) bottom left repeat-x;
}
#indexNewslist .list {
	display: block;
	clear: both;
	width: 990px;
	height: auto;
	margin: 30px auto 10px auto;
	padding: 0;
}
/* clearfix */
#indexNewslist .list { zoom:1; }
#indexNewslist .list:after {
	content: ""; 
	display: block; 
	clear: both;}
#indexNewslist .list .box {
	display: inline;
	clear: right;
	float: left;
	width: 300px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	text-align: left;
}
#indexNewslist .list .box:hover {
	background: url(../img/index/bg_news.jpg) repeat;
}
#indexNewslist .list .image {
	display: block;
	clear: both;
	width: 300px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: hidden;
}
#indexNewslist .list .image img {
	display: block;
	width: 300px;
	height: auto;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
#indexNewslist .text {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#indexNewslist .text a {
	color: #419965;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#indexNewslist .text a:hover {
	color: #419965;
	text-decoration: underline;
}
#indexNewslist .text p {
	margin: 10px 0;
}
#indexNewslist .date {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 80%;
	color: #545454;
}
#indexNewslist .btn_more{
	display: inline-block;
	width: 300px;
	height: auto;
	margin: 0 10px;
	padding: 0;
	text-align: center;
}
#indexNewslist .btn_more a {
	display: block;
	width: 300px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #6DC091;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border: none !important;
}
#indexNewslist .btn_more img {
	display: inline-block;
	width: auto;
	height: 15px;
	margin: 0 10px 0 0;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
}
/*--------------------------------------------------------------#indexEventslist*/
#indexEventslist {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 50px 0 0 0;
	padding: 0;
	text-align: center;
}
/* clearfix */
#indexEventslist { zoom:1; }
#indexEventslist:after {
	content: ""; 
	display: block; 
	clear: both;}
#indexEventslist .title {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	background: url(../img/index/line_events.jpg) bottom left repeat-x;
}
#indexEventslist .list {
	display: block;
	clear: both;
	width: 990px;
	height: auto;
	margin: 30px auto 10px auto;
	padding: 0;
}
/* clearfix */
#indexEventslist .list { zoom:1; }
#indexEventslist .list:after {
	content: ""; 
	display: block; 
	clear: both;}
#indexEventslist .list .box {
	display: inline;
	clear: right;
	float: left;
	width: 300px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	text-align: left;
}
#indexEventslist .list .box:hover {
	background: url(../img/index/bg_events.gif) repeat;
}
#indexEventslist .list .image {
	display: block;
	clear: both;
	width: 300px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: hidden;
}
#indexEventslist .list .image img {
	display: block;
	width: 300px;
	height: auto;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
#indexEventslist .text {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#indexEventslist .text a {
	color: #F98E1A;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#indexEventslist .text a:hover {
	color: #F98E1A;
	text-decoration: underline;
}
#indexEventslist .date {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 80%;
	color: #545454;
}
#indexEventslist .btn_more{
	display: inline-block;
	width: 300px;
	height: auto;
	margin: 0 10px;
	padding: 0;
	text-align: center;
	line-height: 40px;
}
#indexEventslist .btn_more a {
	display: block;
	width: 300px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #FCA250;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border: none !important;
}
#indexEventslist .btn_more img {
	display: inline-block;
	width: auto;
	height: 15px;
	margin: 0 10px 0 0;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
}

/*--------------------------------------------------------------.btnlist*/
.btnlist {
	display: block;
	clear: both;
	margin: 100px 0 0 0;
	padding: 0;
	text-align: center;
}
.btnlist .linkbtn {
	display: inline-block;
	clear: right;
	margin: 0 5px;
	padding: 7px 10px;
	width: 200px;
	height: auto;
	background: #5BBAC8;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
.btnlist .linkbtn a {
	padding: 5px 10px;
	color: #ffffff;
	text-decoration: none;
}
.btnlist .linkbtn img {
	margin-right: 10px;
	margin-top: -3px;
}
.btnlist .linkbtn:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

/*--------------------------------------------------------------
  ページ全体（ページ共通）
--------------------------------------------------------------*/
/*--------------------------------------------------------------#container*/
#container {
	display: block;
	clear: both;
	width: 100%;
	margin: 0!important;
	padding: 0 0 60px 0;
	background: url(../img/common/footerimage.jpg) center bottom -20px no-repeat;
	background-size: 1059px auto;
	-webkit-background-size: 1059px auto;
	text-align: left;
}
/*--------------------------------------------------------------containerInner*/
#containerInner {
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: left;
}
/*clearfix*/
#containerInner { zoom:1; }
#containerInner:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------.contents*/
.contents {
	display: block;
	clear: both;
	width: 700px;
	margin: 10px auto;
	padding: 0;
}
/*clearfix*/
.contents { zoom:1; }
.contents:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------タイトル類*/
.titleArea {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px 0;
	background: #5EA2D9;
	color: #ffffff;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}
#containerInner h1 {
	display: block;
	clear: both;
}
#containerInner h2 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 20px 0 10px 0;
	padding: 10px 15px;
	color: #ffffff;
	background: #885C4D;
	font-size: 140%;
	font-weight: bold;
	text-align: left;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}

#containerInner h3 {
	display: block;
	clear: both;
	margin: 40px 0 5px 0;
	padding: 10px;
	color: #3085CB;
	border: 1px #3085CB solid;
	font-size: 120%;
	text-align: center;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
#containerInner h3 a {
	color: #009655;
	text-decoration: none;
	font-weight: bold;
}
#containerInner h3.latestissue {
	display: block;
	clear: both;
	margin: 10px 0 5px 0;
	color: #FF9900;
	border: none;
	font-size: 120%;
	text-align: left;
}
#containerInner h3.latestissue a {
	color: #FF9900;
	text-align: left;
}
#containerInner h4 {
	display: block;
	margin: 40px 0 5px 0;
	padding: 0;
	color: #6A8D30;
	font-size: 120%;
	font-weight: normal;
}
#containerInner h4 a {
	color: #32b16c;
	text-decoration: none;
}
#containerInner h5 {
	display: block;
	clear: both;
	margin: 10px 0 5px 0;
	font-weight: bold;
}
#containerInner h5 a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

/*--------------------------------------------------------------
  トピックス＆重要なお知らせの詳細ページ
  フリーページ
--------------------------------------------------------------*/
/*--------------------------------------------------------------.leadBox*/
.leadBox {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 40px 0;
	padding: 10px;
	background-color: #F5E5D5;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
/*--------------------------------------------------------------.importantBox*/
.importantBox {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 20px 0;
	padding: 10px;
	color: #F00;
	border: 1px #F00 solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
/*--------------------------------------------------------------.frameBox*/
.frameBox {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 20px 0;
	padding: 10px;
	background: #eeeeee;
	border: 1px #cccccc solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
/*--------------------------------------------------------------.updated*/
.updated {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 5px;
	background: #333333;
	color: #ffffff;
	font-size: 90%;
	vertical-align: middle;
}
/* --------------------------------------------------.article*/
/* clearfix */
.article .photo2Col,
.article .photo3Col, .spc .photoArea {
  overflow: hidden;
  *zoom: 1;
}
.article .photo2Col:after,
.article .photo3Col:after, .spc .photoArea:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.article {
	display: block;
	clear: both;
}
/* clearfix */
.article { zoom:1; }
.article:after {
	content: "";
	display: block;
	clear: both;}
.article .date {
	display: inline-block;
	width: auto;
	height: 1.5em;
	margin: 5px 10px 5px 0;
	padding: 0 5px;
	background: #cccccc;
	vertical-align: middle;
	font-size: 90%;
	line-height: 1.5em;
	text-align: center;
}
.article p {
  margin-bottom: 1em;
}
/* clearfix */
.article p { zoom:1; }
.article p:after {
	content: ""; 
	display: block; 
	clear: both;}
.article .section {
	clear: both;
	margin-bottom: 1em;
}
.article em {
	color: #F00;
}
.article .photo1Col {
	text-align: center;
	clear: both;
}
.article .photo1Col .photo img {
	width: 674px;
	border: none;
}
.article .photo2Col,
.article .photo3Col {
	display: block;
	clear: both;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.article .photo2Col .photo,
.article .photo3Col .photo {
	text-align: center;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.article .photo2Col .photo img {
	width: 470px;
	border: none;
}
.article .photo3Col .photo img {
	width: 310px;
	border: none;
}
.article .photoL {
	float: left;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 15px;
	clear: both;
}
.article .photoR {
	float: right;
	text-align: right;
	margin-left: 20px;
	margin-bottom: 15px;
	clear: both;
}
.article .photo img {
	max-width: 680px;
}
.article .photo span {
	font-size: .8em;
	display: block;
	line-height: 1.2;
	padding-top: .5em;
	color: #666666;
}
.article dl {
	margin-bottom: 1em;
}
.article dt {
	padding: .5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
.article ol {
	list-style: inside decimal;
}
.article ol li {
	display: list-item inline;
	list-style: decimal inside;
	margin-bottom: 5px;
	padding-left: 1.5em;
	text-indent: -1.5em;
	line-height: 1.5;
}
.article ul li {
	display: list-item inline;
	list-style: disc inside;
	padding-left: 1.5em;
}
.article .photoArea {
	margin: 1em 0;
}
.article .photoArea img {
	width: 332px;
	margin-left: 3px;
	margin-bottom: 3px;
}
.listA table {
	width: 100% !important;
}
.article  table {
	border-collapse: collapse;
}
.article  th,
.article  td {
/*	padding: 5px;*/
	border-collapse: collapse;
}
/*--------------------------------------------------------------downloadList*/
.downloadList {
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
	padding: 0;
	background: #ffffff;
}
/*clearfix*/
.downloadList, .downloadList li { zoom:1; }
.downloadList:after, .downloadList li:after {
	content: ""; 
	display: block; 
	clear: both;}
.downloadList li {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 0 10px 20px!important;
	background: url(../img/common/ya.png) no-repeat left 15px!important;
	border-bottom: 1px #cccccc solid;
}
.downloadList li:hover {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 0 10px 20px;
	background: #fffae8 url(../img/common/ya.png) no-repeat left 15px!important;
	border-bottom: 1px #cccccc solid;
}
.downloadList li a {
	word-wrap: break-word;
	word-break: break-all;
	text-decoration: none;
}
/*--------------------------------------------------.blockList*/
ul.blockList {
	display: list-item;
	border: 1px #daeef7 solid;
	margin-bottom: 20px;
	padding: 10px 10px 10px 20px;
}
.blockList li {
	display: list-item inline;
	list-style: disc inside;
	padding-left: 1em;
	text-indent: -1em;
}
/*--------------------------------------------------.listGroup*/
.listGroup {
	display: block;
	clear: both;
	margin-right: -20px;
}
/* clearfix */
.listGroup { zoom:1; }
.listGroup:after {
	content: "";
	display: block;
	clear: both;}
.listGroup dl {
	display: inline;
	float: left;
	width: 340px;
	margin-right: 20px;
}
.listGroup dt {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
.listGroup dt a {
	display: block;
	margin: 0;
	padding: 7px 30px 7px 7px;
	background-image: url(../img/common/ico_dt_listgroup.png);
	background-position: 310px center;
	background-repeat: no-repeat;
	text-decoration: none;
}

/*--------------------------------------------------------------
1字下げ
--------------------------------------------------------------*/
.indentBox1 {
	margin-left: 40px;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox1 { zoom:1; }
.indentBox1:after {
	content: ""; 
	display: block; 
	clear: both;}

/*--------------------------------------------------------------
2字下げ
--------------------------------------------------------------*/
.indentBox2 {
	margin-left: 80px;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox2 { zoom:1; }
.indentBox2:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------
3字下げ
--------------------------------------------------------------*/
.indentBox3 {
	margin-left: 160px;
	margin-bottom: 20px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox3 { zoom:1; }
.indentBox3:after {
	content: ""; 
	display: block; 
	clear: both;}

/*--------------------------------------------------------------
  #breadcrumbs　パンくず
--------------------------------------------------------------*/
#breadcrumbs {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: #eaf9fe;
}
#breadcrumbs ul {
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
/* clearfix */
#breadcrumbs ul { zoom:1; }
#breadcrumbs ul:after {
	content: ""; 
	display: block; 
	clear: both;}
#breadcrumbs li {
	display: inline;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}
#breadcrumbs li img {
	display: inline-block;
	vertical-align: middle;
}

/*--------------------------------------------------------------
.btn　ボタン類のスタイル
--------------------------------------------------------------*/
.tel, 
.fax, 
.mail {
	display: inline-block;
	margin-right: 10px;
	padding: 2px 5px;
	width: 3em;
	background: #ffffff;
	color: #333333;
	font-size: 90%;
	vertical-align: middle;
	text-align: center;
}
/*--------------------------------------------------------------.btn_more*/
.btn_more {
	display: block;
	clear:  both;
	width: 200px;
	height: auto;
	margin: 10px auto 0 auto;
	padding: 0;
	font-size: 100%;
	text-align: center;
	background: #ffffff;
}
.btn_more a {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px;
	color: #00b7ee;
	font-size: 100%;
	text-align: center;
	text-decoration: none;
	border: 1px #00b7ee solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.btn_more a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}
.btn_more a img {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}
/*--------------------------------------------------------------.btn_list*/
.btn_list {
	display: inline;
	float: right;
	width: 70px;
	height: 22px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 22px;
	text-align: right;
}
.btn_list a {
	display: block;
	background: url(../img/common/arrow.png) right center no-repeat;
	padding-right: 17px;
	color: #0097d7;
	line-height: 22px;
	text-decoration: none;
	text-align: right;
}
.btn_list a:hover {
	text-decoration: underline;
}
/*--------------------------------------------------------------#btnArea*/
#btnArea {
	margin: 20px auto;
	width: 600px;
	text-align: center;
}
/* clearfix */
#btnArea { zoom:1; }
#btnArea:after {
	content: ""; 
	display: block; 
	clear: both;}
#btnArea .button input {
	display: block;
	width: auto;
	margin: 10px 0;
	padding: 10px;
	background: #32b16c;
	border: none;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #ffffff;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border: none;
}
#btnArea .button input {
	width: 100%;
	padding: 10px 0!important;
}
#btnArea .button input:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
	cursor: pointer;
}
/*--------------------------------------------------------------.btn_back*/
.btn_back input, 
.btn_back a {
	display: inline;
	float: left;
	width: 16em;
	height: auto;
	margin: 0 auto 0 0;
	padding: 10px 0;
	color: #32b16c;
	background: #ffffff;
	border: 1px #32b16c solid!important;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.btn_back:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
/*--------------------------------------------------------------.btnCenter*/
.btnCenter {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0;
	padding: 0;
	text-align: center!important;
}
.btnCenter .button {
	margin: 0 auto;
}
.btnCenter ul {
	width: 190px;
	margin: 0 5px;
	padding: 0;
}
/*clearfix*/
.btnCenter ul { zoom:1; }
.btnCenter ul:after {
	content: ""; 
	display: block; 
	clear: both;}
.btnCenter li {
	margin: 0!important;
	padding: 0!important;
}
/*--------------------------------------------------------------.btnLeft*/
.btnLeft {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0;
	padding: 0;
	text-align: left!important;
}
.btnLeft .button {
	margin: 0 auto 0 0;
	position: relative;
}
/*--------------------------------------------------------------.btnRight*/
.btnRight {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0;
	padding: 0;
	text-align: right!important;
}
.btnRight .button {
	margin: 0 0 0 auto;
	position: relative;
}
.btnCenter input, .btnCenter a, .btnLeft input, .btnRight input {
	margin-left: 10px;
	margin-right: 10px;
	border: none!important;
	cursor: pointer;
}
/*--------------------------------------------------------------.btn_detail*/
.btn_detail {
	display: block;
	clear: both;
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
}
.btn_detail a {
	display: inline-block;
	width: auto;
	margin: 0 0 0 auto;
	padding: 3px 10px!important;
	background: #26acde;
	border: 1px #26acde solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #ffffff;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}
.btn_detail a:hover {
	display: inline-block;
	width: auto;
	margin: 0 0 0 auto;
	padding: 3px 10px!important;
	background: #ccebf8;
	border: 1px #26acde solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #26acde;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}
.btn_detail a img {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
/*--------------------------------------------------------------#backBtn*/
#backBtn {
	display: block;
	clear: both;
	width: auto;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}
#backBtn a {
	display: block;
	width: auto;
	margin: 0;
	padding: 3px 10px!important;
	background: #26acde;
	border: 1px #26acde solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #ffffff;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}
#backBtn a:hover {
	display: block;
	width: auto;
	margin: 0;
	padding: 3px 10px!important;
	background: #ccebf8;
	border: 1px #26acde solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #26acde;
	font-size: 90%;
	text-align: center;
	text-decoration: none;
}
#backBtn a img {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
/*--------------------------------------------------------------.button*/
.button {
	display: block;
	clear: both;
	width: auto;
	margin: 10px auto;
	padding: 0;
	text-align: center;
}
.button a, 
.button span, 
.button input {
	display: block;
	width: auto;
	margin: 0;
	padding: 10px;
	background: #32b16c;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	color: #ffffff;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	border: none;
}
.button input {
	width: 100%;
	padding: 10px 0!important;
}
.button a:hover, 
.button span:hover, 
.button input:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all  0.6s ease;
}
.button a img {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

/*--------------------------------------------------------------
buttonBox
--------------------------------------------------------------*/
.buttonBox {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
}
/*clearfix*/
.buttonBox { zoom:1; }
.buttonBox:after {
	content: ""; 
	display: block; 
	clear: both;}
.buttonBox a {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

/*--------------------------------------------------------------
  naviBox
--------------------------------------------------------------*/
.naviBox {
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 0;
	background: #F8F9F6;
	border: 1px #D9DECD solid;
}
.hyouji {
	display: block;
	clear: both;
	margin-bottom: 5px;
	padding: 5px 10px;
	background: #fae8ec;
}
.hyouji strong {
	color: #c30023;
	font-weight: bold;
}

/*--------------------------------------------------------------
  paging
--------------------------------------------------------------*/
.paging {
	display: block;
	margin: 10px auto;
	text-align: right;
}
.paging a.prev,
.paging a.next{
	border: none!important;
	background: none transparent!important;
	text-decoration: none!important;
	color: #0092d7;
}
.paging a.prev:hover,
.paging a.next:hover{
	border: none!important;
	background: none transparent!important;
	color: #0092d7;
}
/*clearfix*/
.paging { zoom:1; }
.paging:after {
	content: ""; 
	display: block; 
	clear: both;}

.paging a {
	text-decoration:none;
	margin: 2px;
	padding: 0 5px;
	color: #0092d7;
}
.paging span.current {
	background-color: #0092d7;
	border:1px solid #0092d7;
	color: #ffffff;
	margin: 2px;
	padding: 0 5px;
	font-weight:bold;
}
.paging a:link,
.paging a:visited {
	border:1px solid #0092d7;
	background-color: #FFFFFF;
}
.paging a:hover,
.paging a:active {
	text-decoration:none;
	background-color: #ccebf8;
	border-color: #0092d7;
	color: #0092d7;
}


/*--------------------------------------------------------------
form
--------------------------------------------------------------*/
/*--------------------------------------------------------------.kiyaku*/
.kiyaku {
	display: block;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #EEEEEE;
	border: 1px #ACACAC solid;
}
.kiyaku .scrollArea {
	padding: 10px;
	height: 135px;
	overflow: hidden;
	overflow: scroll; /* ie6対策 */
	overflow-y: scroll; /* ie6対策 */
	overflow-x: hidden; /* ie6対策 */
}
/*--------------------------------------------------------------.RandomTextBox*/
.RandomTextBox {
	display: block;
	clear: both;
	width: 310px;
	margin: 10px auto;
	text-align: center;
}
.RandomTextBoxImage {
	display: block;
	clear: both;
	width: 310px;
	height: 70px;
	margin-bottom: 5px;
	border: 1px #cccccc solid;
	text-align: center;
}
.RandomTextBox input {
	width: 310px;
}

/*--------------------------------------------------------------.commentBox*/
.commentBox {
	display: inline;
	float: left;
	margin: 5px 0 5px 0;
	padding: 5px 10px;
	border: 5px #eeeeee solid;
	width: 380px;
}


/*--------------------------------------------------------------
back　戻るボタン
--------------------------------------------------------------*/
.back {
	display: block;
	clear: both;
	margin: 10px auto;
	text-align: center;
}
/* clearfix */
.back {
	display: inline-block;
	display: block;
	zoom: 100%;
}
.back:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html .back {
	height: 1%;
}
.back {
	display: block;
}
/* End hide from IE-mac */
.back img {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
}

/*--------------------------------------------------------------downloadList*/
.downloadList {
	display: block;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}
/*clearfix*/
.downloadList { zoom:1; }
.downloadList:after {
	content: ""; 
	display: block; 
	clear: both;}

.downloadList dl {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px;
}
.downloadList dl:nth-child(2n) {
	background: #D8EDFF;
}
/*clearfix*/
.downloadList dl { zoom:1; }
.downloadList dl:after {
	content: ""; 
	display: block; 
	clear: both;}

.downloadList dt {
	padding-bottom: 5px;
}
.downloadList dd {
	padding-left: 20px;
}


/*--------------------------------------------------------------LinksList*/
.LinksList {
	display: block;
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}
/*clearfix*/
.LinksList { zoom:1; }
.LinksList:after {
	content: ""; 
	display: block; 
	clear: both;}

.LinksList dl {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px;
}
.LinksList dl:nth-child(2n) {
	background: #D8EDFF;
}
/*clearfix*/
.LinksList dl { zoom:1; }
.LinksList dl:after {
	content: ""; 
	display: block; 
	clear: both;}

.LinksList dt {
	padding-bottom: 5px;
}
.LinksList dd {
	padding-left: 20px;
}

/*--------------------------------------------------------------.othersList*/
.othersList {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	border-top: 1px #cccccc solid;
}
.othersList li {
	display: block;
	clear: both;
	margin: 0;
	padding: 5px 0 5px 30px;
	background: url(../img/common/ya.png) left center no-repeat;
	border-bottom: 1px #cccccc solid;
}


/*--------------------------------------------------------------#Newslist*/
#Newslist {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
/* clearfix */
#Newslist { zoom:1; }
#Newslist:after {
	content: ""; 
	display: block; 
	clear: both;}
#Newslist .list {
	display: block;
	clear: both;
	width: 990px;
	height: auto;
	margin: 30px auto 10px auto;
	padding: 0;
}
/* clearfix */
#Newslist .list { zoom:1; }
#Newslist .list:after {
	content: ""; 
	display: block; 
	clear: both;}
#Newslist .list .box {
	display: inline;
	clear: right;
	float: left;
	width: 300px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	text-align: left;
}
#Newslist .list .box:hover {
	background: url(../img/index/bg_news.jpg) repeat;
}
#Newslist .list .image {
	display: block;
	clear: both;
	width: 300px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: hidden;
}
#Newslist .list .image img {
	display: block;
	width: 300px;
	height: auto;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
#Newslist .text {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#Newslist .text a {
	color: #419965;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#Newslist .text a:hover {
	color: #419965;
	text-decoration: underline;
}
#Newslist .text p {
	margin: 10px 0;
}
#Newslist .date {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 80%;
	color: #545454;
}
#Newslist .btn_more{
	display: inline-block;
	width: 300px;
	height: auto;
	margin: 0 10px;
	padding: 0;
	text-align: center;
}
#Newslist .btn_more a {
	display: block;
	width: 300px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #6DC091;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border: none !important;
}
#Newslist .btn_more img {
	display: inline-block;
	width: auto;
	height: 15px;
	margin: 0 10px 0 0;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
}

/*--------------------------------------------------------------#Eventslist*/
#Eventslist {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}
/* clearfix */
#Eventslist { zoom:1; }
#Eventslist:after {
	content: ""; 
	display: block; 
	clear: both;}
#Eventslist .list {
	display: block;
	clear: both;
	width: 990px;
	height: auto;
	margin: 30px auto 10px auto;
	padding: 0;
}
/* clearfix */
#Eventslist .list { zoom:1; }
#Eventslist .list:after {
	content: ""; 
	display: block; 
	clear: both;}
#Eventslist .list .box {
	display: inline;
	clear: right;
	float: left;
	width: 300px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	text-align: left;
}
#Eventslist .list .box:hover {
	background: url(../img/index/bg_events.gif) repeat;
}
#Eventslist .list .image {
	display: block;
	clear: both;
	width: 300px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: hidden;
}
#Eventslist .list .image img {
	display: block;
	width: 300px;
	height: auto;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
#Eventslist .text {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#Eventslist .text a {
	color: #F98E1A;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#Eventslist .text a:hover {
	color: #F98E1A;
	text-decoration: underline;
}
#Eventslist .date {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 80%;
	color: #545454;
}
#Eventslist .btn_more{
	display: inline-block;
	width: 300px;
	height: auto;
	margin: 0 10px;
	padding: 0;
	text-align: center;
	line-height: 40px;
}
#Eventslist .btn_more a {
	display: block;
	width: 300px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #FCA250;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border: none !important;
}
#Eventslist .btn_more img {
	display: inline-block;
	width: auto;
	height: 15px;
	margin: 0 10px 0 0;
	text-align: center;
	line-height: 40px;
	vertical-align: middle;
}

/* --------------------------------------------------
  .feedback
-------------------------------------------------- */
.feedback {
	display: block;
	clear: both;
	margin: 30px 0 0 0;
	padding: 20px;
	background: #eeeeee;
	border: 1px #cccccc solid;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.feedback dl {
	display: block;
	clear: both;
	margin: 0 0 0 20px;
	padding: 0;
}

.feedback dt {
	display: block;
	clear: both;
	margin: 10px 0 5px 0;
	padding: 5px 10px;
	background: #999999;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}
.feedback dd {
  margin-bottom: 2em;
  padding-left: 20px;
}

.feedback label {
  margin-right: 3em;
}

.feedback .textarea {
  width: 660px;
  height: 8em;
}

/*--------------------------------------------------------------
  .box
--------------------------------------------------------------*/
.box {
	display: block;
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
}
.boxtop {
	display: block;
	clear: both;
	margin: 20px 0 30px 0;
	padding: 0;
	text-align: left;
}
.box p {
	margin: 10px 0 10px 20px;
}
.box table {
	margin: 5px auto;
	padding: 0;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	background: #ffffff;
}
.box th {
	padding: 5px 10px;
	background: #eeeeee;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	text-align: center;
	white-space: nowrap;
}
.box td {
	padding: 5px 10px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	text-align: left;
}


/*--------------------------------------------------------------
  #abouts
--------------------------------------------------------------*/
.donguriBox {
	display: block;
	clear: both;
	width: 672px;
	height: 445px;
	margin: 20px auto;
	padding: 10px 19px 0 19px;
	background: url(../img/abouts/bg_donguri.jpg) center top no-repeat;
	font-size: 80%;
	text-align: center;
}
.donguriBox ul {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left;
}
/* clearfix */
.donguriBox ul { zoom:1; }
.donguriBox ul:after {
	content: ""; 
	display: block; 
	clear: both;}
.donguriBox li {
	display: inline;
	float: left;
	width: 210px;
	margin: 0 5px;
	padding: 0;
}
.donguriBox li img {
	display: block;
	clear: both;
	width: 130px;
	margin: 0 auto 5px auto;
	padding: 0;
}
.donguriBox p {
	margin-left: 5px !important; 
}
.donguriBox ul.donguri2 {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0 0 0 10px;
}
.donguriBox ul.donguri2 li {
	width: 325px;
	margin: 0 5px 0 0;
	padding: 0;
}
#ruehl {
	display: block;
	clear: both;
	margin: 0 0 20px 20px;
}
.ruehlItem {
	display: inline;
	float: left;
	width: 430px;
	margin: 0 10px 10px 0;
	padding: 13px;
	background: #F3E6D4;
	text-align: left;
}
.ruehlItem ul {
	display: block;
	clear: both;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
}
.ruehlItem li {
	display: block;
	clear: both;
	margin-top: 5px;
	padding: 0 0 0 25px;
	background: url(../img/abouts/li.gif) left top no-repeat;
	text-align: left;
}
/* clearfix */
#ruehl { zoom:1; }
#ruehl:after {
	content: ""; 
	display: block; 
	clear: both;}

/*--------------------------------------------------------------
  .characterBox
--------------------------------------------------------------*/
.characterBox {
	display: block;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
}
.characterBox ul {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
/* clearfix */
.characterBox ul { zoom:1; }
.characterBox ul:after {
	content: ""; 
	display: block; 
	clear: both;}
.characterBox li {
	display: inline-block;
	width: 345px;
	margin: 0 20px 20px 0;
	padding: 0 0 0 30px;
}
.characterBox li img {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
  .goodsBox
--------------------------------------------------------------*/
.goodsBox {
	display: block;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}
.goodsBox ul {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 890px;
}
/* clearfix */
.goodsBox ul { zoom:1; }
.goodsBox ul:after {
	content: ""; 
	display: block; 
	clear: both;}
.goodsBox li {
	display: inline-block;
	float: left;
	width: 400px;
	margin: 0 10px 20px 10px;
	padding: 10px;
	border: 1px #cccccc solid;
	text-align: center;
	background: #ffffff;
}
.goodsBox li img {
	margin: 0 auto 10px auto;
}
.goodsBox li p {
	margin: 0 30px;
	text-align: left;
}

/*--------------------------------------------------------------
  .newarrival
--------------------------------------------------------------*/
.newarrival {
	display: block;
	clear: both;
	margin: 0 20px 20px 20px;
	padding: 0;
}
/* clearfix */
.newarrival { zoom:1; }
.newarrival:after {
	content: ""; 
	display: block; 
	clear: both;}
.newarrival div.image {
	display: inline;
	float: left;
	width: 175px;
	margin: 0 25px 10px 0;
	padding: 0;
}
.newarrival div.image img {
	width: 100%;
	height: auto;
}
.newarrival .image a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
.newarrivalText {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.newarrivalText h3 {
	padding: 5px 0 5px 35px!important;
	background: url(../img/common/ico_pdf.gif) left center no-repeat;
}
.newarrivalText ul {
	display: block;
	clear: both;
	margin: 0 0 0 35px;
	padding: 0;
}
.newarrivalText li {
	display: block;
	clear: both;
	margin: 5px 0 0 0;
	padding: 0 0 0 25px;
	background: url(../img/communication/li.gif) left top no-repeat;
}
.backnumberBox {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.backnumberBox ul {
	display: block;
	clear: both;
	margin: 0 0 0 20px;
	padding: 0;
}
/* clearfix */
.backnumberBox ul { zoom:1; }
.backnumberBox ul:after {
	content: ""; 
	display: block; 
	clear: both;}
.backnumberBox li {
	display: inline;
	clear: right !important;
	float: left;
	width: 250px;
	margin: 0 20px 0 0;
	padding: 10px 0 10px 20px;
	border-bottom: 1px #C9A99E solid;
	text-align: left;
}
.backnumberBox li a {
	display: block;
	padding: 5px 0 5px 25px;
	background: url(../img/common/ico_pdf.gif) left center no-repeat;
}

/*--------------------------------------------------------------
  .pdf
--------------------------------------------------------------*/
.pdf {
	display: block;
	clear: both;
	margin: 20px 0 0 0;
	padding: 10px;
	background: #F3E6D4;
}
/* clearfix */
.pdf { zoom:1; }
.pdf:after {
	content: ""; 
	display: block; 
	clear: both;}

.pdf img {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}
.pdf a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

/*--------------------------------------------------------------
  #pagelink
--------------------------------------------------------------*/
#pagelink {
	display: block;
	clear: both;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
/* clearfix */
#pagelink ul { zoom:1; }
#pagelink ul:after {
	content: ""; 
	display: block; 
	clear: both;}
#pagelink ul {
	display: block;
	clear: both;
}
#pagelink li {
	display: inline-block;
	clear: right;
	margin: 0 10px 10px 0;
	padding: 0;
}

/*--------------------------------------------------------------
  #trust-form
--------------------------------------------------------------*/
#trust-form {
	display: block;
	clear: both;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
#trust-form table {
	width: 800px;
	margin: 10px auto;
	border: 1px #cccccc solid;
	border-collapse: collapse;
}
#trust-form th {
	padding: 10px;
	background: #eeeeee;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}
#trust-form td {
	padding: 10px;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	text-align: left;
}
#trust-form td input, 
#trust-form td textarea {
	padding: 5px 10px;
	width: 600px;
	border: 1px #cccccc solid;
}
#trust-form td textarea {
	height: 150px;
}
#trust-form .require {
	margin-left: 5px;
	color: #F00;
}
#confirm-button {
	display: block;
	clear: both;
	margin: 20px auto 0 auto;
	text-align: center;
}
#confirm-button input {
	display: inline-block;
	margin: 0 20px;
	padding: 5px 20px;
	background: #489A49;
	border: none;
	text-decoration: none;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
#confirm-button input:hover {
	background: #7CBB40;
}
#message-container-confirm {
	display: block;
	clear: both;
	width: 800px;
	height: 60px;
	margin: 20px 0;
/*	background: url(../img/common/bg_message-container-confirm.jpg) center top no-repeat; */
	text-align: center;
}
#message-container-complete {
	display: block;
	clear: both;
	width: 800px;
	height: 60px;
	margin: 20px 0;
	background: url(../img/common/bg_message-container-confirm.jpg) center top no-repeat;
	text-align: center;
}

#message-container-input {
	display: block;
	margin: auto;
	width: 700px;
}
.info_box {
	display: block;
	margin: 20px auto;
	padding: 20px;
	width: 550px;
	background-color: #F3E6D4;
	border-radius: 5px;
}
.info_box .info_name {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}


/*--------------------------------------------------------------
  #linklist
--------------------------------------------------------------*/
#linklist {
	display: block;
	clear: both;
	width: auto;
	margin: 20px 10px;
	padding: 0;
}
#linklist li {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 15px;
	line-height: 32px;
	border-bottom: 1px #cccccc solid;
}
#linklist li a {
	display: block;
	clear: both;
	height: 32px;
	margin: 0;
	padding-left: 50px;
	background: url(../img/news/li.gif) left center no-repeat;
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	line-height: 32px;
}
#linklist li a:hover {
	color: #FF9900;
	text-decoration: none;
}
h1.entry-title {
	display: block;
	clear: both;
	padding: 5px 10px;
	color: #535353;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

/*--------------------------------------------------------------
  #sitemap
--------------------------------------------------------------*/
#sitemap {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}
#sitemap { zoom:1; }
#sitemap:after {
	content: ""; 
	display: block; 
	clear: both;}
#sitemap dt {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 15px;
	line-height: 32px;
	border: 1px #cccccc solid;
}
#sitemap dt a {
	display: block;
	clear: both;
	height: 32px;
	margin: 0;
	padding-left: 50px;
	background: url(../img/sitemap/li.gif) left center no-repeat;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 32px;
}
#sitemap a:hover {
	color: #FF9900;
	text-decoration: none;
}
#sitemap dd {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 0 10px 75px;
	background: url(../img/sitemap/bg_dd.gif) left center no-repeat;
}
#sitemap dd a {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 15px 10px 65px;
	background: #ffffff url(../img/sitemap/li.gif) 15px center no-repeat;
	border: 1px #cccccc solid;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

/*--------------------------------------------------------------
  #searches  サイト内検索
--------------------------------------------------------------*/
#searches {
	display: block;
	clear: both;
}
#searches table, 
#searches th, 
#searches td {
	border: none!important;
}
div.gs-title {
	display: block;
	clear: both;
	margin: 0 0 5px 0!important;
	padding: 5px!important;
	background: #999999;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
a.gs-title, 
.gs-title a {
	color: #ffffff!important;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none!important;
	border: none!important;
}
.gsc-input #gsc-iw-id1 {
	width: 165px;
	height: 16px;
	margin: 0;
	padding: 3px 5px 3px 30px;
	border: none;
	overflow: hidden;
	background: #ffffff url(../img/common/ico_searches.png) left 10px center no-repeat;
	border-radius: 11px;         /* CSS3 */
	-moz-border-radius: 11px;    /* Firefox */
	-webkit-border-radius: 11px; /* Safari,Chrome */
}
/*--Googleのマークを消す--*/
.gcsc-branding {
/*	display: none!important;*/
}
input.gsc-i-id1 {
	margin: -10px 0 0 0;
	padding: 0;
	line-height: 18px;
}
#gs_tti50 ,
.gsib_a {
	margin: 0;
	padding: 0;
}
td.gsc-search-button {
	display: none;
}
.search .gsc-search-button input {
	color: #ffffff!important;
	font-size: 100%!important;
}
.gsc-search-button {
	color: #ffffff;
	background: #4D2208;
	cursor: pointer;
}
.gsc-results .gsc-trailing-more-results, .gsc-results .gsc-trailing-more-results * {
    color: #C00;
    text-decoration: underline;
}
.gsc-imageResult .gsc-cursor-box {
    clear: both;
}
.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
    display: inline;
    margin-bottom: 0;
}
.gsc-results .gsc-cursor {
    display: inline;
}
.gsc-results .gsc-cursor-box {
    margin-bottom: 10px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #333333;
    cursor: pointer;
    display: inline;
    margin-right: 8px;
    text-decoration: underline;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color: #C00;
	background: #f9e5e9;
    cursor: default;
    text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
.gs-result .gs-title, .gs-result .gs-title * {
    color: #ffffff;
    text-decoration: underline;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 16px;
}
.gsc-control-cse .gs-result .gs-spelling-original {
    font-size: 13px;
}
.gs-imageResult-column .gs-image-box {
    float: left;
    margin-right: 10px;
    text-align: left;
}
.gs-imageResult-column .gs-text-box {
    float: left;
    height: 86px;
    width: 350px;
}

/*--------------------------------------------------------------
  ruby rt
--------------------------------------------------------------*/
ruby {
	font-size: 100%;
}
rt {
    font-size: 60%;
}
rb {
	font-size: auto;
	font-weight: bold !important;
}
h1 rb {
	font-size: auto;
	font-weight: normal !important;
}

/*--------------------------------------------------------------
  #newslist
--------------------------------------------------------------*/
#newslist {
	display: block;
	clear: both;
	width: auto;
	margin: 20px 10px;
	padding: 0;
}
#newslist li {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 15px;
	line-height: 32px;
	border-bottom: 1px #cccccc solid;
}
#newslist li a {
	display: block;
	clear: both;
	height: 32px;
	margin: 0;
	padding-left: 50px;
	background: url(../img/news/li.gif) left center no-repeat;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 32px;
}
#newslist li a:hover {
	color: #FF9900;
	text-decoration: none;
}
h1.entry-title {
	display: block;
	clear: both;
	padding: 5px 10px;
	background: url(../img/common/bg_h1.jpg) left top repeat;
	color: #535353;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}


/*--------------------------------------------------------------
  #maintenance
--------------------------------------------------------------*/
#maintenance_page {
	min-height: 100vh;
    position: relative;
    padding-bottom: 203px;
    box-sizing: border-box;
}
#maintenance_container {
	display: block;
	clear: both;
	width: 100%;
	margin: 0!important;
	padding: 60px 0;
}
#maintenance_main {
	display: block;
	clear: both;
	width: 960px;
	margin: 0;
	padding: 0;
}
#maintenance_main p {
	line-height: 2em;
}
#maintenance_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #86BC2A url(../img/common/bg_footer.jpg) left top repeat-x;
	text-align: center;
}