@charset "euc-jp";

/*=========================================================
GLOBAL PAGE LAYOUT
========================================================= */

* {   
    margin:0;   
    padding:0;   
} 
  
body {
	margin:0;
	padding:0;
	background:url(images/header.gif) repeat-x;
	background-color:#009900;
	font-family:Verdana, "｣ﾍ｣ﾓ ｣ﾐ･ｴ･ｷ･ﾃ･ｯ", sans-serif;
	font-size:80%;

	}

html {   
    overflow-y:scroll;   
	} 
	
li {   
    line-height:1.6;   
	}   
p {   
    margin:0 0 1em 0;
    line-height:1.3;   

	}
	   
li {   
    list-style-type:none;   
	}

input ,form ,dl ,dt ,dd ,p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,div, a,tr,td{
	margin: 0;
	padding: 0;
}

img{ border: none; vertical-align: middle; margin: 0; padding: 0;}

.clear{
	clear:both;
}

#frame{
	font-size: 12px;
	width:100%;
	margin: 0px auto 0px;
	text-align: center;
}


h1 {	margin: 0px auto 0px;}


a:link 		{ color:#333333; text-decoration:none; }
a:visited 	{ color:#333333; text-decoration:none; }
a:active 	{ color:#333333; text-decoration:none; }
a:hover 	{ color:#FF9900; text-decoration:underline; }

/*=========================================================
TOP PAGE CONTENTS LAYOUT
========================================================= */


#frame-layout {
	font-size: 12px;
	width: 1010px;
	margin: 0px auto 0px;
	text-align: left;
}

#header-logo {	
	width: 524px;
	height:122px;
	float:left;
	background: url(images/logo.png) no-repeat;
	text-indent: -9999px;
	display:inline;
	overflow: hidden;
	behavior: expression(IEPNGFIX.fix(this));
}

#header-logo a{ width: 524px; height: 122px; display: block; text-decoration: none;}



#header-menu-box {	width: 480px; height:127px; float:left;}

#header-menu-layout {	padding:50px 0px 0px 70px;}

#catchcopy-layout {
	margin-left:25px;
}
#catchcopy {
	width: 371px;
	height:23px;
	background: url(images/catchcopy.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
}

/*  
ALL HEADER LINK AREA LAYOUT
----------------------------------------------------------- */

#header-menu-search-area{
	width: 140px;
	height:30px;
	float: left;
	font-size: 12px;
	margin:10px 0px 0px 6px;
	background: url(images/header-menu-area.gif) no-repeat;
	text-indent:-9999px;
	overflow: hidden;

}
#header-menu-search-area a{ width: 140px; height: 30px; display: block; text-decoration: none;}
#header-menu-search-area a:hover, #header-menu-search-area a:active{	width: 140px; height: 30px; background: url(images/header-menu-area-on.gif) no-repeat;}

/*  
ALL HEADER LINK GENRE LAYOUT
----------------------------------------------------------- */

#header-menu-search-genre{
	width: 150px;
	height:30px;
	float: left;
	font-size: 12px;
	margin:10px 0px 0px 6px;
	background: url(images/header-menu-genre.gif) no-repeat;
	text-indent:-9999px;
	overflow: hidden;

}
#header-menu-search-genre a{ width: 150px; height: 30px; display: block; text-decoration: none;}
#header-menu-search-genre a:hover, #header-menu-search-genre a:active{	width: 150px; height: 30px; background: url(images/header-menu-genre-on.gif) no-repeat;}
/*  
ALL HEADER LINK MAIL LAYOUT
----------------------------------------------------------- */


#header-menu-mail{
	width: 90px;
	height:30px;
	float: left;
	font-size: 12px;
	margin:10px 0px 0px 6px;
	background: url(images/header-menu-mail.gif) no-repeat;
	text-indent:-9999px;
	overflow: hidden;

}
#header-menu-mail a{ width: 90px; height: 30px; display: block; text-decoration: none;}
#header-menu-mail a:hover, #header-menu-mail a:active{	width: 90px; height: 30px; background: url(images/header-menu-mail-on.gif) no-repeat;}










#t-contents {
	width: 1010px;
	background:#ffffff;
	text-align:left;
	color:#333333;
}
#t-contents-box { width:970px; padding: 20px 0px 20px 20px; color:#333333;}


.t-contents-layout { text-align:left;}

#top-mainbox-left { width: 445px; margin-right:10px; height:430px; float:left;}
#top-mainbox-right { width: 515px; height:430px; float:left;}

.photo-txt {	font-size:12px; line-height:20px;}
#slide-box {	margin-top:5px;}

