@charset "shift_jis";

/* ----- ブラウザスタイルのリセットと基本設定  ----- */

* { margin:0; padding:0; }

body {
behavior:url("csshover.htc");
padding:0 !important;
text-align:center !important;
margin:0 !important;
height:100%;
font-size:12px;
background-color:#f4eecc;
background-image:url(../images/bg.gif);
background:url(../images/bg.gif) 0 0 / 7px 220px;
background-repeat:repeat-x;
-webkit-background-size:7px 220px;
}
a {color:#d04000;}
a:hover {color:#d04000;}

form{ margin:0; padding:0; }
img { border:0;
text-decoration:none;
vertical-align:bottom;
color:#FFF;
}

section {}

.layout {
	width:100%;
	text-align:center;
	height:100%;
	border-top:#0a63b0 solid 5px;
}

.layout_box {
margin-left: auto;
margin-right: auto;
height:100%;
}

.layout_mid {
margin-left: auto;
margin-right: auto;
height:100%;
background-color:#f4eecc;
}

.layout_in {
	width:320px;
	margin-left:auto;
	margin-right:auto;
background-color:#f4eecc;
}

.clear {
	clear:both;
}

sup {
	color:#ff0000;
}

input {
	width:97%;
}

textarea {
	width:97%;
	height:150px;
}


/* ----- サイト内検索  ----- */

#search {
	position: relative;
	z-index: 99999;
}
#search .btn-search {
	position: absolute;
	top: 14px;
	right: 10px;
}
.searchArea {
	position: absolute;
	top: 60px;
	width: 100%;
	height: 25px;
	padding: 10px 0;
	background: #39c;
	display: none;
}
.searchArea .txt1 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 220px;
	height: 20px;
	margin: 0;
}
.searchArea .btsearch {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 21px;
}



/* ----- ナビゲーション  ----- */

.navibox {
	background-color:#f4eecc;
	padding-left:9px;
	padding-right:9px;
	padding-top:18px;
	padding-bottom:18px;
}

.navileft {
	float:left;
}

.naviright {
	float:right;
}

.naviunder {
	margin-bottom:4px;
}

.tabnavi_back {
	background-image:url(../images/tabback.gif);
	background:url(../images/tabback.gif) 0 0 / 1px 71px;
	background-repeat:repeat-x;
	background-color:#ffffff;
	-webkit-background-size:1px 71px;
	height:46px;
	padding-top:25px;
	margin-top:-26px;
}

/* ----- 基本設定  ----- */

.subtitle {
	background-color:#3399cc;
	height:33px;
	color:#ffffff;
	font-size:19px;
	text-align:left;
	font-weight:bold;
	padding-top:7px;
	padding-left:10px;
}

.backbox {
	background-color:#f4eecc;
	text-align:left;
	padding-left:9px;
	padding-top:12px;
	padding-bottom:12px;
}

.blueline {
	background-color:#3399cc;
	height:5px;
}

.subsubbox {
	background-image:url(../images/subsubback.gif);
	background:url(../images/subsubback.gif) 0 0 / 320px 45px;
	background-repeat:repeat-x;
	-webkit-background-size:320px 45px;
	height:33px;
	text-align:left;
	font-size:14px;
	padding-top:12px;
	padding-left:10px;
}

.subsubbox02 {
	background-color:#f4eecc;
	height:33px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding-top:12px;
	padding-left:10px;
}

.textsubbotton a{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	display:block;
	color:#333333;
	text-decoration:none;
}

.textsubbotton img {
	margin-top:-10px;
	position:relative;
	float:right;
	margin-right:19px;
}

.textsubbotton02 a{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	font-size:12px;
	text-align:left;
	display:block;
	color:#333333;
	text-decoration:none;
	border-bottom:#dbd6b7 1px solid;
	background-image:url(../images/subarrow04.png);
	background:url(../images/subarrow04.png) 95% 50% / 7px 11px;
	background-repeat:no-repeat;
	-webkit-background-size:7px 11px;
	-moz-background-size:7px 11px;      /*FireFox確認用*/
	background-position: 95% 50%;
}

