@charset "UTF-8";
/*
Theme Name: handz css
Theme URL: http://www.handz.jp/
Description: ハンズbaseCSS.
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;
}
em {
font-style:normal;
}


/* 全体
----------------------------- */
/* ヘッダー */
h1 {
width:777px;
height:256px;
background:url(../img/u-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:256px;
display:block;
text-decoration:none;
font-size:14px;
color:#333333;
}
h1 strong {
font-weight:normal;
}

/* フッター
----------------------------- */
.footer {
clear:both;
position:relative;
width:777px;
margin:20px 0;
padding:0;
overflow: hidden;
}

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

/*\*/
* html .footer {
    height: 1em;
    overflow: visible;
}
/**/
.footer p {
font-size:9px;
color:#CC9966;
line-height:115%;
}
.footer p a {
font-size:9px;
color:#CC9966;
line-height:115%;
text-decoration:none;
}

p.back {
clear:both;
margin:10px 0;
padding:0;
text-align:right;
color:#660000;
font-size:12px;
}
p.back a {
margin:0;
padding:0;
font-size:12px;
color:#660000;
text-decoration:none;
}
p.back a:hover {
margin:0;
padding:0;
font-size:12px;
color:#FF9900;
text-decoration:none;
}
.address {
width:777x;
margin:0;
padding:5px 0;
background:#666666;
}
.address p {
margin:0;
padding:0 25px;
text-align:right;
color:#999999;
font-size:14px;
line-height:100%;
}
/* フッターナビ */
#fnavi {
float:right;
width:777px;
margin:5px 0;
}
#fnavi ul {
margin:0;
padding:0;
list-style: none;
}
#fnavi li {
float:right;
margin: 0 8px;
padding: 0;
font-size:12px;
color:#333333;
}
#fnavi li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
font-size:12px;
color:#333333;
}
#fnavi li a:hover {
margin:0;
padding:0;
text-decoration: none;
display: block;
font-size:12px;
color:#FF9900;
}

/* 共通パーツ
----------------------------- */
.main p {
margin:0;
padding:0;
color:#333333;
font-size:14px;
line-height:145%;
}
.main p a {
color:#3366CC;
text-decoration:none;
}
.main p a:hover {
color:#FF9900;
}
/* リード
----------------------------- */
div.read {
clear:both;
margin:60px 20px 0 0;
padding:0;
}

.read p {
magin:0;
padding:0 0 5px 5px;
color:#333333;
font-size:14px;
line-height:145%;
}
/* パンクズ
----------------------------- */
.pan {
position:absolute;
top:290px;
left:10px;
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;
}


/* メニュー
----------------------------- */
.topmenu {
position:absolute;
top:256px;
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;
}
/**/

#navi {
width:777px;
margin:0;
padding:0;
}

#navi ul {
margin:0;
padding:0;
list-style: none;
}
#navi li {
float:left;
margin:0;
padding: 0;
text-indent:-9999px;
}
#navi li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
}
/* --------- */
#navi li#allmenu01 {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat 0px 0px;
}
#navi li#allmenu01 a {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat 0px 0px;
}
#navi li#allmenu01 a:hover{
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat 0px -25px;
}
/* --------- */
#navi li#allmenu02 {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -111px 0px;
}
#navi li#allmenu02 a {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -111px 0px;
}
#navi li#allmenu02 a:hover{
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -111px -25px;
}
/* --------- */
#navi li#allmenu03 {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -222px 0px;
}
#navi li#allmenu03 a {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -222px 0px;
}
#navi li#allmenu03 a:hover{
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -222px -25px
}
/* --------- */
#navi li#allmenu04 {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -333px 0px;
}
#navi li#allmenu04 a {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -333px 0px;
}
#navi li#allmenu04 a:hover{
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -333px -25px
}
/* --------- */
#navi li#allmenu05 {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -444px 0px;
}
#navi li#allmenu05 a {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -444px 0px;
}
#navi li#allmenu05 a:hover{
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -444px -25px
}
/* --------- */
#navi li#allmenu06 {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -555px 0px;
}
#navi li#allmenu06 a {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -555px 0px;
}
#navi li#allmenu06 a:hover{
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -555px -25px
}
/* --------- */
#navi li#allmenu07 {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -666px 0px;
}
#navi li#allmenu07 a {
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -666px 0px;
}
#navi li#allmenu07 a:hover{
margin:0;
padding:0;
width:111px;
height:25px;
background:url(../img/navi.jpg) no-repeat -666px -25px
}
/* サイド
----------------------------- */
.sidemenu {
left:0;
width:200px;
margin:0;
padding:0;
overflow: hidden;
}

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

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


