/*全体*/

*{
	margin:0;padding:0;
}
body{
	color:#333;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-size:0.9em;
}
a{
	text-decoration: none;color:#0066cc
}
a:hover{
	color:red;
}
a:hover img{
	filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
}
img{
	border:none;
}
ul,ol{
	list-style-type:none;
}

blockquote{
	margin:1em;
}
.rt{
	text-align:right;
}
.cnt{
	text-align:center;
}
.vtop{
	vertical-align:top;
}
#header,#menu,#dir,#footer,#wrap{
	width:100%;max-width:960px;margin:0 auto;
}

/*ヘッダー*/

#header{
	background-color:#edf4fc;
}
.table-logo{
	width:100%;max-width:960px;margin:0 auto;display:table;table-layout:fixed;
}
.img-logo{
	width:400px;height:auto;display:block;
}
.cell-logo-left{
	display:table-cell;vertical-align:bottom;
}
.cell-logo-right{
	display:table-cell;vertical-align:bottom;width:300px;
}
.logo-1{
	margin:0.5em 0 0.2em 0;
	text-align:center;
	width:300px;
	font-size:0.8em;
	background-color: #006;
    border-radius: 8px;
    font-weight:bold;
    color:#ffdf3f;
    padding:0.2em 0;
	white-space:nowrap;
}
.logo-2{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	white-space:nowrap;
	color:#006;
	width:300px;
}
.logo-3{
	width:100%;
	font-size:0.8em;
    padding:0.2em;
    white-space: nowrap;
}
@media screen and (max-width: 768px) {
	.cell-logo-right{display:none;}
}
@media screen and (max-width: 600px) {
	.img-logo{width:280px;}
	.cell-logo-right{display:none;}
}

/*ナビメニュー*/

#menu li{
	display: block;
	float: left;
	width:16.666%;
	background:-moz-linear-gradient( center top, #ffffff 25%, #dedede 80% );
	background:-ms-linear-gradient( top, #ffffff 25%, #dedede 80% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(25%, #ffffff), color-stop(80%, #dedede) );
	background-color:#ffffff;
	white-space: nowrap;
}
#menu li a {
	display: block;
	padding: 0.6em 0;
	color: #333;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	border-right:1px solid #ccc;
}
#menu li:last-child a{
	border: none;
}
#menu li:hover{
	background:-moz-linear-gradient( center top, #ffc477 25%, #fb9e25 80% );
	background:-ms-linear-gradient( top, #ffc477 25%, #fb9e25 80% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(25%, #ffc477), color-stop(80%, #fb9e25) );
	background-color:#ffc477;
}
#toggle {
	display: none;
}
@media only screen and (max-width: 768px) {
	#menu{width:100%;}
	#menu li {
		width: 33.333%;
	}
}
@media only screen and (max-width: 600px) {
	#menu {
		width:100%;
		display: none;
	}
	#menu li {
		width: 100%;
		background: #eee;
		border-top:none;
		border-bottom:1px dashed #ccc;
	}
	#menu li:hover{
		background:#aaa;
	}
	#menu li a{
		border:none;
	}
	#toggle {
		display: block;
		width: 100%;
		background: #666;
	}
	#toggle a{
		display: block;
		padding: 0.6em 0;
		color:#fff;
		text-align: center;
		font-weight:bold;
	}
}
.cf{
  overflow: hidden;
  zoom: 1;
}

/*ぱんくず*/

#dir{
	border-bottom:1px dashed #999;
}
#dir ul{
	padding:0.5em 0;
}
#dir ul li {
	display:inline-block;font-size:0.9em;
}
#dir li + li:before{
	content: "\f105";font-family: FontAwesome;margin:0 0.4em;
}

/*フッター*/

#footer{
	border-top:1px dashed #959595;
}
#footer small{
	display:block;
	font-weight:bold;
	text-align:center;
	margin:1em;
}
#footer ol{
	text-align:center;
	margin:1em;
}
#footer ol li{
	display:inline-block;
	font-size:0.8em;
	white-space: nowrap;
}
#footer ol li + li:before{
    content: "|";
    color:#999;
    margin:0.5em;
}
.cprt{display:table;table-layout:fixed;margin:0 auto;}
.cprt div{display:table-cell;}

@media screen and (max-width:600px){
	.cprt div{display:block;}
}

/* ページトップへ戻るボタン */
#pagetop {
    position:fixed;
    bottom:7px;
    right:7px;
    padding:10px 12px;
    color: #353535; /* 文字色 */
    font-size:10px;
    text-decoration:none;
    background: linear-gradient(
    -45deg,
    #fff 25%,
    #f4f4ed 25%, #f4f4ed 50%,
    #fff 50%, #fff 75%,
    #f4f4ed 75%, #f4f4ed
  );
  background-size: 4px 4px; 
  border: 3px solid #c9c19f; /* ボーダーの色 */
  border-radius: 50%; /* ボタンの丸み */
  opacity: 0.6; /* ボタンの透明度 */
  z-index: 99;
}

/* ページトップへ戻るボタン：ホバー時 */
#pagetop:hover {
    color: #ffffff; /* 文字色 */
    background:#c9c19f;/* 背景色 */
}

/*jwSearch*/

.jwSearch{}
.jwSearch form,jwSearch input{
	margin:0;
	padding:0;
	vertical-align:top;
}
.jwSearch{
	background-image:url(//ucatv.co.jp/img/textBox.png) ;
	background-position:0px 3px;
	background-repeat:no-repeat;
	width:300px;
	position:relative;
	padding:3px 3px 0px 0px;
}
.jwSearch .jwSerchTextBox{
	background-image:url(//ucatv.co.jp/img/serchlogo.png) ;
	background-position:50% 100%;
	background-repeat:no-repeat;
	width:187px;
	position:absolute;
	top:8px;
	left:34px;
	border:0px solid #FFF;
}
.jwSearch .radio{
	font-size:12px;
	font-weight:bold;
	color:#9a9997;
	text-align:left;
}
.jwSearch input{
	vertical-align:middle;
	margin:0;
	padding:0;
}

/*装飾*/

.title{
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    border: 1px solid #ccc;
    border-left: 4px solid #eb6100;
    margin:1em 0;
    padding:0.3em 1em;
    font-size:1.2em;
}
.str{
	font-size:1.1em;
	color:red;
	font-weight:bold;
}
.linear{
	background: linear-gradient(transparent 60%, #fef88e 60%);
	font-weight:bold;
}
.navy{
	color:navy;
	font-weight:bold;
}
.balloon{
	display: inline-block;
	padding: 0 15px;
	width: auto;
	min-width: 30px;
	height: 25px;
	color: #F6F6F6;
	line-height: 25px;
	text-align: center;
	background: red;
	border-radius: 60%;

}

/*テーブルセル*/

.box {
	display: table;
	table-layout: fixed;
	width:100%;
}
.cell{
	display: table-cell;
}

/*リスト定義*/
dl.info{
	line-height:2.0;
}

dl.info dt{  
	width:105px;
	float : left;
	clear : both;
}

dl.info dd{
	padding:0 0 0 110px;
	border-bottom:1px dashed #ccc;
}

dl.info dd:last-child{
	border:none;
}