

/*** for PC Browser ***/
@media (min-width:401px)
{
@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Crea.,Inc.
 Style Info:     コンテンツのスタイル

-------------------------------------------------*/


/*==-----------------------------------------------
index
-------------------------------------------------*/


#index h2{
	margin: 0;
	padding: 0;
	text-align: center;
}


/*==--------mainimg--------*/
#index #mainimg{
	height:390px;
}
#index #mainimg p{
	height:390px;
	background-image: url(../../src/pc/image/index/mainimg_bg.jpg);
}

/*==--------main--------*/

#index #inner{
	padding-top: 0px;
	background: none;
}
* html #index #contents #inner{	background: none;}
* + html #index #contents #inner{	padding-top: 0px;}

#index #main{
	width:735px;
	float:left;
	padding: 0;
	margin-top: 0;
	background: url(../../src/pc/image/index/main_top.png) 0 0 no-repeat;
}
#index #main .article{
	margin-top: 15px;
	padding: 5px 0;
	background: url(../../src/pc/image/index/main_bg.png) 0 0 repeat-y;
}
#index .main_bottom{
	height: 15px;
	margin: 0;
	background: url(../../src/pc/image/index/main_bottom.png) 0 0 no-repeat;
}

* html #index #main{background: url(../../src/pc/image/index/main_top.gif) 0 0 no-repeat;}
* html #index #main .article{background: url(../../src/pc/image/index/main_bg.gif) 0 0 repeat-y;}
* html #index .main_bottom{background: url(../../src/pc/image/index/main_bottom.gif) 0 0 no-repeat;}


/*==--------news--------*/
#index #main .section{
	margin: 5px 0 ;
	padding: 0;
	background: url(../../src/pc/image/index/news_bottom.gif) center bottom no-repeat;
}
#index #main .section dl{
	text-align: left;
	padding: 5px 45px;
	background: url(../../src/pc/image/index/news_bg.gif) center 0 repeat-y;
}
#index #main .section dl dt{
	float:left;
	padding: 5px 10px;
	color: #cc0000;
	background: url(../../src/pc/image/common/link_ico.gif) 0 10px no-repeat;
}
#index #main .section dl dd{
	padding: 5px 0 15px 100px;
	background: url(../../src/pc/image/common/dot_line.gif) 0 bottom repeat-x;
}
#index #main .section p a{
	width: 135px;
	height: 31px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 top;
	margin: 18px 0 -10px 564px;
}
#index #main .section p a:hover{
	background-position: 0 bottom;
}
#index #main .section p.news a{	background-image: url(../../src/pc/image/index/news_btn.gif);}
#index #main .section p.news_event a{	background-image: url(../../src/pc/image/index/news_btn_event.gif);}

/*==--------sidebar--------*/
#index #sidebar{
	width:235px;
	float:right;
	margin:0 0 10px;
	background: url(../../src/pc/image/index/side_top.png) 0 0 no-repeat;
}
#index #sidebar .side_bottom{
	height: 15px;
	background: url(../../src/pc/image/index/side_bottom.png) 0 0 no-repeat;
}

#index #sidebar #banner{
}
#index #sidebar #banner ul{
	margin-top: 65px;
	padding-bottom: 5px;
	background: url(../../src/pc/image/index/side_bg.png) 0 0 repeat-y;
}
#index #sidebar #banner li{
	font-size: 75%;
	width: 190px;
	margin: 0 0 8px 23px;
	padding-bottom: 5px;
	text-align: left;
	background: url(../../src/pc/image/common/dot_line.gif) 0 bottom repeat-x;
}
#index #sidebar #banner li.archive{
	background: none;
}
#index #sidebar #banner li a{
	color: #e17000;
	padding: 5px 0px ;
	text-decoration: none;
}
#index #sidebar #banner li a span{
	padding-left: 10px;
	margin-left: 5px;
	background: url(../../src/pc/image/common/link_ico.gif) 0 2px no-repeat;
}

* html #index #sidebar{	background: url(../../src/pc/image/index/side_top.gif) 0 0 no-repeat;}
* html #index #sidebar .side_bottom{	background: url(../../src/pc/image/index/side_bottom.gif) 0 0 no-repeat; margin-top:-10px;}
* html #index #sidebar #banner ul{	background: url(../../src/pc/image/index/side_bg.gif) 0 0 repeat-y;}

