@charset "utf-8";
/* index 
　 (1)基本設定 
　 (2)スライドショー
　 (2)基本設定
　 (2)基本設定
　 (2)基本設定

*/


/* すべての余白をゼロに指定 */
* { margin: 0; padding: 0; }

body {
		text-align: center;
		font-family: Meiryo, メイリオ, Verdana;
		padding: 0;
		margin: 0;
}


/* --------------------
   (2)スライドショー
-----------------------*/ 
/*#slide {
    width:960px;
    height:250px;
    overflow:hidden;
    position:relative;
    padding-bottom:25px;
}

.slideInner {
    list-style:none;
    margin:0;
    padding:0;
}

.slideInner li {
    position:absolute;
    background:#fff;
    margin:0;
    padding:0;
}

.slidePrev {
     position:absolute;
     width:50px;
     height:60px;
     top:120px;
     left:0;
     cursor:pointer;
     z-index:100;
}

.slideNext {
     position:absolute;
     display:block;
     width:50px;
     height:60px;
     top:120px;
     right:0;
     cursor:pointer;
     z-index:100;
}*/

/*スライドショーの丸アイコン*/

/*.controlNav {
     position:absolute;
     float:left;
     left:50%;
     bottom:0;
}

.controlNav span {
     position:relative;
     left:-50%;
     float:left;
     margin:5px;
     -webkit-border-radius:5px;
     -moz-border-radius:5px;
     border-radius:5px;
     width:10px;
     height:10px;
     overflow:hidden;
     -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
     -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
     box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset;
     background:#eee;
     text-indent:-9999px;
     vertical-align:middle;
}

.controlNav span:hover {
     background:#ccc;
     cursor:pointer;
}

.controlNav span.current {
     -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
     -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
     box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5) inset, 0 0 2px rgba(133, 209, 198, 0.5);
     background:#85d1c6;
}*/

/* --------------------
   (2)メイン三枠
-----------------------*/ 
#contents {
		width: 720px;
		float: left;
		margin-bottom: 20px;
		margin-left:5px;
}
.main_navi {
    overflow:hidden;
    position:relative;
    margin-left:-10px;
    margin-top:30px;
  /*  margin-bottom:20px;*/
}

* html .main_navi {
    height:1em;
    overflow:visible;
}

/*メイン三枠上段*/
.main_navi_box {
	display:inline;
    width:220px;
    float:left;
    margin-left:20px;
}

/*メイン三枠中段*/
.main_navi_box2 {
    display:inline;
    width:220px;
    float:left;
	margin-top:20px;　/*上段との隙間*/
	margin-right:20px;
    margin-left:20px;
}

.main_navi_image {
    margin:0;
    padding:0;
}


.main_navi_contents {
    position:relative;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
	
}

.main_navi p {
    padding:10px;
	font-size:12px;
	text-align:left;
}




/*タイトル：ダウンロード*/

.main_navi_title_download{
	background-image:url(../images/02.png);
	padding:10px 0;
}

.main_navi_title_download h2 {
    color:#fff;
    font-size:14px;
	text-decoration:none;  
   }

.main_navi_title_download  a:hover {
    color:#fff;
    font-size:14px;
	text-decoration:underline;
   }


/*タイトル：FAQ*/

.main_navi_title_faq{
	background-image:url(../images/01.png);
	padding:10px 0;
}

.main_navi_title_faq h2  {
    color:#fff;
    font-size:14px;
	text-decoration:none;  
   }

.main_navi_title_faq  a:hover {
    color:#fff;
    font-size:14px;
	text-decoration:underline;
   }

/*タイトル：置換え*/

.main_navi_title_replace{
	background-image:url(../images/03.png);
	padding:10px 0;
}

.main_navi_title_replace h2  {
    color:#fff;
    font-size:14px;
	text-decoration:none;  
   }

.main_navi_title_replace a:hover {
    color:#fff;
    font-size:14px;
	text-decoration:underline;
   }
   
/*タイトル：置換え*/

.main_navi_title_replace_eng {
	background-image:url(../images/03.png);
	padding:10px 0;
}

