@charset "Shift_JIS";

html{
	height: 100%;
}

body{
	margin:0 auto;
	padding:0;
	background:#e4e4e4 url(/hanakirari/img/common/bg.gif) repeat center;
}

.site-header{
   /* margin-bottom: 10px; */
   margin: 0 0 0 0;
   padding: 0;
   display:block;
   width: 728px;
   height: 97px;
   float:left;
   
   /*border: 1px solid #00ff00;*/
}

.site-header1{
   margin: 0;
   padding: 0;
}

.site-header1 a{
   margin: 0;
   padding: 0;
   color: #000000;
   text-indent:-9999px;
   width: 206px;
   height: 97px;
   background-image: url(/hanakirari/img/common/header1.gif);
   text-decoration:none;
   float:left;
   
   /*border: 1px solid #00ffff;*/
}

.site-header2{
   margin: 0 0 0 0;
   padding: 0;
   color: #000000;
   text-indent:-9999px;
   width: 522px;
   height: 97px;
   background-image: url(/hanakirari/img/common/header2.gif);
   float:left;
   
   /*border: 1px solid #0000ff;*/
}

#footer{
  clear: both;
}

#footer hr{display:none;}

.site-footer{
   margin: 0 auto;
   padding: 0;
   width: 728px;
   height: 16px;
   color: #000000;
   text-indent:-9999px;
   /*background-image: url(/hanakirari/img/common/footer.gif);*/
   
   /*border: 1px solid #00ff00;*/
}

.maincol_wrap{
   display:block;
   margin: 0;
   padding: 0;
   width: 529px;
   height: 100%;
   float: right;
   
   /*border: 1px solid #00ff00;*/
}

#main-tail{
   clear:both;
   margin: 50px auto;
   padding: 0;
   display:block;
   width: 100%;
   float:right;
   
   /*border: 1px solid #ff00ff;*/
}

.main-tail-content{
   clear:both;
   padding: 0;
   display:block;
   
   float:right;
   
   /*border: 1px solid #0000ff;*/
}

.wakoku_logo{
   clear:both;
   margin-left: 170px;
   padding: 0;
   text-indent:-9999px;
   width: 85px;
   height: 51px;
   
   float:left;
   background-image: url(/hanakirari/img/common/wakoku_logo.gif);
   
   /*border: 1px solid #0000ff;*/
}

.hana_addr{
   padding: 0;
   text-indent:-9999px;
   width: 232px;
   height: 52px;
   
   float:right;
   background-image: url(/hanakirari/img/common/hana_addr.gif);
}

#entry-archive #container {
   position: relative;
   margin: 0 auto;
   padding: 0;
   width: 728px;
   height: 100%;
   
   background:#b1e3ff url(/hanakirari/img/common/content_bg.gif) repeat-y;
   border: 1px solid #666666;
}

#entry-archive .maincol {
	/* margin: 0 6px 0 0; */
	margin: 0 auto;
	padding: 0;
	display:block;
	width: 501px;
	height: 100%;
	/*float: right;*/
	
	/*border: 1px solid #ff0000;*/
}

#entry-archive .subcol {
	/* position: relative; */
	margin: 0 0 0 0;
	width: 197px;
	height: 100%;
	float: left;
	
	/*border: 1px solid #0000ff;*/
	
}

#cate-archive #container {
   position: relative;
   margin: 0 auto;
   padding: 0;
   width: 728px;
   height: 100%;
   
   background:#b1e3ff url(/hanakirari/img/common/content_bg.gif) repeat-y;
   border: 1px solid #666666;
}

#cate-archive .maincol {
	/*margin: 0 6px 0 0;*/
	margin: 0 auto;
	padding: 0;
	display:block;
	width: 501px;
	height: 100%;
	/*float: right;*/
	
	/*border: 1px solid #ff0000;*/
}

#cate-archive .subcol {
	/* position: relative; */
	margin: 0 0 0 0;
	width: 197px;
	height: 100%;
	float: left;
	
	/*border: 1px solid #0000ff;*/
	
}

#cate-archive .cate-header{
   /*margin:0 auto;*/
   padding: 0;
   color: #000000;
   text-indent:-9999px;
   display:block;
   width: 526px;
   height: 30px;
   /*background-image: url(/hanakirari/img/topics/cate1-header.gif);*/
   

}


#date-archive #container {
   position: relative;
   margin: 0 auto;
   padding: 0;
   width: 728px;
   height: 100%;
}

