@charset "shift_jis";

/******* ボディー *******/

html {

overflow-y: auto;
overflow-x: hidden;
}

html, body {
}


body {
font-size:12px;
color:#303030;
text-align: center;
margin: 0px 0 40px 0;
padding-top: 0px;
font-family: 'メイリオ','verdana','Osaka','ＭＳ　Ｐゴシック','sans-serif';
}

/************************************************
*clear
*IE以外：親要素で回りこみを自動解除
************************************************/

div:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

#container{
width:762px;
margin:0 auto;
text-align:center;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

#fla{
width:758px;
height:360px;
margin:0 auto;
}

#main{
}

#copyright{
text-align:center;
display:block;
text-indent:-9999px;
}


/*********左バナー*************/

#banner{
width:175px;
float:left;
text-align:left;
}

#banner ul {
margin:20px 0 0 7px;
padding:0;
}
#banner ul li{
list-style:none;
}

#banner ul li a{
display:block;
width:170px;
height:50px;
text-indent:-9999px;
margin:0;
}

#banner ul li.ikoi{
background:url(img/bn_ikoi.gif) top center no-repeat;
}
#banner ul li.tajima{
background:url(img/bn_tajima.gif) top center no-repeat;
}
#banner ul li.sanson{
background:url(img/bn_dojo.gif) top center no-repeat;
}
#banner ul li.resort{
background:url(img/bn_daikura.gif) top center no-repeat;
}
#banner ul li.ski{
background:url(img/bn_ski.gif) top center no-repeat;
}
#banner h1{
	width:167px;
	height:50px;
	background:url(img/banner_minamiyama.gif) center center no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 5px;
}
#banner h1 a{
display:block;
width;167px;
height:50px;
}
#banner p{
margin:0px 0 0 10px;
}
/*********トップ　右*************/

.box_0{
width:570px;
float:left;
text-align:left;
}

.box_1{
width:700px;
margin:0 auto;
text-align:left;
}


div.box_0in{
	width:550px;
	border:1px solid #CCCCCC;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
}


/************トップ　各施設の紹介ボックス**************/
#container #main .box_0 .box_0in h3{
text-indent:-9999px;
display:block;
width:253px;
height:49px;
margin:0;
}

#container #main .box_0 .box_0in h3#tajima{
background:url(img/subtitle_tajima.gif) no-repeat center top;
}
#container #main .box_0 .box_0in h3#ikoi{
background:url(img/subtitle_ikoi.gif) no-repeat center top;
}
#container #main .box_0 .box_0in h3#sanson{
background:url(img/subtitle_sanson.gif) no-repeat center top;
}
#container #main .box_0 .box_0in h3#resort{
background:url(img/subtitle_resort.gif) no-repeat center top;
}
#container #main .box_0 .box_0in h3#ski{
background:url(img/subtitle_ski.gif) no-repeat center top;
}



#container #main .box_0 .box_0in p {
	margin: 8px 8px 0 8px;
	padding: 0px;
	font-size:11px;
	line-height:140%;
	color:#224972;
}

#container #main .box_0 .box_0in .right{
float:right;
margin:0px 0 0 5px;
border:1px solid #CCCCCC;
}


#container #main .box_0 .box_0in a.bt{
	display:block;
	margin-left:20px;
	width:80px;
	height:25px;
	background:url(img/btn_news.gif) no-repeat right top;
	text-indent:-9999px;
	float: right;
}

/**********ヘッダー（コンテンツページ）**************/

h1#header{
display:block;
width:760px;
height:140px;
text-align:left;
margin:0 auto;
background:url(img/bg_header_cont.jpg) no-repeat top center;
text-indent:-9999px;
}


#main h1.title{
text-align:left;
border-bottom:#CCCCCC 1px solid;
border-right:#dddddd 1px solid;
color:#003399;
font-size:16px;
padding:8px 5px 8px 30px;
margin:15px 12px 15px 18px;
background:url(img/bg_h1title.jpg) no-repeat left top;
}


#main h2{
text-align:left;
color:#033369;
font-size:12px;
padding:4px 5px 4px 32px;
margin:15px 10px 8px 20px;
background:url(img/bg_h2title.gif) no-repeat left center;
}

#main p{
margin:0px 5px 5px 20px;
}

.col0{
}

.col1{
background:url(img/bg_corner.gif) no-repeat right bottom;
border-left:#dedede 1px solid;
border-top:#dedede 1px solid;
margin:20px 10px 20px 20px;
height:330px;
}
.col2{
background:url(img/bg_corner2.gif) no-repeat right bottom;
border-left:#dedede 1px solid;
border-top:#dedede 1px solid;
margin:20px 10px 20px 20px;
padding-bottom:30px;
}


#main .col1 h2{
margin:20px auto 0 20px;
}
#main .col1 p{
margin:20px auto 0 25px;
}

div.right{
float:right;
padding:15px;
text-align:center;
}
div.right p{
font-size:10px;
color:#999999;
margin:0;
text-align:center;
}

#main .col1 div.right p{
font-size:10px;
color:#999999;
margin:0;
text-align:center;
}

#main .col1 table{
margin:0 auto;
}
#main .col1 table td{
font-size:11px;
color:#666;
}
#main .col1 table th{
font-size:12px;
color:#333;
}

#main .col2 h3{
display:block;
height:55px;
width:542px;
background-position:8px center;
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:5px;
}

h3.tajima{
background-image:url(img/title_tajima.gif);
}
h3.ikoi{
background-image:url(img/title_ikoi.gif);
}
h3.sanson{
background-image:url(img/title_sanson.gif);
}
h3.resort{
background-image:url(img/title_resort.gif);
}
h3.ski{
background-image:url(img/title_ski.gif);
}


#main .col2 dl.news{
margin:5px auto 0 auto;
width:500px;
border-bottom:1px dotted #CCCCCC;
}

#main .col2 dl.news dt{
border-left:5px solid #99CCFF;
padding:3px 0 3px 5px;
font-size:11px;
color:#003399;
margin:0;
}

#main .col2 dl.news dd{
font-size:11px;
margin:0 0 3px 0;
}


#main .col2 dl.news dd a.bt{
display:block;
margin-left:360px;
width:120px;
height:25px;
background:url(img/btn_detail.gif) no-repeat right top;
text-indent:-9999px;
}

*html #container #main #box_0 #main .col2 dl.news dd a{
}


div.right img{
padding:5px;
display:block;
}

img.img_right{
float:right;
padding:0 20px 25px 10px;
}

p.right{
text-align:right;
}

#main dl{
margin-left:30px;
margin-bottom:30px;
clear:both;
}

#main dl dt{
border-left:#6699CC 3px solid;
padding-left:10px;
margin-top:15px;
color:#6090C0;
}

#main dl dt.clients {
padding:3px 0 3px 5px;
border-left:#6699CC 3px solid;
border-top:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}
#main dl dt.clients a{
text-decoration:none;
color:#0000CC;
}

#main dl dd{
padding-left:12px;
padding-top:3px;
margin:0;
}

#main dl dd ul{
margin-left:0;
padding-left:20px;
}

form table{
margin:2px 25px;
width:500px;
}

form table td{
padding:3px;
vertical-align:top;
}

form input#sbmt{
margin:20px auto 20px 250px;

}


a.pagetop{
clear:both;
display:block;
width:550px;
height:20px;
margin-bottom:30px;
text-align:right;
color:#00CCFF;
font-size:10px;
text-decoration:none;
}

a.pagetop:hover{
color:#0099FF;
}


.pad_top{
padding-top:20px;
}
.pad_left{
padding-left:5px;
}