#txt-flow-box {	
	width: 970px;
	height:26px;
	margin:20px auto 30px;
	background:url(images/text-flow.gif) no-repeat;
}

#txt-flow-txt {	font-size:12px; line-height:20px; padding: 3px 0px 0px 130px ;}

#txt-flow-txt a:link 		{ color:#333333; text-decoration:none; }
#txt-flow-txt a:visited 	{ color:#333333; text-decoration:none; }
#txt-flow-txt a:active 	{ color:#333333; text-decoration:none; }
#txt-flow-txt a:hover 	{ color:#333333; text-decoration:underline; }

/*=========================================================
TOP PAGE NEW CONTENTS LEFT LAYOUT
========================================================= */


#top-c-box-left { width: 685px; float:left;}


/*  
TOP PAGE NEW CONTENTS LAYOUT
----------------------------------------------------------- */

#top-new-box {
	width: 335px;
	text-align:left;
	color:#333333;
	background:#FFFFFF;
	float:left;

}
#top-new-kijibox {	width: 325px; margin-left:10px; height:285px;}

.top-new-kiji-table { margin-top:5px;}

.top-new-date-txt { color:#EF6101; font-size:10px; line-height:16px;}
.top-new-txt { width: 300px;}

#top-new-kijibox-fbt-box {	width: 335px; margin:10px auto 0px;}

.top-new-kijibox-fbt { float:right; margin-left:10px;}


#top-new-kijibox-fline {	
	width: 335px;
	height:4px;
	background:#FFE00B;
}

/*  
TOP PAGE MIRYOKU CONTENTS LAYOUT
----------------------------------------------------------- */

#top-miryoku-box {
	width: 335px;
	text-align:left;
	color:#333333;
	margin-left:15px;
	background:#FFFFFF;
	float:left;
}
#top-miryoku-kijibox {	width: 322px; margin-left:13px;}

/*  
TOP PAGE VOICE CONTENTS LAYOUT
----------------------------------------------------------- */

#voice-box {	width: 685px; margin:20px auto 20px;}


/*  
TOP PAGE SEASON ALBUM LAYOUT
----------------------------------------------------------- */

#season-album-box {
	width: 335px;
	text-align:left;
	float:left;
}


#season-album-link-box {
	width: 335px;
	height:21px;
	text-align:right;
	background:url(images/season-album-link-bg.gif) no-repeat;
}
#season-album-link {	padding: 0px 10px 0px 0px;}

#season-album-bg {
	width: 335px;
	height:135px;
	text-align:center;
	background:url(images/season-album-bg.gif) no-repeat;
}

#season-album-photo-box {
	padding: 0px 0px 0px 15px;

}
.season-album-photo-l {	width: 157px; float:left; margin-right:1px;}
.season-album-photo-r {	width: 157px; float:left;}


/*  
TOP PAGE MARUWAKARI LAYOUT
----------------------------------------------------------- */


#top-maruwakari-box {
	width: 335px;
	text-align:left;
	margin-top:9px;
	margin-left:15px;
	background:#FFFFFF;
	float:left;
	font-size:10px;
	color:#695229;
	line-height:17px;
}
.top-maruwakari-txt {	 margin: 7px auto 0px ; font-weight:bold;}


#top-maru-nyuumon-bg {
	width: 335px;
	height:55px;
	text-align:left;
	background:url(images/maru-nyuumon-bg.jpg) no-repeat;
	line-height:20px;
}

#top-maru-navi-txt-box {
	padding: 0px 0px 0px 70px;
}
.top-maru-navi-txt {
	padding: 17px 0px 0px 50px;
	float:left;
	font-size:12px;
	color:#673332;
	font-weight:bold;
}
#top-maru-jyoukyuu-bg {
	width: 335px;
	height:55px;
	text-align:left;
	background:url(images/maru-jyoukyuu-bg.jpg) no-repeat;
	line-height:20px;

}

/*=========================================================
TOP PAGE NEW CONTENTS RIGHT LAYOUT
========================================================= */

#top-c-box-right {
	width: 285px;
	float:left;
}
#top-c-box-right-layout {
	width: 260px;
	padding: 0px 0px 0px 25px;
}

/*  
TOP PAGE OWNERBLOG CONTENTS LAYOUT
----------------------------------------------------------- */

#owner-bloglist-title {	margin-top:8px;}
#top-owner-kijibox {	width: 260px; margin-top:8px;}


.top-owner-date-txt { color:#008800; font-size:10px; line-height:13px; font-weight:bold;}

.top-owner-bname-box {	margin-top:5px;}

.top-owner-bname-txt {
	padding:2px;
	color:#FFE00B;
	font-size:10px;
	background:#79552A no-repeat;
}



.top-owner-kijibox-fbt { margin-top:10px;}


#top-owner-kijibox-fline {	
	width: 260px;
	height:2px;
	background:#695229;

}

