/*  
  Theme Name: Wakayama Shimpo
  Theme URI: http://www.wakayamashimpo.co.jp/
  Description: わかやま新報のテーマ
  Tags: wakayama,shimpo,news
  Version: 1.0.0
  Author: わかやま新報
  Author URI: http://www.wakayamashimpo.co.jp/
*/

/* HTML Elements */
* {
  margin:0;
  padding:0;
}

body,html {
  min-height:101%;
}
  
body {
  font-size: 0.86em;
  color: #000;
}

body {
  border-top: 3px solid #4FA26C;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height:1.2em;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd{
  margin: 0;
  padding: 0;
}

p {
  margin: 15px 0;
}

a:link, a:visited {
  color: #00F; /*font title*/
  text-decoration: none;
}

a:hover, a:active {
  color: #F00; /*hover title*/
  text-decoration: underline;
}

hr {
  display: block;
  height: 1px;
  background: #cccccc;
  border: 0;
}

small {
  font-size: 0.95em;
  font-style: italic;
  background: #fffff;
  padding:0 0 0 4px;
}

.smalllatest {
  font-size: 0.95em;
  font-style: italic;
  background: #ffffff;
  padding: 4px 0 0 4px;
}

img, a:link img, a:visited img {
  border: 0;
}


#wrapper{
  width: 980px;
  margin: 0 auto;
  position: relative;
}

/* header **********************************************/
#header{
  overflow: hidden;
}
#header h1{
  font-size: 0.88em;
  font-weight: normal;
}
#hgroup_title{
  overflow: hidden;
}
#hgroup_title{
  font-family:'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝';
  height: 100px;
  overflow: hidden;
}
#hgroup_title .logo{
  position: absolute;
  top: 25px;
  left: 0;
}
#hgroup_title .today_year{
  position: absolute;
  top: 70px;
  left: 52px;
  font-size: 16px;
  font-weight: bold;
  width: 180px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
#hgroup_title .today_date{
  position: absolute;
  top: 95px;
  left: 60px;
  font-size: 18px;
  font-weight: bold;
  width: 160px;
  height: 26px;
  text-align: center;
  line-height: 26px;
}

#hgroup_newsfeed{
  background: url(images/header_line_title.gif) no-repeat right 5px #D0EFC9;
  position: relative;
  padding: 5px;
  overflow: hidden;
}
#hgroup_newsfeed .description{
  line-height: 15px;
}
#hgroup_newsfeed .rss_feed{
  position: absolute;
  top: 5px;
  right: 10px;
}
#header_adsense{
  position: absolute;
  top: 30px;
  left: 230px;
}


/* navigation **********************************************/
#globalNavi{
  margin: 5px 0;
  font-size: 0.88em;
  height: 29px;
  border-bottom: 5px solid #05ec90;
}
#globalNavi ul{
  list-style: none;
  float: left;
  border-top: 1px solid #05ec90;
  border-right: 1px solid #05ec90;
  border-bottom: 1px solid #05ec90;
}
#globalNavi li{
  background: url(images/menu_bg.gif) repeat-x left top;
  float: left;
  width: 160px;
  line-height: 28px;
  text-align: center;
}
#globalNavi li.first{
  background: url(images/menu_top_bg.gif) repeat-x left top;
  width: 160px;
}
#globalNavi li a{
  height: 28px;
  display: block;
}
#globalNavi li.menu{
  float: left;
}
#globalNavi li:hover{
  position: relative;
}
#globalNavi ul ul{
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  left: -10px;
  margin: 0;
  position: absolute;
  top: 28px;
  width: 150px;
  z-index: 99999;
}
#globalNavi li li {
  border: 1px solid #CCC;
  width: 150px;
  background: #FFF;
  overflow: hidden;
}
#globalNavi li li a:hover {
  background: #c4f5b6;
}
#globalNavi ul li:hover > ul {
  display: block;
  z-index: 99999;
}


/* container **********************************************/
#container{
  float: none;
  clear: both;
  overflow: hidden;
  margin: 20px 0;
}





/* main **********************************************/
#main{
  float: left;
  width: 680px;
  overflow: hidden;
}

#main .article{
  padding: 0 20px;
  margin-bottom: 30px;
}

#main .sociallinks{
  text-align: right;
  overflow: hidden;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
}
#main .sociallinks ul{
  list-style: none;
}
#main .sociallinks li{
  float: right;
  padding-left: 5px;
}

