/*
Theme Name: ChikyuNattoClub Theme
Theme URI: http://wwww.natto-club.com/
Description: This is ChikyuNattoClub Theme.
*/

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

.btn-inverse02 {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #333), color-stop(0.00, #999));
background: -webkit-linear-gradient(top, #999 0%, #333 88%);
background: -moz-linear-gradient(top, #999 0%, #333 88%);
background: -o-linear-gradient(top, #999 0%, #333 88%);
background: -ms-linear-gradient(top, #999 0%, #333 88%);
background: linear-gradient(to bottom, #999 0%, #333 88%);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse02:hover,
.btn-inverse02:focus,
.btn-inverse02:active,
.btn-inverse02.active,
.btn-inverse02.disabled,
.btn-inverse02[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

/* Custom container */
.container-fluid {
	margin: 0 auto;
	max-width: 1000px;
}
.container-fluid > hr {
	margin: 60px 0;
}

.container02-fluid {
	margin: 0 auto;
	max-width: 934px;
}

/* Customize the navbar links to be fill the entire space of the .navbar */

#otherNavi{
		margin: 10px auto;
		padding: 0;
		width:1020px;
}
#otherNavi ul{
		margin: 0;
		overflow: hidden;
		list-style:none;
}
#otherNavi ul li{
		width: 100%;
		text-align: left;
}
#otherNavi ul li a{
		display: block;
		padding: 10px 16px 0 22px;
		color: #333;
		text-decoration: none;
		background: #fff;
		background:url(images/li_mark.gif) no-repeat 0px 11px;
		font-size:13px;
		float:left;
}
#otherNavi ul li a:hover{
		color: #3693b3;
}
/*indexSubMenu*/
.indexSubMenu {
	margin: auto;
	padding: 0;
	/*width: 978px;*/
}
.indexSubMenu ul {
	border-left: 1px solid #aaa;
	float: left;
	/*width: 225px;*/
	margin: 0.5rem 8px 1rem;
	padding: 5px;
	list-style:none;
}
.indexSubMenu ul li {
	text-align: left;
}
.indexSubMenu ul li a{
	background: url("images/li_mark.gif") no-repeat scroll 0 1px transparent;
	padding: 0px 27px;
	font-size: 14px;
	text-decoration: none;
	color: #000;
}
.indexSubMenu ul li a:hover{
	text-decoration: underline;
	color: #aaa;
}
#newsTitle {margin:15px auto 0;}
#newsTitle h3 {background:url(images/newsTitle.png) no-repeat 16px 14px; border-bottom:1px solid #666; text-align:right; padding:0 12px; font-size:12px; color:#666; font-weight:normal;}
#newsTitle dl {margin: 0 0 0 15px; line-height:26px;}
#newsTitle dl dt {float:left; width:8em; font-weight:bold; font-size:13px;}
#newsTitle dl dd {margin-left:8em; font-size:12px;}
#newsTitle dl dd a {text-decoration:none; color:#666;}
#newsTitle dl dd a:hover {text-decoration: underline; color:#aaa;}
#newsTitle dl dd strong {background:#000; padding:2px 10px; font-size:11px; color:#fff; font-weight:normal;}

.box {
	background-image: url(images/body_bg.gif);
	margin-bottom: 30px;
	padding: 0 30px 20px;
	border-top: none;
	border-bottom: solid 1px #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
}
.box h2 {
	padding: 20px 0 10px;
	border-top: none;
}
.box p {
	font-size: 83%;
}

#contents-title {
	padding: 10px 0 20px;
	font-size: 130%;
	font-weight: bold;
	line-height: 140%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	border-top: none;
}

.box01 {
    background: url("images/body_bg.png") no-repeat scroll center bottom transparent;
    margin-bottom: 30px;
    padding: 0 30px 30px;
}
.news-box {
    border-bottom: 1px dotted #AAAAAA;
    color: #555555;
    font-size: 83%;
    line-height: 160%;
    padding: 5px;
}
.news-box dt {
    float: left;
    width: 7em;
}
.news-box dd {
    margin-left: 7em;
}

/*subMenu*/
#subMenu{
}
#subMenu ul {
	margin: 0 0 1em;
	overflow: hidden;
}
#subMenu ul li {
	display:  block;
	width: 99%;
	float: left;
}
/*IE7　カラム落ち対策*/
*:first-child+html #subMenu ul li {
	width: 98.25%;
}
#subMenu ul li a {
	display: block;
	margin: 1px 10px 1px 0;
	padding: 10px 1em;
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
	font-size:13px;
}
#subMenu ul li.onPage a {
	font-weight:bold;
}
#subMenu ul li a:hover {
	color: #3693b3;
}

/*footer*/
footer{
	clear: both;
	padding: 1em 0;
	color: #666;
	text-align: center;
	background: #fff;
}

.footerB {border-top:1px solid #666;border-bottom:1px solid #666; padding:10px 0 30px; margin:0 auto 10px;}
footer ul {text-align:left; float:left; margin:10px 40px;}
footer ul li {list-style:none; font-size:12px;}
footer ul li.footerT {font-size:14px; font-weight:bold;}
footer ul li a {font-size:12px; text-decoration:none; color:#666;}
footer ul li a:hover { text-decoration:underline; color:#aaa;}

#guideLightbox, #guideLightbox01, #guideLightbox02, #guideLightbox03 {
    display: none;
}
.lightboxContents {
    background-color: #FFFFFF;
    height: 90%;
    padding: 5%;
}

.grayRadius {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#eee;
	color:#f00;
	font-size:16px;
	line-height:1.5;
	padding:10px 20px;
	margin-bottom:10px;
	border:1px solid #cca300;
	behavior: url(css/ie_css3/PIE.htc);
}

/*profile-CY追加*/
.li_profile {
	padding-left: 20px;
	margin-top: 5px !important;
}

.li_profile li {
	text-indent:-1em;
	padding-left:1em;
}

.alert-secondary {
    background: #eee;
    border: 1px solid rgba(0,0,0,0.2);
    color: #000;
}
.alert-secondary h4 {
    color: #000;
}
.alert-secondary img {
    max-height: 150px;
}
.alert-secondary .pull-left {
    margin-right: 1rem;
}
@media (max-width: 575.98px) {
    .alert-secondary .pull-left {
        float: none;
        text-align: center;
        margin-right: 0;
    }
}