@charset "UTF-8";
/*-----------------------------------------------
 clearfix
-----------------------------------------------*/

/* For modern browsers */
.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom: 1;
}
/*-----------------------------------------------
 page
-----------------------------------------------*/
.group{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	padding:15px 0 25px;
	position:relative;
	}
.group .sns{
	right:0;
	}
.group h1{
	font-size:166%;
	line-height:1.2;
	}
div#contents #section-wrapper{
	background:url("../img/trouble/trouble1/bg.jpg") center top #fff no-repeat;
	min-width:931px;
	margin:0 auto;
	float:none;
	text-align:center;
	}
a:focus, *:focus{
	outline:none;
	}
div#contents #section-wrapper h2{
	background:url("../img/trouble/h2_bg.png") center 39px transparent repeat-x;
	margin:0 auto;
	float:none;
	text-align:center;
	}
.btn-area .btn{
	margin-bottom:4px;
	}
.btn-area p{
	text-align:left;
	font-size:12px;
	color:#000;
	}
/* ========== sec ========== */
.sec{
	width:931px;
	margin:0 auto;
	}
.sec .img{
	float:left;
	width:456px;
	}
.sec .txt{
	float:right;
	width:475px;
	}
/* ========== menu ========== */
div#contents #section-wrapper .menu h2{
	background:url("../img/trouble/menu_bg.png") center 44px transparent repeat-x;
	margin:0 auto;
	float:none;
	text-align:center;
	}
div#contents #section-wrapper .menu ul{
	width:694px;
	margin:20px auto 40px;
	}
div#contents #section-wrapper .menu ul li{
	margin-bottom:10px;
	}