﻿@charset "utf-8";

/*-----------------------------------------------------

Top Page Style

------------------------------------------------------*/

/* 20151111 : add 'screen and (min-width: 768px)' = for PC only */
/* 20160520 : add ' ,print '*/

@media screen and (min-width: 768px) ,print {

#Gnav,
#Gnav-inner { background-color:#fff;}


#mainVis { outline: none; background:url(../../images/mainvis_bg_001.gif) repeat-x center top; height:404px; clear:both;}
#mainVis_inner { width:930px; margin:0 auto; height:404px;}
#mainVis_inner_btm { background:url(../../images/mainvis_bg_002.jpg) repeat-x center top; height:25px; position:relative;}
#mainVis_inner_btm a img { display:block;}
.mainvis_btn01 { position:absolute; right:176px; top:-41px;}
.mainvis_btn02 { position:absolute; right:25px; top:-41px;}

#Main-inner { padding-bottom:60px; *padding-bottom:53px; _padding-bottom:46px;}

.topblock01 { background:#eeeeee; margin-bottom:7px; width:720px;}
.topblock01_wrap { padding-bottom:34px; background:url(../../images/bg_001.jpg) no-repeat center bottom #eeeeee;}
.topblock01_inner { width:720px; overflow:hidden;}
.topblock01 ul { padding:0 0 0 12px;}
.topblock01 ul li {
	display: inline;
	float: left;
	width: 135px;
	padding-bottom: 150px;
	margin-bottom: -150px;
	margin-right: 5px;
	background-color: #fff;
}
.topblock01 ul li ul { padding:7px 0 7px 7px; margin-bottom:3px;}
.topblock01 ul li ul li { display:block; float:none; width:auto; padding-bottom:0px !important; margin:0 !important; *margin-bottom:-1px !important; zoom:1;}
.topblock01 ul li ul li a { display:block; font-size:77%; color:#333 !important; padding:3px 3px 3px 12px; background:url(../images/icon_001.jpg) no-repeat left 0.6em; zoom:1;}

/* ※以下topblock02,topblock03の内容はほぼ同じ */
.topblock02 h2 { margin-bottom:14px;}
.topblock02_inner { border:solid 2px #ccc; padding:9px 9px 0; }
.topblock02_inner li { margin-bottom:2px; *margin-bottom:1px; zoom:1;}
.topblock02_inner li a {
	display: block;
	zoom: 1;
	padding: 3px;
	padding: 3px 3px 4px\9;
	position: relative;
	font-size: 85%;
	font-size: 77%\9;
}
.topblock02_inner li a span { font-size:100%\9 ;}
.topblock02_inner li a:hover { text-decoration:none;}
.topblock02_inner li a:hover .text { text-decoration:underline;}

.topblock02_list li{
	border-bottom:1px solid #bed3e8;}

.topblock03 { margin-top:20px;}
.topblock03 h2 { margin-bottom:14px;}
.topblock03_inner { border:solid 2px #ccc; padding:9px 9px 0;}
.topblock03_inner li { margin-bottom:2px; *margin-bottom:1px; zoom:1;}
.topblock03_inner li a {
	display: block;
	zoom: 1;
	padding: 3px;
	padding: 3px 3px 4px\9;
	position: relative;
	font-size: 85%;
	font-size: 77%\9;
}
.topblock03_inner li a span { font-size:100%\9 ;}
.topblock03_inner li a:hover { text-decoration:none;}
.topblock03_inner li a:hover .text { text-decoration:underline;}
.topblock03_list li{
	border-bottom:1px solid #bed3e8;}
span.date { position:absolute; display:block; left:0; top:2px; padding-left:19px; background:url(../images/icon_020.jpg) no-repeat 5px center; font-size: inherit !important; line-height:1.2em; text-decoration:none; color:#000; letter-spacing:-1px;}
span.text { display:block; margin:0 0px 0 80px; font-size: inherit !important; line-height:1.2em; letter-spacing:1px\9;}
.allbtn { height:28px;}
.allbtn a { float:right; padding :0 0 0 10px; margin-top:7px; vertical-align: baseline; line-height:1em; background:url(../images/icon_003.jpg) no-repeat 0px center; font-size:77%; text-decoration:underline !important;}
.allbtn a:hover { text-decoration:none;}

.pulldown { position: absolute; z-index: 100; }
#image-navigation a { cursor: default; }
#image-navigation { width:930px; margin:0 auto; height:385px; position: relative; }
#image-navigation .navi { position: absolute; z-index: 20; top: 319px; left: 306px; overflow:hidden; }
#image-navigation .navi li { width:150px; float:left; }
#image-navigation .navi li a,
#image-navigation .navi li a img { display: block; }
#image-navigation .navi li a { width: 145px; height: 50px; margin:0 auto; }
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

#image-navigation .navi-prev { position:absolute; z-index:50; top:319px; left:289px; color:#fff; font-size:131%; font-weight:bold; cursor:pointer; }
#image-navigation .navi-next { position:absolute; z-index:50; top:319px; left:902px; color:#fff; font-size:131%; font-weight:bold; cursor:pointer;}
#image-navigation .navi-prev:hover, #image-navigation .navi-next:hover { text-decoration:none;}

/* ---------- flick ------------------- */
.flickitems { position: relative; overflow: auto; height:138px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.flickitems.landscape {}
.flickitems ul { display: block; margin: 0; padding: 0 0; }
.flickitems ul.landscape {}
.flickitems ul li { float: left; list-style-type: none; text-align: center;}
.flickitems ul li.landscape {}
.flickitems,
.flickitems.landscape { }
.typeB li img { display:inline-block ; float:left;}
.typeB li img:first-child { margin-left:8px;}
.flickControl { position:relative; display:block; width:100%; height:43px; border-bottom:solid 1px #c1c1c1;}
.flicknextbtn { position:absolute; top:9px; right:5px;}
.flickbackbtn { position:absolute; top:9px; left:5px;}
.flicknextbtn img, .flickbackbtn img { vertical-align:top;}
.flicknextbtn.inactive,
.flickbackbtn.inactive { opacity : 0.3;}
.indicator { position: relative; overflow: hidden; top:15px; left:12px; width: 9px; height: 9px; background: url(../images/indicator_bg.png) repeat left top; background-size:32px 9px; margin: 0px auto ;}
.indicator img { position: absolute; left: 0; margin: 0;}
.flickControl a { display:block; width:10px; height:10px; padding:6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#e3e3e3;}
.flickitems li { width:100%;}
.flickitems li a img {  margin:0 auto; text-align:center; }
/* ----------------------------- */

}