/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}

img{
max-width: 100%;
height: auto;
width:auto;
}
#page1-sp{
	background:url(../../img/new/tsuna.jpg); /* 全体の背景画像 */
  background-repeat: no-repeat;            /* 背景を繰り返さない */
  background-position:left;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */
}
#page1{
	background:url(../../img/slider/bg-link.jpg); /* 全体の背景画像 */
  background-repeat: no-repeat;            /* 背景を繰り返さない */
  background-position:80% 20%;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */
}
#page2{
  background:url(../../img/slider/sns.jpg); /* 全体の背景画像 */
  background-repeat: no-repeat;            /* 背景を繰り返さない */
  background-position: 80% 20%;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */
}
#page3{
  background:url(../../img/slider/bg-pf.jpg); /* 全体の背景画像 */
  background-repeat: no-repeat;            /* 背景を繰り返さない */
  background-position: 80% 20%;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */
}
#page4{
  background:url(../../img/slider/office-2000.jpg); /* 全体の背景画像 */
  background-repeat: no-repeat;            /* 背景を繰り返さない */
  background-position: 80% 20%;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */
}
#page5{
  background:url(../../img/slider/bg-contct.jpg); /* 全体の背景画像 */
  background-repeat: no-repeat;            /* 背景を繰り返さない */
  background-position: 80% 20%;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */
}


table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body{
background: #FFF;
	font-weight: 400;
	font-size: 15px;
	color:#000;
	overflow-y: scroll;
	overflow-x: hidden;
}

.ie7 body{
	overflow:hidden;
}
a{
/*color: #333;*/
	text-decoration: none;
}
.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 30px 30px 10px 20px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: left;
}
.container > header h1{

	font-size: 30px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #fff;
padding: 0px 0px 6px 0px;
}
.container > header h1 span{
}
h1 {
font-family:"Times New Roman", Times, serif;
text-shadow:2px 2px 0px #939393,
1px 1px 0px #1c1c1c;
margin-top:-15px;}
.red {
font-family:"Times New Roman", Times, serif;
text-shadow:2px 2px 0px #939393,
1px 1px 0px #1c1c1c;
color:#F00;}
.container > header h2, p.info,p.info1,p.info2,.pw,.movi,.link,p.top-info{
	font-size: 16px;
	font-style:;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
p.top-info {
	line-height:1.2;}
/* Header Style */
.codrops-top{
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	font-weight:400;
	font-size: 13px;
	width: 100%;
	background: #000;
	opacity: 0.6;
	background:rgba(0,0,0,0.9);
	/*text-transform: uppercase;*/
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 3px 70px #000;
}
.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color:#FFF;
	display: block;
	float: left;
}
.codrops-top a:hover{
color:#c19e66 ;
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f4e3c9), color-stop(0.50, #c19e66), color-stop(0.50, #b68d4c), color-stop(1.00, #f6e7cf));
background: -webkit-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -moz-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -o-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -ms-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: linear-gradient(to bottom, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);*/
}
.codrops-top span.right,.right-ott{
	float: right;
}
.codrops-top span.right a,.right-ott a{
	float: none;
	display: inline;
}

p.codrops-demos{
	position:fixed;
	top:5%;
	right:3%;
	margin-top:15px;
	display:block;
	padding: 3px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #999;
	padding: 4px 10px 3px;
	font-size: 17px;
	line-height: 18px;
	margin: 2px 3px;
	font-weight: 500;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color:#fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #afbdc0), color-stop(0.50, #6d7673), color-stop(0.50, #0a0f0b), color-stop(1.00, #0a0809));
background: -webkit-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -moz-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -o-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -ms-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: linear-gradient(to bottom, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);



}
p.codrops-demos a:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f4e3c9), color-stop(0.50, #c19e66), color-stop(0.50, #b68d4c), color-stop(1.00, #f6e7cf));
background: -webkit-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -moz-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -o-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -ms-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: linear-gradient(to bottom, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);


}
p.codrops-demos a:active{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #5f4500), color-stop(1.00, #fcff00));
background: -webkit-linear-gradient(#5f4500, #fcff00);
background: -moz-linear-gradient(#5f4500, #fcff00);
background: -o-linear-gradient(#5f4500, #fcff00);
background: -ms-linear-gradient(#5f4500, #fcff00);
background: linear-gradient(#5f4500, #fcff00);



}
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
	color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);
}

/*---------------------------------------info----------------------------------------------------------*/

.info {text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);


}
#info_part1 {
	width:280px;
	height:350px;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
   background:rgba(0,0,0,0.4);
	padding:1%;
	float:left;
	margin-top:10px;
}
.info_part1 {
	width:100%;
}

/*------------------------------------news---------------------------------------*/
.date {
	color:#FFF;
	font-weight:500;
	font-size:.8em;}
.title {
	color:#FFF;
font-weight:500;
font-size:.8em;
}

.title a{
	color:#FFC;
font-weight:500;
}
.title a:hover {
	color:#F00;
	text-decoration:underline;}

.news {
	color:#FFF;
font-size:.8em;
line-height:1.2;
text-align:left;}
.news a {
	color:#6FF;
font-size:1.1em;
line-height:1.4;}
.news a:visited {
	color:#0FF;}
.news a:hover {
	color:#F00;
	text-decoration:underline;}
.news a:active {
	color:#FC0;}
.blue{
	color:#fff;
	font-size:1.1em;
	background:rgba(255,0,0,0.4);
	width:30%;
	border-radius:50%;
	text-align:center;
}
.title-a {
   color:#fff;
	font-size:.8em;
   font-weight:500;
	 background:rgba(255,0,0,0.4);
	 width:30%;
	border-radius:30%;
	text-align:center;
	padding:1% 6%;}
.news-a {
text-align:left;
color:#fff;
font-size:.8em;
line-height:1.7;
}
.news-a a{
color:#FFC;
font-size:1em;
line-height:1.7;}
.news-a a:visited {
color:#FFC;}
.news-a a:hover {
color:#F00;
text-decoration:underline;}
.news-a a:active {
	color:#FC0;}
.med {
	color:#F90;
	font-size:1.2em;}
	/*-------------------------profile-wrap-info------------------------------*/
	
.info1 {text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);}

.p-pd {
	text-align:right;
	padding:1% 2% 0 0;}
.p-pd a {
	color:#FC0;}
.p-pd a:hover {
	color:#F00;
	text-decoration:underline;}
#profile {
	width:40%;
	height:500px;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
	
	background:rgba(0,0,0,0.5);
	padding:1%;
	float:left;
}

.info2,.pw,.link {text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);}
#profile2,#pw,#sst{
width:280px;
	height:350px;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
   background:rgba(0,0,0,0.4);
	padding:1%;
	float:left;
	margin-top:10px;}

#link{
	width:45%;
	height:auto;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
   background:rgba(0,0,0,0.5);
	padding:1%;
	margin:0 auto;
}


.cnt {
	text-align:center;}
/*--------------------------------------------------------------------------------sns-------------------------------------*/

.sns li{
	display:inline-block;
	width:350px;
	margin:15px 1% auto auto;}

/*-----------------Works-----------------------------------------------*/
#wrap-works {
	width:80%;
	margin:20px auto auto;}
