/*
====================================
 ■ PC用CSS 781px設定
====================================
*/
@media screen and (min-width:784px){
/* ===== メインカラム ===== */
#main_column{
		width:71%;
		float:left;
		border-right:1px solid #ccc;
		padding:0 2% 15% 0;
}
/* ===== 運営サービス ===== */
#main_service{
		width:100%;
		padding-bottom:20px;
}
.ms_snavi, .ms_pnavi{
		width:46.5%;
		border:7px solid #eee;
		white-space:nowrap;
		overflow:hidden;
		display:block;
}
.ms_snavi{
		float:left;
}
.ms_snavi:hover{
		border:7px solid #163264;
}
.ms_pnavi{
		float:right;
}
.ms_pnavi:hover{
		border:7px solid #00A8C6;
}

/* ===== サービス案内 ===== */
.main_guide{
		width:100%;
		margin-bottom:10px;
}
.main_guide h4{
		margin:0 20px 0 0;
		padding:0;
		float:left;
}
.main_guide p{
		padding:5px 0 0 237px;
}
.ad_tt{
		background:url(../img/top/main_gd_tt01.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:215px;
		height:50px;
}
.article_tt{
		background:url(../img/top/main_gd_tt02.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:215px;
		height:50px;
}
.world_tt{
		background:url(../img/top/main_gd_tt03.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:215px;
		height:50px;
}
.member_tt{
		background:url(../img/top/main_gd_tt04.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:215px;
		height:50px;
}
/* ===== 新着情報 ===== */
.main_news{
		width:100%;
		margin-bottom:80px;
}
.main_news h2{
		margin:30px 0 10px;
}
.news_list li a{
		display:block;
		margin-right:2px;
		padding:7px 0 7px;
		background: url(../img/common/arrow_right.png) right center no-repeat;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
}
.list_topics a{
		width:33%;
		margin:20px 0 0 0;
		float:right;
		background:#eee;
		text-align:center;
		border:1px solid #ccc;
		padding:3px 0 3px;
		font-size:13px;
		border-radius:1px;
		text-decoration:none;
}
/* ===== サイドカラム ===== */
#sd_column{
		float:left;
		width:24.5%;
		padding-left:2%;
}
/* ===== ProductNavi最新号 ===== */
#new_cover_top{
		margin-top:40px;
		border:1px solid #ccc;
}
#new_cover_top:hover{
		background:#eee;
		-webkit-transition: 0.2s ease-in-out;
	    -moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
}
#new_cover_top h4{
		margin:5px 0 15px;
		padding:10px 9px 0;
}
.new_cover_top_img{
		padding:0 5px 0 15px;
		float:left;
}
.new_cover_top_text{
		padding:0 2px;
		font-size:11px;
}
/* ===== online資料請求 ===== */
.btn_request{
		display:block;
		margin:20px 0 30px;
		padding:20px 0;
		text-align:center;
		text-decoration:none;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		border:1px solid #ccc;
		-webkit-border-radius:1px;
	   	-moz-border-radius:1px;
	   	background:url(../img/common/btn_request_top.png)no-repeat;
}
/* ===== お問い合わせ ===== */
.contact h3{
		background:url(../img/top/sprite.png) no-repeat top left;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		background-position:0px -100px;
		height:15px;
		margin:50px 0 25px 0px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
}
.btn_contact{
		margin-bottom:20px;
		border:1px solid #ccc;
		text-align:center;
		padding:20px 0;
		color:#000;
		text-decoration:none;
		display:block;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		border-radius:1px;
}
.btn_contact:hover{
		background-color:#eee;
		text-decoration:none;
		color:#000;
		-webkit-transition: 0.1s ease-in-out;
	    -moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
}
/* ===== 展示会情報 ===== */
.exihibition h3{
		margin:50px 0 15px 0px;
		*width:245px;
}
.exihi_list li dt{
		font-size:11px;
		font-weight:bold;
}
.sd_descript{
		max-width:98%;
}
.list_exihibition{
		width:99.8%;
		margin:20px 0 0 0;
		float:right;
		background:#eee;
		text-align:center;
		border:1px solid #ccc;
		padding:3px 0 3px;
		font-size:13px;
		border-radius:1px;
}
.exihi_list li a{
		display:block;
		padding:7px 5px 7px 0;
		margin-right:2px;
    	background:url(../img/common/arrow_right.png) no-repeat center right;
		-webkit-transition: 0.2s ease-in-out;
	    -moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
}
}
/*
====================================
 ■ Tablet用CSS 780px設定
====================================
*/
@media screen and (min-width:656px) and (max-width:783px){
/* ===== 運営サービス ===== */
#main_service{
		width:97%;
		margin:0 auto;
		padding-bottom:20px;
}
.ms_snavi, .ms_pnavi{
		width:46.5%;
		border:7px solid #eee;
		white-space:nowrap;
		overflow:hidden;
		display:block;
}
.ms_snavi{
		float:left;
}
.ms_snavi:hover{
		border:7px solid #163264;
}
.ms_pnavi{
		float:right;
}
.ms_pnavi:hover{
		border:7px solid #00A8C6;
}
/* ===== サービス案内 ===== */
.main_guide{
		width:97%;
		margin:0 auto;
}
.main_guide h4{
		margin:0 20px 0 0;
		padding:0;
		float:left;
}
.main_guide p{
		padding:5px 0 0 237px;
}
.ad_tt{
		background:url(../img/top/main_gd_tt01.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:215px;
		height:50px;
}
.article_tt{
		background:url(../img/top/main_gd_tt02.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:215px;
		height:50px;
}
.world_tt{
		background:url(../img/top/main_gd_tt03.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:215px;
		height:50px;
}
.member_tt{
		background:url(../img/top/main_gd_tt04.png) no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:215px;
		height:50px;
}
/* ===== 新着情報 ===== */
.main_news{
		width:100%;
		margin:0 auto;
}
.main_news h2{
		margin:30px 0 10px 10px;
}
.news_list li a{
		display:block;
		margin-right:2px;
		padding:7px 10px 7px;
		background: url(../img/common/arrow_right.png) right center no-repeat;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
}
.list_topics a{
		margin:20px 10px 0 0;
		float:right;
		background:#eee;
		text-align:center;
		border:1px solid #ccc;
		padding:5px 10px;
		font-size:13px;
		border-radius:1px;
		text-decoration:none;
}
/* ===== プロダクトナビ最新号 ===== */
#new_cover_top{
		width:85%;
		margin:40px auto 0;
		border:1px solid #ccc;
}
#new_cover_top:hover{
		background:#eee;
		-webkit-transition: 0.2s ease-in-out;
	    -moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
}
#new_cover_top h4{
		margin-top:10px;
		text-align:center;
}
.new_cover_top_img{
		width:100%;
		margin-top:10px;
}
.new_cover_top_img img{
		display:block;
		margin:0 auto;
}
.new_cover_top_text{
		width:90%;
		margin:0 auto;
		padding:5px 0;
		font-size:12px;
		line-height:20px;
		font-size:11px;
}
/* ===== online資料請求 ===== */
.btn_request{
		text-align:center;
		margin-top:30px;
		padding:10px 0;
		color:#000;
		text-decoration:none;
		display:block;
		border-bottom:1px solid #ccc;
		background:#f6f6f6;
}
/* ===== お問い合わせ ===== */
.contact h3{
		background:url(../img/top/sprite.png) no-repeat top left;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		background-position:0px -100px;
		height:15px;
		margin:50px 0 25px 0px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
}
.btn_contact{
		margin-bottom:20px;
		text-align:center;
		padding:20px 0;
		color:#000;
		text-decoration:none;
		display:block;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		border-radius:1px;
}
.btn_contact:hover{
		background-color:#eee;
		text-decoration:none;
		color:#000;
		-webkit-transition: 0.1s ease-in-out;
	    -moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
}
/* ===== 展示会情報 ===== */
.exihibition h3{
		margin:30px 0 15px 0;
}
.exihibition{
		width:100%;
		margin:0 auto;
}
.exihi_list li dt{
		float:left;
		font-size:11px;
		font-weight:bold;
}
.sd_descript{
		max-width:98%;
		padding-left:100px;
}
.list_exihibition{
		margin:20px 10px 0 0;
		float:right;
		background:#eee;
		text-align:center;
		border:1px solid #ccc;
		padding:5px 10px;
		font-size:13px;
		border-radius:1px;
}
.exihi_list li a{
		display:block;
		padding:7px 10px 7px;
		margin-right:2px;
    	background:url(../img/common/arrow_right.png) no-repeat center right;
		-webkit-transition: 0.2s ease-in-out;
	    -moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
}
/* ===== お問い合わせ ===== */
.contact h3{
		display:none;
}
.btn_contact{
		width:100%;
		margin:20px 0 0;
		border-top:1px solid #ccc;
		padding:15px 0;
		color:#000;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		display:block;
}
.btn_contact:hover{
		background-color:#eee;
		text-decoration:none;
		color:#000;
		-webkit-transition: 0.1s ease-in-out;
	    -moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
}
}
/*
====================================
 ■ SmartPhone用CSS 655px設定
====================================
*/
@media screen and (max-width:655px){
/* ===== 運営サービス ===== */
#main_service{
		width:90%;
		margin:0 auto;
		padding-bottom:20px;
}
.ms_snavi, .ms_pnavi{
		border:7px solid #eee;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		text-align:center;
}
.ms_snavi{
		margin-bottom:20px;
}
.ms_snavi:hover{
		border:7px solid #163264;
}
.ms_pnavi:hover{
		border:7px solid #00A8C6;
}
/* ===== サービス案内 ===== */
.main_guide{
		width:90%;
		margin:0 auto;
}
.main_guide h4{
		padding-bottom:5px;
		color:#1d508b;
		font-weight:bold;
		border-bottom:1px dotted #ccc;
}
.main_guide p{
		padding-top:5px;
}
.list_topics a{
		margin:20px 10px 0 0;
		float:right;
		background:#eee;
		text-align:center;
		border:1px solid #ccc;
		padding:5px 10px;
		font-size:13px;
		border-radius:1px;
		text-decoration:none;
}
/* ===== 新着情報 ===== */
.main_news{
		width:100%;
		margin:0 auto;
}
.main_news h2{
		margin:30px 0 10px 10px;
}
.news_list li a{
		display:block;
		margin-right:2px;
		padding:7px 10px;
		background: url(../img/common/arrow_right.png) right center no-repeat;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
}
/* ===== プロダクトナビ最新号 ===== */
#new_cover_top{
		width:85%;
		margin:40px auto;
		border:1px solid #ccc;
}
#new_cover_top:hover{
		background:#eee;
		-webkit-transition: 0.2s ease-in-out;
	    -moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
}
#new_cover_top h4{
		margin-top:10px;
		text-align:center;
}
.new_cover_top_img{
		width:100%;
		margin-top:10px;
}
.new_cover_top_img img{
		display:block;
		margin:0 auto;
}
.new_cover_top_text{
		width:90%;
		margin:0 auto;
		padding:5px 0;
		font-size:12px;
		line-height:20px;
		font-size:11px;
}
/* ===== online資料請求 ===== */
.btn_request{
		text-align:center;
		margin-top:30px;
		padding:10px 0;
		color:#000;
		text-decoration:none;
		display:block;
		border-bottom:1px solid #ccc;
		background:#f6f6f6;
}
/* ===== お問い合わせ ===== */
.contact h3{
		background:url(../img/top/sprite.png) no-repeat top left;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		background-position:0px -100px;
		height:15px;
		margin:50px 0 25px 0px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
}
.btn_contact{
		margin-bottom:20px;
		text-align:center;
		padding:20px 0;
		color:#000;
		text-decoration:none;
		display:block;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		border-radius:1px;
}
.btn_contact:hover{
		background-color:#eee;
		text-decoration:none;
		color:#000;
		-webkit-transition: 0.1s ease-in-out;
	    -moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
}
/* ===== 展示会情報 ===== */
.exihibition h3{
		margin:30px 0 15px 10px;
}
.exihibition{
		width:100%;
		margin:0 auto;
}
.exihi_list li dt{
		float:left;
		font-size:11px;
		font-weight:bold;
}
.sd_descript{
		max-width:98%;
		padding-left:100px;
}
.list_exihibition{
		margin:20px 10px 0 0;
		float:right;
		background:#eee;
		text-align:center;
		border:1px solid #ccc;
		padding:5px 10px;
		font-size:13px;
		border-radius:1px;
}
.exihi_list li a{
		display:block;
		padding:7px 10px;
		margin-right:2px;
    	background:url(../img/common/arrow_right.png) no-repeat center right;
		-webkit-transition: 0.2s ease-in-out;
	    -moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
}
/* ===== お問い合わせ ===== */
.contact h3{
		display:none;
}
.btn_contact{
		width:100%;
		margin:20px 0 0;
		border-top:1px solid #ccc;
		padding:15px 0;
		color:#000;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		display:block;
}
.btn_contact:hover{
		background-color:#eee;
		text-decoration:none;
		color:#000;
		-webkit-transition: 0.1s ease-in-out;
	    -moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
}
}

