/*
Theme Name: 小塙ひとしHP
Description: 小塙ひとしHP専用テーマ
Author: TaoGraphics
*/


@import url("css/reset.css");


body{
	border-top: 3px solid #1C86CA;
	color: #222;
	background: url(images/body_bg.jpg) repeat-x top;
}


/* ==================== レイアウト ==================== */

#container	{
	margin: auto;
	background:url(images/body_bg2.jpg) no-repeat bottom;
	-moz-background-size:100% auto;
background-size:100% auto;
}






/* ==================== リンク ==================== */
a	{
	color: #0E66BD
}

/* ==================== ヘッダー ==================== */
#header	{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 140px;
	background: url(images/header_bg.png) no-repeat right top;
}
div#title{
	padding-top: 20px;
}


div#title h1 a	{
	color: #039;
	text-decoration: none
}

div#title p	{
	color: #333;
	margin-top: 0px;
	padding-left: 2px;
	padding-top: 5px;
}




/* ==================== ナビゲーションバー ==================== */

div.menu-mainmanu-container{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background: url(images/g_menu_bg.jpg) repeat-x top;
	margin-bottom: 10px;
}

div.menu-mainmanu-container ul{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 45px;
}
div.menu-mainmanu-container li{
	display: block;
	float: left;
	width: 194px;
	border-right: 1px solid #06C;
	border-left: 1px solid #39C;
	height: 45px;
}

div.menu-mainmanu-container li a{
	color: #FFF;
	line-height: 45px;
	font-size: 14px;
	font-weight: bold;
	background: url(images/g_menu_bg.jpg) no-repeat top;
	display: block;
	height: 45px;
	width: 194px;
	letter-spacing: 1px;
	text-decoration: none;
}
div.menu-mainmanu-container li a:hover{
	background: url(images/g_menu_bg2.jpg) repeat-x top;
}
div.menu-mainmanu-container li a:visited{}



div#content_container{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}

/* ************************************************ 
*	moji
* ************************************************ */

div#moji{
	height: 30px;
	float: right;
	width: 205px;
	margin-bottom:15px;
}

div#moji ul{
	height: 30px;
	background: url(js/fontsize/img/moji.gif) no-repeat left top;
	list-style: none;
	padding-left: 100px;
}
div#moji li{
	float: left;
	height: 30px;
	width: 30px;
	display: block;
	margin-right: 5px;
}
div#moji li a{
	text-decoration: none;
	height: 30px;
	width: 30px;
	display: block;
	text-indent: -9998px;
}
div#moji li#small{background: url(js/fontsize/img/moji_s.jpg) no-repeat 0px 0px;}
div#moji li#default{background: url(js/fontsize/img/moji_d.jpg) no-repeat 0px 0px;}
div#moji li#large{background: url(js/fontsize/img/moji_l.jpg) no-repeat 0px 0px;}

div#moji li#small a:hover{background: url(js/fontsize/img/moji_s.jpg) no-repeat 0px -30px;}
div#moji li#default a:hover{background: url(js/fontsize/img/moji_d.jpg) no-repeat 0px -30px;}
div#moji li#large a:hover{background: url(js/fontsize/img/moji_l.jpg) no-repeat 0px -30px;}



body.home div#content_container{padding-top: 0px;}




/* ==================== トップページ ==================== */

div#maincopy{
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(images/shadow.jpg);
	padding-bottom:30px;
	margin-bottom: 20px;
	position:relative
}

.slogan{
	text-align:center;
	position:relative;
	bottom: -10px;}

.intro{
	padding: 15px 20px 0}

.intro p{
	margin-bottom:.5em}
	
	
	
/* ==================== 政策 ==================== */
div#seisaku,
div#fb{
}





div#seisaku dl{
	margin-bottom: 20px;
}
div#seisaku dt{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -pie-border-radius: 5px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 1px;
	margin-bottom: .8em;
	font-size: 138%;
	line-height: 2em;
	padding-right: 1em;
	padding-left: 1em;
	padding-top:.2em;
	behavior: url("css/PIE.htc");
	position:relative;
   }
