@charset "UTF-8";
html {
height:100%;
}

html:first-child body {
min-height:100%;
padding-bottom:1px;
} 

body {
color: #000;
background-color: #fff;
}

table {
border-collapse:collapse;
border:none;
border-spacing:0;
}

th,td {
vertical-align:top;
border:solid 1px #000;
font-weight:400;
text-align:left;
}

caption {
text-align:left;
} 

ul,ol,dl {
list-style:none;
}

.dd0 {
	
	margin-left: 0;
	padding-left: 0;
}

li {
display:list-item;
} 

img,a img {
vertical-align:bottom;
border:none;
background:transparent;
}

em {
font-style:normal;
}

h1,h2,h3,h4,h5,h6,ul ul,ul dl,dl ul,input,textarea,table p,table ul,table table {
font-size:100%;
} 

hr {
height:0;
margin:7px 0;
border:none;
border-top:1px solid #060;
}

*html hr {/* for -IE6 */
margin:0;
}

*:first-child+html hr {/* for IE7 */
margin:0;
} 

/* pc */

body {
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: small;
line-height: 1.4;
}

h1,h2 {
font-size: medium;
}

.sub-title h2 {
margin: 0 0 3px;
height:15px;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: center left;
}

h2.ch-info {
background: url(../img/info_ver.gif);
background-repeat: no-repeat;
background-color: #ff0;
}

h2.ch-shop {
background: url(../img/shop_ver.gif);
background-repeat: no-repeat;
background-color: #909;
}

h2.ch-sanka {
background: url(../img/sanka_ver.gif);
background-repeat: no-repeat;
background-color: #090;
}

h2.ch-var {
background: url(../img/vara_ver.gif);
background-repeat: no-repeat;
background-color: #00f;
}

h2.ch-data {
background: url(../img/data_ver.gif);
background-repeat: no-repeat;
background-color: red;
}

h2.ch-act {
background: url(../img/act_ver.gif);
background-repeat: no-repeat;
background-color: #f60;
}

h2.credit {
background: url(../img/vre-ver.gif);
background-repeat: no-repeat;
background-color: #666;
}

.sub-title {
border: 1px solid #060;
background: #fff;
padding: 3px;
margin: 10px 0 0;
}

#sidebar-left h2,
#sidebar-right h2,
h2.centerad {
margin-top: 10px;
padding: 3px 3px 3px 9px;
border-left: 5px solid #060;
border-bottom: 1px solid #060;
color: #060;
background: #fff;
font-size: small;
}

table.tops,
#sidebar-left h2.tops,
#sidebar-right h2.tops,
#maintops {
margin-top: 0;
}

h3 {
margin: 10px 0 0;
border-bottom: 1px solid #060;
color: #060;
background: #fff;
font-size: small;
font-weight: 700;
text-align: left;
}

ul li {
list-style-type: square;
}

#main-content ul,
#sidebar-left ul,
#sidebar-right ul {
margin-top: 10px;
}

#main-content ul li,
#sidebar-left ul li,
#sidebar-right ul li {
margin: 0.25em 0 0 1.5em;
}

#main-content ul {
padding: 0 5px;
}

#main-content dd.tree ul {
padding-left: 0;
}

#main-content ul ul li {
margin: 0;
list-style-type: none;
}

#maintops ul {
margin-top: 5px;
padding:2px 0 0 5px;	
border-top: 1px solid #060;
}

.wlist {
margin-left:-4px;	
}

.wlist ul {
display:table;
table-layout: fixed;
width:99%;
}

.wlist ul li {
display:table-cell;
}

*html .wlist ul li {/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html .wlist ul li {/* IE 7 */
display:inline;
zoom:1;
}

dt {
margin: 5px 0 -12px;
padding: 5px 0 3px;
border-top: 1px solid #060;
font-weight: 400;
}

dd {
margin: 10px 0 0;
padding: 0 0 0 1em;
}

.sub-title dd.tree {
margin: -5px 0 0 1.3em;
padding: 0;
}

p {
margin: 10px 0 0;
text-align: left;
}

.sub-title p {
margin:5px 0 0;
padding:0 0 0 0.5em;
border-left:solid 6px #060;
}

p#caption {
padding:3px 0;
margin: 5px 0 0;
text-align: left;
}