/*
共通
====================================
Sprite
====================================
*/
#main_service h2, .main_guide h2, .main_news h2, .exihibition h3,  .ft_company{
		background:url(../img/top/sprite.png) no-repeat top left;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
}
#main_service h2,.main_guide h2{
		margin:40px 0 20px;
}
#main_service h2{
		background-position:0px 0px;
}
.main_guide h2{
		background-position:0px -25px;
}
.main_news h2{
		background-position:0px -50px;
}
/*
====================================
案内
====================================
*/

.main_guide section a{
		display:block;
}
.main_gd_box{
		margin-bottom:20px;
		padding:7px;
		min-height:50px;
		border:1px solid #ddd;
}
.main_gd_box:hover{
		text-decoration:none;
		background-color:#eee;
		-webkit-transition: 0.1s ease-in-out;
	    -moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
}
.membership p{
		margin-top:20px;
		padding:10px 0 10px 30px;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		font-size:13px;
		font-weight:bold;
		background:url(../img/common/arrow_right_blue_lg.png) no-repeat  15px center #eee;
		border-radius:2px;
}
.membership p:hover{
		color:#fff;
		background:url(../img/common/arrow_right_blue_lg.png) no-repeat  15px center #84e0ff;
}
/*
====================================
新着情報
====================================
*/
.news_list{
		border-top:1px solid #ccc;
}
.news_list li{
		border-bottom:1px solid #ccc;
}
.news_list li a:hover{
		margin-right:0;
		background-color:#f0f0f0;
}
.mn_tbl dt{
   		width:85px;
   		float:left;
   		font-size:12px;
}
.date{
		float:left;
		font-size:11px;
		font-weight:bold;
}
.news_title{
		padding-left:100px;
}
.list_topics a:hover,.list_exihibition:hover{
		color:#1d508b;
		background:#fff;
}
/*
====================================
サイドコンテンツ：展示会情報
====================================
*/
.exihibition h3{
		background-position:0px -75px;
		height:15px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
}
.exihi_list li{
		border-bottom:1px solid #ccc;
}

.exihi_list li a:hover{
		margin-right:0;
    	background:url(../img/common/arrow_right.png) no-repeat center right;
		background-color: #f0f0f0;
		text-decoration:none;
}
/*
====================================
サイドコンテンツ：問い合わせ
====================================
*/
.btn_contact{
		background:url(../img/common/btn_contact.png) no-repeat 50% 50%;
		background-size:236px 58px;
}