/*---------------------------------- */

.banner { margin-top:10px;}

.top-c-box-right-subtitle { margin-top:10px;}


/*  
TOP PAGE BLOGPARTS LAYOUT
----------------------------------------------------------- */

#blog-parts-bg {
	width: 260px;
	height:260px;
	text-align:center;
	background:url(images/blogparts-bg.gif) ;
}

#blog-parts { padding:10px;}

/*  
TOP PAGE MOBILE LAYOUT
----------------------------------------------------------- */

#top-mobile-box {
	margin-top:10px;
}
#top-mobile-qr {
	width: 59px;
	float:left;
	padding:3px 0px 0px 0px;
}

#top-mobile-comment {
	width: 201px;
	float:left;
}

#top-mobile-link {	font-size:10px; color:#009900;}


/*  
GLOBAL PAGE FOOTER LAYOUT
----------------------------------------------------------- */

#footer-line {
	width: 970px;
	height:3px;
	margin:30px auto 20px;
	background:url(images/footer-line.gif) repeat-x;
}
#all-footer-wrapper {
	width:960px;
	margin-left:10px;

}
#all-footer-banner-box {
	margin:0px auto 0px;
}
#footer-banner {
	width:310px;
	float:left;
	margin: 0px 10px 0px 0px;
}


/*  
ALL FOOTER LINK MANAGER LAYOUT
----------------------------------------------------------- */


#footer-banner-manager{
	width: 310px;
	height:60px;
	float: left;
	font-size: 12px;
	margin:0px 10px 0px 0px;
	background: url(images/f-banner-manager.gif) no-repeat;
	text-indent:-9999px;
	overflow: hidden;

}
#footer-banner-manager a{ width: 310px; height: 60px; display: block; text-decoration: none;}
#footer-banner-manager a:hover, #footer-banner-manager a:active{	width: 310px; height: 60px; background: url(images/f-banner-manager-on.gif) no-repeat;}

/*  
ALL FOOTER LINK LINK LAYOUT
----------------------------------------------------------- */

#footer-banner-link{
	width: 310px;
	height:60px;
	float: left;
	font-size: 12px;
	margin:0px 10px 0px 0px;
	background: url(images/f-banner-link.gif) no-repeat;
	text-indent:-9999px;
	overflow: hidden;

}
#footer-banner-link a{ width: 310px; height: 60px; display: block; text-decoration: none;}
#footer-banner-link a:hover, #footer-banner-link a:active{	width: 310px; height: 60px; background: url(images/f-banner-link-on.gif) no-repeat;}


/*  
ALL FOOTER LINK MAIL LAYOUT
----------------------------------------------------------- */

#footer-banner-mail{
	width: 310px;
	height:60px;
	float: left;
	font-size: 12px;
	margin:0px 10px 0px 0px;
	background: url(images/f-banner-mail.gif) no-repeat;
	text-indent:-9999px;
	overflow: hidden;

}
#footer-banner-mail a{ width: 310px; height: 60px; display: block; text-decoration: none;}
#footer-banner-mail a:hover, #footer-banner-mail a:active{	width: 310px; height: 60px; background: url(images/f-banner-mail-on.gif) no-repeat;}







#all-footer-info-box {
	width:950px;
	background:#BEA687;
	margin-top:20px;
	padding:5px 0px 5px 0px;

}

#all-footer-info-wh-box {
	width:940px;
	background:#E8DFCA;
	border: 1px #FFFFFF solid;
	margin:0px 5px 0px 5px;

}
#all-footer-info-layout{
	padding: 5px 5px 5px 5px;

}

#all-footer-info-mark {
	width:300px;
	float:left;
	height:60px;
	background: url(images/footer-info-mark.gif) no-repeat;

}
#all-footer-info-komoku-add {
	float:left;
	height:60px;
	padding: 23px 0px 0px 60px;

}

#all-footer-info-info {
	width:450px;
	float:left;
}
#all-footer-info-table {
	width:450px;
}
.all-footer-info-komoku-td {
	width:60px;
	background:#695229;
	text-align:center;
	vertical-align: middle;

}
.all-footer-info-naiyou-td {
	width:390px;
	vertical-align: middle;

}

#all-footer-info-mail {
	width:180px;
	float:left;
	padding: 17px 0px 0px 0px;

}