div#seisaku dd{
	font-size: 116%;
	margin-bottom: 0.4em;
}


div#seisaku dl.no1 dt{
	background-color: #EAAAAA;
}
div#seisaku dl.no2 dt{
	background-color: #92D06C;
}
div#seisaku dl.no3 dt{
	background-color: #F5CB4B;
}
div#seisaku dl.no4 dt{
	background-color: #8E98DB;
}
div#seisaku dl.no5 dt{
	background-color: #75A4D3;
}

div#seisaku dl dd:before{content: "● ";}

div#seisaku dl.no1 dd:before{color: #f7dede;}
div#seisaku dl.no2 dd:before{color: #e5f4dc;}
div#seisaku dl.no3 dd:before{color: #fff6cc;}
div#seisaku dl.no4 dd:before{color: #dcdff4;}
div#seisaku dl.no5 dd:before{color: #dce8f4;}

div#seisaku dl.no3{
	background:url(images/sashiba.png) no-repeat right 35px;
	height:250px}
/* ==================== コンテンツ ==================== */
div#content	{
	float: left;
	width: 700px;
	margin-bottom: 25px;
	margin-left: 10px;
	padding-top: 20px;
}
div#content h1	{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px;
	padding-left: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
	background: url(images/h2_bg.jpg) no-repeat left top;
	color: #222;
}



div#content_header{
	margin-bottom: 30px;
}

div#content_header p{
	color: #0653AF;
	font-weight: bold;
	font-size: 108%;
}


/* ==================== ニュース ==================== */

/*トップのdiv*/
div#topnews{}

/*ニュースindexのdiv*/
div#newsindex{
	clear: both;
}

/*ニュースsigleのdiv*/
div#newssingle{}


div.pagenavi{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/* ========== 記事のスタイルloop ========== */
div.post{
	background: #F3FDFA;
	margin-bottom: 20px;
	border: 1px solid #B6D4ED;
	-webkit-box-shadow:1px 3px 4px #999;
	-moz-box-shadow:1px 3px 4px #999;
	box-shadow: 1px 3px 4px #999;
	position:relative;
	behavior: url(/css/PIE.htc);
	margin-top: 1px;
}

.pin{
	position: absolute;
	margin-left: 10px;
	margin-top: -5px;
}

/*記事ヘッダー*/
div.post_header{
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 40px;
	margin-bottom: 20px;
}

div.post_header h2	{
	border-top: 2px solid #CAE4E1;
	font-size: 131%;
	padding: 6px 4px 6px 13px;
	font-weight: bold;
	border-bottom: 1px dotted #CAE4E1;
	color: #000;
	line-height: 1.4em;
}

div.post_header h2 a,
div.post_header h2 a:visited{
	color: #000;
	text-decoration: none;
}
div.post_header h2 a:hover{
	color: #0C64BB;
	text-decoration: underline;
}

div.post_header h2 span	{
	font-size: 12px;
	color: #666;
	display: block;
}

div.post_header h2 span a,
div.post_header h2 span a:visited{
	color: #666;
	text-decoration: none;
}
div.post_header h2 a:hover{
	color: #0C64BB;
	text-decoration: underline;
}

div.post_header .postdate{
	color: #36C;
	text-align: right;
	margin-bottom: 3px;
	font: normal 93% Arial, Helvetica, sans-serif;
	padding-right: 3px;
}


/*記事ボディ*/
div.post_body{
	line-height: 1.5em;
	margin-bottom: 20px;
	margin-right: 25px;
	margin-left: 25px;
}

div.post_body p{
	margin-bottom: 10px;
}

div.post_body img{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
}


/* 画像 */
.alignleft	{float: left;
	margin-right: 20px;
	margin-bottom: 20px;}

.alignright	{float: right;
	margin-left: 20px;
	margin-bottom: 20px;}

.aligncenter	{clear: both;
	display: block;
	margin: 25px auto;}

a img	{border: none;}
.more{
	text-align: right;
}


/*記事フッター*/
div.post_footer{
	border-top: 2px solid #CAE4E1;
	padding-top: 5px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
}
div.post_footer ul{
	text-align: right;
}
div.post_footer li{
	display: inline;
	font-size: 85%;
	color: #36C;
}

/* ========== 記事のコメント single ========== */

div#comment_container{
	margin-bottom: 20px;
	padding-top: 15px;
}
div#comment_container h3{
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 10px;
	background: #B6D4ED;
	padding: 5px 8px;
}


