@charset "utf-8";


/* =====================================================================
*
*    INDEX
*
* =================================================================== */

/***** body *****/

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.4em;
}

a{
	text-decoration:none;
	color:#000000;
}

a:hover{
	text-decoration:underline;
	color:#000000;
}

span.gray{
	color:#888888;
}
/***** header *****/

body, header{
	margin:0;
	padding:0;
}

.clearBoth{
  clear:both;
  overflow:hidden;
}
.blogHeader{

}

.blogHeaderLogo{
	float:left;
	background:#FFFFFF;
}

div.blogHeaderLogo h1 a {
	margin:0;
	padding:0;
	display: block;
	width: 300px;
	height: 55px;
	text-indent: -999em;
	background: url('/img/logoMain.jpg') no-repeat -2px top;
}


.blogHeaderBanner{
	float:left;
	width:380px;
}


.blogHeaderNavi{
	margin-top:3px;
	width:280px;
	float:right;
	text-align:right;
	font-size:11px;
	line-height:1.3em;
}

.blogBrandNavi{
	margin:8px 0;
}

.blogBrandNavi .blogBrandNaviBlk{
	float:left;
	border:1px solid #FFF;
	background:#383838;
	font-weight:bold;
	text-align:center;
	font-size:90%;
}


.blogBrandNavi .blogBrandNaviBlk a{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	width:151px;
}

.blogBrandNavi .blogBrandNaviBlk a:hover{
	background:#666666;
	text-decoration:none;
}


.blogBrandNavi .blogBrandNaviSNS{
	float:left;
	padding-left:4px;
}



/***** NAVI *****/



.list {
	background:#333333;
	filter:alpha(opacity=90);
	opacity:0.9;
	display:none;
	position:absolute;
	z-index:10;
	margin:0px 0 0 0px;
	padding:10px;
}

.list li {
	color:#7e97a4;
	float:none!important;
	padding:0 0 4px 0!important;
}

.list li a {
	color:#f7f7f7;
	/*float:none!important;
	padding:0 0 4px 0!important;*/
}
/*
.list li a:hover,
.list li a:focus,
.list li a:active
 {
	color:#fff;
	float:none!important;
	padding:5px 0 5px 0!important;
	text-decoration:underline!important;
}
*/

.list .cate {
	float:left;
	margin-right:30px;
}




#navi a.naviMenu{
	display: block;
	padding:8px 0;
	text-align:center;
	color:#555555;
	font-size:85%;
	background:#EEEEEE;
	width:146px;
	border-right:2px solid #FFFFFF;
}

#navi li{
	float:left;
}



#navi .cate{
	font-size:85%;
}

#navi .snsIcon{
	float:right;
}

#navi a:hover{
	text-decoration:none;
	background:#777777;
	color:#FFFFFF;
}

#navi .snsIcon a:hover{
	text-decoration:none;
	background:#FFFFFF;
	color:#FFFFFF;
}
/***** FOOTER *****/

.blogFooterBlock{
	float:left;
	width:24%;
	border-right:1px solid #DDDDDD;
	min-height:310px;
}

.blogFooterBlock h3,
.blogFooterBlock h4{
	margin-left:10px;
}

.blogFooterBlock p,
.blogFooterBlock ul{
	margin-bottom:10px;
	margin-left:10px;
}

#colophon .site-info a:hover{
	color:#777777;
}