@charset "utf-8";
/* CSS Document */
/* 201207 */

body { behavior:url("/ac/ae/common/css/csshover3.htc"); }


/* ==============================

 includeファイル指定

 ============================== */

/* 動画埋め込み（/ac/ae/common/inc/1207video.jsp） */
.video{
	border:3px solid #ccc;
	margin-bottom:10px;
	height:250px;
	line-height:250px;
	font-size:12px;
	color:#333;
	text-align:center;
}

/* サポート情報（/ac/ae/common/inc/1207support.jsp） */
.head_title_right{
	float:right;
	width:510px;
	margin-bottom:7px;
}

.head_title_right .support_content{
	float:left;
	margin-top:10px;
}

.head_title_right .support_btn{
	float:right;
}

/* SNS（/ac/ae/common/inc/1207sns_btn.jsp） */
h1{
	position:relative;
}

.sns_group_btn{
	position:absolute;
	right:5px;
	top:0;
	_right:0;
	_width:205px;
}

.sns_group_btn .sns_group_btn_right{
	display:inline;
	float:right;
	margin-top: 5px;
	height: 20px;/*ボックスの高さ*/
	line-height: 20px;/*縦のセンタリングの為に指定*/
}

/*.sns_group_btn .sns_group_btn_right{
	float:right;
	_margin-top:-30px;
}
*/


/* ------------------------------
 コネクタ用
 ------------------------------ */
 /* ナビ小（/ac/ae/common/inc/1207connector_navi.jsp） */
.header_navi{
	position:relative;
	margin-bottom:15px;
	margin-top: 0;
	background-color:#e2e2e2;
	padding:2px 0 0 2px;
}

.header_navi ul li{
	float:left;
}

.header_navi div.searchBox{
	position:absolute;
	top:10px;
	left:625px;
	width:340px;
}

.header_navi div.searchBox p{
	float:left;
	padding-top:4px;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	line-height:100%;
}

.header_navi div.searchBox input.Box{
	float:left;
	width:177px;
	height:30px;
	border:1px solid #ccc;
	margin-left:10px;
	padding:0 5px 0 5px;
	_padding:7px 5px 0 5px;
	color:#999;
}

.header_navi div.searchBox input.Btn{
	float:left;
	margin-left:5px;
}

/* ------------------ */
.header_navi .header_navi_right02{
	float:right;
}

.header_navi .header_navi_right02 .header_search_left{
	float:left;
	margin-right:10px;
	margin-top:5px;
}

.header_navi .header_navi_right02 .header_search_left p{
	font-size:12px;
	font-weight:bold;
	line-height:47px;
}

.header_navi .header_navi_right02 .header_search_left p img{
	margin-top:7px;
}

.header_navi .header_navi_right02 .header_search_left form input{
	width:177px;
	height:30px;
	margin-top:7px;
	border:1px solid #ccc;
}

/* ナビ大（/ac/ae/common/inc/1207connector_navi2.jsp） */
.search_navi_top{
	position:relative;
	width:755px;
	background:#CCC;
}

.search_navi_top img{
	vertical-align:top;
	vertical-align:bottom;
}

.search_navi_top dl{
	display:inline-block;
	margin:1px;
	background:#e2e2e2;
}

.search_navi_top dl dt{
	display:inline;
	float:left;
}
.search_navi_top dl dd{
	display:inline;
	float:left;
	padding:1px;
}

.search_navi_top p.orange_link{
	position:absolute;
	top:110px;
	left:205px;
}

.search_navi_top p.orange_link a{
	font-size:12px;
	background:url(/ac/ae/common/images/new_design/arrow_orange.png) no-repeat left center;
	padding-left:13px;
}

.search_navi_top div.searchBox{
	position:absolute;
	top:107px;
	right:10px;
}

.search_navi_top div.searchBox p{
	float:right;
	font-size:12px;
	font-weight:bold;
	padding-top:7px;
}

.search_navi_top div.searchBox form{
	float:right;
}

.search_navi_top div.searchBox input.Box{
	float:left;
	width:177px;
	height:30px;
	border:1px solid #ccc;
	margin-left:10px;
	padding:0 5px 0 5px;
	_padding:7px 5px 0 5px;
	color:#999;
}

