@charset "shift_jis";

/* CSS Document */

/*
 Share Style [
----------------------------------------------------------- */
body {
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 85%;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	color: #333;
}
h1,h2,h3,h4,h5,h6 {
	font-size:85%;
	font-weight:normal;
	margin:0;
	padding:0;
}
li,dt,dl {
	margin: 5px;

}

p{margin: 5px 0px;}
ul {
margin:0px;
}
li {margin:0px;}

img {
	border:0;
	margin:0px;
}
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
	margin:50px 0px;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}
form {margin:0px;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*
 Link Color [
----------------------------------------------------------- */
a {
	text-decoration: none;
	color: #C00;
}
a:link {
	color: #C00;
}
a:visited {
	color: #C00;
}
a:hover {
	color: #F60;
	text-decoration: underline;
}
a:active {
	color: #F60;
}


/*
 layout
----------------------------------------------------------- */
.toph1 h1 {
	background-color: #5A5A5A;
	font-size: 75%;
	color: #FFF;
	width: 960px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
#toph1_in {
	background-color: #5A5A5A;
}
#topheader_bg{
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat-x;
	height: 505px;
}

#topheader_bg_next{
	background-image: url(../img/header_bg_next.jpg);
	background-repeat: repeat-x;
	height: 180px;
}

#topheader_in{
	margin: 0 auto;
	width: 960px;
}
#nextheader_bg{
	background-image:url(../img/nextmain_bg.jpg);
	background-repeat:repeat-x;
	height:240px;
}
#wrapper {
	margin: 0 auto;
	width: 960px;
	background-color: #FFF;
}
#header {
	width: 940px;
	padding: 10px;
	height: 60px;
	margin: 0px;
	position: relative;
}
#header .logo {
	width: 350px;
	float: left;
	margin: 0px;
	padding: 0px;
}


#header #helpNav {
	position: absolute;
	top: 20px;
	right: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
}


#navigation {
	width: 960px;
	color: #333;
	padding: 0px;
	margin: 0px;
	height: 47px;
}
#content{
	width: 960px;
	float: left;
	padding: 0px 0px 30px;
}
.mainphoto{
	background:url(../img/kage680.jpg)  bottom no-repeat;
	padding-bottom:15px;}


#main{
	width: 960px;
	margin: 15px auto;
	float: left;
}

#slider{
}



#leftcolumn {
	margin: 0px 0px 40px 0px;
	width: 670px;
	float: left;
}

#right_content{
	float: right;
	width: 280px;
}

#rightcolumn1 {
	float: right;
	margin: 10px 0px;
	padding: 10px;
	width: 240px;
	border: #CCC solid 1px;
}

#rightcolumn1 img{
	margin-bottom: 12px;
}


#rightcolumn_tenpo {
	float: right;
	margin: 10px 0px;
	padding: 10px;
	width: 240px;
	height: 626px;
	border: #CCC solid 1px;
	background-image: url(../../img/tenpo-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

#tabelog-terai {
	margin-left:23px;
	margin-top:301px;
}

#hotpepper-terai {
	margin-left:23px;
	margin-top:301px;
}

#tabelog-nagata {
	margin-left:23px;
	margin-top:228px;
}

#hotpepper-nagata {
	margin-left:23px;
	margin-top:228px;
}

#rightcolumn_course {
	float: right;
	margin: 10px 0px;
	padding: 10px;
	width: 240px;
	border: #CCC solid 1px;
}

#footer {
	clear: both;
	padding: 0px;
	border-top: groove 2px #666666;
	background-color: #000;
	color:#FFF;
}

#footer_sub{
	background-color: #666;
}

#footer_sub_in{
	width: 940px;
	padding: 10px;
	margin: 0px auto;
	vertical-align:middle;
}
#footer_sub_in a{
	color:#FFF;
	margin:3px;
}
#footer_sub_in a:hover{
	color: #FFF;
	margin: 3px;
}


#footer_menu{
	width: 550px;
	padding: 20px 10px 20px 400px;
	margin: 0px auto;
	background: url(../img/logogray.gif) no-repeat left center;
}

#footer_menu a{
	color:#FFF;
	margin:3px;
}
#footer_menu a:hover{
	color:#FFF;
	margin:3px;
}

#pan {
	font-size: 80%;
	margin: 0px auto;
	padding: 0px 0px 0px 30px;
	background: url(../img/home.png) no-repeat 5px center;
	height: 30px;
	line-height: 30px;
}

/*サイドメニュー
----------------------------------------------------------- */

#rightcolumn {
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	width: 240px;
	border: #CCC solid 1px;
}


