/*
Theme Name: BMJ
Theme URI: http://yusei.me/
Description: Theme for BMJ
Version: 1.0
Author: Yusei Sako
Author URI: http://profical.com/
*/

/* CSS Document */
/*
* General Setting
*/
body, html{
	margin:0;
	padding:0;
	background:url(img/bg.png) repeat;
	font-family:'Inder',Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img a{border:0;}
.wrapper{
	min-width:980px;
}
#contents{
	width:80%;
	min-width:980px !important;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
#logo{
}
#main{
	width:100%;
	float:left;
	}#mainContents{
		margin-right:300px;
		position:relative;
	}#lets h1{
		text-shadow: 0px 0px 5px #000;
    filter: dropshadow(color=#000, offx=0, offy=0);
	}
#menu{
	width:300px;
	float:right;
	margin-left:-300px;
	}#menu li{
			list-style-type:none;
		}#menu li a{
			display:block;
			padding:0 20px;
			font-size:18px;
			border:solid 1px #000;
			margin-bottom:5px;
		}#menu li a:hover{
			color:#FFF;
			background-color:#e20d7f;
		}
article{
	padding-right:20px;
}
footer{
	height:auto;
	background-color:#E4007F;
	color:#FFF;
	overflow:hidden;
	padding:25px;
	clear:both;

}
footer a{
	color:#FFF;
	text-decoration:none;
}
footer a:hover{
	color:#FCF;
}
footer li{
	display:inline;
	padding:0 20px;
	list-style-type:none;
}

/*
* Font Setting
*/
a{
	color:#000;
}
a:link, a:visited{
	text-decoration:none;
}
a:hover, a:{
	text-decoration:underline;
}
h2{
	background:url(img/H2Headder.png) no-repeat;
	padding-left:30px;
}
/*
* Other
*/
#NewArticles{
	float:left;
	width:200px;
	height:350px;
}.top_list_contents{
	font-size:12px;
}.attachment-300x9999{
	float:left;
	padding:0px 20px 20px 0;
}button{
	background-color:#E4007F;
	color:#FFF;
	border:0;
	font-size:16px;
}.wp-about-author-containter-top{
	background-color:#FFAEDC !important
}
/*
* Category
*/
#CategoryArticles{
	float:left;
	width:100%;
}#CategoryArticles img{
	width:40%;
	height:40%;
	}.CategoryContents{
	width:50%;
	float:right;
	font-size:18px;
	padding-right:5%;
	clear:both;
}
/*
* Clearfix
*/
.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }
/*
* Navigation
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:600);

/* Menu CSS */ 
#cssmenu, #cssmenu > ul{
	
	background: url(img/highlight-bg.png) repeat;
	padding-bottom: 3px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
	content: '';
	display: table;
}


#cssmenu:after, #cssmenu > ul:after {
	clear: both;
}

#cssmenu {
	zoom:1;
}

#cssmenu > ul{
	background: url(img/menu-bg.png) repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#cssmenu > ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#cssmenu > ul > li{
	float: left;
	position: relative;
}

#cssmenu > ul > li > a{
	height:20px;
	padding: 23px 26px;
	display: block;
	color: white;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 #9e3825;
	text-shadow: 0 -1px 0 rgba(116, 37, 2, .70);
	line-height: 18px;
}
#cssmenu > ul > li#TwoLines > a{
	padding: 17px 26px 29px 26px;
}
#cssmenu > ul > li:hover > a{
	background: url(img/hover.png) repeat;
	text-shadow: 0 -1px 0 #97321f;
	text-shadow: 0 -1px 0 rgba(122, 42, 26, .64);
}

#cssmenu > ul > li > a > span{
	line-height: 18px;
}

#cssmenu > ul > li.active > a, #cssmenu > ul > li > a:active{
	background: url(img/active.png) repeat;
}



/* Childs */

#cssmenu > ul ul{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 120px;
	background: url(img/highlight-bg.png) repeat;
	margin: 0;
	padding: 0;
	z-index: -1;
}

#cssmenu > ul li:hover ul{
	opacity: 1;
	visibility: visible;
	margin: 0;
	color: #000;
	z-index: 4;
	top:64px;
	left: 0;
}

#cssmenu > ul ul:before{
	content: '';
	position: absolute;
	top: -10px;
	width: 100%;
	height: 20px;
	background: transparent;
}


#cssmenu > ul ul li{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

#cssmenu > ul ul li a{
	padding: 18px 26px;
	display: block;
	color: #393939;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	width: 150px;
	border-left: 4px solid transparent;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	text-shadow: 0 1px 0 white;
}

#cssmenu > ul ul li a:hover{
	border-left: 4px solid #F09;
	background: url(img/hover.png) repeat;
	color: white;
	text-shadow: 0 1px 0 black;
}

#cssmenu > ul ul li a:active{
	background: url(img/menu-bg.png) repeat;
}
/*
* slideshow
*/
#eyecatch{
	background-image:url("img/titlebg/1.jpg");
	background-repeat:no-repeat;
	background-position:center;
	height:500px;
	}#eyecatch_wrapper{
		position:relative;
	}