@charset "UTF-8";
@import url(reset.css);

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

div#box {
   position: absolute;
   top:  50%;
   left: 50%;
   width:  700px; 
   height: 600px; 
   margin-left: -350px;
   margin-top:  -300px;
   border: #060 1px solid;
   background-color: #ccffcc;
   color: #000000;
}

div#contents {
   margin: 5px auto;
   padding:10px;
   border: #060 1px solid;
   width:  630px; 
   height: 465px; 
   overflow: auto; 
   background-color: #ffffff;
   color: #000000; 
}

div#footer {
   position: relative;
   top:  0;
   left: 0;
   margin-left: 10px ;
   background-color: #ccffcc;
   color: #000000;
}

p
{
margin: 1em 0;
}

	#footer p
	{
       margin: 10px auto;
	   background: url("../image/copyright2017.gif") no-repeat  center;
       text-indent: -1000em;
	}

ul
{
margin: 1em 0 1em 1.5em;
padding: 0;
list-style-type: square;
}

	ul li
	{
	margin: 0;
	padding-bottom: 5px;
	}

	ul.topicpath,ul.topicpath ul,ul.topicpath li
	{
	margin: 5px 5px 0 5px;
	padding: 0;
	border: none;
	display: inline;
  	list-style-type: none;
    height: 1px;
	}

	ul.topicpath span
	{
	padding: 0 5px;
	}

h1 {
margin: 10px auto;
margin-top: 15px;
text-indent: -1000em;
width: 276px;
height: 26px;
font-size: medium;
background: url("../image/cwilogo2.gif") no-repeat;
}

h2
{
margin: 8px 4px 4px 4px;
color: #060;
font-size: small;
font-weight: bold;
border-bottom: #060 1px solid;
}

strong p {
	margin: 0;
text-align: right;
padding-left:3px;
color: #f00;
}

a:link
{
color: #00f;
text-decoration: none;
}

a:visited
{
color: #939;
text-decoration: none;
}

a:hover
{
color: #f00;
text-decoration: none;
}

#nopc{
display:none;
}

@media screen and (max-width:480px) {

	#nosp{
	display:none;
}
	#nopc{
	display:block;
}
	
	
	#listlinks ul
	{
	margin: 10px 0 0 0;
	padding: 0 5px;
	list-style-type: none;
	line-height: 1em;
	}

	#listlinks ul li
	{
	margin: 0;
	padding: 0;
	}

	#listlinks li a
	{
	display: block;
	padding: 8px 0 8px 6px;
	background: #fff;
	border: #060 1px solid;
	border-left: #060 6px solid;
	}

	#listlinks li a:link,
	#listlinks li a:visited
	{
	text-decoration: none;
	}

	#listlinks li a:hover,
	#listlinks li a:active
	{
	background: #ff6;
	}

div#box {
top:  0;
left: 0;
width:  100%; 
height: auto; 
overflow: hidden;
margin: 0;
}

div#contents {
width:  80%; 
height: 73%; 
overflow: hidden; 
}

div#footer {
margin-left: 0 ;
}

#footer p {
-moz-background-size:90% auto;
background-size:90% auto;
}

h1 {
-moz-background-size:100% auto;
background-size:100% auto;
}




}