@charset "utf-8";
@import url("navi.css");
@import url("footer.css");
@import url("tabview.css");
/*
Theme Name: nanase
Theme URI: http://www.nanase.co.jp
Description: nanaseテーマ01
Version: 1.0
Author: nanase
Author URI: http://www.nanase.co.jp
Tags: blue, custom header, fixed width, two columns, widgets
*/

/*-----------------------------------------基本設定*/

body{
margin:0 0 20px 0;
padding:0;
text-align:center;
font-size:75%;
font-family:'メイリオ',Verdana,sans-serif;
color:#444;
line-height:1.8;
background:url(img/bg_body.jpg) repeat-x #eee;
}
body#home{
background:url(img/bg_body_top.jpg) repeat-x #eee;
}
a{color:#4B7B9E;overflow:hidden;}
a:hover{color:#000;}
p{margin:0 0 20px 0;}
form{margin:0;padding:0;}
input,textarea{
border:1px solid #ccc;
background:#eee;
}
img{vertical-align:middle;}
pre{border:1px solid #ddd;background:#f7f7f7;padding:3px 10px;}
code{margin:0;padding:0;}
.small{font-size:0.8em;}
ul,ol{
margin-top:0;
}
img{border:none;}
.clear{clear:both;}

/*-----------------------------------------レイアウト*/

#layout{
margin:auto;
width:840px;
text-align:left;
}
body#home #header{
position:relative;
height:320px;
background:url(img/bg_header_top.jpg) no-repeat;
}
#header{
position:relative;
height:160px;
background:url(img/bg_header.jpg) no-repeat;
}
#container{
clear:both;
padding:10px 30px 30px 30px;
background:url(img/bg_container.jpg) repeat-y;
}
#main{
width:560px;
float:left;
margin:0 0 20px 0;
}
#side{
width:180px;
float:right;
margin:0 0 20px 0;
}


/*-----------------------------------------見出し*/

body#home #header h1{
font-size:0.8em;
font-weight:normal;
color:#1E5A97;
margin:0;
padding:0;
width:160px;
height:50px;
position:absolute;
top:150px;
left:340px;
}
#header h1{
position:absolute;
top:80px;
left:340px;
}
#header h1 a{
display:block;
width:160px;
height:50px;
text-indent:-10000px;
}

h2{
margin:0 0 30px 0;
padding:0 0 5px 0;
font-size:1.4em;
color:#666;
font-weight:bold;
background:url(img/bg_pagetitle.gif) repeat-x left bottom;
}

h3{
font-size:1.0em;
margin:0 0 10px 0;
padding:0;
clear:both;
}

.post h3{
font-size:1.0em;
margin:0;
padding:0;

}
.post h3 a{
text-decoration:none;
color:#333;
color:#2283B7;
}
.post h3 a:hover{
color:#333;
}


.post_page h3{
color:#333;
font-size:1.0em;
margin:0 0 10px 0;
padding:0 0 0 16px;
background:url(img/bg_h3.gif) no-repeat left center;
border-bottom:1px dotted #ccc;
}


h3.toppage{
margin:0 0 10px 0;
padding:0 0 2px 0;
font-size:1.2em;
background:url(img/bg_pagetitle.gif) no-repeat bottom;
}
h3.toppage span{
font-size:0.6em;
color:#999;
padding:0 0 0 5px;
}

h4{

color:#3F8B86;
color:#C55050;
font-size:1.0em;
margin:0;
}

/*-----------------------------------------検索*/

#searchbox{
vertical-align:top;
margin:0 0 20px 0;
text-align:center;
}
.search_input{
font-size:0.8em;
line-height:15px;
height:13px;
width:123px;
margin:0 3px 0 0;
vertical-align:top;
}
.search_btn{
background:none;
border:none;
vertical-align:top;
}

/*-----------------------------------------サイド*/

#side h3{
font-size:0.8em;
margin:0 0 5px 0;
padding:0 0 3px 0;
color:#333;
border-bottom:1px solid #ccc;
}