.search_navi_top div.searchBox input.Btn{
	float:left;
	margin-left:5px;
}


/* サポート（/ac/ae/common/inc/12071207connector_support.jsp） */
.support_bottom{
	border:3px solid #ccc;
	padding:10px;
	margin-bottom:10px;
}

.support_title{
	font-size:16px;
	float:left;
	padding:7px 0 0 10px;
}

.support_bottom .support_btn{
	float:right;
	padding-right:5px;
}



/* ==============================

 カテゴリTOP指定

 ============================== */

.h1_header_box{
	clear:both;
}

.h1_header_box p{
	position:absolute;
	top:12px;
	left:160px;
	padding-left:15px;
	background:url(/ac/ae/common/images/new_design/arrow_blue.png) no-repeat left center;
	font-size:12px;
}

#main_content_top{
	clear:both;
	float:left;
	width:755px;
	margin-right:10px;
}

#main_content_top img.banner{
	border:1px solid #ccc;
}

#main_content_top h4{
	font-size:19px;
	font-weight:bold;
	line-height:100%;
}


/*------------------------------
 シリーズ一覧
 ------------------------------*/
#main_content_top .series_all{
	margin-top:20px;
}

.series_all h4.series_title_h4{
	float:left;
	margin-top:7px;
}

.series_all .series_all_tell{
	float:right;
}

/* ■シリーズ一覧ボタンまとめ --------------------*/
.series_all .series_all_group{
	clear:both;
	display:inline-block;
	margin-top:8px;
}

.series_all .end{
	margin-right:0;
}

/* 一覧ボタン大　1セット */
.series_individual{
	float:left;
	display:inline-block;
	width:243px;
	_width:245px;
	margin:0 10px 10px 0;
	border:1px #CCC solid;
}

.series_individual .LinkBox{
	cursor:pointer;
	background:#f1f1f1 url(/ac/ae/common/images/new_design/content_bg.png) no-repeat right top;
}

.series_individual .LinkBox:hover{
	background-color:#f9f9f9;
}

.series_individual .LinkBox .series_div_top{
	padding:15px;
	_padding:0;
	_margin:15px;
}

.series_individual .LinkBox .series_div_top .series_div_top_img{
	background-color:#FFF;
	text-align:center;
}

.series_individual .LinkBox .series_div_top .series_div_top_a{
	margin-top:15px;
	font-size:14px;
	font-weight:bold;
}

.series_individual .series_div_bottom{
	display:inline-block;
	padding: 10px 15px;

	_padding:0;
	_margin:15px;
}

.series_individual .series_div_bottom .series_div_bottom_left{
	float:left;
	margin-right:10px;
}

.series_individual .series_div_bottom .series_div_bottom_left .mgB{
	margin-bottom:7px;
}

.series_individual .series_div_bottom .series_div_bottom_right{
	float:left;
}


/* 一覧ボタン小 */
/* ※シリーズの個数が３の倍数でない場合は復活 */

/*  .series_content_navi{
	float:left;
	width:245px;
}

.series_content_navi .LinkBox{
	cursor:pointer;
	padding:9px 10px;
	margin-bottom:9px;
	border:1px solid #ccc;
	background:#e2e2e2 url(/ac/ae/common/images/new_design/content_bg.png) no-repeat right top;
}
*/


/* ※シリーズの個数が３の倍数の場合のみ（375行目以下はいずれの場合もイキ）*/
.series_content_navi .LinkBox{
	float:left;
	display:inline-block;
	width:223px;
	_width:245px;
	margin-right:10px;
	cursor:pointer;
	padding:9px 10px;
	margin-bottom:9px;
	border:1px solid #ccc;
	background:#e2e2e2 url(/ac/ae/common/images/new_design/content_bg.png) no-repeat right top;
}


/* シリーズの個数が３の倍数の場合のみ（index.jspよりendのクラスも削除）*/
.series_content_navi .end{
	margin-right: 0;
}


.series_content_navi .LinkBox:hover{
	background-color:#e9e9e9;
}

.series_content_navi .LinkBox dl{
	display:inline-block;
}

.series_content_navi .LinkBox dl dt{
	float:left;
	width:60px;
}

