/*---------------------------------------------------
	Properties Reset
-----------------------------------------------------*/
body {
	font:13px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*ie 6,7*/
	*font-size: small;
	*font: x-small;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,address{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{
	font-size:0%;
	line-height:0px;
	border:0;
}
fieldset{
	border:0;
}
address,caption,cite,code,dfn,var { 
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

em{
	font-style:italic;	
}

/*--------------------------------------------------
	General-purpose class
--------------------------------------------------*/
/*---clearfix-*/
.clearfix:after {
    content: "."; 
	font-size:0;
    display: block; 
    clear: both; 
    visibility: hidden;
	line-height: 0;
}
.clearfix {
	 display:inline-block;
}
/*Hides from IE-mac\*/
*html .clearfix {
	height:1%;
	}
.clearfix{display:block}
/*end hide from IE-mac*/

/* Anchor Style */
a,
a:link {
	color: #404040;
	text-decoration:underline;
}

a:active,
a:hover,
a:focus {
	color: #505050;
	text-decoration:underline;
}


/*-----------------------------------
layout
---------------------------------*/
body {
	background-color: #5db028;
	text-align:center;
	color:#212121;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
div#container{
	width:864px;
	margin:0 auto 32px;
	text-align:left;
}
div#pagebody{
	clear:both;
	margin-bottom:5px;
}
div#alpha{
	float:left;
	width:171px;
	margin:0 5px 0 0;
	display:inline;
}
div#beta{
	position:relative;
	float:left;
	width:446px;
	padding-left:33px;
	background-image:url(http://hatocafe.kantei.go.jp/images/common/entry_balloon.gif);
	background-position:0px 57px;
	background-repeat:no-repeat;
}
div#gamma{
	float:right;
	width:171px;
	text-align:center;
}


/*-----------------------------------
banner
---------------------------------*/
div#banner{
	position:relative;
	height:207px;
}
div#banner h1{
	float:left;
	margin:13px 0 0 1px;
	display:inline;
}
div#banner ul#ctrl_txtsize{
	float:right;
	margin:20px 0 0 0;
	list-style:none;
}
div#banner ul#ctrl_txtsize li{
	float:left;
	display:inline;
	margin:0 0 0 4px;
	vertical-align:top;
	line-height:1;
}
div#banner ul#ctrl_txtsize li.text{
	margin:0 2px 0 0;	
}
div#banner img#table{
	position:absolute;
	top:156px;
	left:693px;
}



/*-----------------------------------
alpha
---------------------------------*/
div.box{
	padding:0 0 0;
	text-align:center;
	background:url(http://hatocafe.kantei.go.jp/images/common/sidebg_repeat.gif) repeat-y #fff;
}
div.box_inner{
	padding:15px 0 0 0;
	background:url(http://hatocafe.kantei.go.jp/images/common/sidebg_tp.gif) no-repeat #ffffff;
}
div.box_inner2{
	padding:0 0 68px 0;
	background:url(http://hatocafe.kantei.go.jp/images/common/sidebg_md.gif) no-repeat bottom center;
}
div#alpha div.box_last div.box_inner2{
	padding:0 0 25px 0;
	background:url(http://hatocafe.kantei.go.jp/images/common/sidebg_bt.gif) no-repeat #ffffff bottom center;
}
div.box_inner p{
	margin:0 19px 0 19px;
	text-align:left;
	font-size:93%;
	line-height:1.5em;
}
div.profile{
	text-align:center;
}
div.profile div.box_inner p{
	text-align:center;
	margin:0 auto;
}
div#alpha p.photo{
	margin:3px auto 6px auto;
	text-align:center;
}
div#alpha h2{
	margin:0 0 8px 0;
}
div#alpha p.twittername{
	text-align:center;
	margin:4px 0 7px 0;	
}
div#alpha p.cafe_photo{
	margin:auto 0 8px auto;
	text-align:center;
}
/*-----------------------------------
beta
---------------------------------*/
div#beta .entry{
	width:446px;
	margin:0;
	padding:0 0 85px 0;
	color:#212121;
	background:url(http://hatocafe.kantei.go.jp/images/common/main_md.gif) no-repeat bottom #fff;
	background-color:#ffffff;
}
div#beta .entry-last .entry{
	width:446px;
	margin:0;
	padding:0 0 10px 0;
	background:url(http://hatocafe.kantei.go.jp/images/common/main_md_bt.gif) no-repeat bottom;
	background-color:#ffffff;
}
div#beta .entry-content{
	margin:0 0 0 0;
	width:421px;
	padding:19px 0 0 25px;
	_padding:19px 0 0 24px;
	background:url(http://hatocafe.kantei.go.jp/images/common/main_tp.gif) no-repeat top left;
}
div#beta .entry-content .icon-new{
	position:absolute;
	top:-29px;
	left:418px;
}