.main_navi_title_replace_eng h2  {
    color:#fff;
    font-size:14px;
	text-decoration:none;
	text-align:left;
	margin:2px 0 0 45px; 
   }

.main_navi_title_replace_eng a:hover {
   color:#fff;
   font-size:14px;
	text-decoration:underline;
   }

/*タイトル：接続*/

/*日本語*/
.main_navi_title_connect{
	background-image:url(../images/04.png);
	padding:10px 0;
}

.main_navi_title_connect h2  {
    color:#fff;
    font-size:14px;
	text-decoration:none;
	}

.main_navi_title_connect  a:hover {
    color:#fff;
    font-size:14px;
	text-decoration:underline;
   }
   
/*英語*/
.main_navi_title_connect_eng {
	background-image:url(../images/04.png);
	padding:10px 0;
}

.main_navi_title_connect_eng h2  {
    color:#fff;
    font-size:13px;
	text-decoration:none;
	text-align:left;
	margin:2px 0 0 48px;
   }

.main_navi_title_connect_eng  a:hover {
    color:#fff;
    font-size:13px;
	text-decoration:underline;
   }
   
/*タイトル：修理*/

.main_navi_title_repair{
	background-image:url(../images/05.png);
		padding:10px 0;
}

.main_navi_title_repair h2 {
    color:#fff;
    font-size:14px;
	text-decoration:none;  
   }

.main_navi_title_repair  a:hover {
    color:#fff;
    font-size:14px;
	text-decoration:underline;
   }

/*タイトル：海外規格*/

.main_navi_title_oversea{
  background-image:url(../images/06.png);
  background-repeat: no-repeat;  
  padding:10px 0;
}

.main_navi_title_oversea h2 {
    color:#fff;
    font-size:14px;
	text-decoration:none;  
   }

.main_navi_title_oversea a:hover {
    color:#fff;
    font-size:14px;
	text-decoration:underline;
   }	


/*タイトル：背景なし＆Fontawesome*/

.main_navi_title_no_image{
	background-image:url(../images/no_image.png);
	    overflow:hidden;
}

.main_navi_title_icon{
	float: left;
	width:41px;
    height:41px;
}

.main_navi_title_icon i{
	color:#fff;
	margin:10px 0 0 12px;
}


/*日本語*/

.main_navi_title_text {
	float: left;
	width:179px;
	text-align:center;
}

.main_navi_title_text h2 {
    color:#fff;
    font-size:14px;
	text-decoration:none;
	margin:10px 0 0 -15px;
	   }

.main_navi_title_text a:hover {
    color:#fff;
    font-size:14px;
	text-decoration:underline;

   }
   
/*英語*/
.main_navi_title_text_eng {
	float: left;
	width:179px;
	text-align:center;
	margin-left:-3px; /*英語フォント位置調整*/
}

.main_navi_title_text_eng h2 {
    color:#fff;
    font-size:14px;
	text-decoration:none;
	margin:10px 0 0 -15px;
	   }

.main_navi_title_text_eng a:hover {
    color:#fff;
    font-size:14px;
	text-decoration:underline;

   }

/*
.main_navi_title h2 {
    padding:10px 0;
    color:#fff;
    font-size:14px;
   background:#61bca1;
    background-image:url(images/new-support_thumnail.jpg);
      
   }
   

.main_navi_title h2 a {
    color:#fff;
    font-size:14px;
	text-decoration:none;  
   }

.main_navi_title h2 a:hover {
    color:#fff;
    font-size:14px;
	text-decoration:underline;
   }*/







/* --------------------
   (3)右サイドメニュー
-----------------------*/ 

#sidemenu_right {
    float:right;
    width:220px;	
	padding-right: 10px;
	margin-top:5px;
	}

.submenu { /* sidemenuの中のデザインpx */
	list-style-type: none;
	margin: 0 0 22px; /*2段目右メニューとの差*/
	padding: 3px 3px;
	background-color: #eee;
	border: 1px solid #ccc;　 /*submenu全体枠*/
	}
	
