* {margin:0; padding:0;}


body {
	color: #333333;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0 10px;
	width: 1220px;
	font-size: 85%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	text-align: left;
	background-image: none !important;

}
* {
	font-style: normal;
}

a img:hover{
	opacity:0.7;
}

div#wrap-outer {
	width: 1200px;
	margin: 0 auto;
	background: #FFFFFF;
	overflow-x: hidden;
}

/*----------------------------------------------------------
  fonts
--------------------------------------------------------- */

@font-face {
	font-family: 'jpsmt';
	src:url('/fonts/jpsmt.eot?l876xm');
	src:url('/fonts/jpsmt.eot?#iefixl876xm') format('embedded-opentype'),
		url('/fonts/jpsmt.woff?l876xm') format('woff'),
		url('/fonts/jpsmt.ttf?l876xm') format('truetype'),
		url('/fonts/jpsmt.svg?l876xm#jpsmt') format('svg');
	font-weight: normal;
	font-style: normal;
}


	.slidemenu{
		display:none;
	}
	

#head-box_w {
	width: 1200px;
	padding-bottom: 0px;
}
#head-box_w {
	border-width: 0px;
}
	#head-box_w div.icon-top{
		display:none;
	}
	#head-box_w div.icon-menu{
		display:none;
	}
	#head-box_w div.icon-en{
		display:none;
	}
	#head-box_w div.icon-search{
		display:none;
	}

#head-box_w div.pad {
	padding: 0;
	background: url(/img/top/bg_head_top.gif) no-repeat top center;
	height: 62px;
	position: relative;
}

#head-box_w #logo_yubin {
	position: absolute;
	left: 35px;
	top: 15px;
}

a:visited {
	color: #800080;
	text-decoration: underline;
}

a:link {
	color: #1E4EA6;
	text-decoration: underline;
}

.printimg {
	display: none;
}

img {
	border: none;
	border: 0;
	vertical-align: bottom;
}

#head-box_w #motto {
	text-align: center;
	position: relative;
	top: 34px;
}

#head-box_w #logo_kyoku {
	position: absolute;
	top: 15px;
	right: 45px;
}

#guideArea {
	width: 1200px;
	margin: 0 0 8px 0;
	padding: 0;
}
#guideArea {
	clear: both;
	display: block;
	margin: 0;
}

#guideArea #guide ul {
	width: 70%;
	vertical-align: baseline;
	margin-top: 8px;
}
ul, ol, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#guideArea #guide li.first {
	padding: 0 6px 0 0 !important;
}
#guideArea #guide li {
	float: left;
	padding: 0 6px;
	border-right: 1px solid #333333;
	display: inline-block;
	font-size: 12px;
}

#guideArea #guide li.last {
	border: none;
}

#guideArea #sitesearch {
	float: right;
	width: 290px;
	margin-right: 0px;
	margin-top: -3px;
}

.searchreader {
	display: none;
}

#guideArea form {
	margin-top: 0;
}
form {
	margin: 0;
	padding: 0;
}

#guideArea input.site-search-txt {
	width: 200px;
	vertical-align: middle;
	color: #777777;
}
.head_search {
	background: url(/img/top/icon_head_search.gif) no-repeat 2px center;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #777;
}

#guideArea input.site-search-btn {
	margin-right: 0px;
	margin-left: 3px;
	vertical-align: middle;
}

div.clear {
	font: 1px/1px sans-serif;
}
*.clear {
	clear: both;
}

div#wrap-outer div#contents {
	width: 1200px;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.6;
}
.clearfix, div#wrap_headline div#headline dl, div#wrap-outer div#contents, div#main ul#mainBanner, div#navi, div#news dl, ul.wrap_recommend_contents, div.recommend ul.wrap_recommend_contents li, div.recommend dl, div.special dl {
	_height: 1px;
	min-height: 1px;
}


div.footTop{ display:none; }
#foot-box {
	background: #FFFFFF;
	width: 1200px;
	clear: both;
}

#foot-box div.upper {
	position:relative;
	padding: 50px 15px 5px 33px;
}

#foot-box div.upper div.col2-l {
	width: 88px;
}
*.col2-l {
	float: left;
}

#foot-box div.upper div.col2-l img {
	position:absolute;
	bottom: 10px;
}



#foot-box div.upper div.col2-r {
	width: 1050px;
}

*.col2-r {
	float: right;
}

#foot-box #foot-navi li {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #333333;
	font-size: 80%;
	float: left;
}