div#beta .entry h2.date-header{
	color:#5d3113;
	margin:0 0 15px 0;
	padding:0 0 0 0;
}
div#beta .entry h2 .date{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:246%;
	line-height:1;
}
div#beta .entry h2 .day{
	font-size:131%;
	line-height:1;
}
div.entry h2.content-header{
	margin:0;
	padding:0;
	font-size:123%;
	font-weight:bold;
	color:#5d3113;
}

div#beta .entry h3{
	padding:0 0 0 0;
	font-weight:bold;
	font-size:138.5%;
	line-height:1.5em;
	color:#010101;
}
div#beta .entry h3 a,
div#beta .entry h3a:link{
	color:#010101;
	text-decoration:none;

}
div#beta .entry h3 a:active,
div#beta .entry h3 a:hover,
div#beta .entry h3 a:focus{
	color:#010101;
	text-decoration:none;
}
div#beta div.entry-body{
	padding:0 24px 0 0;	
	font-size:116%;
	line-height:1.5em;
	color:#212121;
}
div#beta div.post_twitter{
	margin:20px 0 0 0;	
}
div#beta p.entry-more-link{
	margin:10px 24px 0 0;
	font-size:93%;
	line-height:1.5em;
	text-align:right;
}
div#beta div.entry-footer{
	width:396px;
	margin:20px 0 0 0;
	padding:0 0 0 0;
}
div#beta div.entry-footer-info{
	width:396px;
	margin:0 0 8px 0;
	padding:8px 0 0 0;
	background:url(http://hatocafe.kantei.go.jp/images/common/dotline.gif) repeat-x;
	font-size:85%;
	line-height:1.5em;
}
div#beta div.entry-footer-info p.category-link{
	float:left;
}
div#beta div.entry-footer-info p.post-footers{
	float:right;
}
div#beta div.bookmark{
	padding:0 0 0 0;	
}
div#beta div.entry-footer .bookmark ul{
	float:left;
}
div#beta div.entry-footer .bookmark li{
	display:inline;
	margin-right:5px;
	vertical-align:middle;
}
div#beta div.bookmark p.linkurl{
	float:left;
	padding:3px 12px 0 5px;
	font-size:85%;
	line-height:1.1em;
	display:inline;
}
div#beta div.entry-footer p.back_top{
	float:right;
	display:inline;
	text-align:right;
	padding:3px 0 0 0;
	font-size:85%;
	color:#5d3113;
}

div#beta div.entry-footer p.back_top a,
div#beta div.entry-footer p.back_top a:link{
	color:#5d3113;
	text-decoration:none;
}
div#beta div.entry-footer p.back_top a:active,
div#beta div.entry-footer p.back_top a:hover,
div#beta div.entry-footer p.back_top a:focus{
	color:#5d2905;
	text-decoration:none;
}
div#beta div.page-footer{
	width:446px;
	padding-top:41px;
	background:url(http://hatocafe.kantei.go.jp/images/common/main_md_last.gif) no-repeat top;
	background-color:#ffffff;	
}
div#beta div.page-footer-inner{
	background:url(http://hatocafe.kantei.go.jp/images/common/main_md_bt.gif) no-repeat bottom left;
}
div#beta ul.page-nav{
	margin:0 24px 0 24px;
	padding:11px 0;
}
div#beta .entry-content ul.page-nav{
	padding:0 0 20px;
	margin:5px 24px 0 0;
	list-style:none;
}
div#beta ul.page-nav li{
	display:inline;
	margin-right:5px;
	font-size:93%;
	line-height:1.5em;
	color:#414141;
}
div#beta ul.page-nav li.separator{
	display:inline;
	text-align:right;
}