#wrapper_book {
	margin:-70px auto 0;
	}

/*------------------movies-------------*/
.movi {text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);}
#movi{
	width:70%;
	height:auto;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
	background:rgba(0,0,0,0.5);
	padding:1%;
	margin:0 auto;
	text-align:center;
}
#back-top {
	position: fixed;
	bottom: 35px;
	right:6%;
	z-index:2000;
}
/*movie--------------------------------------------------------------------------------------*/
.mo-sp {
	display:none;}
.mo {
	margin:0 auto;}
.mo-ta {}
.new,.col1,.col1-1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9
{ width: 220px;
text-align:center;
padding:3%;
margin:0 10px;
box-shadow:1px 1px 1px 1px #fff;
border-radius:2%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);
opacity:.8;}


.event  li a:hover,.taisou li a:hover,.unndoukai li a:hover{
position:relative;
top:3px;
left:1px;
color:#000;
text-decoration:underline;}	

.col1 {}
.col1-1 {}	
.col2 {}
.col3 {}
.col5 {}
.col6 {}	
.col7 {}	
.col8 {}		
.col4 {}
.col9 {}
/*------------------link-------------*/
.link {text-align:center;
margin:0 auto;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);}
#link{
	width:50%;
	height:auto;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
	
	background:rgba(0,0,0,0.5);
	padding:1%;
	margin:15px auto auto;
}
#li-wa {}
.link-b {
	width:50%;
   float:right;
}
.l-b {
	text-align:left;
	margin:0 0 1% 1%;}
.l-b a:hover {
	opacity:.7;}

.link-b-l {
	width:50%;
   float:left;
}
.l-b-l {
	text-align:right;
	margin:0 1% 1% 0;}
.l-b-l a:hover {
	opacity:.7;}

