/*  
Theme Name: kuripo
Theme URI: http://www.e-kuriyama.com/
Description: 栗山町ポータルサイト「クリポ」用のテンプレートです。
Version: 2.0
Author: kanamaru & miki
*/

/* ------------------------------
 ALL
------------------------------ */

* {
 PADDING: 0;
 MARGIN: 0;
}

/* ------------------------------
 HTML
------------------------------ */

html {
 HEIGHT: 100%;
}

/* ------------------------------
 BODY
------------------------------ */

body {
 HEIGHT:  100%;
 BACKGROUND-COLOR: #ffffff;
 BACKGROUND-POSITION: 0px 0px;
 BACKGROUND-IMAGE: url("images/background.jpg");
 BACKGROUND-REPEAT: repeat-y; 
}

#container {
 WIDTH: 1000px;
 HEIGHT: 190px;
}

#wrapper {
 HEIGHT: 100%;
}

/* ------------------------------
 TOP IMAGE
------------------------------ */

#top_image {
 WIDTH: 1000px;
 HEIGHT: 150px;
 BACKGROUND-POSITION: 0px 0px;
 BACKGROUND-IMAGE: url("images/top_image.jpg");
 BACKGROUND-REPEAT: no-repeat; 
 POSITION: absolute; top:0px; left:0px;
}

/* ------------------------------
 HEADER
------------------------------ */

#header {
 WIDTH: 1000px;
 HEIGHT: 30px;
 BACKGROUND-COLOR: #5a821e;
 POSITION: absolute; top:150px; left:0px;
}

#header_navi {
 WIDTH: 990px;
 HEIGHT: 20px;
 POSITION: absolute; top:0px; left:0px;
 PADDING-TOP: 10px; 
 PADDING-LEFT: 10px; 
 FONT-SIZE: small;
}

a.header_navi:link {
 COLOR: #ffffff;
 TEXT-DECORATION: none
}

a.header_navi:visited {
 COLOR: #ffffff;
 TEXT-DECORATION: none
}

a.header_navi:active {
 COLOR: #ffffff;
 TEXT-DECORATION: none
}

a.header_navi:hover {
 COLOR: #E6A064;
 TEXT-DECORATION: underline
}

.header_list {
 FLOAT: left;
 list-style: none;
 PADDING-RIGHT: 10px;
}



/* ------------------------------
キテる用サイドバー
------------------------------ */
#beta ul{margin-left:0px;padding: 0;list-style-type: none;font-size: 11px;line-height: 15px;}
#beta ul li{padding: 0 0 0 10px;background: url(img/beta_li.gif) no-repeat left 3px;}
#beta .widget{padding:0 0 15px;font-size:11px;line-height:1.3;}
#beta .module_title {font-size:12px;padding:0px 0px 4px 0;border-bottom:1px solid #bbb;margin:0 0px 6px;color:#888;}


/* ------------------------------
 MAIN
------------------------------ */

#main_frame00 {
 WIDTH: 485px;
 BACKGROUND-POSITION: bottom center;
 BACKGROUND-IMAGE: url(images/frame00.gif);
 BACKGROUND-REPEAT: no-repeat;
 POSITION: relative; top:0px; left:180px;
 PADDING-TOP: 20px;
 PADDING-BOTTOM: 20px;
}

#main_frame01 {
 WIDTH: 485px;
 BACKGROUND-POSITION: bottom center;
 BACKGROUND-IMAGE: url(images/frame01.gif);
 BACKGROUND-REPEAT: no-repeat;
 POSITION: relative; top:0px; left:180px;
 PADDING-BOTTOM: 60px;
 OVERFLOW: hidden;
 FONT-SIZE: small;
}

#main_frame01 a:link {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame01 a:visited {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame01 a:active {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame01 a:hover {
 COLOR: #0000ff;
 TEXT-DECORATION: underline;
}

#main_frame02 {
 WIDTH: 485px;
 BACKGROUND-POSITION: bottom center;
 BACKGROUND-IMAGE: url(images/frame02.gif);
 BACKGROUND-REPEAT: no-repeat;
 POSITION: relative; top:0px; left:180px;
 PADDING-BOTTOM: 60px;
 OVERFLOW: hidden;
 FONT-SIZE: small;
}

.hentry {
        width: 200px;
        height: 300px;
	padding:0px 5px 10px 5px;
	overflow:hidden;
	color:#000000;
float: none;
}