div#beta dl.category-entry-list{
	position:relative;
	list-style:none;
	padding:0;
	border:1px solid #fff;
}
div#beta dl.category-entry-list dt{
	font-size:100%;
	position:absolute;
	width:130px;
	left:2px;
	line-height:1.8;
	padding-top:5px;
}

div#beta dl.category-entry-list dd{
	width:260px;
	font-size:116%;
	text-align:left;
	margin-left:130px;
	line-height:1.5;
	padding-top:5px;
}
div#beta ul.archive-list{
	margin-bottom:30px;
	list-style:none;
}
div#beta ul.archive-list li{
	list-style:none;
	margin:3px 0 0 0;
}

div#beta ul.category-list{
	list-style:none;
	margin:0 0 30px 0;
}
div#beta ul.category-list li{
	list-style:none;
	margin:3px 0 0 0;
}
div#beta div.entry-body p{
	margin:0 0 10px 0;
	padding:0;
}
div#beta div.entry-body blockquote{
	padding: 0.5em;
	margin:0;
	background-color:#f4f9f1;
}

div#beta div.entry-body ul,
div#beta div.entry-body ol{
	list-style:outside;
	margin:0 0 10px 2em;
}
div#beta div.entry-body ul li,
div#beta div.entry-body ol li{
	margin:0 0 5px 0;
}

/*-----------------------------------
gamma
---------------------------------*/
div#module_set{
	border-bottom:1px solid #5db028;
	margin:0 0 29px 0;
	padding:0 0 0;
	background:url(http://hatocafe.kantei.go.jp/images/common/sidebg_repeat.gif) repeat-y;
	text-align:center;
}
div#module_set_inner{
	background:url(http://hatocafe.kantei.go.jp/images/common/sidebg_tp.gif) no-repeat top center;
	padding:0;
}
div#module_set_inner2{
	padding:8px 18px 18px 20px;
	background:url(http://hatocafe.kantei.go.jp/images/common/sidebg_bt.gif) no-repeat bottom center;
	text-align:left;
}
div#module_set_inner h2{
	margin:0 0 5px 0;
}
div#module_set ul.module-list{
	margin:0 0 8px 0;
	font-size:97%;
	line-height:1.3em;
	list-style:none;
}
div#module_set ul.module-list li{
	margin:0 0 5px 0;
	padding:0 0 0 12px;
	background:url(http://hatocafe.kantei.go.jp/images/common/list_point.gif) no-repeat 3px 5px;
}
div#module_set ul#feed{
	margin:12px 0 0 0;
	font-size:93%;
	list-style:none;
	line-height:1.6em;
}
div#module_set ul#feed li{
	margin:5px 0 0 0;
}

div#module_set ul#feed img{
	margin:0 9px 0 0;
	vertical-align:middle;
}
div#gamma div#link_info{
	width:151px;
	margin:0 auto;
}
div#gamma div#link_info h2{
	margin:0 0 5px 0;
	text-align:left;
}
div#gamma div#link_info ul{
	margin:0 0 0 0;
	list-style:none;
}
div#gamma div#link_info ul li{
	margin:0 0 2px 0;
	padding:0;
}
div#gamma div#mobile_info{
	width:151px;
	margin:0 auto;
}
div#gamma div#mobile_info h3{
	margin:8px 0 5px 0;
}


/*-----------------------------------
footer
---------------------------------*/
div#footer{
	margin:44px 0 0 0;
	background:url(http://hatocafe.kantei.go.jp/images/common/ftbg_tp.gif) no-repeat top left #ffffff;
}
div#footer-inner{
	padding:12px 0;
	background:url(http://hatocafe.kantei.go.jp/images/common/ftbg_bt.gif) no-repeat bottom left;
}
div#footer ul{
	float:left;
	margin:0 18px 5px 18px;
	display:inline;
	font-size:93%;
	line-height:1.5em;
	list-style:none;
}
div#footer li{
	margin-right:7px;
	display:inline;
	color:#212121;
}
div#footer p.note{
	clear:both;
	margin:0 18px;
	text-align:right;
	color:#666;
	font-size:77%;
	line-height:1.5em;
}
div#footer address{
	display:inline;
	float:right;
	display:inline;
	margin-right:18px;
	font-size:93%;
	line-height:1.5em;
}