.series_content_navi .LinkBox dl dd{
	padding-left:67px;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
}
.series_content_navi .LinkBox dl dd p{
	padding-top:3px;
	font-size:12px;
	font-weight:lighter;
	line-height:14px;
}


/* ■学び・新商品・更新情報などまとめ --------------------*/
.series_all .content_bottom_area_new{
	clear:both;
}

/* 左側エリア（学び・動画などバナー） */
.content_bottom_area_new_left{
	float:left;
	width:365px;
	margin-bottom:20px;
}

.content_bottom_area_new_left .margin_bottom_h4{
	margin-top:20px;
	margin-bottom:5px;
}

/* 学びボタン　1セット */
.connector_learning_box{
	padding:10px;
}

.connector_learning_box:hover{
	background-color:#e5f7ff;
}

.connector_learning_box .LinkBox{
	cursor:pointer;
}

.connector_learning_box .LinkBox .connector_learning_dl dt{
	float:left;
	margin-right:10px;
}

.connector_learning_box .LinkBox .connector_learning_dl dd{
	float:left;
	font-size:12px;
	width:230px;
}

.connector_learning_box .LinkBox .connector_learning_dl dd .connector_learning_dd_title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}


/* 右側エリア（新商品・更新情報） */
.content_bottom_area_new .content_bottom_area_new_right{
	float:right;
	width:365px;
	margin-bottom:20px;
}

.content_bottom_area_new .content_bottom_area_new_right .margin_bottom_h4{
	margin-top:20px;
	margin-bottom:5px;
}

/* 新商品ボタン　1セット */
.new_product_box{
	border:1px solid #ccc;
	padding:15px;
	background-color:#FFFDDE;
	margin-bottom:10px;
}

.new_product_box:hover{
	background-color:#e5f7ff;
}

.new_product_box .LinkBox{
	cursor:pointer;
}

.new_product_box .LinkBox .connector_learning_dl dt{
	float:left;
	margin-right:10px;
}

.new_product_box .LinkBox .connector_learning_dl dd{
	float:left;
	font-size:12px;
	width:170px;
}

.new_product_box .LinkBox .connector_learning_dl dd .connector_learning_dd_title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}


/* 矢印付きテキストリンク */
ul.link_txt li a{
	background:url(/ac/ae/common/images/new_design/arrow_blue.png) no-repeat left center;
	padding-left:15px;
	font-size:12px;
}

/* NEWアイコン */
.new_mark{
	margin-left:5px;
}

/* 下部インクルードエリア */
.bottom_group_etc{
	margin-top:20px;
}


/* ==============================

 下位ページ指定

 ============================== */
#head_content_title .head_title_left{
	float:left;
}

#head_content_title .head_title_left p{
	font-size:19px;
	font-weight:bold;
	margin-top:10px;
	line-height:100%;
}

/* ========= /シリーズから探す =========== */
/* ---- main content --- */
#main_content{
	float:right;
	width:754px;
}

.table_content{
	padding:10px;
	background-color:#054eaa;
	margin-bottom:10px;
}

/* ヘッダー */
.table_content_head h2{
	color:#fff;
	font-weight:bold;
	font-size:18px;
}

.table_content_head .head_navi{
	_margin-bottom:10px;
}

.table_content_head .head_navi li{
	float:left;
	margin:7px 15px 10px 0;
}

.table_content_head .head_navi li a{
	padding:3px 3px 3px 17px;
	background:url(/ac/ae/common/images/new_design/arrow_orange.png) no-repeat 7% 50%;
	color:#fff;
	font-size:12px;
}

.table_content_head .head_navi li a:hover{
	background-color:#fff;
	color:#054eaa;
	text-decoration:none;
}

/* リスト */
.table_content_main{
	background-color:#fff;
	border:1px #ccc solid;
}

.table_content_main h3.contant_main_title{
	height:43px;
	background:url(/ac/ae/common/images/new_design/head_back.png) repeat-x left top;
	line-height:43px;
	padding-left:10px;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px #ccc solid;
}

.table_content_main h3.contant_main_title span{
	font-size:24px;
	padding:0 3px 0 0;
}