#main .category_title, #main .post_title{
  margin-bottom: 20px;
}
#main h2.category_title a{
  color: #000;
}

#main .post_thumbnail{
  border: 1px solid #999;
  padding: 5px;
  text-align: center;
}

#main .post_thumbnail img{
  background: #FFF;
}
#main .post_meta{
  color: #999;
  font-size: 0.88em;
  text-align: right;
}

#main .similar_post{
  clear: both;
  border-left: 5px solid #666;
  border-bottom: 1px solid #666;
  margin: 10px;
  padding: 5px 5px 5px 10px;
}
#main .similar_post_list{
  margin: 10px 0;
}

#page_navi_list{
  clear: both;
  margin: 20px 0;
}

#site_backnumber{
  clear: both;
  border: 1px solid #FF6666;
  background-color: #FFDEDE;
  text-align: center;
  line-height: 50px;
  margin: 20px 0;
}

/* main column **********************************************/
#main_column{
  width: 460px;
  margin: 0 20px;
  overflow: hidden;
  float: right;
}

#main_column .newslistbox{
/*  position: relative;*/
}
#main_column .rss_feed{
/*  position: absolute;*/
/*  top: 8px;*/
/*  right: 10px;*/
  float: right;
  margin-top: -23px;
  margin-right: 10px;
  font-size: 12px;
}
#main_column .rss_feed img{
  margin-right: 5px;
}

#main_column .article{
  font-size: 0.88em;
}
#main_column .category_title{
/*  font-size: 1.20em;*/
  margin-bottom: 10px;
}
#main_column .category_title a{
  color: #000;
}

#main_column .post_title{
  font-size: 1.0em;
  margin-bottom: 5px;
}


/* News list *****/
#main_news_list{
  margin: 10px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #000;
}
#main_news_list h2{
  background: url(images/label_newslist_bg.gif) no-repeat left top;
  padding-left: 10px;
  font-size: 1.0em;
  line-height: 32px;
  height: 32px;
}
#main_news_list ul{
  list-style: none;
  margin: 15px 10px 10px 10px;
  font-size: 0.88em;
}
#main_news_list li{
  padding-left: 10px;
  padding-bottom: 5px;
  background: url(images/list_icon_br.gif) left 4px no-repeat;
  line-height: 15px;
}

#category_list ul{
  margin: 0;
  overflow: hidden;
}
#category_list li{
  background: url(images/btn_category_bg.gif) left top no-repeat;
  padding-left: 0;
  margin-left: 8px;
  text-align: center;
  line-height: 21px;
  float: left;
}
#category_list li a{
  width: 77px;
  display: block;
}

#main_news_list .post_thumbnail{
  position: relative;
}


/* PR list *****/
#main_pr_list{
  margin: 10px 0 20px 0;
  padding-bottom: 10px;
  background: url(images/label_prbox_bottom_bg.gif) no-repeat left bottom;
}
#main_pr_list h2{
  background: url(images/label_prbox_top_bg.gif) no-repeat left top;
  padding-top: 8px;
  padding-left: 10px;
  font-size: 1.0em;
  line-height: 32px;
  height: 32px;
}
#main_pr_list ul{
  list-style: none;
  padding: 10px;
  font-size: 0.88em;
  background: url(images/label_prbox_middle_bg.gif) repeat-y left top;
}
#main_pr_list li{
  padding-left: 10px;
  padding-bottom: 5px;
  line-height: 15px;
}

/* SportsNews list *****/
#main_sportsnews_list{
  margin: 10px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #000;
}
#main_sportsnews_list h2{
  background: url(images/label_sportsnews_bg.gif) no-repeat left top;
  padding-left: 10px;
  font-size: 1.0em;
  line-height: 32px;
  height: 32px;
}
#main_sportsnews_list ul{
  list-style: none;
  margin: 15px 10px 10px 10px;
  font-size: 0.88em;
}
#main_sportsnews_list li{
  padding-left: 10px;
  padding-bottom: 5px;
  background: url(images/list_icon_gr.gif) left 4px no-repeat;
  line-height: 15px;
}

