@charset "utf-8";
/* CSS Document */


.msg {
padding: 30px;
text-align: center;
border: 4px solid #f2f2f2;
width: 80%;
background-color: #fff;
margin: 20px auto;
}

#top_main {
padding: 20px 0 0 10px;
}

#top_main h2 {
margin: 20px 0 10px 0;
clear: both;
border-bottom: 1px solid #ccc;
padding: 3px 3px 3px 10px;
background-color: #f2f2f2;
line-height: 170%;
font-size: 130%;
}

#top_main h3 {
font-size: 100%;
}

#use,
#kariru,
#tameru,
#toku,
#other  {
clear: both;
}

#top_main #use h2 {
border-left: solid 4px #0f567d;
}
#top_main #use h3 ,
#top_main #use h3 a {
color: #0f567d;
}

#top_main #kariru h2 {
border-left: solid 4px #2ea9c1;
}
#top_main #kariru h3 ,
#top_main #kariru h3 a {
color: #2ea9c1;
}

#top_main #tameru h2 {
border-left: solid 4px #3d8300;
}
#top_main #tameru h3 ,
#top_main #tameru h3 a {
color: #3d8300;
}

#top_main #toku h2 {
border-left: solid 4px #863a58;
}
#top_main #toku h3 ,
#top_main #toku h3 a {
color: #863a58;
}

#top_main #other h2 {
border-left: solid 4px #ccc;
}

#top_main #other h3 a {
color: #333;
}


#top_main h3 {
margin: 3px 0 5px 0;
}
#top_main dl {
width: 380px;
border: solid 1px #ccc;
margin: 10px 10px 15px 0;
}

#top_main dt {
float: left;
width: 110px;
padding: 5px 0;
text-align: center;
}
#top_main dd {
margin: 5px 0;
width: 260px;
float: right;
}
#top_main dd img {
padding: 5px;
}

#top_main dl:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}


#top_main .totop {
padding: 10px;
}




/* TOP.css -------------------*/

.topbk {
background-image: url(/inc/images/top/header_top_bk.gif);
background-repeat: repeat-x;
}

.topmenu {
background-color: #f2f2f2;
padding-bottom: 16px;background-image: url(/inc/images/top/menu_topm_bk.gif);
background-position: bottom;
background-repeat: no-repeat;
}


.topmenu dl {
padding: 5px 5px 0 5px;
background-image: url(/inc/images/top/menu_top_bk.gif);
background-position: top;
background-repeat: no-repeat;

}

.topmenu dt {
height: 37px;
}

.topmenu dt a{
background-image: url(/inc/images/top/menu_top.gif);
height: 37px;
display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
;
/*	overflow: hidden;*/
}
.topmenu .t01 {
background-position: 0 0;
}
.topmenu .t02 {
background-position: 0 -37px;
}
.topmenu .t03 {
background-position: 0 -74px;
}
.topmenu .t04 {
background-position: 0 -111px;
}
.topmenu .t05 {
background-position: 0 -148px;
}
.topmenu .t06 {
background-position: 0 -185px;
}
.topmenu .t07 {
background-position: 0 -222px;
}
.topmenu .t08 {
background-position: 0 -259px;
}
.topmenu .t09 {
background-position: 0 -296px;
}

.topmenu dt a:hover{
	opacity: 0.7;
    filter: alpha(opacity=70);
}

.topmenu dd {
border-right: solid 1px #ccc;
border-left: solid 1px #ccc;
background-color: #fff;
font-size: 90%;
}

.topmenu dd li{
border-top: dotted 1px #ccc;
padding: 4px 20px;
}
.topmenu dd p{
padding: 3px 20px;
}

dl.topsub{
background-color: #fff;
height: 75px;
}

dl.topsub dt{
margin: 0 0 0 5px;
width: 200px;
}

dl.topsub dt a{
display: block;
height: 30px;
background-image: url(/inc/images/top/menu_topsub.gif);
text-indent: -9999px;
}

dl.topsub dt .ts01 {
background-position: 0 0;
}
dl.topsub dt .ts02 {
margin-top: 5px;
background-position: 0 -35px;
}

dl.topsub dt a:hover{
	opacity: 0.7;
    filter: alpha(opacity=70);
}


/* news */
.topnews {
margin: 8px 0 15px 0;
}
.topnews li{
background-image: url(/inc/images/common/arrow_gray.gif);
background-repeat: no-repeat;
background-position: left 6px;
padding-left: 15px;
font-size: 90%;
}

/* tokucyo */
.toptokucyo img{
margin-bottom: 5px;
}

.topotoku {
background-image: url(/inc/images/top/benri_bk.gif);
background-position: left top;
background-repeat: no-repeat;
padding-left: 8px;
margin: 10px 0;
height: 330px;
}

.topotoku .line01 {
margin-top: 44px;
}


/* youbou */
.topyoubou dd{
background-image: url(/inc/images/top/youbou_bk.gif);
padding: 0 5px;
vertical-align: baseline;
height: 64px;
background-position: bottom;
}

/* moshikomi */
.moshikomi {
background-image: url(/inc/images/top/moshikomi.gif);
background-repeat: no-repeat;
height: 80px;
vertical-align: top;
margin: 10px 0;
}

.moshikomi strong{
text-indent: -9999px;
display: block;
height: 0px;
padding: 0;
margin: 0;
font-size: 0;
line-height: 0;
}
.moshikomi img {
margin: 15px 0 0 410px;
}


/* movie */
.topmovie .title {
background-image: url(/inc/images/top/title_movie.gif);
height: 38px;
text-align: right;
}
.topmovie .title strong{
display: none;
}
.topmovie .title img{
margin: 5px 1px 0 0;
}

.topmovie dl {
margin-top: 10px;
width: 132px;
height: 125px;
background-image: url(/inc/images/top/movie_bk.gif);
background-repeat: no-repeat;
float: left;
}

.topmovie dt {
margin: 5px;
}

.topmovie dd {
text-align: center;
padding: 0 1px;
font-size: 84%;
}

.topmovie dd a{
background-image: url(/inc/images/common/arrow_simple.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
}


.maR10 {
margin-right: 10px;
}

/* about */
.topabout {
background-image: url(/inc/images/top/about_bk.gif);
background-position: top left;
}

.topabout dt p{
margin: 10px 20px;
font-size: 90%;
}

.topabout dd {
background-image: url(/inc/images/top/about_bottom.gif);
background-position: bottom;
background-repeat: no-repeat;
padding: 0 0 8px 0;
text-align:center;
margin: 0;
}

/* topimg */
.topimg {
background-image: url(/inc/images/top/mian_img.jpg);
width: 559px;
height: 200px;
margin: 0 0 15px 0;
}
.topimg span{
display: block;
text-indent: -9999px;
height: 0px;
padding: 0;
line-height: 0;
font-size: 0;
}

.topimg p {
margin: 79px 0 0 22px;
}

.topimg p img {
margin: 0;
padding: 0;
}