@charset "utf-8";
@import url(global.css);

/* ------------------------------
 Flash
------------------------------ */

#flash{
	width:100%;
	height:380px;
	border-top:1px solid #C1C1C2;
	border-bottom:1px solid #C1C1C2;
	background:url(../images/flashbg.jpg) repeat-x left top;
}
#flash #flashmovie{
	width:960px;
	height:380px;
	margin:0 auto;
}
#flash #flashmovie h2{
	width:960px;
	height:380px;
	background:url(../images/top20161118.jpg) no-repeat left top;
	text-indent:-9999px;
}

/* ------------------------------
 Content
------------------------------ */

.top_title{
	width:686px;
	height:34px;
	margin-bottom:10px;
}

/* ------ reason ------ */

h3#top_reason{
	text-indent:-9999px;
	background:url(../images/top_reason.jpg) no-repeat left top;
}
p.reasontxt{
	padding:0 5px;
	margin-bottom:10px;
}
.reasonbox{
	width:680px;
	height: 366px;
	margin:0 auto 15px;
}
.reasonbox ul{
	width:690px;
	height: 366px;
	margin-left:-10px;
	position:relative;
}
.reasonbox ul li{
	width:220px;
	height:178px;
	float:left;
	margin-left:10px;
	margin-bottom: 10px;
	display:inline;
}
.reasonbox ul li a{
	width:220px;
	height:178px;
	text-indent:-9999px;
	display:block;
}
.reasonbox ul li.reason_staff a{
	background:url(../images/reason_staff_201611.jpg) no-repeat left top;
}
.reasonbox ul li.reason_price a{
	background:url(../images/reason_price.jpg) no-repeat left top;
}
.reasonbox ul li.reason_case a{
	background:url(../images/reason_case.jpg) no-repeat left top;
}
.reasonbox ul li.reason_quality a{
	background:url(../images/reason_quality.jpg) no-repeat left top;
}
.reasonbox ul li.reason_advice a{
	background:url(../images/reason_advice.jpg) no-repeat left top;
}
.reasonbox ul li.reason_voice a{
	background:url(../images/reason_voice.jpg) no-repeat left top;
}
.reasonbox ul li a:hover{
	background-position:right bottom;
}
p.ban_contact{
	width:686px;
	height:117px;
	margin:0 auto 15px;
}
p.ban_contact a{
	width:686px;
	height:117px;
	text-indent:-9999px;
	display:block;
	background:url(../images/_ban_contact.jpg) no-repeat left top;
}
p.ban_contact a:hover{
	background-position:right bottom;
}
.otherlink li.simulation{
	width:686px;
	height:100px;
	margin-bottom: 10px;
}
.otherlink li.simulation a{
	width:686px;
	height:100px;
	display:block;
	text-indent:-9999px;
	background:url(../images/sideban_simulation.jpg) no-repeat left top;
}

/* ------ topics ------ */

#top_topics{
	background:url(../images/top_topics.jpg) no-repeat left top;
}
#top_topics h3{
	width:601px;
	height:34px;
	text-indent:-9999px;
	float:left;
}
#top_topics p.btmore{
	width:76px;
	height:34px;
	float:left;
}
#top_topics p.btmore a{
	width:76px;
	height:34px;
	display:block;
	text-indent:-9999px;
	background:url(../images/bt_topics.jpg) no-repeat left top;
}
#top_topics p.btmore a:hover{
	background-position:right bottom;
}
.topicslist{
	width:686px;
	height:280px;
	margin:0 auto 15px;
	overflow-y:scroll;
	overflow-x:hidden;
}
.topicslist ul{
	width:666px;
	height:280px;
	margin:0 20px 15px 0;
}
.topicslist ul li{
	width:646px;
	padding:0 10px;
	margin-bottom:5px;
}
.topicslist ul li .listdtl{
	width:100px;
	height:20px;
	float:left;
}
.topicslist ul li .listdtl p.date{
	width:90px;
	height:20px;
	float:left;
	font-size:14px;
}
.topicslist ul li .listdtl p.icon{
	width:40px;
	height:20px;
	line-height:20px;
	float:right;
}
.topicslist ul li .listdtl p.icon img{
	vertical-align:middle;
}
.topicslist ul li p.listtxt{
	width:540px;
	float:right;
	padding-top:3px;
}

/* ------ 下のバナー ------ */

ul.top_banner{
	width:686px;
	height:75px;
}
ul.top_banner li{
	width:334px;
	height:75px;
	float:left;
}
ul.top_banner li a{
	width:334px;
	height:75px;
	text-indent:-9999px;
	display:block
}
ul.top_banner li.ban_mamacolumn a{
	background:url(../images/ban_mamacolumn.jpg) no-repeat left top;
}
ul.top_banner li.ban_bnet a{
	background:url(../images/ban_bnet.jpg) no-repeat left top;
	margin-left:18px;
}
ul.top_banner li a:hover{
	background-position:right bottom;
}

p.ban_suzuran{
	width:686px;
	height:117px;
	margin:8px 0 0;
}
p.ban_suzuran a{
	width:686px;
	height:117px;
	text-indent:-9999px;
	display:block;
	background:url(../images/_ban_suzuran.jpg) no-repeat left top;
}

/** 20140722 **/
.content .centeroutban{
	margin-top: 20px;
	/*margin-bottom: 200px;*/
	margin-bottom: 20px;
}
.content .centeroutban ul{
	width: 686px;
}
.content .centeroutban li{
	float: left;
	margin-right:3px;
	border:1px solid #C1C1C2;
	margin-bottom: 3px;
}
.content .centeroutban li.nomargin{
	margin-right: 0;
	margin-left: -1px;
}