﻿@charset "UTF-8";
/* @group Reset */



#menu ul{
	 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#menu li{
	 
display: inline; 
padding: 0; 
margin: 0; 
}
#menu LI A{
	display: block; 
border-left : 8px solid #e3767b;
border-top : 1px solid #e3767b;
border-right : 1px solid #e3767b;
border-bottom : 1px solid #e3767b;
background-color : #ffffff;
padding : 5px 3px 2px 10px;
text-decoration: none;
color : #dc5259;
width : 228px; 
margin: 1px 0px;
text-align: left;
font-size: 14px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
  font-weight : bold;
}
#menu LI A:hover{
	border-left : 8px solid #cc0033;
border-top : 1px solid #cc0033;
border-right : 1px solid #cc0033;
border-bottom : 1px solid #cc0033;
  background-repeat : repeat;
  background-color : #ffeeee;
}


.b_1{
	z-index: 2;
	border : 2px solid #f1a0ac;
	color : #ffffff;
  background-color : #f1a0ac;
border-radius: 5px; /* CSS3 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome */ 
-moz-border-radius: 5px; /* Firefox */ 

  font-size : 14px;
  text-align : center;
  padding-top : 5px;
  padding-bottom : 5px;
  width : 600px;
  padding-left : 10px;
  padding-right : 10px;
}
.b_1:hover{
	background-color: #fff;
	border-color : transparent;
	color: #59b1eb;
border-radius: 5px; /* CSS3 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome */ 
-moz-border-radius: 5px; /* Firefox */ 

  width : 600px;
}
.b_1::before,
.b_1::after {
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #003399;
}
.b_1::before {
	right: 0;
}
.b_1::after {
	left: 0;
}
.b_1:hover::before,
.b_1:hover::after {
	width: 0;
	background-color: #59b1eb;
}





#menu1 UL{
	 
margin: 0; 
padding: 0; 
list-style-type: none; 

  color : #e3767b;
}
#menu1 LI{
	 
display: inline; 
padding : 12px 5px 8px; 
margin: 0; 
}
#menu1 LI A{
	display: block; 
border-left : 8px solid #e3767b;
border-top : 1px solid #e3767b;
border-right : 1px solid #e3767b;
border-bottom : 1px solid #e3767b;
background-color : #ffffff;
padding : 12px 3px 10px 10px;
text-decoration: none;
color : #dc5259;
width : 228px; 
margin : 1px 0px -11px;
text-align: left;
font-size : 17px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
  font-weight : bold;
}
#menu1 LI A:hover{
	border-left : 8px solid #cc0033;
border-top : 1px solid #cc0033;
border-right : 1px solid #cc0033;
border-bottom : 1px solid #cc0033;
  background-repeat : repeat;
  background-color : #ffeeee;
}






.slider{
	clear: both;
	margin-bottom: 20px;
}
.slider img{
	width: 100%;
}
.slider li{
	line-height: 0;
	position: relative;
}
.slider .caption{
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 15px 15px;
	background: rgba(255, 255, 255, 0.5);
	color: #000;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	bottom: 0;
}

/*スライダー*/
.slidesjs-navigation{
	display: inline-block;
	margin: 4px;
	color: #666;
	text-decoration: none;
	float: left;
}
.slidesjs-navigation:hover{
	color: #000;
}
.slidesjs-pagination{
	float: right;
}
.slidesjs-pagination .slidesjs-pagination-item{
	display: inline-block;
	width: 16px;
	margin: 4px;
}
.slidesjs-pagination .slidesjs-pagination-item a{
	display: block;
	width: 12px;
	height: 12px;
	border: solid 2px #666;
	border-radius: 8px;
	background: #CCC;
	line-height: 1;
	text-indent: -9999px;
	overflow: hidden;
}
.slidesjs-pagination .slidesjs-pagination-item a.active{
	background: #FCF;
	border-color: #F6F;
}
pre{
	max-height: 240px;
	padding: 20px 10px;
	margin-bottom: 60px;
	background: #EEE;
	overflow: auto;
}