#menu {
width:200px;
margin:0;
padding:0;
}

#menu ul {
margin:0;
padding:0;
list-style: none;
}
#menu li {
margin:0;
padding: 0;
text-indent:-9999px;
}
#menu li a {
margin:0;
padding:0;
text-decoration: none;
display: block;
}
/* --------- */
#menu li#menu01 {
margin:0 0 20px 0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-sekou.jpg) no-repeat 0px 0px;
}
#menu li#menu01 a {
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-sekou.jpg) no-repeat 0px 0px;
}
#menu li#menu01 a:hover{
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-sekou.jpg) no-repeat 0px 0px;
}
/* --------- */
#menu li#menu02 {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px 0px;
}
#menu li#menu02 a {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px 0px;
}
#menu li#menu02 a:hover{
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat -200px 0px;
}
/* --------- */
#menu li#menu03 {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -52px;
}
#menu li#menu03 a {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -52px;
}
#menu li#menu03 a:hover{
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat -200px -52px;
}
/* --------- */
#menu li#menu04 {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -104px;
}
#menu li#menu04 a {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -104px;
}
#menu li#menu04 a:hover{
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat -200px -104px;
}
/* --------- */
#menu li#menu05 {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -156px;
}
#menu li#menu05 a {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -156x;
}
#menu li#menu05 a:hover{
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat -200px -156px;
}
/* --------- */
#menu li#menu06 {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -208px;
}
#menu li#menu06 a {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -208x;
}
#menu li#menu06 a:hover{
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat -200px -208px;
}
/* --------- */
#menu li#menu07 {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -260px;
}
#menu li#menu07 a {
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat 0px -260x;
}
#menu li#menu07 a:hover{
margin:0;
padding:0;
width:200px;
height:52px;
background:url(../img/menu.jpg) no-repeat -200px -260px;
}
/* --------- */
#menu li#menu08 {
margin:20px 0 0 0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-kengaku.jpg) no-repeat 0px 0px;
}
#menu li#menu08 a {
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-kengaku.jpg) no-repeat 0px 0px;
}
#menu li#menu08 a:hover{
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-kengaku.jpg) no-repeat 0px 0px;
}
/* --------- */
#menu li#menu09 {
margin:20px 0 0 0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-siryou.jpg) no-repeat 0px 0px;
}
#menu li#menu09 a {
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-siryou.jpg) no-repeat 0px 0px;
}
#menu li#menu09 a:hover{
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-siryou.jpg) no-repeat 0px 0px;
}
/* --------- */
#menu li#menu10 {
margin:20px 0 0 0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-hudousan.jpg) no-repeat 0px 0px;
}
#menu li#menu10 a {
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-hudousan.jpg) no-repeat 0px 0px;
}
#menu li#menu10 a:hover{
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-hudousan.jpg) no-repeat 0px 0px;
}
/* --------- */
#menu li#menu11 {
margin:20px 0 0 0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-blog.jpg) no-repeat 0px 0px;
}
#menu li#menu11 a {
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-blog.jpg) no-repeat 0px 0px;
}
#menu li#menu11 a:hover{
margin:0;
padding:0;
width:200px;
height:105px;
background:url(../img/m-blog.jpg) no-repeat 0px -105px;
}



/* 共通
----------------------------- */
.boldred {
color:#CC0000;
font-weight:bold;
}

span.new {
    display: none;
    color: red;
    font-weight: normal;
font-size:10px;
}
p.continue {
clear:both;
margin:10px 0;
font-size:14px;
color:#003399;
text-align:right;
}
p.continue a {
clear:both;
margin:0;
font-size:14px;
color:#003399;
text-align:right;
}
p.continue a:hover {
clear:both;
margin:0;
font-size:14px;
color:#FF9900;
text-align:right;
}