@import url("css/contact.css");
@import url("css/archives.css");

* {
    padding: 0 ;/*すぺての余白（内側）を解除*/
    margin: 0 ;/*すぺての余白（外側）を解除*/
}


body {
    color:#3D3D3D ;
    text-align: center ;/*IE用：#container中央*/
    background: #FFF;
    font-size : 62.5% ;/*10px相当のフォントサイズにリサイズ*/
  line-height :1.5 ;/*単位は不要*/
 
}

h1,h4,h5,h6,table,input,textarea,option{ font-size : 100% ;/*タグ依存のサイズをリセット（お好みで）*/}


a{
	text-decoration:none;
	color: #5a2f00;
}

img{
	text-decoration:none;
	background-image: none;
	border:transparent solid 0px;
}

#container {
    width: 850px ;/*ページ幅*/
    margin: auto;/*FF用：#container中央*/
    text-align: left;/*body{text-align：center}を解除*/
    background: #fff ;
    font-size : 120% ;/*↑の設定で12px相当であれば、120%のように設定がしやすくなる*/
}


#header {
    height: 210px ;
    background: #FFF url(http://www.zeroapa.com/sanpomichi/img/header.jpg) no-repeat left 0px;
}

#header-inner {
    font-family: "ＭＳ 明朝",serif;
    color: #5a2f00;
    line-height:1.2;
    padding-left:10px;
}
#header-inner a {
    font-family: "ＭＳ 明朝",serif;
    color: #5a2f00;
}


#gn {
    height: 35px ;
    background: #ccc;
	overflow:hidden;
}
#gn-inner {
	overflow:hidden;
}

#gn ul{
	display: inline;
	list-style:none;
	overflow:hidden;
}

#gn li{
	width:auto;
	display: block;	
	float:left;
	border-left:thin dotted #FFF;
	line-height:35px;
}

#gn li a{
	width:auto;
	display: block;	
	float:left;
	line-height:35px;
	padding-left:10px;
	padding-right:10px;
	color:#5a2f00;
	min-width:100px;
}

#gn li a:hover{
	width:auto;
	display: block;	
	float:left;
	background:#1e1e1e;
        color:#fff;
	padding-left:10px;
}


div.pankuzu{
	padding:10px 0;
}

div.sns{
        width:500;
	padding:20px 10px;
        overflow:hidden;
}

div.twitter{
        float:left;
}
div.fb{
        float:left;
}

div.twitterpro{
	margin:10px 0px;
}

/*
#alfa（コンテンツ部）
===============================================================================*/


#alpha {
    float: right ;
    width: 600px ;
    display: inline ;
    background: #fff ;
}

#alpha-inner {
	margin:0px 0px 10px 10px;
    background: #fff;
}


h2.ttl{
	font-size:1.8em;
	background:#FFF url(http://www.zeroapa.com/sanpomichi/img/ttl01.jpg) no-repeat left;
	line-height:50px;
	text-indent:30px;
	color:#3D3D3D;
	clear:both;
}


h2.ttl a{
	color:#3D3D3D;
}

p.content-nav{
	float:right;
}

div#leftBox {
    margin-top:20px;
}

ul#lNavi {
    clear: both;
}
ul#lNavi img{
    margin: 0;
　 padding:0;
}

ul#lNavi li {
    display: inline;
    float: left;
    padding-bottom: 20px;
}
ul#sns {
    background: url("http://www.zeroapa.com/image/blog_top/sns_body.png") no-repeat scroll 0 0 transparent;
    clear: both;
    overflow: hidden;
    padding: 15px;
}
ul#sns li {
    display: inline;
    float: left;
    padding-bottom: 20px;
}


div.date-header{
text-align:right;
background-color:#D7D7D7;
margin:0px 0px 5px 0px;
padding:3px 5px 3px 0px;
}

div.outline{
	margin:15px 0 5px;
	overflow : hidden;
}

div.gallery{
	padding:10px 0;
	overflow : hidden ;
}

div.center{
	text-align:center;
	margin:0 20px 20px 20px;
	border:#888 solid thin;

}

div.center p{
	line-height:2em;
	padding:10px 0px;
}


div.right{
        margin:0px;
	float: right ;
        width: 290px ;
        display: inline ;
}

div.right img{
	margin-left:10px;
}