* html #index #sidebar #banner li{	font-size: 9px;}
* + html #index #sidebar .side_bottom{ margin-top:-10px;}


/*==-----------------------------------------------
couse
-------------------------------------------------*/

#couse #main .section p.coming{
	text-align: center;
	padding: 100px 0 110px;
}

/*==--------wide_map--------*/
#couse #contents h3{
	color: #665143;
	font-size: 200%;
	font-weight: normal;
	margin: -8px 10px 15px 15px;
	padding-bottom: 5px;
	background: url(../../src/pc/image/common/dot_line.gif) 0 bottom repeat-x;
}
#couse #contents h3 span{
	font-size: 60%;
	padding: 0 0 5px 15px;
}



#couse #contents dl.widemap{
	width: auto;
	float: left;
	display: block;
	margin: 0 0 20px 20px;
}
* html #couse #contents dl.widemap{	margin: 0 0 10px 10px;}
#couse #contents dl.widemap dt{
	float: left;
}
#couse #contents dl.widemap dt img{
	/*width: 310px;*/
}
#couse #contents dl.widemap dd#view {
	height: 100px;
	width: 100px;
	float: left;
	padding: 0 0 10px;
	margin: 0 -10px 0 10px;
	background: #F1F1F1;
}
#couse #contents dl.widemap dd#view a{
	width: 80px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 top;
	margin: 10px;
}
#couse #contents dl.widemap dd#view a:hover{
	background-position: 0 bottom;
}
#couse #contents dl.widemap dd#view a.scale{	background-image: url(../../src/pc/image/course/btn_scale.gif);}
#couse #contents dl.widemap dd#view a.pdf{	background-image: url(../../src/pc/image/course/btn_pdf.gif);}
* html #couse #contents dl.widemap dd#view a.scale{	margin-left: 10px;}

#couse #contents p.notice{
	clear: both;
	display: block;
	font-size: 110%;
	margin: 0 20px 15px;
}
/***********************************************
#couse #contents dl.widemap{
	width: 420px;
	float: left;
	display: block;
	margin: 0 0 10px 19px;
}
* html #couse #contents dl.widemap{	margin: 0 0 10px 11px;}
#couse #contents dl.widemap dt{
}
#couse #contents dl.widemap dt img{
	width: 420px;
}
#couse #contents dl.widemap dd#view {
	height: 45px;
	width: 300px;
	margin-top: 20px;
	padding: 12px 0;
	margin-left: 65px;
	background: #F1F1F1;
}
#couse #contents dl.widemap dd#view a{
	width: 120px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 top;
	float: left;
	margin-left: 20px;
}
#couse #contents dl.widemap dd#view a:hover{
	background-position: 0 bottom;
}
#couse #contents dl.widemap dd#view a.scale{	background-image: url(../../src/pc/image/course/btn_scale.gif);}
#couse #contents dl.widemap dd#view a.pdf{	background-image: url(../../src/pc/image/course/btn_pdf.gif);}
* html #couse #contents dl.widemap dd#view a.scale{	margin-left: 10px;}

#couse #contents p.notice{
	clear: both;
	display: block;
	font-size: 110%;
	margin: 0 20px 15px;
}
***********************************************/

/*==--------title--------*/

#couse #contents h2.sub{
/*	background: url(../../src/pc/image/couse/title_bg.gif) 0 2px no-repeat;*/
	padding: 0 0 0 15px;
	margin: 20px 0 0 30px;
	font-size: 18px;
	font-weight: bold;
}
#couse #contents p.sub{
	margin: 5px 0 10px 45px;
	font-size: 14px;
	line-height: 140%;
}