.bt {
	border-top:1px #e0e0e0 solid;
}

.bb {
	border-bottom:1px #e0e0e0 solid;
}

.box_left {
	text-align:left;
}


/* ----- トップページ  ----- */

.kizibox {
	border-bottom:#eeeeee 1px solid;
	/* min-height:94px; */
	text-align:left;
	background-color:#FFF !important;
	background-image:url(../images/pdf.gif);
	background:url(../images/pdf.gif) 95% 50% / 16px 17px;
	background-repeat:no-repeat;
	-webkit-background-size:16px 17px;
	-moz-background-size:16px 17px;      /*FireFox確認用*/
	background-position: 95% 50%;
}

.kizibox2 {
	border-bottom:#eeeeee 1px solid;
	/* min-height:94px; */
	text-align:left;
	background-color:#FFF !important;
}

.kizibox2 p {
	font-size:14px;
	color:#333333;
	padding:15px;
	/* float:left; */
	display:block;
}

.kizibox2 p span{
	font-size:12px;
	color:#333333;
}

.kizibox a{
	text-decoration:none;
}

.kizibox p {
	font-size:14px;
	color:#875000;
	padding:15px;
	/* float:left; */
	width:80%;
	display:block;
}

.kizibox p span{
	font-size:12px;
	color:#333333;
}

.ichiran_botton {
	float:right;
	margin-right:20px;
	margin-top:-20px;
	position:relative;
	z-index:9999;
}

.banarbox {
	background-color:#f4eecc;
	border-top:solid #eae4c4 1px;
	padding-top:23px;
	padding-bottom:23px;
	padding-left:8px;
	padding-right:8px;
}

.banar_left {
	float:left;
}

.banar_right {
	float:right;
}

.pcbotton {
	background-color:#f4eecc;
	padding-top:14px;
	padding-bottom:14px;
	height:42px;
	border-top:solid #eae4c4 1px;
}

.pcbotton img {
	float:right;
	margin-right:12px;
}

.backtop {
	float:left !important;
	margin-left:12px;
}

.pickup_title {
	border-bottom:5px #3399cc solid;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	padding-bottom:5px;
	font-size:18px;
	background-color:#f4eecc;
}

.blueline_round {
	border-bottom:5px #3399cc solid;
}


/* ----- フッダー  ----- */

.fooder_navi {
	margin-top:0px;
	margin-bottom:0;
	position:relative;
	background-color:#f4eecc;
}

.fooder_navi span {
	display:block;
	color:#666666;
	padding-top:26px;
	padding-bottom:13px;
}


/* ----- タブ型ナビゲーション  ----- */

nav{
	margin-left:11px;
}

nav li{
	float:left;
	list-style:none;
}

.content {
	background-color:#FFFFFF;
}

.clearfix:after {
content:".";
display:block;
clear:both;
height:0px;
visibility:hidden;
}

.clearfix {
min-height: 1px;
}

#menu1 {
	background-image:url(../images/tabnavi_news.gif);
	background:url(../images/tabnavi_news.gif) 0 0 / 150px 46px;
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:46px;
	float:left;
	margin-top:0px;
	-webkit-background-size:150px 46px;
}

#menu2 {
	background-image:url(../images/tabnavi_whats_new.gif);
	background:url(../images/tabnavi_whats_new.gif) 0 0 / 150px 46px;
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:46px;
	float:left;
	margin-top:0px;
	-webkit-background-size:150px 46px;
}

#tabnavi01 .now{
	background-image:url(../images/tabnavi_news_now.gif) !important;
	background:url(../images/tabnavi_news_now.gif) 0 0 / 150px 46px;
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:46px;
	float:left;
	margin-top:0px;
	-webkit-background-size:150px 46px;
}

