@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
background: #cccccc;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ　Ｐゴシック",Helvetica, Arial, sans-serif;
font-size: small;
line-height: 1.5em;
color: #333;
}

a {
text-decoration: underline;
color: #336699;
}
a:hover {
text-decoration: underline;
color: #111;
}

#wrap {
margin: 0 auto;
width: 960px;
}

#header {
height: 100px;
background: #ccc url(images/header.jpg) no-repeat;

}
#header h1 { 
font-family:Georgia;
font-weight:bold;
font-size: 22px;
padding: 40px 0 0 20px;
line-height:30px;
color: #333;
float:left;
}


#headerlogo
{
width:60px;
height:70px;
float:left;
margin:10px 30px;
background:url(images/igpnlogo.png) no-repeat;
}
#headerlogo a{display:block; height:70px; text-indent:-9999px;}


#menu {
float: left;
list-style: none;
padding: 0;
background: #ccc url(images/menu.jpg) no-repeat;
margin: 0 auto;
width:960px;
height: 39px;
}
#menu p{
display:table-cell;
height:39px;
vertical-align:middle;
padding:0 0 0 30px;
color:#fff;
font-size:1.2em;
font-weight:bold;
text-shadow:#111 1px 1px 5px;
letter-spacing:1px;
}






#content {
clear:both;
padding:10px 10px 1px 10px ;
background: #ccc url(images/contentbg.jpg) repeat-y;
color:#333; 
}
div.section{zoom:1; margin:40px 70px; background:#fff;}
div.section:after{display:block; clear:both; content:' '; height:1px; overflow:hidden;}
div.section h2{color:rgb(84, 141, 212); font-size:1.3em; float:right; width:580px; margin-bottom:1em;}
div.section p.txt{float:right; width:580px; margin-bottom:1.5em;}
div.section p.img{float:left; width:200px;}
div.section p.img img{width:100%; height:auto;}

div.article{float:right; width:580px; background:#f6f6f6; margin-bottom:40px;}
div.article h3{font-size:1.15em; margin:15px 15px 20px; border-bottom:3px solid #69C; padding:0 0 5px;}

div.items{margin:0 15px 40px;}
div.items h4{font-size:1em; margin-bottom:0.5em;}
div.items h5{font-size:1em; color:#333; margin-top:1em; font-weight:normal; margin-left:15px;}
div.items p{ margin-left:15px;}

div#btn{text-align:center; margin:60px 0; clear:both;}
div#btn a{display:block; width:457px; height:82px; margin:0 auto; background:url(images/btn.jpg) no-repeat; text-indent:-9999px;}
div#btn a:hover{background-position:0 100%;}


div#back{padding:0 70px;}
div#back a{color:#333;}
div#back a:hover{color:#999;}
p#home{float:left;}
p#pagetop{float:right;}

#footer {
	height: 10px;
	background: #ccc url(images/footerbg.jpg) no-repeat;
}