/* いらっしゃいませlist *****/
#main_shops_list{
  margin: 10px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #000;
}
#main_shops_list h2{
  background: url(images/label_shops_bg.gif) no-repeat left top;
  padding-left: 10px;
  font-size: 1.0em;
  line-height: 32px;
  height: 32px;
}
#main_shops_list ul{
  list-style: none;
  margin: 15px 10px 10px 10px;
  font-size: 0.88em;
}
#main_shops_list li{
  padding-left: 10px;
  padding-bottom: 5px;
  background: url(images/list_icon_gr.gif) left 4px no-repeat;
  line-height: 15px;
}

/* StuffBlog list *****/
#main_stuffblog_list{
  margin: 10px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #000;
}
#main_stuffblog_list h2{
  background: url(images/label_blog_bg.gif) no-repeat left top;
  padding-left: 115px;
  font-size: 1.0em;
  line-height: 32px;
  height: 32px;
}
#main_stuffblog_list ul{
  list-style: none;
  margin: 15px 10px 10px 10px;
  font-size: 0.88em;
}
#main_stuffblog_list li{
  padding-left: 10px;
  padding-bottom: 5px;
  background: url(images/list_icon_pk.gif) left 4px no-repeat;
  line-height: 15px;
}

/* Hidaka list *****/
#main_hidaka_list{
  margin: 10px 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #000;
}
#main_hidaka_list h2{
  background: url(images/label_hidaka_bg.gif) no-repeat left top;
  padding-left: 100px;
  font-size: 1.0em;
  line-height: 32px;
  height: 32px;
}
#main_hidaka_list ul{
  list-style: none;
  margin: 15px 10px 10px 10px;
  font-size: 0.88em;
}
#main_hidaka_list li{
  padding-left: 10px;
  padding-bottom: 5px;
  background: url(images/list_icon_br.gif) left 4px no-repeat;
  line-height: 15px;
}







/* sub column **********************************************/
#sub_column{
  width: 180px;
  float: left;
  overflow: hidden;
}

/* News Topic *****/
#news_topic{
  background: #F0F0F0;
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
  text-align: center;
}
#news_topic h3{
  padding: 10px 5px 5px 5px;
  margin: 5px 3px;
  text-align: left;
  font-size: 1.0em;
  border-bottom: 1px solid #DDDDDD;
}
#news_topic img{
  /*width: 160px;*/
}
#news_topic p{
  font-size: 0.88em;
  text-align: left;
  margin: 10px 5px;
}

/* Service list *****/
#sub_service_list{
  margin: 10px 0 20px 0;
  padding-bottom: 10px;
  border-left: 1px solid #4FA26C;
  border-right: 1px solid #4FA26C;
  border-bottom: 1px solid #4FA26C;
  background: url(images/service_list_bg.gif) repeat-x left top #F1FAEE;
}
#sub_service_list h3{
  background: url(images/label_service_bg.gif) no-repeat center center;
  padding-left: 10px;
  font-size: 1.0em;
  line-height: 37px;
}
#sub_service_list ul{
  list-style: none;
  margin: 10px 5px 0 5px;;
  font-size: 0.88em;
}
#sub_service_list li{
  padding-bottom: 5px;
  margin-bottom: 10px;
  line-height: 15px;
  border-bottom: 1px solid #D0EFC9;
}
#sub_service_list dl{
  overflow: hidden;
}
#sub_service_list dt{
  float: left;
}
#sub_service_list dd{
  float: left;
  margin-left: 5px;
  line-height: 18px;
}
#sub_service_list dd span{
  font-size: 0.88em;
}

/* MyBanner list *****/
#sub_mybanner_list{
  margin: 10px 0 20px 0;
}

#sub_mybanner_list ul{
  list-style: none;
}
#sub_mybanner_list li{
  margin-bottom: 10px;
}

#gallery-photo{
  overflow: hidden;
  clear: both;
}

#gallery-photo .gallery-item{
  float: left;
  margin: 5px;
}






/* sidebar **********************************************/
#sidebar{
  width: 300px;
  float: right;
  overflow: hidden;
}

/* Ranking list *****/
#side_ranking_list{
  margin: 10px 0 20px 0;
  border-left: 1px solid #FF9C0B;
  border-right: 1px solid #FF9C0B;
  border-bottom: 1px solid #FF9C0B;
}
#side_ranking_list h4{
  background: url(images/label_ranking_bg.gif) no-repeat center center;
  padding-left: 36px;
  font-size: 1.0em;
  line-height: 37px;
}
#side_ranking_list ul{
  list-style: none;
  margin: 10px 0 0 0;
  font-size: 0.88em;
}
#side_ranking_list li{
  padding-left: 5px;
  padding-bottom: 10px;
  line-height: 15px;
}
#side_ranking_list dl{
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#side_ranking_list dt{
  float: left;
  width: 18px;
  height: 18px;
  display: block;
  line-height: 18px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}