#under-menu {
	width:970px;
	text-align:center;
	font-size:10px;
	color:#333333;
	line-height:17px;
	margin-top:20px;
}
#copyright{	text-align:center; padding:10px 0; color:#FFFFFF; font-size:10px;}






/*=========================================================
 UNDER PAGE CONTENTS MENU LAYOUT
========================================================= */

#menu-wrapper {　width: 1010px;　height:37px;}

/*  
new今週のグリツリスポット
----------------------------------------------------------- */
#menu-new-stay{
	width: 165px;
	height:37px;
	float: left;
	font-size: 12px;
	background: url(images/menu-new-on.gif) no-repeat;
	padding: 0px 3px 0px 0px;
	text-indent:-9999px;
}
#menu-new{
	width: 165px;
	height:37px;
	float: left;
	font-size: 12px;
	background: url(images/menu-new.gif) no-repeat;
	padding: 0px 3px 0px 0px;
	text-indent:-9999px;
	overflow: hidden;
}
#menu-new a{ width: 165px; height: 37px; display: block; text-decoration: none;}
#menu-new a:hover, ul li#menu-new a:active{	width: 165px; height: 37px;	background: url(images/menu-new-on.gif) no-repeat;}


/*---search今週のグリツリスポット indexに表記--- */

/*  
miryokuグリツリの魅力
----------------------------------------------------------- */
#menu-miryoku-stay{
	width: 165px;
	height:37px;
	float: left;
	font-size: 12px;
	background: url(images/menu-miryoku-on.gif) no-repeat;
	padding: 0px 3px 0px 0px;
	text-indent:-9999px;
}
#menu-miryoku{
	width: 165px;
	height:37px;
	float: left;
	font-size: 12px;
	background: url(images/menu-miryoku.gif) no-repeat;
	padding: 0px 3px 0px 0px;
	text-indent:-9999px;
	overflow: hidden;

}
#menu-miryoku a{ width: 165px; height: 37px; display: block; text-decoration: none;}
#menu-miryoku a:hover, ul li#menu-miryoku a:active{	width: 165px; height: 37px;	background: url(images/menu-miryoku-on.gif) no-repeat;}

/*  
voiceグリツリ感動VOICE
----------------------------------------------------------- */
#menu-voice-stay{
	width: 165px;
	height:37px;
	float: left;
	font-size: 12px;
	background: url(images/menu-voice-on.gif) no-repeat;
	padding: 0px 3px 0px 0px;
	text-indent:-9999px;
}
#menu-voice{
	width: 165px;
	height:37px;
	float: left;
	font-size: 12px;
	background: url(images/menu-voice.gif) no-repeat;
	padding: 0px 3px 0px 0px;
	text-indent:-9999px;
	overflow: hidden;

}
#menu-voice a{ width: 165px; height: 37px; display: block; text-decoration: none;}
#menu-voice a:hover, ul li#menu-voice a:active{	width: 165px; height: 37px;	background: url(images/menu-voice-on.gif) no-repeat;}



/*---maruwakariとくしま まるわかり探訪記 indexに表記--- */

/*  
seasonとくしま 四季カレンダー
----------------------------------------------------------- */
#menu-season-stay{
	width: 170px;
	height:37px;
	float: left;
	font-size: 12px;
	background: url(images/menu-season-on.gif) no-repeat;
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
}
#menu-season{
	width: 170px;
	height:37px;
	float: left;
	font-size: 12px;
	background: url(images/menu-season.gif) no-repeat;
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	overflow: hidden;

}
#menu-season a{ width: 170px; height: 37px; display: block; text-decoration: none;}
#menu-season a:hover, ul li#menu-season a:active{	width: 170px; height: 37px;	background: url(images/menu-season-on.gif) no-repeat;}

/*=========================================================
 UNDER PAGE CONTENTS LEFT LAYOUT
========================================================= */

#un-c-box-left { width: 760px; vertical-align:top;}

#un-c-box-left-layout {
	width: 740px;
	padding: 0px 0px 0px 0px;
}

#un-line{
	width: 1px;
	height:500px;
	background: url(images/page-line.gif) repeat-y;
	padding: 0px 0px 0px 0px;
	text-align:center;

}
#page-title {	margin: 0px auto 20px;}

#pan {
	font-size: 10px;
	margin: 0px 0 5px 5px;
	line-height: 1.1;
}

#pan a:link,#pan a:visited,#pan a:hover,#pan a:active {
	text-decoration: none;
	padding: 3px 5px;
}

#pan a:link,#pan a:visited,#pan a:active {
	background: #EEEEEE;
}

#pan a:hover	{
	background: #FFFFFF;
	color: #333333;
}