/*==--------couse_detail--------*/
#couse #contents p.photo{
	width: 365px;
	float:left;
	text-align: center;
}
#couse #contents p.photo img{
	margin:0 0 10px 10px;
	padding: 1px;
	border:solid 5px #f0f0f0;
}
#couse #contents dl.couse {
	float: left;
	width: 450px;
}
#couse #contents dl.couse dt {
	width: 100px;
	height: 35px;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	text-indent: -9999px;
}
* html #couse #contents dl.couse dt {	margin: 0 0 0 10px;}
#couse #contents dl.couse dd {
	width: 350px;
	padding: 5px 0 8px 120px;
}
* html #couse #contents dl.couse dd {	margin-top: -35px;}
* + html #couse #contents dl.couse dd {	margin-top: -35px;}
#couse #contents dl.couse dt.no{	background: url(../../src/pc/image/course/list_no.gif) no-repeat;}
#couse #contents dl.couse dt.name{	background: url(../../src/pc/image/course/list_name.gif) no-repeat;}
#couse #contents dl.couse dt.detail{background: url(../../src/pc/image/course/list_detail.gif) no-repeat;}
#couse #contents dl.couse dt.other{	background: url(../../src/pc/image/course/list_other.gif) no-repeat;}


/*==--------zoom--------

#couse.zoom #contents dl.widemap dt img{
	float: none;
	margin: 0 0 0 30px;
	width: 800px;
}
#couse.zoom #contents p.photo img{
	margin:0 0 10px 10px;
	width: 150px;
	clear: both;
}
* html #couse.zoom #contents dl.widemap dt img{	margin: 0 0 0 20px;}
* html #couse.zoom #contents p.photo img{	margin:0 0 10px 0px;}


#couse.zoom #contents .scroll {
	height: 160px;
	overflow-y: auto;
	width: 820px;
	margin: 0 10px 25px 25px;
}
#couse.zoom #contents .detail {
	clear: both;
}
#couse.zoom #contents dl.couse {
	float: left;
	width: 600px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	background: url(../../src/pc/image/common/dot_line.gif) 0 bottom repeat-x;
}
#couse.zoom #contents dl.couse dt {
	width: 60px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -9999px;
}
#couse.zoom #contents dl.couse dd {
	width: 530px;
	padding: 1px 0 0px 65px;
}
* html #couse.zoom #contents dl.couse dd {	margin: 0;	}
* + html #couse.zoom #contents dl.couse dd {	margin: 0;	}

#couse.zoom #contents dl.couse dd.no,
#couse.zoom #contents dl.couse dd.name {
	width: 100px;
	float: left;
	padding: 1px 0 0px 5px;
}
#couse.zoom #contents dl.couse dd.name {	width: 350px;}
#couse.zoom #contents dl.couse dd.detail {
	background: url(../../src/pc/image/course/list_detail_z.gif) no-repeat;
    clear:both;
}
* html #couse.zoom #contents dl.couse dd.detail {	margin: -15px 0 5px;}
* + html #couse.zoom #contents dl.couse dd.detail {	margin: 5px 0;}

#couse.zoom #contents dl.couse dt.no{	background: url(../../src/pc/image/course/list_no_z.gif) no-repeat;}
#couse.zoom #contents dl.couse dt.name{	background: url(../../src/pc/image/course/list_name_z.gif) no-repeat;}
#couse.zoom #contents dl.couse dt.detail{background: none; height: 2px;}
#couse.zoom #contents dl.couse dt.other{	background: url(../../src/pc/image/course/list_other_z.gif) no-repeat;}
* html #couse.zoom #contents dl.couse dt.other{	margin-bottom: -25px;}
* + html #couse.zoom #contents dl.couse dt.other{	margin-bottom: -25px;}
*/

/*==--------archive--------*/

#couse.archive #contents .clearfix{
	margin: 0 0 0 20px;
	width: 860px;
	padding: 1px;
	background: url(../../src/pc/image/common/dot_line.gif) 0 bottom repeat-x;
}
#couse.archive #contents ul{
	margin: 0 0 0 20px;
	padding: 60px 0 0 150px;
/*	min-height: 110px;*/
}
#couse.archive.spring #contents ul{	background: url(/secure/154235/archive_img_spring.gif) 0 top no-repeat;}
#couse.archive.summer #contents ul{	background: url(/secure/154235/archive_img_summer.gif) 0 top no-repeat;}
#couse.archive.autumn #contents ul{	background: url(/secure/154235/archive_img_autumn.gif) 0 top no-repeat;	padding: 50px 0 0 180px;	min-height: 130px;}
#couse.archive.winter #contents ul{	background: url(/secure/154235/archive_img_winter.gif) 0 top no-repeat;}