#foot-box #foot-navi li.rear {
	margin: 0;
	padding: 0;
	border: none;
	width: 10.25em;
}

#foot-box #foot-navi a:visited {
	color: #800080;
	text-decoration: underline;
}
#foot-box #foot-navi a:link {
	color: #1E4EA6;
	text-decoration: underline;
}

#foot-box div.lower {
	background: #CC0000;
	width: 1200px;
}

#foot-box div.lower div.col2-l {
	padding: 7px 15px 5px 33px;
	width: 104px;
}

*.col2-l {
	float: left;
}

#foot-box div.lower div.col2-r {
	padding: 8px 15px 5px;
	width: 318px;
}
*.col2-r {
	float: right;
}

*.clear {
	clear: both;
}



#wrap_headline{
	margin-top:20px;
}
#wrap_headline #headline{
	border:2px solid rgba(255,204,102,1);
	background:rgba(255,204,102,0.05);
	border-radius:3px;
}
#wrap_headline #headline dl dt{
	display:inline-block;
	vertical-align:top;
	padding:0.4rem 0.6rem;
	box-sizing:border-box;
}
	#wrap_headline #headline dl dt:before{
		display:inline-block;
		font-family:"jpsmt";
		content:"\ff59";
		color:rgba(255,204,102,1);
		margin-right:0.4rem;
		
	}
#wrap_headline #headline dl dd{
	display:inline-block;
	vertical-align:top;
	padding:0.4rem;
	border-left:1px dotted rgba(102,102,102,0.6);
	
}

#wrap_headline #headline dl dd a.popup{
	background: url("/img/common/mkr_popup.gif") no-repeat;
	background-position:bottom 0.4em right 0.15em;
	display:inline;
	padding-right: 21px;
	
}

/*Common*/
ul.disc_arrow li{
	text-indent:-1em;
	margin-left:1em;
}
ul.disc_arrow li:before{
	content:url(/img/top/ico_disc_arrow.png);
	margin-right:2px;
}
ul.disc_arrow.min li{
	font-size:0.85em;
}
ul.linkCont li{
	margin-bottom:5px;
}
ul.linkCont li a{
	position:relative;
	display:block;
	border:1px solid #cccccc;
	border-radius:3px;
	box-sizing:border-box;
	height:42px;
	padding:8px 0 8px 30px;
	font-size:1.1em;
	text-decoration:none;
}
ul.linkCont li a:before{
	position:absolute;
	content:url(/img/common/ico_simple_arrow.png);
	top:16px;
	left:16px;
}
	ul.linkCont li.popup a:before{
		content:url(/img/common/ico_popupG.png);
	}

ul.linkCont li:nth-last-child(1) a{
	background:#fff4f2;
}
	.bank ul.linkCont li:nth-last-child(1) a{
		background:#f4f9f2;
	}
	.insurance ul.linkCont li:nth-last-child(1) a{
		background:#f3f8fe;
	}



/*toolBox*/
#toolBox{
	padding:10px 0;
	letter-spacing:-.4em;
}

#toolBox div.tool{
	display:inline-block;
	vertical-align:top;
	width:24.8%;
	box-sizing:border-box;
	border-right:1px solid #e5e5e5;
	padding:0 10px;
	min-height:200px;
	letter-spacing:normal;
}
	#toolBox div.tool:nth-last-child(1){
		border-right:none;
	}
#toolBox div.tool span{
	display:block;
	text-align:center;
	padding:15px 0;
}
	#toolBox div.tool ol{
		padding:0 10px;
	}
	#toolBox div.tool ol li{
		padding:10px;
		border-bottom:1px solid #e5e5e5;
	}
	#toolBox div.tool ol li:nth-last-child(1){
		border-bottom:none;
	}

#toolBox div.tool span.spMenu{
	display:none;
}


/*col4Box*/
#col4Box{
	letter-spacing:-.4em;
}