.table_content_main .contant_main_all{
	border-bottom:1px #ccc solid;
}
.table_content_main .contant_main_all_blue{
	background-color:#E5F7FF;
	border-top:0px;
	border-bottom:1px #ccc solid;
}

.table_content_main .contant_main_all:hover,
.table_content_main .contant_main_all_blue:hover{
	background-color:#FCF5FF;
}

.table_content_main .contant_main_all .LinkBox,
.table_content_main .contant_main_all_blue .LinkBox{
	float:left;
	cursor:pointer;
	width:630px;
	padding:10px 0;
}

.table_content_main .contant_main_all .main_left,
.table_content_main .contant_main_all_blue .main_left{
	float:left;
	padding:0 10px;
	font-size:12px;
}

.table_content_main .contant_main_all .main_left .main_left_img,
.table_content_main .contant_main_all_blue .main_left .main_left_img{
	text-align:center;
	margin-bottom:10px;
	width:130px;
}

.table_content_main .contant_main_all .main_left .main_left_img img,
.table_content_main .contant_main_all_blue .main_left .main_left_img img{
	width:80px;
	height:80px;
}

.table_content_main .contant_main_all .main_left .main_left_tough,
.table_content_main .contant_main_all_blue .main_left .main_left_tough{
	margin:5px 0;
}

.table_content_main .contant_main_all .main_left .main_left_float,
.table_content_main .contant_main_all_blue .main_left .main_left_float,
.table_content_main .contant_main_all .main_left .main_left_end,
.table_content_main .contant_main_all_blue .main_left .main_left_end{
	width:170px;
}

.table_content_main .contant_main_all .main_left .main_left_float li,
.table_content_main .contant_main_all_blue .main_left .main_left_float li{
	display:inline;
	float:left;
	margin:0 10px 2px 0;
}

.table_content_main .contant_main_all .main_left .main_left_end span,
.table_content_main .contant_main_all_blue .main_left .main_left_end span{
	vertical-align:baseline;
	line-height:2em;
}

.table_content_main .contant_main_all .main_left .main_left_title,
.table_content_main .contant_main_all_blue .main_left .main_left_title{
	color:#0066cc;
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
}

.table_content_main .contant_main_all .main_left .left_list,
.table_content_main .contant_main_all_blue .main_left .left_list{
	position:relative;
	width:415px;
}

.table_content_main .contant_main_all .main_left .left_list dt,
.table_content_main .contant_main_all_blue .main_left .left_list dt{
	position:absolute;
	left:0;
	width:120px;
	margin-bottom:5px;
	text-align:right;
	font-weight:bold;
}

.table_content_main .contant_main_all .main_left .left_list dt.em_dt,
.table_content_main .contant_main_all_blue .main_left .left_list dt.em_dt{
	font-weight:bold;
	padding-top:3px;
}

.table_content_main .contant_main_all .main_left .left_list dd,
.table_content_main .contant_main_all_blue .main_left .left_list dd{
	margin:0 0 5px 0;
	padding-left:125px;
	word-break:break-all;
}

.table_content_main .contant_main_all .main_left .left_list dd.em_dd,
.table_content_main .contant_main_all_blue .main_left .left_list dd.em_dd{
	font-size:16px;
	font-weight:bold;
}

.table_content_main .contant_main_all .main_right,
.table_content_main .contant_main_all_blue .main_right{
	display:inline;
	float:right;
	margin:10px 10px 10px 0;
	width:80px;
}

.table_content_main .contant_main_all .main_right img,
.table_content_main .contant_main_all_blue .main_right img{
	margin-bottom:5px;
}
/* ---- /main content --- */

/* ---- sub content --- */
#sub_content{
	float:left;
	width:212px;
}

#sub_content ul li{
	width:212px;
	background:url(/ac/ae/common/images/new_design/btn_sub.png) no-repeat left center;
	margin-bottom:4px;
}

#sub_content ul li:hover{
	/*cursor:pointer;*/
	background:url(/ac/ae/common/images/new_design/btn_sub_r.png) no-repeat left center;
}

#sub_content ul li span{
	display:block;
	background:url(/ac/ae/common/images/new_design/btn_sub_ic.gif) no-repeat left top;
	width:200px;
}

