@charset "utf-8";

html,body{ width:100%; height:100%; font-size:0.938em; line-height:150%; color:#2B2B2B;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
word-break: break-all;
word-wrap: break-word;
}

@media all and (min-width: 960px) {
	.container {width: 960px;}
}
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}

.header_txt{
	text-align: right;
	float:right;
	margin:10px auto 0px;
	display:block;
}

/* 角丸背景 */

.maru{
    padding: 12px;
	background-color: #ffeff7;
	border:solid 3px #f8037c;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}


/* 写真の枠加工 */
img.pic {
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-bottom: solid 2px gray;
    border-right: solid 2px gray;
    background-color: white;
    padding: 6px;
}

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */
　：　：　：
　：　：　：
  
/* -------------------------------------------- */
/* ▼タブレット用デザインとして付け足すデザイン */
/* -------------------------------------------- */
/* @media all and (min-width: 768px) { */
/* 　　：　：　： */
/* 　　：　：　： */
/* } */

/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media all and (min-width: 960px) {
　　：　：　：
　　：　：　：
}



/* extend bootstrap */
/*.navbar-inverse { */
/*  background-color: #d6cbb2; */
/*  ... */
/*} */


/* スライドショーCSS上書き用 */
.carousel-control.left{
	background-image:-webkit-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,.0001) 100%);
	background-image:-o-linear-gradient(left,rgba(0,0,0,.2) 0,rgba(0,0,0,.0001) 100%);
	background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.0001)));
	background-image:linear-gradient(to right,rgba(0,0,0,.2) 0,rgba(0,0,0,.0001) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat:repeat-x
}

.carousel-control.right{
	right:0;
	left:auto;
	background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%);
	background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%);
	background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.2)));
	background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat:repeat-x
}


.navheadimg{
    height: 72px;
}
.navheadarea{
    padding-top:8px;
}
/*.navbar-nav > li > a {*/
/*    padding-top:30px; */
/*    padding-bottom:0;*/
/*    height: 55px;*/
/*	color: #fff;*/
/*}*/
/*.navbar-form {*/
/*    padding-top:12px; */
/*    padding-bottom:0;*/
/*    height: 30px;*/
/*}*/


.trimming {
 width: 120px;
 height: 120px;
 overflow: hidden;
 }
 /*.trimmingS {*/
 /*width: 90px;*/
 /*height: 90px;*/
 /*overflow: hidden;*/
 /*}*/
 
 
 hr.bar01 {
border-top: 2px dashed #bbb;
}

 .footer-base {
padding-top: 15px;
}
 .footer-base a{
color:#ffffff;
}

 .fontW {
color:#ffffff;
}
 .fontR {
color:#ff0000;
}

/*.page-midashi {*/
/* padding: 15px;*/
/*  border-left: 15px solid #cc0000;*/
/*  border-bottom: 3px solid #cc0000;*/
/*  background-color: #fff3df; */
/*}*/


/*.page-midashi4{*/
/*	padding: .75em 1em;*/
/*	border: 1px solid #ccc;*/
/*	border-top: 3px solid #e3759f;*/
/*	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);*/
/*	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);*/
/*	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;*/
/*}*/

/*.page-midashi5{*/
/*	padding: .75em 1em;*/
/*	border: 1px solid #ccc;*/
/*	border-left: 3px solid #e3759f;*/
/*	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);*/
/*	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);*/
/*	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;*/
/*}*/

.page-midashi4{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em;
    background: #B92A2C;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
 
.page-midashi4:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #B92A2C;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}

.page-midashi4 small{
color:#ffffff;
}

.page-midashi5{
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em;
    background: #cfcfcf;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
 
.page-midashi5:after{
    position: absolute;
    bottom: -15px;
    left: 10%;
    z-index: 90;
    margin-left: -15px;
    border-top: 15px solid #cfcfcf;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 0;
    content: "";
}

.menu-box{
     padding: 12px;
     border-radius:5px;
/*     border:1px solid #a1a1a1;*/
	 background:#f9db7b;
/*     box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.4);*/
     margin: 0px 0px;
}



.YoutubeWrapper{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.YoutubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}


.box {
    padding: 0.5em 1em;
    margin: 0;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #ff0000;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box p {
    margin: 0; 
    padding: 0;
}

.cam_select {
	text-align: center;
    padding: 0.5em 1em;
    margin: 0;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 5px #f9db7b;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.cam_name {
    width:100% ;
	text-align: center;
    margin: 10px auto; 
    padding: 0.5em 0.2em;
    color: #000;/*文字色*/
    background: #f9db7b;
    border: solid 3px #f9db7b;/*線*/
    /*border-radius: 10px;角の丸み*/
}