#col4Box dl dd{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:280px;
	height:330px;
	margin:0 24px 0 0;
	padding:0;
	border-radius:5px;
	box-sizing:border-box;
	border:4px solid #FFFFFF;
	cursor:pointer;
	transition:0.5s;
	letter-spacing:normal;
}
		#col4Box dl dd:after{
			position:absolute;
			content:url(/img/top/bnr_ico_yubin.png);
			width:15px;
			height:15px;
			right:-4px;
			bottom:-4px;
			opacity:1;
			transition:0.5s;
		}
		
		#col4Box dl dd.post{
			box-shadow : 0 0 0 1px #CCCCCC;
			margin-left:1px;
		}
		
		#col4Box dl dd.post ul{
			display:none;
		}
		#col4Box dl dd.post ul.linkCont li:nth-last-child(1){
			margin-bottom:0px;
		}

		#col4Box dl dd.post.menuHover{
			box-shadow:none;
			background:none;
		}
			#col4Box dl dd.post.menuHover ul{
				display:inherit;
				padding:6px;
				text-align:left;
			}
			#col4Box dl dd.post.menuHover div.cover{
				display:none;
			}
			#col4Box dl dd.post div.cover h3{
				margin:36px 0 0;	
			}
			
	#col4Box dl dd{
		text-align:center;
	}
	#col4Box dl dd span {
		display:block;
		width:260px;
		height:140px;
		overflow:hidden;
		border-radius:5px 5px 0 0;
		text-align:center;
		margin:6px;
	}
		#col4Box dl dd span img{
			max-width:260px;
			height:auto;
		}
		
	#col4Box dl dd h4 {
		font-size:1.4em;
		margin:20px 0;
	}
		#col4Box dl dd h4:after {
			display:block;
			content:"";
			padding:2px 10px;
			width:30px;
			margin:20px auto;
			border-radius:5px;
		}
			#col4Box dl dd:nth-child(2) h4:after{
				background:#c7ca7b;
			}
			#col4Box dl dd:nth-child(3) h4:after{
				background:#e0b16b;
			}
			#col4Box dl dd:nth-child(4) h4:after{
				background:#82c3c5;
			}

		#col4Box dl dd:nth-child(2){
			border:4px solid #f6f6f1;
			background:#f6f6f1;
		}
		#col4Box dl dd:nth-child(3){
			border:4px solid #fcf9f4;
			background:#fcf9f4;
		}
		#col4Box dl dd:nth-child(4){
			border:4px solid #f4ffff;
			background:#f4ffff;
			margin-right:0px;
		}

	#col4Box dl dd p {
		width:220px;
		margin:0 auto;
		letter-spacing:-1px;
	}
	#col4Box dl dd span.link {
		position:absolute;
		left:0;
		top:0;
		width:272px;
		height:322px;
		text-indent:-999px;
		z-index:10;
		margin:0;
	}
		#col4Box dl dd span.link a{
			display:block;
			width:272px;
			height:322px;
			position:absolute;
			z-index:12;
		}
		#col4Box dl dd span.link a{
			background:#FFF\9;
			opacity:0.01\9;
		}
	

#col4Box dl dd:hover, #col4Box dl dd.menuHover:hover{
	border:4px solid #ce0000;
}
#col4Box dl dd:hover:after, #col4Box dl dd.menuHover:hover:after{
	opacity:0;
}


#toolBox input[type="text"], #toolBox select{
	display:inline-block;
	vertical-align:middle;
	box-sizing:border-box;
	color:#444444;
	padding:2px;
	height:30px;
	border:1px solid rgba(0,0,0,1);
	width:215px;
}
#toolBox input[type="text"]:focus, #toolBox select:focus{
	background:rgba(255,51,51,0.05);
	color:rgba(0,0,0,1);
}
	#toolBox div.tool:nth-child(1) input[type="text"]{
		width:120px;
	}
	#toolBox div.tool:nth-child(1) select{
		width:85px;
	}

#toolBox input[type="image"]{
	display:inline-block;
	vertical-align:middle;
}

#toolBox div.tool ul.disc_arrow{
	margin-top:15px;
	margin-left:10px;
}



/*menuBox*/

#menuBox{
	padding-top:95px;
	height:264px;
	box-sizing:border-box;
}

#menuBox div.inner{
	position:relative;
}


