﻿@charset "utf-8";

/* 初期設定 */
*{
margin:0;
padding:0;
border:0;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:13px;
line-height:1.4;
font-style:normal;
font-weight:normal;
text-decoration:none;
color:#562f27;
}

a{
font:inherit;
color:#f25ea3;
cursor:pointer;
overflow:hidden;
outline:none;
}

#showcase a{
text-decoration:underline;
}

#showcase a:hover{
text-decoration:none;	
}

ul{
list-style:none;
}

.indent{
padding-left:1em;
text-indent:-1em;
text-align:left;
font-size:inherit;
line-height:inherit;
color:inherit;
display:block;
}

.indent2{
margin-left:1em;
padding-left:1em;
text-indent:-1em;
text-align:left;
font-size:inherit;
line-height:inherit;
color:inherit;
display:block;
}

.clear{
height:0px;
clear:both;
}

.center{
margin-left:auto;
margin-right:auto;
display:block;
}

strong,em{
color:inherit;
font:inherit;
}

/* レイアウト */
body{
background-color:#eee;
}

#content{
width:960px;
min-height:460px;
margin-left:auto;
margin-right:auto;
background-image:url('../image/back.gif');
background-repeat:repeat-y;
position:relative;
}

#main{
width:930px;
margin:25px 15px 30px 15px;
}

#showcase{
width:680px;
float:left;
}

#side{
width:240px;
float:right;
}

address{
width:930px;
height:25px;
margin:0px 15px 0px 15px;
background-image:url(../image/header-menu.gif);
color:#fff;
line-height:27px;
font-weight:bold;
text-align:center;
}

/* cover */
h1{
width:730px;
height:110px;
margin-left:215px;
font-size:90%;
text-align:right;
color:#f25ea3;
}

a#logo{
width:176px;
height:40px;
background-image:url(../image/logo.gif);
text-indent:-9999px;
position:absolute;
top:34px;
left:15px;
}

a#logo:hover{
background-position:-176px 0px;
}

/* top menu */
ul#topmenu{
width:930px;
height:35px;
background-image:url(../image/header-menu.gif);
position:absolute;
top:75px;
left:15px;
z-index:500;
}

ul#topmenu a{
font-size:90%;
color:#fff;
}

ul#topmenu a:hover{
visibility:visible;
position:relative;
z-index:200;
}

ul#topmenu li.top{
height:30px;
padding-left:20px;
float:left;
}

ul#topmenu li.top:hover{
position:relative;
z-index:200;
}

ul#topmenu li.top a.top_link{
line-height:30px;
float:left;
display:block;
overflow:visible;
}

ul#topmenu ul{
position:absolute;
left:-9999px;
top:-9999px;
}

ul#topmenu ul.sub1{width:180px}
ul#topmenu ul.sub2{width:180px}
ul#topmenu ul.sub3{width:180px}
ul#topmenu ul.sub4{width:150px}
ul#topmenu ul.sub5{width:170px}
ul#topmenu ul.sub6{width:130px}
ul#topmenu ul.sub7{width:170px}

ul#topmenu :hover ul{
padding:3px;
background-image:url(../image/menu-back.png);
z-index:300;
left:10px;
top:30px;
_left:-10px;
}

ul#topmenu :hover ul li a{
height:20px;
padding-left:5px;
padding-bottom:3px;
line-height:25px;
display:block;
}

ul#topmenu :hover ul li a:hover{
color:#f25ea3;
font-weight:bold;
}

#home a{
padding-right:15px;
line-height:30px;
float:right;
}

#home a:hover{
font-weight:bold;
}

#check{
position:absolute;
top:-27px;
left:835px;
}

#check a{
height:24px;
width:95px;
text-indent:-9999px;
background-image:url(../image/check.gif);
display:block;
}

#check a:hover{
background-position:-95px 0px;
}

/* side */
.side-menu{
background-color:#f25ea3;
}

.side-top{
height:5px;
width:240px;
background-image:url(../image/side-top.gif);
font-size:0%;
}

h6{
height:13px;
margin:0px 0px 0px 5px;
padding:3px 0px 0px 3px;
color:#fff;
font-size:90%;
line-height:1;
}

.sidemenu{
width:226px;
margin:3px 2px 0px 2px;
padding:5px;
background-color:#fff;
}

.side-bottom{
height:8px;
width:240px;
background-image:url(../image/side-bottom.gif);
font-size:0%;
}

.side-list{
margin-bottom:5px;
}

.side-list a{
height:16px;
text-indent:10px;
color:#562f27;
background-image:url(../image/arrow.gif);
background-repeat:no-repeat;
background-position:0px 5px;
display:block;
}

.side-list a:hover{
color:#f25ea3;
background-position:0px -11px;
}

.news{
width:226px;
height:100px;
margin:3px 2px 0px 2px;
padding:5px;
background-color:#fff;
overflow:auto;
}

.link a{
width:236px;
height:70px;
margin:-5px -5px 5px -5px;
display:block;
}

.link a:hover{
background-color:#fdf;
}

.pickup-pic{
margin:5px 0px 0px 5px;
border:#ddd solid 1px;
float:left;
}

.pickup-title{
margin:6px 0px 0px 70px;
font-size:90%;
line-height:1.2;
font-weight:bold;
color:#f25ea3;
display:block;
}

.pickup-text{
margin:0px 5px 0px 70px;
padding-top:2px;
font-size:90%;
line-height:1.2;
text-align:justify;
border-top:dotted #000 1px;
display:block;
}

/* up */
#up{
width:930px;
margin-left:0px;
padding-top:30px;
clear:both;
}

#up a{
width:160px;
height:25px;
margin-left:385px;
text-indent:-9999px;
background-image:url(../image/totop.gif);
display:block;
}

#up a:hover{
background-position:-160px 0px;
}

