@import "css/media-queries.css";

<style type="text/css"><!--
a.blocklink {
   display: block;
   width: 100%;
   padding: 0px;
   text-decoration: none;
   color: black;
}
a span {
   text-decoration: underline;
   color: blue;
}
a:hover {
   background-color: #ffffcc;
}
--></style>

A         { text-decoration: none; }
a:active  { color: #0099FF ; }
a:link    { color: #000099 ; font-weight:bold ; }
a:visited { color: #808080 ; }
.type-a { font-size:12px ; line-height:1.5em ; }
.type-b { font-size:12px ; }
.type-c { font-size:15px ; }
.type-d { font-size:10px ; }
.type-e { font-size:14px ; font-weight:bold ; }
.type-f { font-size:12px ; line-height:1.5em ; margin-left:25px ; }
.type-g { font-size:12px ; line-height:1.5em ; margin-right:25px ; margin-left:25px ; }
.type-h { font-size:12px ; line-height:1.5em ; margin-right:15px ; margin-left:15px ; }
.type-i { font-size:12px ; line-height:1.5em ; margin-right:25px ; margin-left:25px ; text-align:left ; }
.type-j { text-align:left ; color:#FF0000 ; font-size:20px ; line-height:1.2em ; margin-right:0px ; margin-left:0px ; }
.type-k { font-size:14px ; line-height:1.5em ; margin-right:25px ; margin-left:25px ; text-align:left ; }
.type-l { font-size:20px ; line-height:1.5em ; margin-right:25px ; margin-left:25px ; text-align:center ; font-weight:bold ;}
.proName2 { font-size:20px ; line-height:1.5em ; margin-right:25px ; margin-left:25px ; text-align:left ; font-weight:bold ;}
.proTxt2 { font-size:20px ; line-height:1.5em ; margin-right:25px ; margin-left:25px ; text-align:left ; font-weight:bold ;}
.proMidashi { font-size:25px ; line-height:3em ; margin-right:25px ; margin-left:25px ; text-align:left ; font-weight:bold ;}
.mid { font-size:16px ; line-height:1.2em ; margin-right:16px ; margin-left:16px ; }
.mid-margin1 { font-size:16px ; line-height:1.2em ; margin-right:1px ; margin-left:1px ; }

.mark {
display: inline-block;
font-size: 0.8em;
height: 1.4em;
color: #ffffff;
background-color: #ff1493;
font-family: meiryo, 'Hiragino Kaku Gothic Pro', sans-serif;
white-space: nowrap;
border-radius: 4px;
position: relative;
top: -1px;
padding: 0px 2px 0px 2px;
text-shadow: 0px 0px 1px #ccc;
margin: 0px 0px 0px 2px;
}

.mark_purple {
display: inline-block;
font-size: 0.8em;
height: 1.4em;
color: #ffffff;
background-color: purple;
font-family: meiryo, 'Hiragino Kaku Gothic Pro', sans-serif;
white-space: nowrap;
border-radius: 4px;
position: relative;
top: -1px;
padding: 0px 2px 0px 2px;
text-shadow: 0px 0px 1px #ccc;
margin: 0px 0px 0px 2px;
}

.mark_blue {
display: inline-block;
font-size: 0.8em;
height: 1.4em;
color: #ffffff;
background-color: blue;
font-family: meiryo, 'Hiragino Kaku Gothic Pro', sans-serif;
white-space: nowrap;
border-radius: 4px;
position: relative;
top: -1px;
padding: 0px 2px 0px 2px;
text-shadow: 0px 0px 1px #ccc;
margin: 0px 0px 0px 2px;
}

.link01{
font-size:13px;
color:#ff0000;
text-align:center;
text-decoration:none;
border:1px solid #ffffbf;
background-color:#ffffbf;
padding:10px;
width:250;
display:block;
onmouseover="this.style.background='#fffbcc'";
onmouseout="this.style.background='none'";
}

A:hover
{
position:relative;
top:1px;
left:1px;
}

ul.list01 { list-style-image : url(image/li_blue.gif);}

.clickable {
  color            : black;
  background-color : #ffffff;
}

.clickable a{
  display          : block;
  color            : black;
  background-color : #ffffff;
  text-decoration  : none;
  width            : 100%;
}

.clickable a:hover{
  background-color : #ccccdd;
}

.clickable td {
  border : 1px solid #666;
}

.iframebox{
width:80%;
height:200px;
padding-left:20px;
padding-right:20px;
background-color:lightpink;
overflow:auto;
margin-right:25px ; 
margin-left:25px ; 
font-size:16px ;
line-height:1.2em ; 
}

.iframebox_lp{
width:100%;
height:1000px;
padding-left:20px;
padding-right:20px;
background-color:lightpink;
overflow:auto;
margin-right:25px ; 
margin-left:25px ; 
}

/*ページトップへ*/

#main{
    position: absolute;
    left: 0px;
    top:  0px;
	z-index: 100;

}
/*ページトップへ*/

#top_link{
    position: fixed;
    right: 5px;
    bottom: 5px;
    float:right;
	z-index: 1000;

}

#menu{
    position: fixed;
    right: 15px;
    top:  0px;
    float:right;
	z-index: 2000;

}

#floating-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    z-index: 9999;
}

body {  
    text-align: left;  
}  
div#wrapper {  
    width: 980px;  
    margin: 0 auto;  
    text-align: left;  
    border: 0px solid #000000;  
	z-index: 100;
}  

/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 7px 5px; /* パディング（上下、左右） */
background-color: #f9f9f9; /* 背景色 */
list-style-type: none; /* リストマーク非表示 */
font-size: 100%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 25px; /* 左パディング */
background: url(image/topic-path-home-gray.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(image/topic-path-gray.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #4682b4;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #79a7cc;
}


#s{
   width:600px;
   height:200px;
   overflow: -webkit-marquee;
   overflow: marquee;
   -webkit-marquee-speed: slow;
   marquee-speed: slow;
}
#n{
   width:100%;
   height:35px;
   overflow: -webkit-marquee;
   overflow: marquee;
   -webkit-marquee-speed: normal;
   marquee-speed: normal;
}
#f{
   width:600px;
   height:200px;
   overflow: -webkit-marquee;
   overflow: marquee;
   -webkit-marquee-speed: fast;
   marquee-speed: fast;
}

.itemList li {
	width: 25%;
	margin-bottom: 2%;
	padding: 0 0.98%;
}

<STYLE TYPE="TEXT/CSS">
<!--
A         { text-decoration: none; }
a:active  { color: #000000 ; }
a:link    { color: blue;  }
a:visited { color: mediumslateblue ; }

globalFooter nav ul {
  background: #eaeaea;
}

#globalFooter nav ul li {
  border: 1px solid #FFF;
  border-bottom: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  text-align: center;
  width: 50%;

}
#globalFooter nav ul li a {
  background: #cccccc;
  display: block;
  padding: 10px 0;
}

#globalFooter nav ul li:nth-child(odd) {
  border-left: none;
  clear: left;
}

#globalFooter nav ul li:nth-child(even) {
  border-right: none;
  margin-left: -1px;
}

#globalFooter p#copyright {
  background: #2f2f2f;
  color: #fff;
  font-family: helvetica, arial;
  padding: 15px 0;
  text-align: center;
}

/* clearfix */
#globalHeader:after,
#globalFooter nav ul:after {
  content: ""; 
  display: block; 
  clear: both;
}






//-->
</STYLE>