ul[data-liffect="link-m"] li {
    opacity: 0;
    position: relative;
    -webkit-animation: link-m 600ms ease-out both;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-play-state: paused;
    -moz-animation: link-m 600ms ease-out both;
    -moz-transform-origin: 50% 50%;
    -moz-animation-play-state: paused;
    -o-animation: link-m 600ms ease-out both;
    -o-transform-origin: 50% 50%;
    -o-animation-play-state: paused;
    animation: link-m 600ms ease-out both;
    transform-origin: 50% 50%;
    animation-play-state: paused;
}

ul[data-liffect="link-m"].play li {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes link-m {
    0% { opacity: 0; -webkit-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; -webkit-transform: perspective(200px) scale(1) rotateX(60deg) }
    100% { opacity: 1; -webkit-transform: perspective(200px) scale(1) rotateX(0deg) }
}

@-moz-keyframes link-m {
    0% { opacity: 0; -moz-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; -moz-transform: perspective(200px) scale(1) rotateX(60deg) }
    100% { opacity: 1; -moz-transform: perspective(200px) scale(1) rotateX(0deg) }
}

@-o-keyframes link-m {
    0% { opacity: 0; -o-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; -o-transform: perspective(200px) scale(1) rotateX(60deg) }
    100% { opacity: 1; -o-transform: perspective(200px) scale(1) rotateX(0deg) }
}

@keyframes link-m {
    0% { opacity: 0; transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg); }
    80% { opacity: 1; transform: perspective(200px) scale(1) rotateX(60deg) }
    100% { opacity: 1; transform: perspective(200px) scale(1) rotateX(0deg) }
}


	/*-------------------------contact------------------------------*/
	
.info1 {text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);}

.form td {
	color:#FFF;
	width:45%;}



.submit {
	margin-bottom:40px;}

.anno {
color:#FFF;
font-size:1.1em;
line-height:1.2;
text-align:left;}

.to-form {
	margin:1%;}
.oota a:hover{
opacity:.8;}
.comt {
	color:#FFF;}
.smail a{
	color:#FFF;
	font-size:1.3em;
	margin-top:2%;}
.smail a:hover {
	text-decoration:underline;}
/*------------------------footer--------------------------------------------*/
#footer {
	padding:.3%;
	text-align:center;
	position:fixed;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.7);
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	z-index:1000;}

#footer a {
	color:#FFF;}
#footer a:hover {
	color:#c19e66 ;}
	
/*------------------------footer-sp-------------------------------------------*/
.spfooter {
	display:none;}

/*------------------------o-two-three------------------------------------*/
#page-ott {
	background:url(../../img/bg/bg023.jpg);}

.ott {text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cfdce9), color-stop(0.50, #6098c7), color-stop(0.50, #3a83c2), color-stop(0.70, #4bb8f0), color-stop(1.00, #25548a));
background: -webkit-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -moz-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -o-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -ms-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: linear-gradient(to bottom, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
padding:1%;
color:#fff;}
#ott{
	width:45%;
	height:450px;
	overflow:auto;
	border-radius:1%;
   border:#FFF 1px solid;
   box-shadow:2px 2px 5px #000000 inset;
background:rgba(255,255,255,0.5);
padding:1%;
float:left;
}
.ott2 {text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cfdce9), color-stop(0.50, #6098c7), color-stop(0.50, #3a83c2), color-stop(0.70, #4bb8f0), color-stop(1.00, #25548a));
background: -webkit-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -moz-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -o-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -ms-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: linear-gradient(to bottom, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
color:#fff;
padding:1%;}
#ott2{
	width:45%;
	height:450px;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
   background:rgba(255,255,255,0.5);
	padding:1%;
	float:right;
}
/*slider*/
.slider-wrapper { 
	width: 70%; 
	margin: -250px auto 20px;
	}
.clear {
clear:both;
}

/* Header Style */
.ott-top{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 24px;
	font-weight:500;
	font-size: 15px;
	width: 100%;
	background: #33F;

	background:rgba(0, 51, 204,0.9);
	/*text-transform: uppercase;*/
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 3px 10px #000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cfdce9), color-stop(0.50, #6098c7), color-stop(0.50, #3a83c2), color-stop(0.70, #4bb8f0), color-stop(1.00, #25548a));
background: -webkit-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -moz-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -o-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -ms-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: linear-gradient(to bottom, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);

	
}
.ott-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color:#FFF;
	display: block;
	float: left;
}
.ott-top a:hover{
color:#000;
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f4e3c9), color-stop(0.50, #c19e66), color-stop(0.50, #b68d4c), color-stop(1.00, #f6e7cf));
background: -webkit-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -moz-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -o-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -ms-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: linear-gradient(to bottom, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);*/
}
.ott-top span.right{
	float: right;
}
.ott-top span.right a{
	float: none;
	display: inline;
}