#couse.archive #contents li{
	color: #665143;
	font-size: 140%;
	font-weight: normal;
	margin: 0 10px 10px 15px;
	background: url(secure/19392/common/link_ico.gif) 0 center no-repeat;
}
#couse.archive #contents li img{
	margin:0 0 -5px 5px;
	width: 25px;
}

/*==--------btn--------*/

#couse #main p.btn_course_top a{
	float: right;
	margin: -36px 25px 0 0;
	text-indent: -9999px;
	width: 190px;
	height: 31px;
	background: url(../../src/pc/image/course/btn_course_top.gif) 0 top no-repeat;
}
#couse #main p.btn_course_top a:hover{
	background: url(../../src/pc/image/course/btn_course_top.gif) 0 bottom no-repeat;
}


#couse #main p.btn_archive a{
	float: right;
	margin: -36px 25px 0 0;
	text-indent: -9999px;
	width: 120px;
	height: 31px;
	background: url(../../src/pc/image/course/btn_archive.gif) 0 top no-repeat;
}
#couse #main p.btn_archive a:hover{
	background: url(../../src/pc/image/course/btn_archive.gif) 0 bottom no-repeat;
}

#couse #main p.btn_archive_back a{
	float: right;
	margin: -36px 25px 0 0;
	text-indent: -9999px;
	width: 210px;
	height: 31px;
	background: url(../../src/pc/image/course/btn_archive_back.gif) 0 top no-repeat;
}
#couse #main p.btn_archive_back a:hover{
	background: url(../../src/pc/image/course/btn_archive_back.gif) 0 bottom no-repeat;
}


/*==-----------------------------------------------
news
-------------------------------------------------*/

#news .section h3,
#event .section h3{
	color: #665143;
	font-size: 180%;
	font-weight: normal;
	margin: -8px 0 15px 10px;
	padding: 0 150px 10px 0;
	line-height: 115%;
	background: url(../../src/pc/image/common/dot_line.gif) 0 bottom repeat-x;
}
#news .section dl,
#event .section dl{
	padding: 0 5px;
}
#news .section dl dt,
#event .section dl dt{
	color: #cc0000;
	float: right;
	margin-top: -45px;
	padding-left: 10px;
	background: url(../../src/pc/image/common/link_ico.gif) 0 6px no-repeat;
}

#news #contents .section img,
#event #contents .section img{
	float:right;
	margin:0 -5px 10px 20px;
	padding: 1px;
	border:solid 5px #f0f0f0;
}
#news .section dl dt{
	color: #003399;
}

#news #contents .section img.pdf,
#event #contents .section img.pdf{
	float:none;
	border:none;
	margin: 0 0 -5px 5px;
}



#event #main p.btn_years a{
	float: right;
	margin: -36px 25px 0 0;
	text-indent: -9999px;
	width: 130px;
	height: 31px;
	background: url(../../src/pc/image/event/btn_years.gif) 0 top no-repeat;
}
#event #main p.btn_years a:hover{
	background: url(../../src/pc/image/event/btn_years.gif) 0 bottom no-repeat;
}


/*==-----------------------------------------------
map
-------------------------------------------------*/
#map #contents h3{
	color: #665143;
	font-size: 200%;
	font-weight: normal;
	margin: -8px 10px 0 15px;
}
#map #contents h3 span{
	font-size: 60%;
	padding: 0 0 0 15px;
}
#map #contents p.route{
	text-align: center;
	background: url(../../src/pc/image/common/dot_line.gif) 0 bottom repeat-x;
}
#map #contents p.route,
#map #contents dl{
	padding-bottom: 20px;
	margin: 0 15px 25px 15px;
	font-size: 110%;
}

#map #contents dl dt{
	float: left;
	margin: 0 20px 20px 0;
}

/*==--------wide_map--------*/
#map #contents dl dd{
	width: 280px;
	height: 300px;
	margin-left: 580px;
}
* html #map #contents dl dd{	margin-left: 0px;}
#map #contents dl dd#view{
	width: 280px;
	height: 10px;
	background: url(../../src/pc/image/common/dot_line.gif) 0 top repeat-x;
}
#map #contents dl dd#view a{
	width: 80px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 top;
	float: left;
	margin: 25px 0 0 10px;
}
#map #contents dl dd#view a:hover{
	background-position: 0 bottom;
}
#map #contents dl dd#view a.scale{	background-image: url(../../src/pc/image/course/btn_scale.gif);margin-left: 50px;}
#map #contents dl dd#view a.pdf{	background-image: url(../../src/pc/image/course/btn_pdf.gif);margin-left: 20px;}
* html #map #contents dl dd#view a.scale{	margin-left: 5px;}