#menuBox div.inner dl{
	position:absolute;
	width:100%;
}

	#menuBox div.inner dl dt{
		position:absolute;
		top:-55px;
		width:400px;
		text-align:center;
		cursor:pointer;
	}
		#menuBox div.inner dl dt em{
			display:block;
			height:248px;
			font-size:2em;
			cursor:pointer;
		}
			#menuBox div.inner dl dt em span{
				display:block;
				font-size:0.6em;
			}		
			#menuBox div.inner dl dt em:before{
				display:block;
				font-family:"jpsmt";
				font-weight:normal;
				font-size:3em;
				margin:-20px 0;
			}
				#menuBox div.inner dl:nth-child(1) dt em:before{
					content:"\46";
					color:#009a00;
				}
				#menuBox div.inner dl:nth-child(2) dt em:before{
					content:"\47";
					color:#010099;
				}
				#menuBox div.inner dl:nth-child(3) dt em:before{
					content:"\48";
					color:#cd0100;
				}
			#menuBox div.inner dl dt em:after{
				display:block;
				content:"";
				padding:3px 18px 2px 18px;
				margin:20px auto 30px;
				width:20px;
				border-radius:50px;
			}
				#menuBox div.inner dl:nth-child(1) dt em:after{
					background:#009a00;
				}
				#menuBox div.inner dl:nth-child(2) dt em:after{
					background:#010099;
				}
				#menuBox div.inner dl:nth-child(3) dt em:after{
					background:#cd0100;
				}
		#menuBox div.inner dl dt h3{
			background:#f3f3f3;
			width:400px;
			height:55px;
			box-sizing:border-box;
			padding:15px 0;
			font-size:1.3em;
			display:none;
		}
	
		#menuBox div.inner dl.bank dt{
			left:0;
			border-left:1px solid #e6e6e6;
			border-right:1px solid #e6e6e6;
			}
			#menuBox div.inner dl.bank dt h3{
				border-radius:5px 0 0 0;
				}
		#menuBox div.inner dl.insurance dt{
			left:400px;
			border-right:1px solid #e6e6e6;
			}	
		#menuBox div.inner dl.life dt{
			right:0;
			border-right:1px solid #e6e6e6;
			}	
			#menuBox div.inner dl.life dt h3{
				border-radius:0 5px 0 0;
				}


	#menuBox div.inner dl dd{
		border:4px solid #cccccc;
		border-radius:0 0 5px 5px;
		padding:28px 65px;
		display:none;
	}
		#menuBox div.inner dl.bank dd{
			border-color:#009a00;
		}
		#menuBox div.inner dl.insurance dd{
			border-color:#010099;
		}
		#menuBox div.inner dl.life dd{
			border-color:#cd0100;
		}


#menuBox ul.linkCont{
	margin-right:45px;	
	display:inline-block;
}
	#menuBox ul.linkCont:nth-child(3n){
		margin-right:0;
	}
#menuBox ul.linkCont li{
	margin-top:6px;
	margin-bottom:12px;
	width:320px;
	letter-spacing:normal;
}
	#menuBox ul.linkCont li:nth-child(2n){
		margin-bottom:0px;
	}
	
#menuBox ul.linkCont li:nth-last-child(1) a{
	background:none;
}
#menuBox ul.linkCont:nth-last-child(1) li:nth-last-child(1) a{
	background:#fff4f2;
}
	#menuBox .bank ul.linkCont:nth-last-child(1) li:nth-last-child(1) a{
		background:#f4f9f2;
	}
	#menuBox .insurance ul.linkCont:nth-last-child(1) li:nth-last-child(1) a{
		background:#f3f8fe;
	}



		/* 切り替え銀行 */
#menuBox.bank div.inner dl dt h3{
	display:block;
}
		#menuBox.bank div.inner dl.bank dt h3{
				background:#009a00;
				color:#FFFFFF;
			}
		#menuBox.bank div.inner dl dt{
			border-left:none;
			border-right:none;
		}
		#menuBox.bank div.inner dl dt em{
			display:none;
		}
	#menuBox.bank div.inner dl.bank dd{
		display:block;
	}
		/* 切り替え保険 */
#menuBox.insurance div.inner dl dt h3{
	display:block;
}
		#menuBox.insurance div.inner dl.insurance dt h3{
				background:#010099;
				color:#FFFFFF;
			}
		#menuBox.insurance div.inner dl dt{
			border-left:none;
			border-right:none;
		}
		#menuBox.insurance div.inner dl dt em{
			display:none;
		}
	#menuBox.insurance div.inner dl.insurance dd{
		display:block;
	}
		/* 切り替えくらしのお手伝い */
#menuBox.life div.inner dl dt h3{
	display:block;
}
		#menuBox.life div.inner dl.life dt h3{
				background:#cd0100;
				color:#FFFFFF;
			}
		#menuBox.life div.inner dl dt{
			border-left:none;
			border-right:none;
		}
		#menuBox.life div.inner dl dt em{
			display:none;
		}
	#menuBox.life div.inner dl.life dd{
		display:block;
	}





