/* 本体文字サイズ・背景色 */
body,th {
	background:#f0f0f0;
	font-size:12px;
	font-family:verdana, helvetica, arial, sans-serif;
	line-height:170%;
}
/* リンク部 */
a {
	text-decoration:none;
}
/* リンク部マウスオーバ時 */
a:hover {
	text-decoration:underline;
	color:#dd0000;
}

.wrap {  
    width: 100%;  
	vertical-align: middle;
}  

.header {  
    width: 100%;  
	vertical-align: middle;
}  

.featurechannel {
	margin:  0;
	padding: 5px 0 20px 0;
	text-align: center;
}

.no-js .boundary-featurechannel {
	display: none;
}
.with-js .boundary-featurechannel {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -475px;
}


.featurechannel li {
	margin: 2px 2px;
	padding: 0;
	display: inline;
	list-style-type: none;
	overflow: hidden;
	/* background-image: url(images/translucent-white.png); */

}

.featurechannel li.ui-tabs-selected {
}

.featurechannel li.featurechanneloption-pushed {
}

.featurechannel li a {
	vertical-align: middle;
	display: inline-block;
	background-color: #333;
	overflow: hidden;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	margin: 0;
	padding: 2px 4px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.featurechannel li.ui-tabs-selected a {
	color: #333;
	background-color: #ffc;
	background-image: none;
	border: 1px solid #996;
}

.featurechannel li.featurechanneloption-pushed a {
	color: #fff;
	background-color: #222;
	border: 1px solid #999;
}

#slideshow {
    position:relative;
    height:400px;
    left:50%;
    margin-left:-400px;
	vertical-align: middle;
	text-align: center;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* --- 新着情報エリア --- */
div.box {
width: 100%; /* 新着情報エリアの幅 */
font-size: 100%;
}

div.box_left {
width: 100%; /* 新着情報エリアの幅 */
font-size: 100%;
}

/* --- 見出し --- */
div.box h3 {
background:#fff; 
border-top:1px solid #000;
border-right:1px solid #000;
border-left:21px solid #000;
border-bottom:1px solid #000;
padding:.3em .4em
}

/* --- 見出し (2) --- */
div.box h4 {
	background: #ddd;
	border:1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:26px;
	padding-left: 10px;/*文字の左にスペース*/
	color:#333;
}

/* --- 見出し (3) --- */
div.box h5 {
	border-bottom:1px solid #000;
	line-height:26px;
	padding-left: 10px;/*文字の左にスペース*/
	color:#333;
	font-size:12px;
}

/* --- 新着リスト --- */
div.box dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}

/* --- 日付エリア --- */
div.box dt {
width: 230px; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

div.box dt img{
padding:0 0 0 0;
height:16px;
vertical-align: top; /* 追加 */
}


/* --- 本文エリア --- */
div.box dd {
margin: 0;
padding: 7px 3px 6px 230px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 18px;
}

div.box dd img{
padding:0 0 0 0;
height:16px;
vertical-align: top; /* 追加 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- 見出し --- */
div.box_half h3 {
background:#fff; 
border-top:1px solid #000;
border-right:1px solid #000;
border-left:21px solid #000;
border-bottom:1px solid #000;
padding:.3em .4em
}

/* --- 見出し (2) --- */
div.box_half h4 {
	background: #ddd;
	border:1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:26px;
	padding-left: 10px;/*文字の左にスペース*/
	color:#333;
}

/* --- 新着リスト --- */
div.box_half dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}

/* --- 日付エリア --- */
div.box_half dt {
width: 12em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

div.box_half dt img{
padding:0 0 0 0;
width:16px;
height:16px;
vertical-align: top; /* 追加 */
}

/* --- 本文エリア --- */
div.box_half dd {
margin: 0;
padding: 7px 3px 6px 12em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 16px;
}

div.box_half dd img{
padding:0 0 0 0;
width:16px;
height:16px;
vertical-align: top; /* 追加 */
}

div.menu_grey {
	background: #ddd;
	border:1px solid #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:26px;
	padding-left: 10px;/*文字の左にスペース*/
	color:#333;
	margin: 0 0 12px 0;
}


div.menu_orange {
	background: #FFEBD2;
	border:1px solid #FF8400;
	line-height:26px;
	padding-left: 10px;/*文字の左にスペース*/
	color:#333;
	margin: 0 0 12px 0;
}

div.search {
	background: #FFFFC0;
	border:1px solid #FFD500;
	line-height:26px;
	padding-left: 10px;/*文字の左にスペース*/
	color:#333;
	margin: 0 0 12px 0;
}

div.text_box1 {
	width: 800px;
	line-height:26px;
	padding-left: 10px;/*文字の左にスペース*/
	color:#333;
	margin: 0 0 12px 0;
}

.accordion_head {cursor:pointer;}

/* line 317, ../sass/screen.sass */
.imageRow {
  *zoom: 1;
  margin: 20px 0;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.imageRow:after {
  content: "";
  display: table;
  clear: both;
}
/* line 320, ../sass/screen.sass */
.imageRow .single {
  float: left;
}
/* line 322, ../sass/screen.sass */
.imageRow .single a {
  float: left;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  padding: 7px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 40px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 332, ../sass/screen.sass */
.imageRow .single a img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
/* line 335, ../sass/screen.sass */
.imageRow .single a:hover {
  background-color: #8ad459;
}
/* line 337, ../sass/screen.sass */
.imageRow .set {
  float: left;
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
/* line 343, ../sass/screen.sass */
.imageRow .set:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* line 346, ../sass/screen.sass */
.imageRow .set .single a {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-right: 0;
}
/* line 351, ../sass/screen.sass */
.imageRow .set .single a:hover {
  background-color: #8ad459;
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
/* line 355, ../sass/screen.sass */
.imageRow .set .single.first a {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 358, ../sass/screen.sass */
.imageRow .set .single.last a {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}