p.ott-me{
	display: block;
	padding: 5px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p.ott-me a,
p.ott-me a.current-demo,
p.ott-me a.current-demo:hover{
    display: inline-block;
	border: 1px solid #999;
	padding: 10px 50px 10px;
	font-size: 17px;
	line-height: 18px;
	margin: 2px 3px;
	font-weight: 500;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color:#fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fefac8), color-stop(1.00, #d1a300));
background: -webkit-linear-gradient(#fefac8, #d1a300);
background: -moz-linear-gradient(#fefac8, #d1a300);
background: -o-linear-gradient(#fefac8, #d1a300);
background: -ms-linear-gradient(#fefac8, #d1a300);
background: linear-gradient(#fefac8, #d1a300);
}
p.ott-me a:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f4e3c9), color-stop(0.50, #c19e66), color-stop(0.50, #b68d4c), color-stop(1.00, #f6e7cf));
background: -webkit-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -moz-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -o-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: -ms-linear-gradient(top, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
background: linear-gradient(to bottom, #f4e3c9 0%, #c19e66 50%, #b68d4c 50%, #f6e7cf 100%);
}
p.ott-me a:active{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #5f4500), color-stop(1.00, #fcff00));
background: -webkit-linear-gradient(#5f4500, #fcff00);
background: -moz-linear-gradient(#5f4500, #fcff00);
background: -o-linear-gradient(#5f4500, #fcff00);
background: -ms-linear-gradient(#5f4500, #fcff00);
background: linear-gradient(#5f4500, #fcff00);
}
p.ott-me a.current-demo,
p.ott-me a.current-demo:hover{
	color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);
}

.ott-h {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
/*------------------------------------------company------------------------------------------*/

.ott-com {text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cfdce9), color-stop(0.50, #6098c7), color-stop(0.50, #3a83c2), color-stop(0.70, #4bb8f0), color-stop(1.00, #25548a));
background: -webkit-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -moz-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -o-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -ms-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: linear-gradient(to bottom, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
padding:1%;
color:#fff;}
#ott-com{
	width:60%;
	height:450px;
	overflow:hidden;
	border-radius:1%;
   border:#FFF 1px solid;
   box-shadow:2px 2px 5px #000000 inset;
background:rgba(255,255,255,0.8);
padding:1%;
margin:0 auto;
}
.comp {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.2em;}
	
/*----------------------------------form-------------------------------------------*/
.ott-fm {text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom:1%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cfdce9), color-stop(0.50, #6098c7), color-stop(0.50, #3a83c2), color-stop(0.70, #4bb8f0), color-stop(1.00, #25548a));
background: -webkit-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -moz-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -o-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -ms-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: linear-gradient(to bottom, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
padding:1%;
color:#fff;}
#ott-fm{
	width:80%;
	height:790px;
	overflow:auto;
	border-radius:1%;
   border:#FFF 1px solid;
   box-shadow:2px 2px 5px #000000 inset;
background:rgba(255,255,255,0.8);
padding:1%;
margin:-30% auto auto;
z-index:10000;
}
.container > header-form{
	padding: 30px 30px 10px 20px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: left;
	width:25%;}
.container > header-form h1{
font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: #fff;
padding: 0px 0px 6px 0px;
}
.container > header-form h1 span{
}
h1 {

text-shadow:2px 2px 0px #939393,
1px 1px 0px #1c1c1c;}
.container > header-form h2{

	font-size: 16px;
	font-style:;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}


#wrap_form {
	width:100%;
	margin-bottom:5%;}
p.form_to {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	width:80%;
	margin:0 auto;
	line-height:1.4;
	text-align:left;
}
.ev-b {
	font-size:1.2em;}
.submit {
	text-align:center;
	}
	
input[type="submit"],[type="reset"],[type="button"]{
	margin:20px 0 10px;
    padding: 5px 10px;
    font-weight:bold;
    border: 1px solid #FFF;
    color:#333;
    background-color: #D9F5F3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9900), color-stop(48%, #FF8600), color-stop(52%, #FF7700), to(#FF6600));
    font-size: 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
		cursor:pointer;
}

.hissu {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#F00;
	font-size:.85em;}
.hissu1 {
	font-size:.75em;
	color:#F00;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.left {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	}
.f-right {
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
P.message {
	width:500px;
	height:auto;
	}
	
.input {
	text-align:center;
	}
.search {
	text-align:center;
	}	
.input tr td {
	text-align:left;
	}
.kanri {
	list-style-type:none;
	}	
h5 {
	text-align:center;
	font-size:24px;
	}
th.kensaku {
	text-align:left;
	padding-left:80px;
	}
input[type="text"]{
	margin-left:10px;
	}
input[type="radio"]{
	margin:0 -11% 0 -9%;}
.textarea {
	margin-left:10px
	}
.to_home a:hover{
	color:#F09;
	}
.fukusuu {
	font-size:.8em;}
	
.pdf-ex {
	margin: auto auto 2% 2%;}
.pdf-ex a:hover {
	color:#F00;}
/*------------------------------------news---------------------------------------*/
.information-ott .line2 {
border:#999 dotted thin;}
.information-ott .date {
	color:#000;
	font-weight:500;
	font-size:.8em;}
.information-ott .title {
	color:#000;
font-weight:500;
font-size:.8em;
line-height:1.2;}
.information-ott .news {
color:#000;
font-size:.8em;
line-height:1.2;
text-align:left; 
width:100%;}
.information-ott .news a {
	color:#03F;
font-size:1.1em;
line-height:1.4;}
.information-ott .news a:visited {
	color:#900;}
.information-ott .news a:hover {
	color:#F00;
	text-decoration:underline;}
.information-ott .news a:active {
	color:#FC0;}
.information-ott .blue{
	color:#fff;
	font-size:1.1em;
	background:rgba(255,0,0,0.4);
	width:30%;
	border-radius:50%;
}
.information-ott .title-a {
   color:#fff;
	font-size:.8em;
   font-weight:500;
	 background:rgba(255,0,0,0.4);
	 width:40%;
	border-radius:50%;
	text-align:left;
	padding:1%;}
.information-ott .news-a {
text-align:left;
color:#fff;
font-size:.8em;
line-height:1.4;
}
.information-ott .news-a a{
color:#FFC;
font-size:1em;
line-height:1.4;}
.information-ott .news-a a:visited {
color:#FFC;}
.information-ott .news-a a:hover {
color:#F00;
text-decoration:underline;}
.information-ott .news-a a:active {
	color:#FC0;}
.information-ott .med {
	color:#F90;
	font-size:1.2em;}
/*-----------------------------------------------footer---------------------------------------------*/

	
#footer-ott, #footer-ott-com {
	text-align:center;
	position:fixed;
	bottom:0;
	width:100%;
	background:#03C;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cfdce9), color-stop(0.50, #6098c7), color-stop(0.50, #3a83c2), color-stop(0.70, #4bb8f0), color-stop(1.00, #25548a));
background: -webkit-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -moz-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -o-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: -ms-linear-gradient(top, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
background: linear-gradient(to bottom, #cfdce9 0%, #6098c7 50%, #3a83c2 50%, #4bb8f0 70%, #25548a 100%);
}


/*----------news-------------*/
.top-line {
	padding:4% 0 1% 1%;}
/*----------.hr------------------*/
.hr {
	border-bottom:dotted 1px #fff;
	width:95%;
	margin: 5px auto 10px;}
/*----------.hr------------------*/
.sp-bg {
	display:none;}
/*----------------------------------------resp-menu----------------------------------------------*/
#menu,#navi{
display: none;
}

.slicknav_nav li {
  border-top: 1px solid #fff;
	}
.slicknav_nav li a {
	color:#900;
	font-weight:400;}
.slicknav_nav li a.current{
	color:#C00;
	font-weight:600;}
.slicknav_menu {
  background-color:transparent !important;
	margin-bottom:5px;

}
.slicknav_menu .slicknav_icon-bar {
  background-color:#FFF !important;
}
.slicknav_menu a:hover {
  color:#F00 !important;
}
.slicknav_btn {
  background-color:#900 !important;
}
.slicknav_nav .slicknav_row:hover {
  background: #1E1A42 !important;
}
.slicknav_nav a:hover {
  background:#900 !important;
	color:#FFF !important;}
i.fa {
  font-size: 18px;
}
i.fa.fa-caret-right {
  display: none;
}

@media screen and (min-width : 960px) {

  #menu {
    display: block;
  }
  .slicknav_menu {
    display: none;
  }
  i.fa.fa-caret-right {
    font-size: 14px;
    display: inline-block;
  }
}
/*----------------------------------------resp-menu----------------------------------------------*/