#tabnavi02 .now {
	background-image:url(../images/tabnavi_whats_new_now.gif) !important;
	background:url(../images/tabnavi_whats_new_now.gif) 0 0 / 150px 46px;
	background-repeat:no-repeat;
	display:block;
	width:150px;
	height:46px;
	float:left;
	margin-top:0px;
	-webkit-background-size:150px 46px;
}


/* ----- スライドショー  ----- */

		
p.intro {}
	
.cross_navi {
text-align:center;
display: -moz-box;
display: -webkit-box;
-moz-box-align: center;
-webkit-box-align: center;
-moz-box-pack: center;
-webkit-box-pack: center;
}
		
		#cross-links { text-align: center }
		
		#cross-links a{margin-bottom: 30px;
		background-image:url(../images/nofocus.png);
		background:url(../images/nofocus.png) 0 0 / 7px 7px;
		width:7px;
		height:7px;
		float:left;
		margin-right:10px;
		-webkit-background-size:7px 7px;
		}
		
		#cross-links a.current{margin-bottom: 30px;
		background-image:url(../images/focus.png);
		background:url(../images/focus.png) 0 0 / 7px 7px;
		width:7px;
		height:7px;
		float:left;
		margin-right:10px;
		-webkit-background-size:7px 7px;
		}
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
	

		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
			background-color:#e7e1bf;
			}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 100%;
			background-color:#e7e1bf;
			height:200px;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background-color:#e7e1bf; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 320px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 180px;
			clear: both;
			background-color:#e7e1bf;
			z-index:0;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
background-color:#e7e1bf;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 320px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto;
width:320px;
top:140px;
left:50%;
margin-left:-40px;
position:absolute;
z-index:9999;
}

.stripNav ul { /* The auto-generated set of links */
list-style: none;
}

.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}
		
.stripNav a { /* The nav links */
margin-bottom: 30px;
background-image:url(../images/nofocus.png);
background:url(../images/nofocus.png) 0 0 / 7px 7px;
width:7px;
height:7px;
float:left;
margin-right:10px;
display:block;
-webkit-background-size:7px 7px;
}

.stripNav a:hover {
background: #9cf;
}

.stripNav a.current {
margin-bottom: 30px;
background-image:url(../images/focus.png);
background:url(../images/focus.png) 0 0 / 7px 7px;
width:7px;
height:7px;
float:left;
margin-right:10px;
display:block;
-webkit-background-size:7px 7px;
}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}



#fadeimg{
	height: 154px;
	width: 320px;
	margin: 0 auto;
}


/* ----- 画像保存禁止  ----- */

.nosave {
	 touch-callout:none;
	  user-select:none;
	  -webkit-touch-callout:none;
	  -webkit-user-select:none;
	  -moz-touch-callout:none;
	  -moz-user-select:none;
}

.guard {
	overflow: hidden;
}

.bnr04,
.bnr02,
.bnr01,
.bnr03 {
	width: 320px;
	height: 82px;
	text-align:center;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.bnr01 {
	background: url(../../images/pickup_a.jpg) no-repeat;
	background-size: 320px 82px;
}
.bnr02 {
	background: url(../../images/pickup_c.jpg) no-repeat;
	background-size: 320px 82px;
}
.bnr03 {
	background: url(../../images/pickup_b.jpg) no-repeat;
	background-size: 320px 82px;
}
.bnr04 {
	background: url(../../images/pickup_d.jpg) no-repeat;
	background-size: 320px 82px;
}

/*add 20200806*/

#sd_area{
	position:relative;
	background:#f4eecc;
	padding:10px 0 0;
	}
.slider_set{
	position:relative;
	width:320px;
	height: 132px;
	margin:0 auto 10px;
	z-index:100;
	}
.slider_set .slider{
	width:320px;
	height: 82px;
	}
.slider_set img{
	width:100%;
	height:auto;
}
.slider_set div{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	list-style-type: none;
}