/*==--------archive--------*/

#map.archive #contents ul{
	margin: 0 20px 20px;
	padding: 0 0 15px 35px;
}
#map.archive #contents li{
	background: url(../../src/pc/image/common/link_ico.gif) 0 center no-repeat;
}

/*==--------btn--------*/

#map #main p.btn_new a{
	float: right;
	margin: -36px 25px 0 0;
	text-indent: -9999px;
	width: 160px;
	height: 31px;
	background: url(../../src/pc/image/map/btn_new.gif) 0 top no-repeat;
}
#map #main p.btn_new a:hover{
	background: url(../../src/pc/image/map/btn_new.gif) 0 bottom no-repeat;
}


#map #main p.btn_archive a{
	float: right;
	margin: -36px 25px 0 0;
	text-indent: -9999px;
	width: 120px;
	height: 31px;
	background: url(../../src/pc/image/map/btn_archive.gif) 0 top no-repeat;
}
#map #main p.btn_archive a:hover{
	background: url(../../src/pc/image/map/btn_archive.gif) 0 bottom no-repeat;
}

#map #main p.btn_archive_back a{
	float: right;
	margin: -36px 25px 0 0;
	text-indent: -9999px;
	width: 180px;
	height: 31px;
	background: url(../../src/pc/image/map/btn_archive_back.gif) 0 top no-repeat;
}
#map #main p.btn_archive_back a:hover{
	background: url(../../src/pc/image/map/btn_archive_back.gif) 0 bottom no-repeat;
}


/*==-----------------------------------------------
theme
-------------------------------------------------*/


#theme #contents .article.c{
	padding-top: 16px;
	background: url(../../src/pc/image/theme/common/article_top.gif) center 0 no-repeat;
}
#theme #contents .c .article_bottom{
	height: 12px;
	background: url(../../src/pc/image/theme/common/article_bottom.gif) center 0 no-repeat;
	margin-top: -20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	clear: both;
}
#theme #contents #spring .section{	background: url(../../src/pc/image/theme/common/article_bg_spring.gif) center 0 repeat-y;}
#theme #contents #e-summer .section{	background: url(../../src/pc/image/theme/common/article_bg_e-summer.gif) center 0 repeat-y;}
#theme #contents #summer .section{	background: url(../../src/pc/image/theme/common/article_bg_summer.gif) center 0 repeat-y;}
#theme #contents #e-autumn .section{	background: url(../../src/pc/image/theme/common/article_bg_e-autumn.gif) center 0 repeat-y;}
#theme #contents #autumn .section{	background: url(../../src/pc/image/theme/common/article_bg_autumn.gif) center 0 repeat-y;}
#theme #contents #winter .section{	background: url(../../src/pc/image/theme/common/article_bg_winter.gif) center 0 repeat-y;}


#theme #contents a.btn_detail{
	text-indent: -9999px;
	display: block;
	width: 125px;
	height: 30px;
	margin: 10px;
	background: url(../../src/pc/image/theme/common/btn_detail.gif) 0 top no-repeat;
}
#theme #contents a.btn_detail:hover{
	background: url(../../src/pc/image/theme/common/btn_detail.gif) 0 bottom no-repeat;
}
#theme #contents a.btn_back{
	float: right;
	text-indent: -9999px;
	display: block;
	width: 240px;
	height: 30px;
	margin: -35px 30px 0 0;
	background: url(../../src/pc/image/theme/common/btn_back.gif) 0 top no-repeat;
}
#theme #contents a.btn_back:hover{
	background: url(../../src/pc/image/theme/common/btn_back.gif) 0 bottom no-repeat;
}

#theme #contents p#pagetop{
	margin: 0 15px 0px 0;
}
#theme.index #contents p#pagetop{
	width: 860px;
	background: url(../../src/pc/image/common/dot_line.gif) 0 top repeat-x;
	padding: 15px 0 0;
	margin: 0 0 0 15px;
}
#theme.index #contents p#pagetop a{
	margin-bottom: 15px;
}
#theme.detail #contents p#pagetop a{
	margin-top: -40px;
}