#sub_content ul li a{
	display:block;
	padding:12px 27px 15px 10px;
	color:#054EAA;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	border:#CCC 1px solid;
	_width:100%;
	_height:100%;
}

#sub_content ul li:hover a{
	border:#054EAA 1px solid;
	text-decoration:none;
	color:#FFF;
}

#sub_content ul li.link_now{
	/*cursor:default;*/
	background:url(/ac/ae/common/images/new_design/btn_sub_r.png) no-repeat left center;
	margin-bottom:4px;
	padding-right:12px;
}
#sub_content ul li.link_now span{
	display:block;
	width:163px;
	_width:200px;
	padding:12px 27px 15px 10px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:120%;
}
/* ---- /sub content --- */


/* ========= /寸法から探す =========== */
.cl{
	clear:both;
}
.pdB15{
	margin-bottom:15px;
}
.pdB10{
	margin-bottom:10px;
}
.mgBtn{
	margin-left:60px;
}

#search_dimension{
	padding:0;
}

.dimensionBtn{
	float:left;
	width:212px;
}
.dimensionBtn img{
	vertical-align:bottom;
}

.dimensionSch{
	float:left;
	width:420px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#054EAA;
}

.searchArea01{
	margin:5px;
}

.searchArea02{
	margin:15px 10px 10px;
	padding:15px 10px;
	background:#FFF;
	border:#999 1px solid;
}

.searchArea01 table,
.searchArea01 table tbody th,
.searchArea01 table tbody td,
.searchArea02 table,
.searchArea02 table tbody th,
.searchArea02 table tbody td{
	border:none;
	background:none;
}

.searchArea01 table tbody th{
	color:#FFF;
	text-align:right;
}
.searchArea02 table tbody th{
	text-align:right;
	width:110px;
	padding-right:10px;
	font-weight:bold;
}
.searchArea02 table tbody th.line2{
	line-height:100%;
}

.dimensionImg{
	position:relative;
	float:right;
	width:326px;
	height:298px;
}

.dimension2pk{background:url(/ac/ae/control/connector/search_dimension/2p/mating/images/pic01.png);}
.dimension2ph{background:url(/ac/ae/control/connector/search_dimension/2p/header/images/pic01.png);}
.dimension2ps{background:url(/ac/ae/control/connector/search_dimension/2p/socket/images/pic01.png);}
.dimension1p{background:url(/ac/ae/control/connector/search_dimension/1p/images/pic01.png);}

#focusImg01,
#focusImg02,
#focusImg03,
#focusImg04{
	display:none;
}

/* ========= /アプリケーションから探す =========== */
.appli{
	width: 754px;
	position: relative;
	margin-bottom:10px;
}
.smartphone{
	background:url(/ac/ae/control/connector/search_appli/smartphone/images/smartphone_bg.jpg) no-repeat;
	height:978px;
}
.tablet{
	background:url(/ac/ae/control/connector/search_appli/tablet/images/tablet_bg.jpg) no-repeat;
	height: 800px;
}
.mobile{
	background:url(/ac/ae/control/connector/search_appli/mobile/images/mobile_bg.jpg) no-repeat;
	height:780px;
}
.camera{
	background:url(/ac/ae/control/connector/search_appli/comdigi/images/camera_bg.jpg) no-repeat;
	height:640px;
}
.pc{
	background:url(/ac/ae/control/connector/search_appli/notepc/images/pc_bg.jpg) no-repeat;
	height:728px;
}
.appli ul{
	position:absolute;
}
.appli ul li{
	float:left;
	padding-right:12px;
}
.wearable {
    background:url(/ac/ae/control/connector/search_appli/wearable/images/wearable_bg.jpg) no-repeat;
	height:754px;
}
.recorder {
    background:url(/ac/ae/control/connector/search_appli/recorder/images/recorder_bg.jpg) no-repeat;
	height:715px;
}
.handy {
    background:url(/ac/ae/control/connector/search_appli/handy/images/handy_bg.jpg) no-repeat;
	height:715px;
}
.pressure {
    background:url(/ac/ae/control/connector/search_appli/pressure/images/pressure_bg.jpg) no-repeat;
	height:715px;
}