#pan .this a:link,#pan .this a:visited,#pan .this a:active {
	background: #FF6600;
	color: #FFFFFF;
}

#pan .this a:hover {
	background: #FFFFFF;
	color: #333333;
}

#pan .top a:link,#pan .top a:visited,#pan .top a:active {
	background: #FFFFFF;
	color: #333333;
}

#pan .top a:hover {
	background: #FFFFFF;
	color: #FF6600;
}

/*=========================================================
 UNDER PAGE CONTENTS RIGHT LAYOUT
========================================================= */


#un-c-box-right { width: 200px; vertical-align:top;}

#un-c-box-right-layout {
	width: 190px;
	padding: 0px 0px 0px 10px;
}
#side-search-box {
	width: 190px;
	background: #FFCC00;
	padding: 0px 0px 5px 0px;

}
#search-wh-box {
	width: 180px;
	margin: 0px 0px 0px 5px;
	background: #FFFFFF;

}
#search-wh-layout {
	width: 170px;
	padding: 5px 0px 5px 5px;
	text-align:left;
}
.search-list {
	margin-top: 7px;
	margin-left: 4px;
}
.input-40		{ width:40px; }
.input-55		{ width:55px; }
.input-65		{ width:65px; }
.input-80		{ width:80px; }
.input-100		{ width:100px; height:15px;}
.input-200		{ width:200px; height:15px;}
.input-250		{ width:250px; }
.input-330		{ width:330px; }
.area-250		{ width:250px; height:180px; }

.search-ward {
	width: 160px;
	padding: 5px 0px 0px 5px;
	line-height:14px;
}
.search-ward a:link 		{ color:#0033CC; text-decoration:none; }
.search-ward a:visited 	{ color:#0033CC; text-decoration:none; }
.search-ward a:active 	{ color:#0033CC; text-decoration:none; }
.search-ward a:hover 	{ color:#0033CC; text-decoration:underline; }



.side-title {	margin: 20px auto 10px;}

.side-new-table {
	width: 190px;
	margin: 5px auto 0px;
}

.side-new-li-point-td {	width: 20px;}

.side-new-td {	width: 170px;}



.side-photo-box { width: 190px;}


.side-photo-layout { width: 130px; padding: 0px 0px 0px 32px; margin-bottom:15px;}


#side-banner-wrapper { margin:30px auto 0px;}
.side-banner-box { margin:10px auto 0px;}





/*  
TOP PAGE FLASH MAP LAYOUT
----------------------------------------------------------- */

#map_box{
	width:445px;
	height:87px;
	background:url(images/map_bg.gif) no-repeat;
}

#map_button_box{
	width:249px;
	height:87px;
	float:left;
}

#map_button_1{
	width:78px;
	height:78px;
	margin-left:10px;
	float:left;
	display:inline;
}

#map_button_2{
	width:78px;
	height:78px;
	margin-left:2px;
	float:left;
}

#map_button_3{
	width:78px;
	height:78px;
	margin-left:2px;
	float:left;
}

#map_search_box{
	width:188px;
	height:87px;
	float:right;
}

#map_search_button{
	width:118px;
	height:28px;
	margin:5px 0px 0px 32px;
}



#slide-box {	
	margin-top:5px;
	width:515px;
	height:92px;
	background:url(images/photo_box.jpg) no-repeat;
	font-size:1px;
}

#slide-box2 {	
	margin-top:5px;
	width:320px;
	height:75px;
	background:url(images/photo_box2.gif) no-repeat;
	font-size:1px;
}
#photo_box2{
	width:320px;
	height:63px;
	float:left;
	margin-top:6px;
}
.image_area2{
	width:82px;
	height:60px;
	margin-right:3px;
	float:left;
	text-align:center;
}
#photo_button2_1{
	width:22px;
	height:20px;
	margin:5px 5px 0px 5px;
	float:left;
	display:inline;
	text-align:right;
}

#photo_button2_2{
	width:22px;
	height:20px;
	margin:5px 5px 0px 5px;
	float:right;
}

#photo_box{
	width:452px;
	height:79px;
	float:left;
	margin-top:6px;
}

#photo_button_1{
	width:17px;
	height:58px;
	margin:16px 6px 0px 10px;
	float:left;
	display:inline;
}

#photo_button_2{
	width:17px;
	height:58px;
	margin:16px 10px 0px 0px;
	float:right;
}

.image_area{
	width:104px;
	height:79px;
	margin-right:5px;
	float:left;
	background-color: #eeeeee;
	text-align:center;
}


#txt-flow-box {	
	width: 970px;
	height:26px;
	margin:0px auto 30px;
	background:url(images/text-flow.gif) no-repeat;
}