@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;
   overflow: auto;
   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;
}

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

	#naviback p
	{
	text-align:center;
	}

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

ul
{
margin: 1em 0 1em 2em;
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;
	}


dt
{
font-weight: bold;
margin:10px 0 0 5px;
padding: 5px 0 5px 0;
border-left: #060 5px solid;
}

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

h1
{
padding: 2px 1px 2px 3px;
color: #fff;
background: #060;
font-size: medium;
font-weight: bold;
}

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

h3
{
margin: 8px 4px 4px 4px;
padding: 2px 1px 2px 3px;
color: #060;
background: #cfc;
font-size: small;
font-weight: bold;
border: #060 1px solid;
}

h4
{
margin: 8px 4px 4px 6px;
padding: 2px 1px 2px 6px;
color: #060;
background: #fff;
font-size: small;
font-weight: bold;
border-left: #060 5px solid;
border-bottom: #060 1px solid;
}

strong {
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;
}

#naviback p {
padding: 5px 0 15px 0;
}

#naviback p a,dt a {
border: 1px solid #060;
padding: 5px 1em;
}

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

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

.feeds {
	margin: -1em 0 0 -1em;
	font-weight: bold;
}
dd.feeds li:before {content:"最新記事：";}

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

#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;
}

}