#side ul{
margin:0 0 20px 0;
padding:0 0 0 5px;
list-style:none;
line-height:1.4;
}
#side ul.cate li{
margin:0 0 2px 0;
padding:0 0 0 16px;
font-size:0.8em;
background:url(img/icon_folder.gif) no-repeat left center;
background:url(img/icon_sq.gif) no-repeat left center;
}
#side ul.cate  li a{
color:#666;
}
#side ul.cate  li a:hover{
color:#2283B7;
}

#news_cate{
position:relative;
padding:0 0 20px 0;
}
.feed{
position:absolute;
bottom:0;
right:0;
}

#side ul#list_category li{
padding:0 0 0 15px;
font-weight:bold;
background:url(img/icon_folder.gif) no-repeat left top;
background-position:0 6px;
}
#side ul#list_category li a{
color:#333;
}
#side ul#list_category li a:hover{
color:#2283B7;
}
#side ul#list_category ul.children{
font-size:0.8em;
margin:0 0 20px 0;
padding:0;
}
#side ul#list_category ul.children li{
margin:0;
padding:0 0 0 12px;
font-weight:normal;
background:url(img/icon_list02.gif) no-repeat left center;
color:#666;
}
#side ul#list_category ul.children li a{
color:#666;
}
#side ul#list_category ul.children li a:hover{
color:#2283B7;
}

#tagcloud a{
color:#666;
}
#tagcloud a:hover{
color:#2283B7;
}

/*-----------------------------------------ページ最上部移動*/

#pagetop{
clear:both;
font-size:10px;
height:30px;
position:relative;
background:url(img/bg_pagetop.jpg) no-repeat;
}
#pagetop a{
display:block;
position:absolute;
left:400px;
width:40px;
height:22px;
background:url(img/pagetop.gif) no-repeat;
text-indent:-10000px;
}
#pagetop a:hover{
background-position:0 -22px;
}


/*-----------------------------------------ページ移動リンク*/

.pagelink_archive{
list-style:none;
margin:0 0 20px 0;
padding:0;
}
.pagelink_archive li{
margin:0 0 3px 0;
padding:0 0 0 30px;
}
.pagelink{
margin:10px 0 30px 0;
padding:10px 0 0 0;
border-top:1px dotted #ccc;
}
.pagelink p{
margin:0;
padding:0 0 0 65px;
}
.pagelink .pagenext{
background:url(img/next_post.gif) no-repeat left center;
}
.pagelink .pageprev{
background:url(img/prev_post.gif) no-repeat left center;
}

.pagemove{
margin:0 0 10px 0;
text-align:center;
}


/*-----------------------------------------パンくずナビ*/

/*breadcrumb*/
#breadcrumb{
margin:0 0 10px 0;
font-size:0.8em;
color:#999;
}
#breadcrumb a{
color:#666;
}




/*-----------------------------------------問い合わせフォーム*/

.wpcf7-not-valid-tip-no-ajax{
font-size:0.8em;
padding:0 0 0 10px;
color:#DA8D8D;
}
.wpcf7-validation-errors{
font-size:1.2em;
color:#C64F4F;
}
.wpcf7-mail-sent-ok{
font-size:1.2em;
color:#C64F4F;
}






/*-----------------------------------------ブログ*/

/*-----------------------------------------記事投稿*/
.category_list{
margin:0 0 20px 0;
padding:0;
list-style:none;
}
.category_list li{
margin:0 0 5px 0;
padding:0 0 0 12px;
background:url(img/icon_list01.gif) no-repeat left center;
border-bottom:1px dotted #ccc;
font-weight:bold;
font-size:0.8em;
}
.category_list li span{
padding:0 0 0 16px;
font-weight:normal;
font-size:1.2em;
}



.post{
margin:0 0 20px 0;
clear:both;
background:#fff;
}

.post p{
margin:0 0 15px 0;
}
.postdate{
font-size:0.8em;
font-weight:bold;
margin:0 0 5px 0;
padding:0 0 0 20px;
color:#666;
background:url(img/icon_calendar.gif) no-repeat left center;
}





