@charset "utf-8";
/* CSS Document */
.contact,
.lineT1,
#header,
#nav,
#links,
#footer,
#picup,
#cloudpbx,
#bnrlist,
#topmain{
	min-width:1100px;
}

#visual{
	width:100%;
	/*max-width:1100px;*/
	margin:0 auto;
	text-align:center;
	position:relative;
	min-width:1100px;
}
#topmain{
	background:url(../../img/bg_top.png) 0 0 repeat;
	padding:185px 0 0 0;
}

#topmain .ttl{
}
#topmain .ttl h1{
	width:50%;
	float:left;
	font-weight:bold;
	font-family:Helvetica, verdana, arial, "���S�V�b�N", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height:39px;
}
#topmain .ttl .btns{
	/*position:absolute;
	right:0;
	top:0;*/
	width:360px;
	float:right;
}

#rss a{
	width:130px;
}
#archive a{
	width:194px;
}
.btns ul li{
	float:left;
	margin:0 0 0 18px;
}


/* #thumbnail
------------------------- */
#thumbnail{
	position:absolute;
	width:960px;
	margin:0 auto;
	top:442px;
	left:0;
	right:0;
	z-index:5;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.0588235) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0588235) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0588235) 0px 0px 6px 3px;
	/* border-radius */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#FFF;
	text-align:center;
	padding:26px 0;
}
#thumbnail ul{
	width:932px;
	margin:0 auto;
}
#thumbnail ul li{
	float:left;
	margin:0 14px;
}
#thumbnail ul li a{
	display:inline-block;
	width:205px;
	height:148px;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
	padding:115px 0 0 0;
	text-align:center;
	background-color:#FFF;
	background-position:0 0;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#333333;
}
#thumbnail ul li a:link, #thumbnail ul li a:visited{
	background-position:0 0;
}
#thumbnail ul li a:hover, #thumbnail ul li a:active{
	background-position:right 0;
}
#thumbnail ul li#thumb1 a{
	background-image:url(../../img/btn_main01.png);
}
#thumbnail ul li#thumb2 a{
	background-image:url(../../img/btn_main02.png);
}
#thumbnail ul li#thumb3 a{
	background-image:url(../../img/btn_main03.png);
}
#thumbnail ul li#thumb4 a{
	background-image:url(../../img/btn_main04.png);
}

.maximgsize{
	width:1100px;
	margin:0 auto;
	position:relative;
}
/* topbox */
.topbox{
	width:390px;
	height:225px;
	position:absolute;
	top:28px;
	right:70px;
	background:url(../../img/bg_topbox.png) 0 0 repeat-y;
	z-index:5;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.0588235) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0588235) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0588235) 0px 0px 6px 3px;
}
.topbox p{
	margin:23px 0 0 0;
}
.topbox .btn{
	width:340px;
	margin:17px 0 0 0;
}

/* topics
-------------- */
.ttl{
	position:relative;
	padding:0;
}


/* topics
------------------- */
#topics ul{
	border-bottom:1px solid #FFF;
}
#topics ul li{
	border-top:1px solid #FFF;
	line-height:1.6;
	padding:12px 0 12px 180px;
}
#topics ul li .date{
	width:180px;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	background-position:right center;
	background-repeat:no-repeat;
	padding:0;
	margin-left:-180px;
	line-height:1.6;
}
#topics ul li.topic1 .date{
	background-image:url(../img/icon_topic1.gif);
}
#topics ul li.topic2 .date{
	background-image:url(../img/icon_topic2.gif);
}
#topics ul li.topic3 .date{
	background-image:url(../img/icon_topic3.gif);
}
#topics ul li a{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:0 0 0 17px;
	line-height:1.6;
}


/* picup
------------------- */
#tab{
	margin:40px 0 0 0;
}
#tab ul li{
	float:left;
	margin:0 8px 0 0;
}
#tab ul li a{
	display:inline-block;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	border-left:2px solid #FFF;
	text-align:center;
	padding:12px 42px 12px 20px;
	box-sizing:border-box;
	font-weight:bold;
	font-family:Helvetica, verdana, arial, "���S�V�b�N", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background-position:right center;
	background-repeat:no-repeat;
	background-image:url(../img/yaji_down_b.png);
}
#tab ul li a:link, #tab ul li a:visited{
	text-decoration:none;
}
#tab ul li a:hover, #tab ul li a:active{
	text-decoration:none;
	background-color:#FFF;
}
#tab ul li a.active:link, #tab ul li a.active:visited{
	text-decoration:none;
	background-color:#FFF;
}

.tabcon{
	display:none;
}
.show{
	display:block;
}


#pickupwrap{
	margin:0 -7px;
}
#picup{
	background:#FFF;
	text-align:center;
	padding:30px 0 40px 0;
}
#picup .ttl{
	border-bottom:2px solid #333333;
	background:url(../img/icon_ttl01.png) 0 center no-repeat;
	margin:0 15px;
	padding:10px 0 6px 14px;
}
#picup ul{
	letter-spacing:-0.34em;
	margin:25px 0 0 0;
}
#picup ul li{
	letter-spacing:normal;
	display:inline-block;
	text-align:center;
	margin:0 22px 0 22px;
	vertical-align:top;
}
#picup ul li p{
	margin:12px 0 0 0;
	line-height:1.6;
}
#picup ul li p.catch{
	margin:12px 0;
	line-height:1.6;
	width:280px;
}


#needs{
	width:930px;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:left;
}
#needs .fll,
#needs .flr{
	width:440px;
}
#needs .list3{
	margin:0;
	padding:0;
}
#needs .list3 li{
	display:block;
	margin:0;
	text-align:left;
}



/* Cloudpbx
--------------- */
#spacer{
	background:#fff;
	height:10px;
}
#cloudpbx{
	background:#FFF;
	text-align:center;
}

/* bnrlist */
#bnrlist{
	background:#FFF;
	padding:46px 0 30px 0;
}
#bnrlist ul{
	letter-spacing:-0.34em;
}
#bnrlist ul li{
	display:inline-block;
	margin:0 28px 26px 28px;
	letter-spacing:normal;
}


.btnpagetop{
	display:none;
}



/* ===================================================== */
/* CLEAR */
/* ===================================================== */
/*----------------------*/
.btns ul,
#thumbnail ul,
#tab ul,
#topmain .ttl,
#needs{
	min-height: 1%;
}
.btns ul:after,
#thumbnail ul:after,
#tab ul:after,
#topmain .ttl:after,
#needs:after{
	/* for modern browser */ 
	content: "";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
}
* html .btns ul,
* html #thumbnail ul,
* html #tab ul,
* html #topmain .ttl,
* html #needs{/* for IE */
	/*\*/height: 1%;/* for WinIE*/
	display: inline-table;/* for MacIE*/
}
body .btns ul:after,
body #thumbnail ul:after,
body #tab ul:after,
body #topmain .ttl:after,
body #needs:after{
	content: ".";
}