/*パスワード付きの場合の表示*/
.pw{}


/*コメントのリスト*/
div#commentlist{
	margin-bottom: 30px;
}

div#commentlist ul{}
div#commentlist li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #CCC;
	margin-right: 2px;
	margin-left: 2px;
	padding-right: 5px;
	padding-left: 5px;
}
div#commentlist li .commentmeta{
	font-weight: bold;
	display: block;
	font-size: 108%;
	margin-bottom: 3px;
	color: #177CCA;
}

div#commentlist li .commentmeta span{
	font-size: smaller;
	font-weight: normal;
}

div#commentlist li div{}



/*コメントの入力フォーム*/
div#commentform,
div#trackback{
	margin-bottom: 20px;
	border: 1px solid #AAC6DD;
	padding: 1px;
}
div.commentform_inner{
	padding: 5px 15px 15px;
}

div#commentform p{
	margin-bottom: 10px;
}

div#commentform dl{

}
div#commentform dt{
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 93%;
}
div#commentform dd{
	margin-bottom: 10px;
}
input.cinfo{width: 300px;}
input.tinfo{width: 500px;}
div#commentform textarea{
	width: 420px;
	margin-bottom: 5px;
}


div#commentform ul{
	padding: 10px;
	background: #FFE5DF;
	border: 1px solid #FFBDC0;
	margin-top: 15px;
}
div#commentform li{
	font-size: 93%;
}


/*トラックバック*/
div#trackback{}


/* ==================== プロフィール ==================== */
div#profile{
	padding-right: 5px;
	
}
div#profile h3{
	color: #03C;
	margin-bottom: 40px;
	line-height:1.5em;
	font-size: 116%;
}
div#biography{
	padding-left: 260px;
	background: url(images/profile_photo.png) no-repeat left top;
	height:760px
}



div#biography table{
	margin-bottom: 5px;
	color: #06C;
	font-weight: bold;
	background: #ECFCFC;
	padding: 10px;
	border: 1px solid #D7EFF2;
	width:100%;
}
div#biography table th,
div#biography table td{
	padding: 6px 1em 5px;
	text-align:left;
	vertical-align:top}

div#biography dl{}
div#biography dt{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    -pie-border-radius: 5px;
	font-weight: bold;
	color: #FFF;
	background: #106CBF;
	padding: .3em 10px .3em;
	letter-spacing: 1px;
	margin-bottom: .6em;
	margin-top: 20px;
	position:relative;
	behavior: url("/css/PIE.htc");
}
div#biography dd{
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 1.6em;
}


/* ==================== リンク集 ==================== */
dl.link{}


dl.link dt a:before{
	content: "» ";
	color: #9CC;
	padding-left:.5em;
	margin-bottom:.4em
}
dl.link dt a{
	font-weight: bold;
	display: block;
	font-size: 108%;
	color: #06C;
	padding-bottom: 2px;
}

dl.link dt a:hover{
	text-decoration: underline;
}

dl.link dd{
	margin-bottom: 1em;
	border-bottom: 2px dotted #CCC;
	padding: 0 .5em .8em;}
	
	
/* ==================== ２段組み ==================== */

#sidebar	{
	width: 220px;
	float: right;
	margin-bottom: 25px;
	padding-top: 20px;
}