#sidebar-left p,
#sidebar-right p {
text-align: center;
}

#footer p {
margin: 0;
padding:10px 0;
text-align: left;
}

em,strong {
font-style:normal;
font-weight:400;
}

.mark {
color:red;
font-weight:700;
}

#update {
color:red;
font-weight:700;
font-size: medium;
}

a {
/* ¥*/
overflow:hidden;
/* */
text-decoration: none;
}

a:link {
color: #00f;
}

a:visited {
color: #90c;
}

a:hover, a:active {
color: red;
}

dt a {
display:block;
padding-left: 1em;
}

dt a:hover,dt a:active {
background-color:#ff6;
}

.wlist ul li a {
display:block;
padding-left: 1em;
}

.wlist ul li a:hover,.wlist ul li a:active {
background-color:#ff6;
}

p.gototop {
padding: 5px 0;
text-align: right;
}

p.gototop a {
border: 1px solid #060;
padding: 5px 1em;
}

p.gototop a:link,p.gototop a:visited {
background-color:#eef;
}

p.gototop a:hover,
p.gototop a:active {
background-color:#ff6;
}

.adbox-s {
border: 1px solid #000;
}

.any-up {
margin-bottom: -8px;
padding:0;
padding-top: 5px;
background: #fee;
}

.wlist ul li.any-up a:link:after,
.wlist ul li.any-up a:visited:after,
dt.any-up a:link:after,
dt.any-up a:visited:after {
margin: 0;
padding-left: 5px;
margin-top:-5px ;
color:red;
font-weight:700;
content:"UP";
}

#outline {
width: 950px;
margin: 0 auto;
text-align: left;
border-left:1px solid #060;
border-right:1px solid #060;
}

#outline-margin {
margin: 10px;
}

#navibar2 {
margin-top: 10px;
height: 15px;
}

#pan-navi {
clear: both;
margin-top: 5px;
}

#site-body {
margin-top: 5px;
}

#center-left {
width: 750px;
padding-bottom: 10px;
float: left;
}

#sidebar-left {
width: 170px; 
float: left;
}

#main-content {
width: 570px;
float: right;
}

#sidebar-right {
width: 170px; 
padding-bottom: 10px;
float: right;
}

#footer {
clear: both;
border-top: 1px solid #060;
}

#site-header {
height: 90px;
background: url(../img/cozaltvhead2019.png) no-repeat;
}

#site-header h1 {
display: block;
position: relative;
top: 0;
left: 0;
width: 520px;
height: 90px;
text-indent: -9999px;
}

#ad-top {
width:400px;
position: relative; top: -45px; left: 520px;
margin:-28px 0 -26px;
padding:0;
}

#ad-top ul {
margin:0;
padding:0;
}

#ad-top ul li {
margin: 0 5px 5px 0;
padding:0 5px 0 24px;
list-style-type:none;
background: url(../data/pr.gif) no-repeat left center;
line-height: 1.2;
}

.nav {
  overflow: hidden;
  width: 930px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}
.nav li {
 list-style: none;
}
.nav li a {
  display: block;
  width: 133px;
  height: 32px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  line-height: 2.6;
  background: #070;
  text-decoration: none;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}
.nav li.here a {
  background: #900;
}

