@charset "UTF-8";
/*
Theme Name: handz css
Theme URL: http://www.handz.jp/
Description: ハンズtopCSS.
Version: 1.0
Author: ハンズ
Author URL:http://www.handz.jp/
*/

/* CSS Document */

body {
margin:0;
padding:0;
background:#FFFFFF;
text-align:center;
}
.contents {
position:relative;
width:777px;
margin:10px auto;
text-align:left;
}
.main {
float:right;
width:565px;
margin:0;
padding:0;
}
.side {
float:left;
width:207px;
margin:60px 0 0 0;
padding:0;
}

/* 全体
----------------------------- */
/* ヘッダー */
h1 {
width:777px;
height:406px;
background:url(../img/top-cover.jpg) no-repeat top left;
text-indent:250px;
padding:10px 0 0 0;
margin:0;
font-size:14px;
color:#333333;
font-weight:normal;
}
h1 a {
width:777px;
height:406px;
display:block;
text-decoration:none;
font-size:14px;
color:#333333;
}
/* メニュー
----------------------------- */
.topmenu {
position:absolute;
top:408px;
left:0;
width:777px;
margin:0;
padding:0;
    overflow: hidden;
}

.topmenu :after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .topmenu  {
    height: 1em;
    overflow: visible;
}
/**/


/* パンクズ
----------------------------- */
.pan {
position:absolute;
top:448px;
left:0;
width:777px;
margin:0;
padding:0 0 5px 0;
border-bottom:#e9e9e9 solid 1px;
}
.pan p {
font-size:10px;
color:#999999;
line-height:100%;
}
.pan a {
font-size:10px;
color:#999999;
}
.pan a:hover {
font-size:10px;
color:#FF9900;
}

/* リード
----------------------------- */
.read h2 {
width:550px;
height:58px;
margin:0;
padding:0;
background:url(../img/top-cc.gif) no-repeat left center;
text-indent:-9999em;
}
.read p {
margin:10px 5px 20px 5px;
line-height:150%;
letter-spacing:1px;
}

/* ニュース
----------------------------- */
.news {
width:500px;
margin:0;
padding:10px;
border:#CCCCCC solid 1px;
}
.news h2 {
height:490px;
height:20px;
margin:0;
padding:0;
font-size:1.0em;
background:url(../img/top-info-title.jpg) no-repeat center left;
text-indent:-9999em;
}
.news h2 a {
height:490px;
height:20px;
margin:0;
padding:0;
display:block;
text-decoration:none;
}
.news h3 {
clear:both;
position:relative;
margin:15px 0 15px 0;
padding:2px 20px 0 20px;
font-size:1.4em;
color:#666666;
background:url(../img/yajirusi.jpg) no-repeat left center;
}
.news h3 a {
color:#3366CC;
text-decoration:none;
}
.news h3 a:hover {
color:#FF9900;
text-decoration:underline;
}
p.news {
margin:0;
padding:0 20px;
font-size:12px;
color:#666666;
line-height:125%;
}
p.news a {
font-size:12px;
color:#3366CC;
text-decoration:none;
}
p.news a:hover {
font-size:12px;
color:#FF9900;
}
.news img {
float:left;
margin:0 5px 0 0;
padding:0;
border:none;
}
.newsblock strong {
font-size:1.2em;
color:#990000;
}
.newsblock {
margin:5px 0;
padding:0 0 20px 0;
border-bottom:#999999 solid 2px;
}
p.date {
text-align:right;
font-size:10px;
}

div.continue {
text-align:right;
margin:50px 0;
font-size:0.85em;
}
div.continue a {
color:#0099FF;
text-decoration:none;
}
div.continue a:hover {
color:#FF6600;
text-decoration:none;
}