.post_head{
float:right;
width:500px;
}
.date_cal{
width:44px;
height:50px;
background:url(img/bg_calendar.gif) no-repeat;
float:left;
margin:5px 0 0 0;
}
p.date_mon{
text-align:center;
margin:3px 0 0 0;
font-size:10px;
color:#fff;
line-height:1.2;
}
p.date_day{
text-align:center;
margin:0;
font-size:18px;
font-weight:bold;
color:#333;
}
.postinfo{
border-top:1px dotted #ccc;
padding:5px 0 0 0;
font-size:0.8em;
}
.postinfo a{
color:#666;
}
.postinfo a:hover{
color:#000;
}



/*-----------------------------------------関連記事*/

.related_post{
margin:0 0 30px 0;
}
.related_post h3{
font-size:1.0em;
margin:0 0 5px 0;
padding:0;
border-bottom:3px solid #ddd;
}
.related_post ul{
margin:0;
padding:0;
list-style:none;
}
.related_post ul li{
margin:0 0 3px 0;
padding:0 0 0 10px;
background:url(img/icon_list01.gif) no-repeat left center;
}

/*-----------------------------------------コメント*/

#com{
margin:0 0 20px 0;
}
#com textarea{
width:400px;
}
#com h4{
font-size:1em;
margin:0 0 10px 0;
border-bottom:3px solid #ddd;
}
.compost{
margin:0 0 20px 0;
border:1px solid #ddd;
padding:10px 20px;
}
.compost p{
margin:0;
}
p.cominfo{
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px solid #ddd;
font-size:0.8em;
color:#999;
}

/*-----------------------------------------トラックバック*/

#tb{
margin:0 0 20px 0;
}
#tb h4{
font-size:1em;
margin:0 0 10px 0;
border-bottom:3px solid #ddd;
}
#tb input{
width:500px;
}

#com a,#tb a{
color:#000;
}






/*-----------------------------------------管理画面用*/

/*-----------------------------------------投稿用イメージ*/

.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft{
float:left;
margin:0 20px 10px 0;
width:auto;
}
.alignright{
float:right;
margin:0 0 10px 20px;
width:auto;
}
.post img{
border:none;
}
.wp-caption{
border:1px solid #999;
padding:5px 0 0 0;
text-align:center;
}
.wp-caption img{
margin:0 0 5px 0;
}
.wp-caption-text{
text-align:center;
font-size:0.8em;
margin:0;
color:#333;
}




/*-----------------------------------------スタイル*/

.box01{
border:1px dotted #ddd;
background:#f7f7f7;
margin:0 0 20px 0;
padding:10px 30px;
}
.box02{
border-bottom:1px solid #ddd;
margin:0 0 20px 0;
}

dl{margin:0 0 20px 0;}
dl dt{font-weight:bold;}
dl dd{margin:0 0 5px 20px;}

.googlemaps{margin:0 0 30px 0;}

.mainbox_left{
float:left;
width:300px;
}
.mainbox_right{
float:right;
width:260px;
}

/*-----------------------------------------table*/
.table_default{
margin:0 0 30px 0;
}
.table_default th{
width:25%;
text-align:left;
font-weight:normal;
border-bottom:1px dotted #ccc;
padding:2px 0 2px 16px;
background-position:0 5px;
}
.table_default td{
text-align:left;
border-bottom:1px dotted #ccc;
padding:2px 0;
}


/*-----------------------------------------news page*/

.rss_list{
margin:0 0 10px 0;
}
.rss_list th{
width:50%;
text-align:left;
padding:0 0 0 16px;

background:url(img/icon_rss_mini.gif) no-repeat left center;
}
.rss_list td{

}




/*-----------------------------------------sitemap*/

#sitemap_list{
margin:0 0 20px 20px;
list-style:none;
}
#sitemap_list li{
margin:0;
padding:0 0 0 16px;
background:url(img/icon_sitemap.gif) no-repeat left top;
background-position:0 5px;
}
#sitemap_list li ul{
margin:0 0 0 20px;
list-style:none;
}
#sitemap_list li ul li{
background:url(img/icon_sitemap2.gif) no-repeat left center;
}


.banner{
}
.banner a{
display:block;
margin:0 0 5px 0;
}

#mailform{
margin:0 0 20px 20px;
}

#mailform p{
margin:0 0 5px 0;
}


/*-----------------------------------------clearfix*/

div:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
div{
  min-height: 1px;
}
/* exlude MacIE5 \*/
* html div{
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}