.nav > li:hover > a {/*layer-1*/
color: #000;
  background: #fe0;
}
.nav li ul {
  width: 133px;
  display: none;
/*  margin-left: -40px;
*/  position: absolute;
}
.nav > li li:hover > a {/*layer-2*/
  color: #fff;
  background: #00e}
  
.nav li ul li a {
  border-top: 1px solid #eee;
  text-align: left;
  padding-left: 0.5em;
}
.content {
  width: 930px;
  height: 200px;
  background: #eee;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}

.adtextbox {
margin-top:10px;
border: 0;
}

#telemame dl {
  border-top: solid 1px #060;
}
#telemame dt {
  clear: left;
  float: left;
  margin: 0;
  padding-left: 5px;
  color: #000;
  border: none;
}
#telemame dt a {
  margin: 0;
  padding: 0;
}

#telemame dd {
  margin: 5px 0 0 0;
  margin-left: 140px;
}

#telemame ul {
  margin: 5px 10px 5px 20px;
  padding: 0 10px;
  border: none;

}
#menua {
display:none;
}

.msr_search_06 {
float: right; height:32px; margin: 5px 0;}

.msr_search_06 form{
  height:32px;
  width:100%;
  position:relative;

}
.msr_search_06 form input[type=text]{
  width:240px;
  height:32px;
  padding:4px 40px 4px 8px;
 -webkit-appearance: none;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:absolute;
  background:#EEEEEE;
border: 1px solid #060;
  top:0;
  right:0;
  backface-visibility: hidden;
  -webkit-transition: 0.25s ease-out;
     -moz-transition: 0.25s ease-out;
       -o-transition: 0.25s ease-out;
          transition: 0.25s ease-out;
}
.msr_search_06 form input[type=text]:focus{
  background:#F6F6F6;
}
.msr_search_06 form button{
  width:64px;
  height:32px;
  color:#fff;
  font-size: 15px;
  font-weight: 400;
background:#070;
  border: 1px solid #060;

  display:inline-block;
  -webkit-appearance: none;
  outline: 0;
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
}
.msr_search_06 form button:hover{
  color:#000;
  background:#ffff00;
}
.sns {float: left; height:32px; margin: 5px 0 10px 0;}
_::-webkit-full-page-media, _:future, :root .sns {height:32px; margin: 5px 0 10px 0;
}

/* sp */

@media screen and (max-width:640px) {
#menua {
display:block;
}
hr.nosp{border: none;}
.sns {
height:32px; margin: 5px 0 5px 0;
}


#menua ul  {
margin: -14px 0 0 0;
}

.nav li a {
  width: 100%;
  height: 40px;
  line-height: 1;
  background: #060;  border-bottom: 1px solid #999;

}
.content {
  width: 930px;
  height: 200px;
  background: #ff0;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}

#outline {
width: 100%;
margin: 0 auto;
text-align: left;
}

#site-header {
width: 100%;
height: 0;
padding-top: 20%;
background: url(../img/cozaltvhead2019.png) no-repeat;
background-position: center center;

background-size:  cover;
}

#site-header h1 {
width: 300px;
height: 60px;
}

#ad-top,
#navbar2,
.sub-title dd.tree,
.no-sp,
.wlist li.no-sp {
display:none;
}

#center-left {
width: 100%;
padding-bottom: 0;
float: none;
}

#main-content {
width: 100%;
float: none;
}

a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#update2 {
margin: -5px 0 0;
padding: 0;
display:block;
color:red;
font-weight:700;
font-size: medium;
}

p#caption {
font-size: 90%;
}

p.gototop {
padding: 5px 0 15px;
}

#telemame dt {
  clear: left;
  float: none;
  margin: 0;
  padding-left: 5px;
  color: #000;
  border: none;
}
#telemame dd {
  margin-left: 0;
}

#telemame ul {
  margin: 5px 10px 5px 0;
  padding: 0 10px;
  border: none;

}

.msr_search_06 {
  width:100%;
		margin-top: 5px;
		padding-top: 5px;

}
.msr_search_06 form{
  height:40px;
  width:100%;

}
.msr_search_06 form input[type=text]{
  width:100%;
  height:40px;
  padding:4px 40px 4px 8px;

}
.msr_search_06 form button{
  height:40px;
}
}