#theme #contents h3{
	margin: 0px 0 0 15px;
}
#theme #contents dl{
	width: 860px;
	margin: 15px 0 0 15px;
}
/*==--------index--------*/

.btn_nav-box{
	padding-left: 100px;
}
#theme.index #contents ul.btn_nav li{
	float: left;
	background:none;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
#theme.index #contents ul.btn_nav li a{
	width: 145px;
	height: 160px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(../../src/pc/image/theme/index/btn_nav.png);
}
#theme.index #contents ul.btn_nav li.spring a{			background-position: 0px top;		width: 154px;	margin: 0 -8px 0 8px;}
#theme.index #contents ul.btn_nav li.e-summer a{		background-position: -154px top;}
#theme.index #contents ul.btn_nav li.summer a{			background-position: -294px top;}
#theme.index #contents ul.btn_nav li.e-autumn a{		background-position: -434px top;}
#theme.index #contents ul.btn_nav li.autumn a{			background-position: -574px top;	width: 160px;	margin-left: -18px;}
#theme.index #contents ul.btn_nav li.winter a{			background-position: -734px top;	margin-right: -10px;}

#theme.index #contents ul.btn_nav li.spring a:hover{	background-position: 0px bottom;}
#theme.index #contents ul.btn_nav li.e-summer a:hover{	background-position: -154px bottom;}
#theme.index #contents ul.btn_nav li.summer a:hover{	background-position: -294px bottom;}
#theme.index #contents ul.btn_nav li.e-autumn a:hover{	background-position: -434px bottom;}
#theme.index #contents ul.btn_nav li.autumn a:hover{	background-position: -574px bottom;}
#theme.index #contents ul.btn_nav li.winter a:hover{	background-position: -734px bottom;}

#theme.index #contents dl .photo img{
	float: right;
	margin: 5px 0 20px 10px;
}

/*==--------detail--------*/
#theme.detail #contents dl .map{
	margin: 20px 15px 15px 5px;
	float:left;
}
#theme.detail #contents dl dd.notice img{
	margin: 20px -15px 20px 0 ;
	width: 170px;
}
#theme.detail #contents dl dd.root img{
	margin: 5px -15px 0 0 ;
	width: 170px;
}

/*==--------detail root--------*/
#theme.detail #contents h4{
	width: 300px;
	float: right;
	margin-right: 10px;
}
#theme.detail #contents h4 img{
	margin-bottom: 10px;
}

#theme.detail #contents dl.root{
	width: 550px;
	margin: 0 0 0 15px;
	float:left;
}
#theme.detail #contents dl.root dt{
	height: 35px;
	padding: 10px 0 0 20px;
	clear: both;
	font-size: 120%;
}
#theme.detail #contents dl.root.pink dt{	background: url(../../src/pc/image/theme/common/root_bg_pink.gif) 0 0 no-repeat;		color: #d91e39;}
#theme.detail #contents dl.root.lime dt{	background: url(../../src/pc/image/theme/common/root_bg_lime.gif) 0 0 no-repeat;		color: #55a50c;}
#theme.detail #contents dl.root.oreange dt{	background: url(../../src/pc/image/theme/common/root_bg_oreange.gif) 0 0 no-repeat;	color: #ff5500;}
#theme.detail #contents dl.root.blue dt{	background: url(../../src/pc/image/theme/common/root_bg_blue.gif) 0 0 no-repeat;		color: #1a8ae5;}
#theme.detail #contents dl.root.green dt{	background: url(../../src/pc/image/theme/common/root_bg_green.gif) 0 0 no-repeat;	color: #185130;}
#theme.detail #contents dl.root.navy dt{	background: url(../../src/pc/image/theme/common/root_bg_navy.gif) 0 0 no-repeat;		color: #123b7b;}

#theme.detail #contents dl.root dd{
	padding: 0 0 5px 10px;
}
#theme.detail #contents dl.root dd.dot_line{
	background: url(../../src/pc/image/common/dot_line.gif) 0 bottom repeat-x;
}