.hentry p{
	margin:10px 0;
	color:#000000;
}

.hentry img {
	border:0;
	padding:4px 4px;
	background:#ffffff;
	border:1px solid #ddd;
	margin:2px 5px 5px 0px;
	}

#main_frame02 a:link {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame02 a:visited {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame02 a:active {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame02 a:hover {
 COLOR: #0000ff;
 TEXT-DECORATION: underline;
}

.main_frame02-1 {
 WIDTH: 230px;
 POSITION: relative; top:10px; left:0px;
 PADDING-RIGHT: 10px;
 border-right: dotted 2px #c7c7c7;  
 OVERFLOW: hidden;
 FONT-SIZE: small;
}

.main_frame02-2 {
 WIDTH: 233px;
 POSITION: absolute; top:60px; left:252px;
 OVERFLOW: hidden;
 FONT-SIZE: small;
}

#main_frame03 {
 WIDTH: 485px;
 BACKGROUND-POSITION: bottom center;
 BACKGROUND-IMAGE: url(images/frame03.gif);
 BACKGROUND-REPEAT: no-repeat;
 POSITION: relative; top:0px; left:180px;
 PADDING-BOTTOM: 60px;
 OVERFLOW: hidden;
 FONT-SIZE: small;
}

#main_frame03 a:link {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame03 a:visited {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame03 a:active {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame03 a:hover {
 COLOR: #0000ff;
 TEXT-DECORATION: underline;
}

.main_frame03-1 {
 WIDTH: 230px;
 POSITION: relative; top:0px; left:0px;
 PADDING-RIGHT: 10px;
 border-right: dotted 2px #c7c7c7;  
 OVERFLOW: hidden;
 FONT-SIZE: small;
}

.main_frame03-2 {
 WIDTH: 233px;
 POSITION: absolute; top:50px; left:252px;
 OVERFLOW: hidden;
 FONT-SIZE: small;
}

#main_frame04 {
 WIDTH: 485px;
 BACKGROUND-POSITION: bottom center;
 BACKGROUND-IMAGE: url(images/frame00.gif);
 BACKGROUND-REPEAT: no-repeat;
 POSITION: relative; top:0px; left:180px;
 PADDING-TOP: 20px;
 PADDING-BOTTOM: 40px;
 FONT-SIZE: small;
 border-style: none;
}

#main_frame04 a:link {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame04 a:visited {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame04 a:active {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame04 a:hover {
 COLOR: #0000ff;
 TEXT-DECORATION: underline;
}

#main_frame05 {
 WIDTH: 485px;
 BACKGROUND-POSITION: bottom center;
 BACKGROUND-IMAGE: url(images/frame04.gif);
 BACKGROUND-REPEAT: no-repeat;
 POSITION: relative; top:0px; left:180px;
 PADDING-BOTTOM: 60px;
 FONT-SIZE: small;
 line-height: 1.5; 
 border-style: none;
}

#main_frame05 h1 {
border-left-color: #cc6666;
padding: 5px 0px 0px 10px; 
border-style: solid;
border-width: 0px 0px 0px 20px; 
margin:10px 0px 20px 0px ; 
color: #8B0000;
font-size: 20px;
font-weight: bold;
line-height: 1.2
}

#main_frame05 a:link {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame05 a:visited {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame05 a:active {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame05 a:hover {
 COLOR: #0000ff;
 TEXT-DECORATION: underline;
}

#main_frame05 ul {
list-style-type: none;
}

              .tag {
width: 465px;
height: auto;
background-color: #F5F5DC;
padding: 10px 10px 20px 10px;
margin: 20px 0px 20px 0px; 
　　　　　　    }

#main_frame06 {
 WIDTH: 485px;
 POSITION: relative; top:0px; left:180px;
 PADDING-BOTTOM: 40px;
 FONT-SIZE: small;
}

#main_frame06 a:link {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame06 a:visited {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame06 a:active {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame06 a:hover {
 COLOR: #0000ff;
 TEXT-DECORATION: underline;
}

#main_frame07 {
 WIDTH: 485px;
 BACKGROUND-POSITION: 0px 0px;
 BACKGROUND-IMAGE: url(images/frame04.gif);
 BACKGROUND-REPEAT: repeat-y;
 POSITION: relative; top:0px; left:150px;
 PADDING-RIGHT: 30px;
 PADDING-LEFT: 30px;
 FONT-SIZE: small
}