#side_ranking_list dt.orange{
  background: url(images/ranking_number_bg.gif) no-repeat left top;
}
#side_ranking_list dt.green{
  background: url(images/ranking_number_bg2.gif) no-repeat left top;
}
#side_ranking_list dd{
  float: left;
  margin-left: 5px;
  line-height: 18px;
}


/* Pickup list *****/
#side_pickup_list{
  margin: 10px 0 20px 0;
  border-left: 1px solid #33BFFB;
  border-right: 1px solid #33BFFB;
  border-bottom: 1px solid #33BFFB;
}
#side_pickup_list h4{
  background: url(images/label_pickup_bg.gif) no-repeat center center;
  padding-left: 10px;
  font-size: 1.0em;
  line-height: 37px;
}
#side_pickup_list ul{
  list-style: none;
  margin: 10px 0 0 0;
  font-size: 0.88em;
}
#side_pickup_list li{
  padding-left: 5px;
  padding-bottom: 10px;
  line-height: 15px;
}



/* serch form ******************************************/
#search_form{
  position: absolute;
  top: 135px;
  right: 5px;
}
#search_form .field{
  width: 140px;
}
#search_form .submit{
  padding: 0 10px;
}




/* footer **********************************************/
#footer{
  float: none;
  clear: both;
  overflow: hidden;
  font-size: 0.88em;
}

#footer .title{
  border-top: 1px solid #4FA26C;
  background: url(images/footer_title_bg.gif) repeat-x left top;
  padding: 2px 5px 0 5px;
  height: 30px;
  line-height: 30px;
}
#footer .title h5{
  font-size: 1.0em;
}

#footer .address{
  margin: 10px;
}
#footer .contents_list1, #footer .contents_list2{
  margin: 10px;
  padding-left: 10px;
}
#footer hr{
  background-color: #A0DEC9;
  height: 2px;
}
#copyright_message, #copyright{
  text-align: center;
  margin: 5px;
  color: #666;
}


/* adsense ******************************************************************/
.adbox{
  margin-bottom: 10px;
  text-align: center;
}

#ad_center_middle{
  text-align: center;
  margin: 0 auto;
  width: 480px;
  height: 115px;
  overflow: hidden;
}
#ad_center_middle ul{
  list-style: none;
  margin-left: -10px;
}
#ad_center_middle li{
  float: left;
  margin-left: 15px;
}
#ad_left_middle ul{
  list-style: none;
}




/* class ******************************************************************/
ul.icon_list{
  list-style: none;
  margin: 20px;
}
ul.icon_list li{
  margin-bottom: 5px;
  padding-left: 15px;
  background: url(images/list_icon_br.gif) left 3px no-repeat;
  line-height: 15px;
}

.icon_list_blue{
  padding-left: 15px;
  background: url(images/list_icon_br.gif) left 3px no-repeat;
  line-height: 15px;
}

.icon_list_green{
  padding-left: 15px;
  background: url(images/list_icon_gr.gif) left 3px no-repeat;
  line-height: 15px;
}

.icon_list_pink{
  padding-left: 15px;
  background: url(images/list_icon_pk.gif) left 3px no-repeat;
  line-height: 15px;
}

input.textbox{
  border: 1px solid #CCC;
  padding: 2px;
}

.image_button{
  border: none;
  background-color: #FFF;
}

.catch_image{
  position:relative;
}

.image_guard{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  background-image:url(images/spacer.gif);
}


/* image box layout -------------------------------------- */
.image_left {
  margin: 0 20px 20px 0;
  float: left;
}

.image_center {
  margin: 0 auto 20px auto;
}

.image_right {
  margin: 0 0 20px 20px;
  float: right;
}

div.photo_gallery {
  margin-left: -20px;
}

.image_gallery {
  margin: 0 0 20px 20px;
  float: left;
}


/* box layout -------------------------------------- */
.right_box {
  float: right;
}

.left_box {
  float: left;
}

.none {
  float: none;
}

.clear_left {
  clear: left;
}

.clear_right {
  clear: right;
}

.clear {
  clear: both;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.pageup {
  text-align: right;
}