#theme.detail #contents dl.root dd.photo{
	float: right;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
}
#theme.detail #contents dl.root dd.photo a{
	padding-left: 5px;
	margin-top: 5px;
	display: block;
	text-decoration: none;
	background: url(../../src/pc/image/common/link_ico.gif) 0 5px no-repeat;
}
#theme.detail #contents dl.root dd.photo span{
	display: block;
	text-align: center;
	font-size: 90%;
	margin-top: 5px;
}
#theme.detail #contents dl.root dd strong{
	display: block;
	font-weight: bold;
	line-height: 150%;
	color: #665143;
	font-size: 90%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.onsen{
	padding: 0 0 0 10px;
	margin: 5px 0 -15px;
	font-size: 120%;
	color: #665143;
	background: url(../../src/pc/image/common/link_ico.gif) 0 8px no-repeat;
	font-weight: bold;
}
#theme.detail #contents dl.root.pink dd strong{		color: #e73c60;}
#theme.detail #contents dl.root.lime dd strong{		color: #7fc31c;}
#theme.detail #contents dl.root.oreange dd strong{	color: #ff7f00;}
#theme.detail #contents dl.root.blue dd strong{		color: #36aeef;}
#theme.detail #contents dl.root.green dd strong{	color: #337b54;}
#theme.detail #contents dl.root.navy dd strong{		color: #123b7b;}

#theme.detail #contents dl.root dd strong.topic{
	padding: 0 0 0 10px;
	margin: 5px 0 -15px;
	font-size: 120%;
	color: #665143;
	background: url(../../src/pc/image/common/link_ico.gif) 0 8px no-repeat;
}
#theme.detail #contents dl.root dd .attention{
	color: #CC3333;
	display: block;
	padding: 0 0 0 10px;
	margin: 0px 0 -10px;
}
.root strong{
	clear: both;
}

/*==--------detail other_link--------*/
#theme #contents dl.other_link a.btn_detail{
	float:right;
	margin: 0 5px;
}
#theme #contents dl.other_link{
	margin-bottom: -10px;
}
#theme #contents dl.other_link dt{
	padding: 12px 15px ;
	font-size: 140%;
}
#theme #contents #spring dl.other_link dt{		background: url(../../src/pc/image/theme/common/bg_dt_spring.gif) 0 0 repeat-x;		color:  #ff5561;}
#theme #contents #e-summer dl.other_link dt{	background: url(../../src/pc/image/theme/common/bg_dt_e-summer.gif) 0 0 repeat-x;	color:  #71a100;}
#theme #contents #summer dl.other_link dt{		background: url(../../src/pc/image/theme/common/bg_dt_summer.gif) 0 0 repeat-x;		color:  #1d67d8;}
#theme #contents #e-autumn dl.other_link dt{	background: url(../../src/pc/image/theme/common/bg_dt_e-autumn.gif) 0 0 repeat-x;	color:  #af8400;}
#theme #contents #autumn dl.other_link dt{		background: url(../../src/pc/image/theme/common/bg_dt_autumn.gif) 0 0 repeat-x;		color:  #e88800;}
#theme #contents #winter dl.other_link dt{		background: url(../../src/pc/image/theme/common/bg_dt_winter.gif) 0 0 repeat-x;		color:  #862c66;}

#theme #contents dl.other_link dd{
	padding: 10px 5px 20px 15px;
}


/*==-----------------------------------------------
tourist
-------------------------------------------------*/

#tourist #contents h2{
	margin-bottom: -10px;
}
#tourist #contents h3{
	color: #665143;
	font-size: 140%;
	margin: 20px 35px 5px;
	padding: 5px 10px 5px 20px;
	background: #F5F5F5;
}


/*==--------nav--------*/
#tourist #contents p.nav{
	margin: 30px 0 0 44px ;
}
#tourist #contents p.nav.bottom{
	margin: 10px 0 10px 44px ;
}

/*==--------btn--------*/
#tourist #contents a.btn_detail{
	float: right;
	text-indent: -9999px;
	display: block;
	width: 110px;
	height: 26px;
	margin: 0;
	background: url(../../src/pc/image/tourist/index/btn_detail.gif) 0 top no-repeat;
}
#tourist #contents a.btn_detail:hover{
	background: url(../../src/pc/image/tourist/index/btn_detail.gif) 0 bottom no-repeat;
}