/*col3Box*/
#col4Area{
	background:#fafafa;
	padding:35px;
	margin:20px 0;
}
#col4Area ul li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:255px;
	border-radius:5px;
	text-align:center;
}
	#col4Area ul li{
		margin-right:35px;
	}	
	#col4Area ul li:nth-last-child(1){
		margin-right:0px;
	}
	#col4Area ul li a{
		height:100px;
		padding:20px 0 20px 30px;
		background:rgba(255,255,255,1);
		display:block;
		font-size:1.3em;
		font-weight:bold;
		text-decoration:none;
		color:#333333;
		border-radius:5px;
		box-sizing:border-box;
	}
		#col4Area ul li:nth-child(4) a{
			padding:30px 0 30px 30px;
		}
		#col4Area ul li a:hover{
			opacity:0.8;
		}
	#col4Area ul li a span{
		display:block;
		font-size:0.6em;
	}
	#col4Area ul li:before{
		font-family:"jpsmt";
		position:absolute;
		left:10px;
		top:5px;
		font-size:3.5em;
		color:#ce0000;
	}
	#col4Area ul li:nth-child(1):before{
		content:"\33";
	}
	#col4Area ul li:nth-child(2):before{
		content:"\49";
	}
	#col4Area ul li:nth-child(3):before{
		content:"\67";
	}
	#col4Area ul li:nth-child(4):before{
		content:"\68";
	}
	
/*link4Box*/
#link4Box{
	background:#fafafa;
	padding:40px 34px;
	letter-spacing:-.4em;
}
#link4Box ul li{
	display:inline-block;
	vertical-align:top;
	background:rgba(255,255,255,1);
	border:1px solid #cccccc;
	margin-right:6px;
	letter-spacing:normal;
}
	#link4Box ul li a{
		display:block;
		width:272px;
		padding:16px 0;
		text-align:center;
	}	
	#link4Box ul li:nth-last-child(1){
		margin-right:0px;
	}
	

	
/*link4Box*/
#groupBox{
	padding:40px 0px;
	letter-spacing:-.4em;
}
#groupBox ul li{
	display:inline-block;
	vertical-align:top;
	background:rgba(255,255,255,1);
	border:1px solid #cccccc;
	margin-right:6px;
	width:390px;
	letter-spacing:normal;
}
	#groupBox ul li a{
		display:block;
		padding:16px 0;
		text-align:center;
	}	
	#groupBox ul li:nth-last-child(1){
		margin-right:0px;
	}
	


/*pad_pressx*/

#pad_press{
	padding:20px 0;
}

div.topNews{
	position:relative;
}

div.topNews div.linkList{
	position:absolute;
	font-size:1.1em;
	right:0;
	top:10px;
	z-index:4;
}
	div.topNews div.linkList ul li{
		display:inline;
		margin-left:30px;
	}
	div.topNews div.linkList ul li span:before{
		content:url(/img/top/ico_disc_arrow.png);
		margin-right:2px;
	}
	div.topNews div.linkList ul li img{
		margin-bottom:6px;
	}


div.topNews h2{
	position:relative;
	color:#ce0000;
	padding:0px 0 10px 40px;
	font-size:1.3em;
	font-weight:bold;
	border-bottom:1px solid #ce0000;
}
div.topNews h2 a{
	pointer-events: none;
	color:#ce0000;
	text-decoration:none;
}
	div.topNews h2:before{
		position:absolute;
		bottom:10px;
		left:0;
		content:" ";
		display:inline-block;
		width:26px;
		height:32px;
		background-size: 26px 32px;
		background-repeat:no-repeat;
	}
	div.topNews:nth-child(1) h2:before{
		background-image:url(/img/top/ico_news_notice.png);
	}
	div.topNews:nth-child(2) h2:before{
		background-image:url(/img/top/ico_news_press.png);
	}
	div.topNews:nth-child(3) h2:before{
		background-image:url(/img/top/ico_news_becareful.png);
	}
	

	
div.topNews dl{
	padding:28px 0;
	font-size:1.1em;
}
	div.topNews dd{
		position:relative;
		padding:4px 0 4px 16px;
	}
	div.topNews dd a:before{
		position:absolute;
		top:12px;
		left:0;
		width:5px;
		margin-right:13px;
		content:url(/img/common/ico_simple_arrow.png);
	}
		div.topNews dd a.popup:before{
			content:url(/img/common/ico_popup.png);
		}



/* 熊本地震 */

div.disasterInfo{
	box-sizing:border-box;
	font-size:1.1em;
	font-weight:bold;
	border:1px solid #CCCCCC;
	padding:20px 42px;
	margin:30px 0 20px;
}