.itemlist{}
.itemlist dl	{
	border: solid 1px #aaaaaa;
	padding: 2px;
	margin-bottom: 10px;
}

.itemlist dt	{
	font-size: 108%;
	color: #ffffff;
	padding: 5px 10px 5px 18px;
	margin: 0 0 10px;
	background: #8bc124 url(images/navi_dt_bg.jpg) no-repeat left top;
}

.itemlist dd.select{
	padding: 0 10px 10px}

.itemlist ul	{
	margin: 0 10px;
}

.itemlist li	{
	line-height: 1.2;
	list-style-type: none;
	background-image: url(images/mark.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-bottom: 8px;
}

.itemlist li a:hover	{
	color: #F30;
}


.itemlist li ul{
	margin-bottom: 4px;
	margin-top: 2px;
}

div#serch{
	margin-bottom: 10px;
	margin-left: 10px;
}

div#cal{
	margin-bottom: 15px;
	border: 2px solid #177CCA;
}

#wp-calendar{
	width: 100%;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

#wp-calendar caption{
	color: #FFF;
	background: #177CCA;
	text-align: center;
}
#wp-calendar th,
#wp-calendar td{
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.sun{
	background: #F66;
}
.sat{
	background: #09C;
}

#wp-calendar th{}
#wp-calendar td{
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	background: #F2F2F2;
}
#wp-calendar thead{
	background: #999;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}

#wp-calendar tfoot td{
	background: #FFF;
}

#wp-calendar tfoot td#prev{
	text-align: left;
	padding-left: 10px;
}

#wp-calendar tfoot td#next{
	text-align: right;
	padding-right: 10px;
}


div#linkban{
	margin-bottom: 10px;
}

div#linkban ul{}
div#linkban li{
	margin-bottom: 3px;
}


div#linkban li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#fb_box{
	border: #305097 solid 1px;
	margin-bottom:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	behavior: url(http://kobanawa.jp/PIE.htc);
	}
	
#fb_box p a{
	display:block;
	background:#305097;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	line-height:2.2em;
	text-decoration:none;}
#fb_box p a:hover{
	text-decoration:underline}
#facebook{}
#facebook li{
	line-height:1.4em
	}
#facebook li .date{
	display:block;
	margin-bottom:.3em;}



/* ========== 前後のページへのリンク ========== */
.prevnext	{
	color: #289DE2;
	margin-bottom: 20px;
	font: 14px Verdana, sans-serif;
	height: 30px;
}


.prev	{margin: 0;
	float: left;}

.next	{margin: 0;
	float: right;}



	
	
	
	
/* ==================== フッター ==================== */
#footer	{
	background: url(images/footer_bg.jpg) repeat-x top;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
	padding-top: 10px;
}
#footer	{clear: both;}


div#post_box{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	height: 70px;
}
div#post_box h3{
	background: url(images/email.gif) no-repeat 3px 3px;
	background: #F9F9F9 url(images/email.gif) no-repeat left center;
	border: 2px dotted #CCC;
	color: #C00;
	text-align: left;
	padding: 8px 10px 8px 58px;
	font: bold 93% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div#post_box h3 span{
	text-align: left;
	font: bold 108% 'Terminal Dosis', sans-serif;
	color: #06C;
}


#footer_inner{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

#footer dl{
	color: #FFF;
	margin-bottom: 10px;
	text-align: right;
	float: right;
}
#footer dt{
	font-size: 116%;
	font-weight: bold;
}
#footer dd{}
#footer dd.add{}
#footer dd.tel{
	font: bold larger "Arial Black", Gadget, sans-serif;
}




#footer_inner p	{
	font-size: 93%;
	margin: 0;
	color: #FFF;
	text-align: left;
}

div#admin{
	margin-right: 15px;
}

div#admin ul{
	text-align: right;
}
div#admin li{
	font-size: 93%;
	display: inline;
}