#date-archive .maincol {
	position: relative;
	/* margin: 14px 0 0 60px; */
	margin: 0 0 0 0;
	padding: 14px 0 40px 18px;
	width: 506px;
	height: 100%;
	float: left;
	
}

#date-archive .subcol {
	position: relative;
	margin: 0 0 0 0;
	width: 197px;
	height: 100%;
	float: right;
	
	/*background-color: #cbbacc;*/

}

#archive #container {
   position: relative;
   margin: 0 auto;
   padding: 0;
   width: 728px;
   height: 100%;
}

#archive .maincol {
	position: relative;
	/* margin: 14px 0 0 60px; */
	margin: 0 0 0 0;
	padding: 14px 0 40px 18px;
	width: 506px;
	height: 100%;
	float: left;
	
}

#archive .subcol {
	position: relative;
	margin: 0 0 0 0;
	width: 197px;
	height: 100%;
	float: right;
	
	/*background-color: #cbbacc;*/
}

.date-header{
   margin-top: 0;
   font-size: 12px;
   font-weight: 400px;
   text-transF: uppercase;
   display:block;
   float:right;
}

.entry-header{
   margin:0 auto;
   
   /*border-left: 4px solid #00cc00;*/
   border-bottom: 1px solid #ebb23e;
   padding: 0;
   color: #333333;
   text-align: left;
   width: 501px;
}

.entry-h-space{
   vertical-align:middle;
   padding: 0 0 0 0;
}

.entry-content{
   margin: 12px 22px 16px 22px;
   line-height: 1.5;
   font-size: 12px;
   text-align: left;
   
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
   /* ie win (5, 5.5, 6) bugfix */
   position: relative;
   width: 100%;
   width: auto;

   margin: 0;
   border-left: 5px solid #00cc00;
   padding: 8px;
   color: #99ff33;
   background: #000000;
   font-size: 14px;
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
   text-align:left;
   
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
   color: #99ff33;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
   clear: both;
   margin: 5px 10px 20px 10px;
   text-align:left;
   font-size: 12px;
   line-height: 16pt;
}



.entry-footer,
.comment-footer,
.trackback-footer
{
   margin: 0 0 20px 0;
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   color: #666;
   font-size: 10px;
   text-align: right;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
   margin-left: 10px;
}

/* content */

.content-nav
{
   margin: 10px;
   text-align: center;
   font-size: 12px;
}

/* modules */

.module
{
   margin: 0 0 10px 0;
   /* border-bottom: 1px solid #bded98; */
   /* background: #dae0e6;*/
   text-align: left;
}

.module-content
{
   margin: 0 0 0 0;
   border-top: 1px solid #cfd4d9;
   padding: 7px 6px 0 7px;
   font-size: 12px;
   line-height: 1.2;
}

.module-list,
.archive-list
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.module-list-item
{
   margin-top: 0px;
   margin-bottom: 5px;
}


.module-recent-photos .module-list-item a:hover
{
   border-color: #36414d;
   background: #fff;
}

/* side-navi */
#side-navi{
	margin:0;
	padding:0;
	width: 197px;
	float:left;
	
	/*border: 1px solid #00ff00;*/
}


#side-navi ul{
	margin:0;
	padding:4px 0 4px 6px;
	boder:0;
	list-style:none;

}

#side-navi li{
	margin:0;
	padding:0;
	display:block;
	float left;
}

.side-navi01 a{
	width:184px;
	height:37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:4px 0 4px 0;
	padding:0;
	background:url("/hanakirari/img/common/btn_topics.gif") no-repeat;
	text-decoration:none;
}

.side-navi02 a{
	width:184px;
	height:37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:4px 0 4px 0;
	padding:0;
	background:url("/hanakirari/img/common/btn_about.gif") no-repeat;
	text-decoration:none;
}

.side-navi03 a{
	width:184px;
	height:37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:4px 0 4px 0;
	padding:0;
	background:url("/hanakirari/img/common/btn_home.gif") no-repeat;
	text-decoration:none;
}

.side-navi04 a{
	width:184px;
	height:37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:4px 0 4px 0;
	padding:0;
	background:url("/hanakirari/img/common/btn_sp_agent.gif") no-repeat;
	text-decoration:none;
}

.side-navi05 a{
	width:184px;
	height:37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:4px 0 4px 0;
	padding:0;
	background:url("/hanakirari/img/common/btn_user.gif") no-repeat;
	text-decoration:none;
}

.side-navi06 a{
	width:184px;
	height:37px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:4px 0 4px 0;
	padding:0;
	background:url("/hanakirari/img/common/btn_link.gif") no-repeat;
	text-decoration:none;
}