#tourist #contents a.btn_back{
	float: right;
	text-indent: -9999px;
	display: block;
	width: 180px;
	height: 33px;
	margin: -18px 40px 0 0;
	background: url(../../src/pc/image/tourist/index/btn_back.gif) 0 top no-repeat;
}
#tourist #contents a.btn_back:hover{
	background: url(../../src/pc/image/tourist/index/btn_back.gif) 0 bottom no-repeat;
}


#tourist #contents p#pagetop{
	float: right;
	background: url(../../src/pc/image/common/dot_line.gif) 0 top repeat-x;
	padding: 15px 0 0;
}
#tourist.index #contents p#pagetop{
	width: 882px;
	margin: 0 32px 0 0;
}
#tourist.detail #contents p#pagetop{
	width: 860px;
	margin: 0 0px 0 0;
}

/*==--------section--------*/
#tourist.index #contents .section{
	padding: 20px 10px 10px 36px ;
}
#tourist.detail #contents .section{
	padding: 20px 50px 10px 50px ;
}


/*==--------index--------*/


/*==--------detail--------*/
#tourist.detail #contents .clearfix{
	margin: 0 0 0px 10px;
	width: 850px;
	padding: 0 0 15px ;
	background: url(../../src/pc/image/common/dot_line.gif) 0 top repeat-x;
}


#tourist.detail #contents dt{
	font-size: 140%;
	color: #665143;
	margin: 15px 0 10px 130px;
	padding-left: 10px;
	background: url(../../src/pc/image/common/link_ico.gif) 0 8px no-repeat;
}
#tourist.detail #contents dd.photo{
	float: left;
}
#tourist.detail #contents dd.photo img{
	width: 105px;
	padding: 4px ;
	border: 1px solid #CCC;
	float: left;
	margin: -50px 15px 10px 0;
}


/*
#tourist #contents .section img{
	float:left;
	margin:0 20px 10px 5px;
	padding: 1px;
	border:solid 5px #f0f0f0;
}

#tourist #contents h4{
	color: #665143;
	font-size: 200%;
	font-weight: normal;
	margin: -10px 10px 5px 0px;
}
#tourist .section p.notice{
	width: 290px;
	float:left;
	padding: 15px 0;
	margin: 0px;
	background: url(../../src/pc/image/common/dot_line.gif) 0 top repeat-x;
}

#tourist .section .gmap{
	float: right;
	text-align: right;
	font-size: 90%;
	margin: -55px 15px 0 0;
}
* html #tourist .section .gmap{	margin: -55px 8px 0 0;}
#tourist .section .gmap a {
	color: #CCC;
}
*/

/*==-----------------------------------------------
roadside
-------------------------------------------------*/
#roadside .sectionR h3{
	margin: 0px 0 5px 20px;
}
#roadside .sectionR p.photo{
	float: left;
	margin-left: 20px;
}
* html #roadside .sectionR p.photo{	margin-left: 10px;}

#roadside .sectionR dl{
	float: left;
	width: 270px;
	margin: -20px 0 0 10px;
}
#roadside .sectionR dl dt{
	float: left;
	width: 60px;
	height: 25px;
	text-indent: -9999px;/*表示のテキストを消す処置*/
}
#roadside .sectionR dl dd{
	padding: 1px 0 0 0;
	line-height: 180%;
	width: 300px;
}
#roadside .sectionR dl dt.add{
	background: url(secure/19392/roadside/list_add.gif) no-repeat;
}
#roadside .sectionR dl dt.tel{
	background: url(secure/19392/roadside/list_tel.gif) no-repeat;
}
#roadside .sectionR dl dt.parking{
	background: url(secure/19392/roadside/list_parking.gif) no-repeat;
}
#roadside .sectionR dl dt.detail{
	width: 80px;
	margin-top: 10px;
	background: url(secure/19392/roadside/list_detail.gif) no-repeat;
}
#roadside .sectionR dl dd.detail{
	clear: both;
	color: #1b4792;
}
#roadside .sectionR .gmap{
	float: right;
	text-align: right;
	font-size: 90%;
	margin: -20px 20px 10px 0;
}
* html #roadside .sectionR .gmap{	margin: -40px 10px 10px 20px;}
#roadside .section .gmap a {
	color: #CCC;
}/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}

}
