@charset "UTF-8";

/*==========================*/
/*  col  */
/*==========================*/
.row {
  margin-right: -5px;
  margin-left: -5px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}


/*-for IE-*/

.clearfix{
	zoom:1;
}
img{
	border:0;
	vertical-align: bottom;
}
a{
	color:#0066cd;
}
a:visited{
	color:#0066cd;
}
br{
	letter-spacing: 0;
}
body{
	padding:0;
	margin: 0;
	font:  15px/22px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro';
	-webkit-text-size-adjust: none;
	color:#000;
	line-height:18px;
}

#container{
	margin: 0 auto;
  z-index: 1;
  /*	width:320px;*/
}

/*==========================*/
/*  H  */
/*==========================*/
h1{
  font-size:  16px;
  font-weight: bold;
}


h2{
	background-color: #2E5C99;
	margin: 0;
	padding:8px;
	width:100%;
	text-align:center;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}


/*==========================*/
/*  Fixed Menu  */
/*==========================*/

/*----------------------------
  clear fix
-----------------------------*/
div:after{
  content: "";
  display: none;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}


#fixed-menu{
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 10;
}

#fixed-menu a:link,
#fixed-menu a:hover,
#fixed-menu a:visited{
  color: #ffffff;

}


/*==========================*/
/*  Slide Menu  */
/*==========================*/
.slidemenu {
    background-color: #333;
}
.slidemenu ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.slidemenu li {
    list-style: none;
    border-top: 1px solid #4D4D4D;
    border-bottom: 1px solid #000;
    font-size:14px;
    line-height: 1.8;
}
.slidemenu li a {
    padding:10px 0 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
}
.slidemenu li:first-child {
    border-top: none;
}
.slidemenu li:last-child {
    border-bottom: none;
}
.slidemenu .slidemenu-header {
    height: 49px;
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    background-color: #333;
}
.slidemenu .slidemenu-header div {
    padding: 17px 0px 0px 19px;
    text-decoration: none;
    color: #fff;
}


/*==========================*/
/*  Header  */
/*==========================*/
#header{
	position: relative;
}
#header img{
	width:100%;
}
#header .logo{
	position:absolute;
	left:8px;
	top:0;
	width:27%;
}


/*==========================*/
/*  Search  */
/*==========================*/
#header-search{
	clear: both;
	background-color: #E8EEF6;
	margin: 0;
	padding:5px;
	width:100%;
	text-align:center;
	border-bottom: 1px solid #cccccc;
}


/*==========================*/
/*  MainImg  */
/*==========================*/
#top-mainimg{
	background-color: #E8EEF6;
	padding-bottom: 20px;
	width:100%;
	text-align:center;
}


/*==========================*/
/*  Banner  */
/*==========================*/
#banner-area{
	background-color: #E8EEF6;
	margin: 0;
	padding:5px 5px 20px 5px;
	width:100%;
}


/*==========================*/
/*  Ranking  */
/*==========================*/
#ranking-area{
	background-color: #ffffff;
	margin: 0;
	padding:10px 5px 20px 5px;
	width:100%;
}


/*==========================*/
/*  thumbnail  */
/*==========================*/
.thumbnail {
  display: block;
  padding: 0;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: all 0 ease-in-out;
          transition: all 0 ease-in-out;
}

.thumbnail .img{
  position: relative;
  overflow:hidden;
}