div.left{
        margin:0px;
	float: left ;
        width: 290px ;
	display: inline ;
	padding-left:10px;
}

div.left img{
	margin-left:10px;
}

div.right table td{
	padding-left: 5px;
}

 
div.gallery table{
	border-left:thin dotted #888;
}


div.gallery table tr{
	margin:3px 0 0 0;
	border-left:thin dotted #888;
}

div.gallery table th{
	padding:5px 0 5px 5px;
	border-bottom:thin dotted #888;
}

div.gallery table td{
	padding:5px;
	width:135px;
	border-bottom:thin dotted #888;
	border-right:thin dotted #888;
}

div.search_zeroapa{
	margin:30px 0;
	overflow : hidden ;
	height:85px;
}

div.search_zeroapa a{
	background:#FFF url(http://www.zeroapa.com/sanpomichi/img/search_zeroapa.jpg) no-repeat left;
	line-height:85px;
	text-indent:80px;
	display: block;
	height: 85px;
	width: 585px;
	font-size:1.3em;
	color:#7e7e7e;
}

div.search_zeroapa a:hover{
	background:#FFF url(http://www.zeroapa.com/sanpomichi/img/search_zeroapa03.jpg) no-repeat left;
	line-height:85px;
	text-indent:80px;
	display: block;
	height: 85px;
	width: 585px;
	font-size:1.3em;
	color:#fff;
}
/*
#カテゴリー
==================*/

div.category-body {
background:#FFF url(http://www.zeroapa.com/sanpomichi/img/category_bg.png) no-repeat left;
width:575px;
height:155px;
margin:10px 0 10px 10px;
}

div.entry-title{
padding:10px 15px 10px 10px;
}

div.entry-title-r{
float:right;
width:350;
}

div.entry-title-r p{
text-align:right;
}

h3.entry-header {
margin:5px 5px 0 0;
font-size:15px;
}


/*
#beta（サイドバー部）
===============================================================================*/

#beta {
    float: left ;/*右へ*/
    width: 240px ;/*floatの場合、幅は必ず設定*/
    display: inline ;
}

.module-header{
	font-size:100%;
	background:#FFF url(http://www.zeroapa.com/sanpomichi/img/side-ttl.jpg) no-repeat left;
	line-height:35px;
	text-indent:15px;
	margin-top:10px;
}

li.module-list-item{
	line-height:30px;
	text-indent:10px;
	border-bottom: 1px dotted #dcdcdc;
}

li.module-list-item a{
	line-height:30px;
	text-indent:10px;
}

li.module-list-item a:hover{
	font-weight:bold;
}

.module-content li{
list-style:none;
}

/*=======================

#beta #agent

========================*/

#agent{
	background: url(http://www.zeroapa.com/sanpomichi/img/agent.jpg) no-repeat left;
	height:330px
	}

.01{
	height: 110px;
	}

#agent dl{
	padding:5px 0 0 75px;
	height:105px;
}

#agent dd{
	font-size:0.8em;
}


/*=======================

#beta #search

========================*/

#beta ul{
	list-style:none;
}
#beta li.search{
	list-style:none;
}
#beta li.search a{
	font-size:18px;
	color:#888;
	background: #FFF url(http://www.zeroapa.com/sanpomichi/img/search.jpg) no-repeat 0 0;
	line-height:55px;
	list-style-type: none;
	display: block;
	text-indent:10px;
}

div.beta-sns{
       background-color:#fbfbfb;
}


#link_area li{
	width:auto;
	display: block;	
	border-bottom:thin dotted #ccc;
}


#link_area li a{
	width:auto;
	display: block;	
	line-height:1.2em;
	padding:10px;
	color:#5a2f00;
}


#link_area li a:hover{
	font-weight:bold;
}


#content-inner {
overflow : hidden ;/*floatを設定したすぐ上の要素*/
/*FLOATを使用することでひとつ上の要素は、高さが取得できなくなり、背景の途切れが起こるのですが、
この設定で高さを取得でき、背景を下まで表示できるようになります。一度消してみるとわかると思いますｗｗ*/

padding : 0px;/*メイン部分の両端の余白は、ここで調整をオススメします*/
height : 1% ;
}


#footer {
    clear: both ;
    background : #fff ;
    height: auto;
	text-align:center;
	border-top:#CCC 1px solid;
}
#footer-inner {
	text-align:center;
}