/* attention */
.attention span{
	display:block;
	margin:20px 0;
	background:rgba(248,248,248,0.7);
	padding:15px;
}
.attention span:before{
	font-family:"jpsmt";
	content:"\ff59";
	color:#ce0000;
	margin-right:6px;
}


/*　リスト　＞　*/
div.disasterInfo ul.arrow-simple{
	margin-top:15px;
}

div.disasterInfo ul.arrow-simple li:before{
	content: '';
	margin-left:0px;
	margin-top:0.1em;
	padding-left: 15px;
	font-size:100%;
	line-height:140%;
	background: url("/img/common/mkr_link.gif") no-repeat left 0.4em;
}

		div.disasterInfo ul.arrow-simple li.popup:before{
			content: '';
			background:url("/img/common/ico_popup.png") no-repeat left 0.4em;
		}

/* -------------------------------------------------------
  コンテンツフッタ. div#utility
------------------------------------------------------- */

div#utility {
clear:both;
margin:20px 0 10px;
padding:30px 30px 15px;
border:1px dotted #ccc;
_width:650px;
}

div#utility div.col2-r p.arrow {
	margin:4px 0 -6px;
}

div#utility dl{
	width:1130px;
}

div#utility dl dt{
	margin:0;
	float:left;
	width:419px;
}

div#utility dl dt ul.col2-l{
	width:186px;
	margin:2px 0 10px;
}

div#utility dl dt ul.col2-r{
	width:186px;
	margin:2px 0 10px;
}

div#utility dl dd{
	margin:0;
	float:left;
	width:222px;
	margin-left:15px;

}
div#utility p.s{
	font-size:75%;
}


div#utility em.heading{
	display:block;
	border-bottom:2px solid #cc0000;
	padding-bottom:8px;
	margin:0 0 10px;
	font-weight:bold;
	font-size:87.5%;
}

div#utility em.heading a{
	font-size:92%;
	color:#cc0000;
	display:block;
}

div#utility dl li{
	font-size: 85%;
	padding-bottom:12px;
	line-height:140%;
}


div#utility dl li.popup{
	background:url(/img/top/ico_utility_popup.gif) no-repeat 0 0.36em;
	padding-left:14px;
}

div#utility p.arrow{
	background:url(/img/common/arrow_nav01.gif) no-repeat 0 0.36em;
	padding-left:10px;
}



/* Slider ------------------------------------------------------------------------------------------------- */


/*
 * jQuery FlexSlider v2.7.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.slide {
	position:relative;
	text-align:center;
	margin:20px auto;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  position: absolute;
  top:50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 10;
  color:rgba(255,255,255,1);
  cursor: pointer;
}

.flex-direction-nav a:before {
  content: url(/img/top/ico_bnrArrowL.png);
}
.flex-direction-nav a.flex-next:before {
  content: url(/img/top/ico_bnrArrowR.png);
}
.flex-direction-nav .flex-prev {
  right: auto; left: 80px;
  text-align: left;
}
.flex-direction-nav .flex-next {
  left: auto; right: 50px;
  
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}



.flex-pauseplay a {
  left: auto; right: 10px;
}

.flex-control-nav {
	margin:10px 0 0;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #cc0000;
  background: rgba(206, 0, 0, 0.3);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(206, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(206, 0, 0, 0.9);
  cursor: default;
}


.flex-control-thumbs li {
  float: right;
}

#fixedTop {
	display:none;
}

.pcDisp-inline{
	display:inline;
}
.spDisp-inline{
	display:none;
}

.slide img{
	border: 1px #C0C0C0 solid;
}

#unkouarea{
	display:none;
	}

img.frame{
	border: 1px #C0C0C0 solid;
}

div.box.bl2 {
	border: 1px solid #CCCCCC;
}
div.box {
	padding: 20px 42px;
	margin: 30px 0 20px;
}
*.sp-b20 {
	margin-bottom: 20px !important;
}
*.sp-t15 {
	margin-top: 15px !important;
}
*.sp-t5 {
	margin-top: 5px !important;
}
div.box.bl2 p {
	font-size:	1.1em;
	font-weight: bold;
}
span.ico-notes {
	background: url(/img/common/ico_notes.gif) no-repeat 1px center;
	padding-left: 20px;
	padding-bottom: 2px;
}
div.box.bl2 p.l em {
	color: #C7000E;
}
strong {
	font-weight: bold;
}