#main_frame07 a:link {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame07 a:visited {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame07 a:active {
 COLOR: #000000;
 TEXT-DECORATION: none;
}

#main_frame07 a:hover {
 COLOR: #0000ff;
 TEXT-DECORATION: underline;
}


/* ------------------------------
 MENU1
------------------------------ */

#menu03 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:200px; left:0px;
 BACKGROUND-IMAGE: url(images/menu03_live.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu03 a:hover{
 BACKGROUND-IMAGE: url(images/menu53_live.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu04 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:240px; left:0px;
 BACKGROUND-IMAGE: url(images/menu04_food.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu04 a:hover{
 BACKGROUND-IMAGE: url(images/menu54_food.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu05 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:280px; left:0px;
 BACKGROUND-IMAGE: url(images/menu05_shopping.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu05 a:hover{
 BACKGROUND-IMAGE: url(images/menu55_shopping.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu06 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:320px; left:0px;
 BACKGROUND-IMAGE: url(images/menu06_tourism.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu06 a:hover{
 BACKGROUND-IMAGE: url(images/menu56_tourism.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu07 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:360px; left:0px;
 BACKGROUND-IMAGE: url(images/menu07_beauty.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu07 a:hover{
 BACKGROUND-IMAGE: url(images/menu57_beauty.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu08 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:400px; left:0px;
 BACKGROUND-IMAGE: url(images/menu08_sports.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu08 a:hover{
 BACKGROUND-IMAGE: url(images/menu58_sports.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu09 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:440px; left:0px;
 BACKGROUND-IMAGE: url(images/menu09_learn.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu09 a:hover{
 BACKGROUND-IMAGE: url(images/menu59_learn.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu10 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:480px; left:0px;
 BACKGROUND-IMAGE: url(images/menu10_health.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu10 a:hover{
 BACKGROUND-IMAGE: url(images/menu60_health.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu11 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:520px; left:0px;
 BACKGROUND-IMAGE: url(images/menu11_business.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu11 a:hover{
 BACKGROUND-IMAGE: url(images/menu61_business.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu12 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:560px; left:0px;
 BACKGROUND-IMAGE: url(images/menu12_art.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu12 a:hover{
 BACKGROUND-IMAGE: url(images/menu62_art.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu13 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:600px; left:0px;
 BACKGROUND-IMAGE: url(images/menu13_other.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu13 a:hover{
 BACKGROUND-IMAGE: url(images/menu63_other.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu14 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:640px; left:0px;
 BACKGROUND-IMAGE: url(images/menu14_link.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu14 a:hover{
 BACKGROUND-IMAGE: url(images/menu64_link.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu15 a{
 WIDTH: 145px;
 HEIGHT: 40px;
 POSITION: absolute; top:720px; left:0px;
 BACKGROUND-IMAGE: url(images/menu15_yakuba.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#menu15 a:hover{
 BACKGROUND-IMAGE: url(images/menu65_yakuba.gif);
 BACKGROUND-REPEAT: no-repeat;
}

/* ------------------------------
 MENU2
------------------------------ */

#menu2 {
 WIDTH: 300px;
 POSITION: absolute; top:200px; left:700px;
}

#search {
 WIDTH: 300px;
 HEIGHT: 30px;
 BACKGROUND-POSITION: 0px 0px;
 BACKGROUND-IMAGE: url("images/search.gif");
 BACKGROUND-REPEAT: no-repeat; 
 POSITION: relative; top:0px; left:0px;
 PADDING-TOP: 4px; 
 PADDING-RIGHT: 10px; 
 PADDING-LEFT: 25px;
 FONT-SIZE: small;
 OVERFLOW: hidden;
}

input.search-box {
width: 180px; height: 16px;
padding: 3px 0 0px 0px;
border: none;
float: left;
		}
		
input.search-button {
width: 20px; height: 20px;
background: url(images/search-bot.jpg) no-repeat;
border: none;
cursor: pointer;
font-size: 0.1em;
float: left;
margin: 3 0 0px 5;
		}

#cm {
 WIDTH: 300px;
 HEIGHT: 235px;
 POSITION: relative; top:0px; left:0px;
 BACKGROUND-COLOR: #c7c7c7;
 OVERFLOW: hidden;
}

#sightseeing {
 WIDTH: 300px;
 HEIGHT: 75px;
 BACKGROUND-POSITION: 0px 0px;
 BACKGROUND-IMAGE: url("images/sightseeing_banner.gif");
 BACKGROUND-REPEAT: no-repeat; 
 POSITION: relative; top:5px; left:0px;
}

.sightseeing_en a{
 WIDTH: 80px;
 HEIGHT: 20px;
 POSITION: absolute; top:6px; left:210px;
 BACKGROUND-IMAGE: url(images/sightseeing_banner_en_off.gif);
 BACKGROUND-REPEAT: no-repeat;
}

.sightseeing_en a:hover{
 WIDTH: 80px;
 HEIGHT: 20px;
 POSITION: absolute; top:6px; left:210px;
 BACKGROUND-IMAGE: url(images/sightseeing_banner_en_on.gif);
 BACKGROUND-REPEAT: no-repeat;
}

.sightseeing_cn a{
 WIDTH: 80px;
 HEIGHT: 20px;
 POSITION: absolute; top:28px; left:210px;
 BACKGROUND-IMAGE: url(images/sightseeing_banner_cn_off.gif);
 BACKGROUND-REPEAT: no-repeat;
}

.sightseeing_cn a:hover{
 WIDTH: 80px;
 HEIGHT: 20px;
 POSITION: absolute; top:28px; left:210px;
 BACKGROUND-IMAGE: url(images/sightseeing_banner_cn_on.gif);
 BACKGROUND-REPEAT: no-repeat;
}

.sightseeing_kr a{
 WIDTH: 80px;
 HEIGHT: 20px;
 POSITION: absolute; top:50px; left:210px;
 BACKGROUND-IMAGE: url(images/sightseeing_banner_kr_off.gif);
 BACKGROUND-REPEAT: no-repeat;
}

.sightseeing_kr a:hover{
 WIDTH: 80px;
 HEIGHT: 20px;
 POSITION: absolute; top:50px; left:210px;
 BACKGROUND-IMAGE: url(images/sightseeing_banner_kr_on.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#outline_title {
 WIDTH: 300px;
 HEIGHT: 30px;
 POSITION: relative; top:10px; left:0px;
}

#outline {
 WIDTH: 286px;
 POSITION: relative; top:10px; left:0px;
 padding: 5px;
 border-bottom: solid 2px #c7c7c7;  
 border-left: solid 2px #c7c7c7;  
 border-right: solid 2px #c7c7c7;  
 FONT-SIZE: small;
}

#access a{
 WIDTH: 95px;
 HEIGHT: 40px;
 POSITION: absolute; top:5px; left:10px;
 BACKGROUND-IMAGE: url(images/menu01_access.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#access a:hover{
 BACKGROUND-IMAGE: url(images/menu51_access.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#weather a{
 WIDTH: 95px;
 HEIGHT: 40px;
 POSITION: absolute; top:45px; left:10px;
 BACKGROUND-IMAGE: url(images/menu02_weather.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#weather a:hover{
 BACKGROUND-IMAGE: url(images/menu52_weather.gif);
 BACKGROUND-REPEAT: no-repeat;
}

#countrysign {
 WIDTH: 91px;
 HEIGHT: 75px;
 POSITION: absolute; top:90px; left:10px;
 BACKGROUND-IMAGE: url(images/menu2_countrysign.jpg);
 BACKGROUND-REPEAT: no-repeat;
}

#member {
 WIDTH: 300px;
 HEIGHT: 75px;
 BACKGROUND-POSITION: 0px 0px;
 BACKGROUND-IMAGE: url("images/member.gif");
 BACKGROUND-REPEAT: no-repeat; 
 POSITION: relative; top:10px; left:0px;
}

.member_login {
 WIDTH: 80px;
 HEIGHT: 30px;
 POSITION: absolute; top:45px; left:10px;
}

.member_guide {
 WIDTH: 80px;
 HEIGHT: 30px;
 POSITION: absolute; top:45px; left:100px;
}

#qr-code {
 WIDTH: 145px;
 HEIGHT: 170px;
 POSITION: absolute; top:555px; left:855px;
 BACKGROUND-POSITION: 0px 0px;
 BACKGROUND-IMAGE: url(images/qr-code_title.gif);
 BACKGROUND-REPEAT: no-repeat; 
 OVERFLOW: hidden;
 FONT-SIZE: small;
}

/* ------------------------------
キテる
------------------------------ */

#content .post {
                       line-height: 1.5;
		}