.thumbnail .img img {
  margin: 5px auto;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .img a:hover img{
   opacity:0.8;
   -ms-filter:"alpha( opacity=80 )";
   filter:alpha(opacity=80);
}

.thumbnail .img .flag {
  width: 35px;
  font-size: 35px;
  position: absolute;
  top: -7px;
  left: 0px;
  z-index: 5;
}

.thumbnail .img .flag .num{
  width: 35px;
  position: absolute;
  top: 6px;
  left: 1px;
  z-index: 6;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  text-decoration: none;
}

.thumbnail .caption {
	background-color: #E8EEF6;
	padding: 10px;
	color: #333333;
}

.thumbnail .caption a:link,
.thumbnail .caption a:visited,
.thumbnail .caption a:hover {
  color: #333333;
  text-decoration: none;
}

.thumbnail .caption h3 {
  margin: 0 0 5px 0;
  font-size: 12px;
  color: #333333;
}

.thumbnail .caption p {
  margin: 0 0 5px 0;
  font-size: 14px;
  color: #2E5C99;
  font-weight: bold;
}

.thumbnail .caption span {
  font-size: 10px;
  color: #8790A7;
}


/*==========================*/
/*  List Group  */
/*==========================*/
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 15px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.list-group-item {
  color: #2E5C99;
  font-weight: bold;
  font-size: 1.2em;
  cursor: pointer;
}
a.list-group-item {
  color: #444;
  font-weight: bold;
  font-size: 1.0em;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #666;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

/*==========================*/
/*  Top Menu  */
/*==========================*/
#TopMenu01,
#TopMenu02,
#TopMenu03,
#TopMenu04,
#TopMenu05,
#TopMenu06,
#TopMenu07{
	display: none;
}


/*==========================*/
/*  Btn  */
/*==========================*/
.btn-menu {
  padding: 20px auto;
  color: #ffffff;
  background-color: #2E5C99;
  border-color: #2E5C99;
  border-radius: 0px;
}

.btn-menu:hover,
.btn-menu:focus,
.btn-menu:active,
.btn-menu.active {
  color: #ffffff;
  background-color: #4476B7;
  border-color: #4476B7;
}

.btn-menu:active,
.btn-menu.active {
  background-image: none;
}

.btn-menu .txt{
  color: #ffffff;
  font-size: 10px;
}

/*==========================*/
/*  Footer  */
/*==========================*/
#footer{
  background: #fff;
	height: 40px;
}


/*==========================*/
/*  Margin  */
/*==========================*/
.top5{
  margin-top: 5px;
}
.right5{
  margin-right: 5px;
}
.bottom5{
  margin-bottom: 5px;
}
.left5{
  margin-left: 5px;
}

.top10{
  margin-top: 10px;
}
.right10{
  margin-right: 10px;
}
.bottom10{
  margin-bottom: 10px;
}
.left10{
  margin-left: 10px;
}

.top15{
  margin-top: 15px;
}
.right15{
  margin-right: 15px;
}
.bottom15{
  margin-bottom: 15px;
}
.left15{
  margin-left: 15px;
}

.top20{
  margin-top: 20px;
}
.right20{
  margin-right: 20px;
}
.bottom20{
  margin-bottom: 20px;
}
.left20{
  margin-left: 20px;
}

.top25{
  margin-top: 25px;
}
.right25{
  margin-right: 25px;
}
.bottom25{
  margin-bottom: 25px;
}
.left25{
  margin-left: 25px;
}

.top30{
  margin-top: 30px;
}
.right30{
  margin-right: 30px;
}
.bottom30{
  margin-bottom: 30px;
}
.left30{
  margin-left: 30px;
}

.top40{
  margin-top: 40px;
}
.right40{
  margin-right: 40px;
}
.bottom40{
  margin-bottom: 40px;
}
.left40{
  margin-left: 40px;
}


/*  Color  */
/*==========================*/
.white{
  color: #FFFFFF;
}
.yellow{
  color: #FFC200;
}
.red{
  color: #ED5454;
}
.blue{
  color: #009E96;
}
.blue02 {
  color: #3050A5;
}
.green{
  color: #7EC45F;
}
.orenge{
  color: #EB6100;
}
.skyblue{
  color: #00B5E1;
}
.pink{
  color: #EB6877;
}
.gray{
  color: #cccccc;
}
.bluegray{
  color: #8790A7;
}
.gold{
  color: #B2A600;
}
.silver{
  color: #898989;
}
.bronze{
  color: #7F2D00;
}