.submenu h3 {　　　　　　/*　.submemuのh3に適用　*/
    position:relative;
    text-align:center;
    margin:0;
    padding:15px 0;     /*　.submemuのh3の高さ　*/
    line-height:1.0;
    color:#000;
    border:none;
	background:url(../images/side_back.jpg) no-repeat 100% 0;
}

/*
.submenu h3:after {
    content:'▼';
    position:absolute;
    bottom:-13px;
    left:50%;
    float:left;
    color:#e19f9c;
}*/
	

.submenu h4 {
    padding:10px;
	text-align:left;
    font-weight:normal;
	font-size:14px;
    background:#f1f1f1;
}

.submenu ul {
    margin:0 3px;     /*　.submemu内枠の余白　*/
    padding:0;
}
.submenu li {
    margin:0;
    padding:0 0 0 7px;
    list-style:none;
    border-bottom:1px dotted #ddd;
    background: #fff;
}
.submenu li a {
    display:block;
    padding:10px 0;
    text-decoration:none;
}

.submenu p {
    margin:10px;
}

.submenu a:hover {
	    text-decoration:underline;
	　　border-bottom: 1px solid #33c;
		color: #33c;
}


/*　.submememu下段バナー領域　*/

.submenu2 { 
    overflow: hidden;
    padding: 3px 3px;
    background-color: #eee;
    border: 1px solid #ccc;　 /*submenu2全体枠*/

    }

.submenu2 h3 {　　　　　　/*　.submemuのh3に適用　*/
    position:relative;
    text-align:center;
    margin:0;
    padding:15px 0;     /*　.submemuのh3の高さ　*/
    line-height:1.0;
    color:#000;
    border:none;
    background:url(../images/side_back.jpg) ;
    background-repeat: no-repeat;
}

/*おすすめコンテンツ関係*/


.mini_box1 {
    overflow: hidden;
	width:212px;
    }

.mini_image {
    float: left;
	width:50px;
    height:50px;
    background-color:#fff;
    border-bottom:1px dotted #ddd;
    }
	
.mini_image i {     /* Font awesome*/
    color:#004ea2;
	margin: 10px 0;
}


.mini_text {
    float: left;
    width: 151px;
    text-align:left;
    background-color:#fff;
    border-bottom:1px dotted #ddd;
    padding:15px 5px 15px 5px;
}

/*おすすめコンテンツのテキスト1行バージョン*/
.mini_text  a {
    text-decoration:none;
}

.mini_text  a:hover {
    text-decoration:underline;
    color: #33c;
}

/*おすすめコンテンツのテキスト2行バージョン（上段）*/
.mini_text2-1 {
	float:left;
    width: 151px;
    text-align:left;
    background-color:#fff;
    padding:5px 5px 2px 5px;
    font-size: 70%;
	color: #666666;
}


.mini_text2-1  a {
    text-decoration:none;
}

.mini_text2-1  a:hover {
    text-decoration:underline;
    color: #33c;
}

/*おすすめコンテンツのテキスト2行バージョン（下段）*/
.mini_text2-2 {
	float:left;
    width: 151px;
    text-align:left;
    background-color:#fff;
    border-bottom:1px dotted #ddd;
    padding:2px 5px 6px 5px;
}

.mini_text2-2  a {
    text-decoration:none;
}

.mini_text2-2  a:hover {
    text-decoration:underline;
    color: #33c;
}

/* --------------------
   (4)TOP バナー(English)
-----------------------*/ 

.top_banner {
	 margin:10px 0 15px 6px;
	 width:710px;
	 height:50px;
	 background:url(../images/otasuke_banner.png) no-repeat;	 
}

.top_banner_title {
	float:left;
	margin: 13px 0  0 70px;
	width:280px;
	font-size:16px;
	color:#004ea2;
	font-weight:bold;
	text-align:left;
}

.top_banner_sub_title {
	float:left;
	width:280px;
	margin: 13px 0  0 20px;
	font-size:16px;
	color:#777;
	font-weight:500;
	text-align:left;
}