/* ----------------- Shade 13 トップページ用スタイルです。 ----------------- */
/* ----------------- TOP 2012.02.03----------------- */


/* ----------------- トップページの【メインイメージ】セクション ----------------- */
#top_mainpr{
margin:0px auto;
padding:0px 0px 0px 0px;
width:100%;
height:600px;
background: #fff;
top:0px;
position:absolute;
padding-top:47px;
//  -webkit-box-shadow: 3px 3px 5px #999;
//     -moz-box-shadow: 3px 3px 5px #999;
//          box-shadow: 3px 3px 5px #999;
//  -webkit-border-radius: 5px;
//     -moz-border-radius: 5px;
//          border-radius: 5px;
}
#top_mainpr h2{
float:left;
text-indent:-9999em;
position: absolute;
top:0;
left:0;
}

/* ----------------- トップページの【新着情報】セクション ----------------- */
#top_news_list{
margin:12px auto;
padding:0;
width:100%;
min-height:70px;
background: #fff;
}
#top_news_list h2{
text-align:left;
height:20px;
padding:0;
margin-left: 1em;
margin-bottom: 0.5em;
}
#top_news_list ul{
width: 100%;
text-align: left;
padding: 0;
margin-left: 0;
margin-bottom: 0;
list-style-type: none;
}
#top_news_list ul li{
margin-left: 1em;
}


/* ----------------- 第２セクション【4分割トピック】 ----------------- */
.top_cont_middle4 {
margin:0px;
padding:0px;
width:100%;
text-align:left;
}
.top_cont_middle4 img{
	/* margin-bottom:6px; */
}
div.top_cont_middle4 div.topic_container {
	float:left;
	height:210px;
}
div.top_cont_middle4 div.top_topic {
	float:left;
	margin:0 0 10px 15px;
	padding:0;
	width:200px;
	text-align:center;
	background: #fff;
	position: relative;
  -webkit-box-shadow: 3px 3px 5px #999;
     -moz-box-shadow: 3px 3px 5px #999;
          box-shadow: 3px 3px 5px #999;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}
div.top_cont_middle4 div.top_topic p {
	margin:0px auto 4px;
	width:180px;
	text-align:left;
	line-height:16px;
	color:#000;
}
div.top_cont_middle4 div.top_topic p.short_desc {
	color:#666;
	height:32px;
	overflow: hidden;
          text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
       -o-text-overflow: ellipsis;
}
div.expand_topic {
	display: none;
	background: #fff;
  -webkit-box-shadow: 3px 3px 5px #999;
     -moz-box-shadow: 3px 3px 5px #999;
          box-shadow: 3px 3px 5px #999;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
    z-index: 9999;
}
div.top_cont_middle4 a:hover div.top_topic {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
div.top_cont_middle4 a:hover div.expand_topic {
	display: block;
	position: absolute;
	top:0;
	left:0;
}
.top_cont_middle4 .top_topic .image {
		width:200px;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
		border-radius: 8px 8px 0px 0px / 8px 8px 0px 0px;
}
.top_cont_middle4 .top_topic img {
		width:200px;
		height:147px;
}
.top_cont_middle4 .top_topic h4 {
		display:none;
}
/* IE */
.top_cont_middle4 .last {
		margin-right:0px;
}

/* ----------------- 第3セクション 【3分割おしらせ】----------------- */
.top_cont_middle3 {
margin:0px auto 12px;
padding:0px;
width:921px;
text-align:left;
}


.top_cont_middle3 .top_topic{
		float:left;
		margin:0 19px 0px 0;
		padding:0;
		width:294px;
		height:225px;
background: #fff;
  -webkit-box-shadow: 3px 3px 5px #999;
     -moz-box-shadow: 3px 3px 5px #999;
          box-shadow: 3px 3px 5px #999;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
.top_cont_middle3 .top_topic p{margin:6px 14px; padding:0px;}
#siteinf {
	display: block;
}
.top_cont_middle3 .top_topic img {
		width:266px;
}
.top_cont_middle3 .top_topic h4 {
		margin: 6px 14px;;
		padding: 0px;
		font-size: 13px;
		line-height: 17px;
}
.top_cont_middle3 .top_topic h4 a {
		color: #8f2327;
}
.top_cont_middle3 .top_topic p {
		font-size: 13px;
		line-height: 17px;
}
/* IE */
.top_cont_middle3 .last {
		margin-right:0px;
}

#headpart {
	position: relative;
}
#wrapper {
}

.top_topic.last {
margin-right:0;
}
.top_topic .image {
overflow:hidden;
}

/* =Skitter styles
----------------------------------------------- */
/*.box_skitter {position:relative;width:800px;height:300px;background:#000;}*/

.box_skitter .info_slide {background:#000;}

.label_skitter {opacity:0.8;background:#000;}

.box_skitter .progressbar { background:#000; }

/* =Example for dimenions:
----------------------------------------------- */
/*.box_skitter_large {width:885px;height:300px; margin:0 auto;}*/


.column_wrapper {
	margin: 5px auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	/*max-width: 1600px;*/
	/*background-color: #ffffff;*/
	border-radius: 5px;
}
.columns {
	height: auto;
	overflow: hidden;
	padding: 4px;
}
.column {
	margin: 0;
	padding: 4px;
	float: none;
	width: auto;
	min-height: 624px;
	border-radius: 5px;
	background-color: #fff;
	overflow: hidden;
}
.column_right {
	margin: 0;
	padding: 0 0 0 8px;
	float: right;
	min-width: 374px;
	max-width: 470px;
	min-height: 624px;
}
.column2 {
	margin: 0;
	padding: 8px;
	min-height: 624px;
	border-radius: 5px;
	background-color: #fff;
}

#top_list img {
	width: 48%;
	padding: 10px 0px 10px 10px;
}
#top_video {
	padding: 0px 0px 0px 10px;
}
#video_image {
	width: 560px;
	height: 315px;
	padding: 10px 0px 10px 10px;
}
#video_description {
	float: left;
	min-height: 70px;
	text-align: left;
	width: 48%;
	margin: 18px;
}

.header_offset { height: 459px; }

@media only screen and (min-width:961px) and (max-width:1599px) {
	.column_wrapper { width: 960px; }
	#top_list img { width: 96%; }
	#video_image { width: 530px; }
	#video_description { width: 96%; }
}
@media only screen and (min-width:767px) and (max-width:960px) {
	.column_wrapper { width: 720px; }
	.column { }
	.column_right { width:346px; }
	.column2 { }
	.column2 iframe { max-width: 330px; }
	#top_list img { width: 96%; }
	#video_image { width: 300px; }
	#video_description { width: 96%; }
}
@media only screen and (min-width:480px) and (max-width:766px) {
}
@media only screen and (max-width:479px) {
}
@media only screen and (min-width:768px) {
	.column_wrapper {
	}
	.column {
	}
}
@media only screen and (min-width:150px) and (max-width:766px) {
	.column_wrapper { width: 360px; }
	.column { width:100%; max-width: 330px; }
	.column_right { width:100%; padding: 0 0 8px 0; }
	.column2 { width:100%; max-width: 330px; }
	.column2 iframe { max-width: 330px; }
	.header_offset { height: 559px; }
	#top_list img { width: 96%; }
	#video_image { width: 300px; }
	#video_description { width: 96%; }
}
@media only screen and (-moz-min-device-pixel-ratio:2),
       only screen and (-o-min-device-pixel-ratio:2/1),
       only screen and (-webkit-min-device-pixel-ratio:2),
       only screen and (min-device-pixel-ratio:2) {
}