.sideMenu , .sideMenu ul { margin:0; padding:0; }
.sideMenu a { text-decoration:none; }
.sideMenu li {
    list-style:none;
}
.sideMenu li a {
display:block;
	width:215px;
	padding:0px 0px 0px 25px;
	background:url(../img/arrow1.png) no-repeat 5px 8px;
	text-decoration:none;
	height: 35px;
	line-height:35px;
	color:#333;
	margin:1px 0px;
	background-color:#FFF;
}
.sideMenu li a:hover {
	background: url(../img/arrow2.png) no-repeat 5px 8px;
	width: 215px;
	padding: 0px 0px 0px 25px;
	background-color:#FFF;}

/*子メニュー*/
.sideMenu li ul li a {
	background: url(../img/add1.png) no-repeat 9px 13px;
	background-color: #FFF;
}
.sideMenu li ul li a:hover {
		background:url(../img/add.png) no-repeat 9px 13px;
		background-color: #FFF;
}

/*コピーライト
----------------------------------------------------------- */
#copy{
	font-size: 80%;
	font-family: Verdana, Geneva, sans-serif;
	width: 960px;
	margin: 0px auto;
	text-align: center;
}



/*
 枠、テーブル
----------------------------------------------------------- */
.box{
	width: 650px;
	padding: 10px;
	margin-bottom: 40px;
}

.box2{
	width: 650px;
	padding: 10px;
	margin-bottom: 10px;
}

.box p{
	margin:5px 10px;
}

.box_news {
	overflow: hidden;
	padding: 20px 10px;
	margin-bottom: 20px;
	border-bottom: 1px #666 dotted;
}
.box_news .newsphoto {
	float: left;
	margin-right: 15px;
	margin-left: 10px;

}
.box_news p {
	overflow: hidden;
	padding: 3px;
}





.box_right {
	width: 650px;
	padding: 10px;
	margin-bottom: 40px;
}
.box_right img {
	float: right;
	margin-right: 15px;
	margin-left: 20px;
}
.box_right p {
    overflow: auto;
	margin:5px 10px;
}

#info{
	width: 670px;
	padding: 0px;
	margin-bottom: 40px;
}

#topic{
	width: 670px;
	padding: 0px;
	margin-bottom: 40px;
}

.info_middle{
	width:660px;
	margin: 10px 0px 10px 10px;
}

.right_middle{
	background-color: #FFF;
	padding: 20px 20px 8px;
}



.table1 {
	border: 1px solid #dcdcdc;
	background-color: #FFFFFF;
	margin: 10px 10px 40px;
	width: 650px;
	border-collapse:collapse;
}
.table1 td {
	border:1px #dcdcdc solid;
	padding:10px;
}
.table1 th {
	border: 1px #dcdcdc solid;
	background-color: #f3f3f3;
	white-space: nowrap;
	color: #333;
	font-weight: normal;
	padding:10px;
}

.table2 {
	border: 1px solid #dcdcdc;
	background-color: #FFFFFF;
	margin: 10px 10px 40px;
	width: 650px;
	border-collapse:collapse;
}
.table2 td {
	border:1px #dcdcdc solid;
	padding:10px;
}
.table2 th {
	border: 1px #dcdcdc solid;
	background-color: #f3f3f3;
	white-space: nowrap;
	color: #333;
	font-weight: normal;
	text-align:left;
	padding:10px;
}




.akawaku{
	color: #FFF;
	background-color:#F00;
	border:1px solid #C00;
	padding:3px;
}




/*
 見出し
----------------------------------------------------------- */
.midashi1 {
	padding: 0px 0px 0px 15px;
	margin: 15px 10px;
	color: #333333;
	font-weight: bold;
	font-size: 150%;
	width: 625px;
	height: 38px;
	line-height: 38px;
	border-left: 10px solid #F00;
}


.midashi2 {
	padding: 0px 0px 0px 15px;
	margin: 15px 10px;
	color: #333333;
	font-weight: bold;
	font-size: 100%;
	width: 625px;
	height: 38px;
	line-height: 38px;
	border-left: 10px solid #F00;
}

.midashi3 {
	padding: 0px 0px 0px 15px;
	margin: 15px 10px;
	font-weight: bold;
	font-size: 80%;
	width: 625px;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #F00;
}


/*
 リストマーク　ボタン
----------------------------------------------------------- */


.info_middle dl{
	margin:10px 8px;
	border-bottom:#666666 1px dashed;
	font-size:12px;
}
.info_middle dt {
background: url(../img/list1.gif) no-repeat 20px 50%;
padding:0px 0px 0px 40px;
margin:0px;
vertical-align:middle;
}
.info_middle dd {
padding:0px;
margin:0px;
margin-top: -1.5em;
margin-left: 300px;
margin-bottom:8px;
}

.info_middle img {vertical-align:middle;}


a:hover.b1 img{
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.info_middle a {
	text-decoration: none;
	color: #333;
}
.info_middle a:link {
	color: #333;
}
.info_middle a:visited {
	color: #333;
}
.info_middle a:hover {
	color: #C00;
	text-decoration: underline;
}
.info_middle a:active {
	color: #C00;
}

/*
 サイトマップ
----------------------------------------------------------- */
#sitemap {}
.link0 {
	background: url(../img/sankaku.gif) left no-repeat;
	padding:5px 0px 5px 15px;
}
.link1 {
	background: url(../img/sitemap1.gif) repeat-y left top;
	padding:5px 0px 5px 20px;
	margin:5px 0px 5px 50px;
}
.link2 {
	background: url(../img/sitemap2.gif) no-repeat left bottom;
	padding:5px 0px 5px 20px;
	margin:5px 0px 5px 50px;
}

/*
 imagebox
----------------------------------------------------------- */
div.imagebox {
	width: 310px;
	float: left;
	margin: 15px 6px;
	padding: 0px;
		}
		p.image {
		   text-align: center;
		   margin: 0px;
		}
		p.caption {
	color: #333;
	margin: 2px　0px;
	font-size:70%;
	text-align: center;
		}

		p.exp {
			clear: left;
		}




.thumb_list{
	padding: 20px 0px;
	border-bottom: #CCC solid 5px;
	margin: 0px;
}

/*#gallery_photo p, .description{overflow: hidden;}*/

*html #gallery_photo p{float: left;}

.gallery_photo_waku {
	overflow: hidden;
	margin: 0px;
	padding: 0px 10px;
}



.thumb160 {
	float: left;
	margin: 5px 20px 20px 10px;
	clear: both;
	width: 160px;
	padding: 5px;
	border: 1px solid #ccc;
}

.thumb280 {

	width: 280px;
	float: left;
	margin: 5px 20px 20px 20px;
	padding: 0px;
	clear: both;

}

.thumb280_up {
	width: 280px;
	float: left;
	margin: 5px 20px 20px 20px;
	padding: 0px;
	clear: both;
	background: url(../img/zoom_in.png) no-repeat bottom right;
	padding-bottom: 18px;

}


.photo {

	float:left;

	padding-right: 5px;
	min-height:180px;

}

.honbun {

}

.photo_up {

   padding-bottom: 18px;

   background: transparent url(../img/zoom_in.png) no-repeat bottom right;

}

/*----------------------------------------------------
	前へ、次へ、上へ
----------------------------------------------------*/
.pagenext {
	background-image: url(../img/arrow_right.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	float: right;
	font-size: 75%;

	margin: 10px 0px 0px 0px;
	background-position: left center;
}
.pagenext a:link{color:#CC3399;text-decoration:none;}
.pagenext a:visited{color:#CC3399;text-decoration:none;}
.pagenext a:hover{color:#CC3399;text-decoration:none;}
.pagenext a:active{color:#CC3399;text-decoration:none;}

.pageback {
	background-image: url(../img/arrow_left.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	font-size: 75%;
	height: 17px;
	margin: 10px 0px 0px 0px;
	background-position: left center;
	float: left;
}
.pageback a:link{color:#CC3399;text-decoration:none;}
.pageback a:visited{color:#CC3399;text-decoration:none;}
.pageback a:hover{color:#CC3399;text-decoration:none;}
.pageback a:active{color:#CC3399;text-decoration:none;}



/*
 TOPへボタン
----------------------------------------------------------- */
.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
}

.backtotop a {
    display: block;
    color: #777777;
    padding: 14px 6px;
    margin: 0;
    background-color: #DDDDDD;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

.backtotop a:hover {
    background: #666666;
    color: #FFFFFF;
}


/*----------------------------------------------------
	サイトマップ
----------------------------------------------------*/
#sitemap {
	padding: 30px 0px 0px 50px;
}
#sitemap ul {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

#sitemap li {
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

#sitemap textarea { font-size: 100%; }
#sitemap img { vertical-align: bottom; }
#sitemap hr  { display: none; }


#sitemap ul li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	background: url(../img/home.gif) no-repeat 0 4px;
	line-height: 160%;
}
#sitemap ul li ul {
	background: url(../img/ic_bk.gif) no-repeat 17px 0;
}
#sitemap ul li ul.category li {
	background: url(../img/ic_category.gif) no-repeat 1px -283px;
}
#sitemap ul li ul.page li {
	background: url(../img/ic_page.gif) no-repeat 1px -283px;
}
#sitemap ul li ul li.last {
	background-color: #FFFFFF;
}



/*----------------------------------------------------
	download
----------------------------------------------------*/
.download{

margin:10px 20px;}

.download a {
background-repeat:no-repeat;
background-position: right center;
padding:5px 20px 5px 0px;
}

.download a[href$=".xls"], a[href$=".xlsx"] {
	background-image: url(../img/icon_xls.gif);
}

.download a[href$=".pdf"]  {
	background-image: url(../img/icon_pdf.gif);
}

.download a[href$=".doc"], a[href$=".docx"] {
	background-image: url(../img/icon_doc.gif);
}