@charset "UTF-8";
/* CSS Document */


/****************************************

          General Setting

*****************************************/

html, body {
	margin:0;
	padding:0;
}

body {
    color: #333;
	font-size: 11pt;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6em;
}


h1,h2,h3,h4,ul,ol,p,dl{
	margin:0;
	padding:0;
}

ul{
	list-style: none;
}




/****************************************

          common

*****************************************/


/* リンク関連 */

a{
	color:#29438E;
	text-decoration:none;
}

a:hover {
	color:#29438E;
	text-decoration:underline;
}

a img{
	border:none;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a.link{
	background: url(../images/link_bl.png) no-repeat left center;	
	padding-left: 15px;
	
}

a.link_btn{
	border:1px solid #aaa;
	padding:3px 6px;
	background:url(../images/link_bl.png)  no-repeat 7px center #fff;
	color:#333;
	padding-left:23px;
}

a.link_btn:hover{
	background:url(../images/link_wh.png)  no-repeat 7px center #FF8A01;
	text-decoration:none;
	color:#fff;
}

a.link_btn_blue{
	background:url(../images/link_arw_white.png)  no-repeat right 7px center #181E67;
	border: 1px solid #181E67;
	color: #fff;
	padding: 10px 40px 10px 20px;
}

a.link_btn_white{
	background:url(../images/link_arw_blue.png)  no-repeat right 7px center #fff;
	border: 1px solid #181E67;
	padding: 10px 40px 10px 20px;
}

a.link_btn_gray{
	background:url(../images/link_arw_gray.png)  no-repeat right 7px center #fff;
	border: 1px solid #aaa;
	padding: 10px 40px 10px 20px;
}


a.link_btn_blue:hover,
a.link_btn_white:hover,
a.link_btn_gray:hover{
	background: url(../images/link_arw_on.png)  no-repeat right 7px center #FF8A01;
	text-decoration: none;
	border: 1px solid #FF8A01;
	color: #fff;
}

.NewWin{
	background: url(../images/new_window_white.png) no-repeat right;
	padding-right: 17px;
}

.NewWin_blue{
	background: url(../images/new_window.png) no-repeat right;
	padding-right: 17px;
}




/* テキスト関連 */

.font18{
	font-size: 18pt;
	line-height:1.5em;
}

.colorRed{
	color: #E00000;
}

.txtCenter{
	text-align: center;
}

.txtLeft{
	text-align: left;
}

.txtRight{
	text-align: right !important;
}

sup{
	font-weight: normal;
}

/* レイアウト関連 */

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


.fl_left{
	float:left;
}

.fl_right{
	float:right;
}

.marginT60{
	margin-top: 60px !important;
}

.marginT40{
	margin-top: 40px !important;
}

.marginT30{
	margin-top: 30px !important;
}

.marginT20{
	margin-top: 20px !important;
}

.marginT10{
	margin-top: 10px !important;
}

.marginT5{
	margin-top: 5px !important;
}

.marginB40{
	margin-bottom: 40px !important;
}

.marginB30{
	margin-bottom: 20px !important;
}

.marginB20{
	margin-bottom: 20px !important;
}

.marginB10{
	margin-bottom: 10px !important;
}

.paddingLR20{
	padding: 0 20px;
}

/* パーツ */

hr{
	border: 0;
	height: 3px;
    background: #aaa;
	clear:both;
}

ul.disc{
	list-style:disc;
	margin-left:1.5em;
}

ol.number{
  list-style:decimal;
	margin-left:1.5em;
}

ul.caution li{
	list-style:none;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

ul.caution li:before {
	content:"※ ";
}

.BorderBox{
	border:1px solid #aaa;
}

table.spec{
	border-top:1px solid #aaa;
	width:100%;
	border-collapse: collapse;
}	

table.spec th{
	border-bottom:1px solid #aaa;
	padding:5px 10px;
	background:#eee;
	text-align:left;
	font-weight:normal;
}

table.spec td{
	border-bottom:1px solid #aaa;
	padding:5px 10px;
	text-align:left;
}



/* 見出し */

.title{
	font-size: 20pt;
	font-weight: normal;
}

.blueBG{
	background: #181E67;
	color: #fff;
	font-weight: normal;
	padding: 5px 10px;;
	font-size: 13pt;
}


.rectangle{
	border-left: 8px solid #181E67;
	font-size: 11pt;
	font-weight: bold;
	padding: 0 0 0 10px;
}


/****************************************

          Layout
		  
*****************************************/

#wrapper{
	width:100%;
	overflow:hidden;
}

@media print {
#wrapper{width:1000px;}
}


header{
	width:950px;
	margin:0 auto;
	height:85px;
}

.contents{
	width:950px;
	margin:0 auto;
	clear:both;
}

.inner{
	width: 760px;
	margin:0 auto;
}

.col_area{
	display: table;
	width: calc(100% + 60px);
	margin-left: -30px;
	table-layout: fixed;
	border-spacing: 30px 0;
}

.col_item{
	display: table-cell;
	vertical-align: top;
}

footer{
	width:100%
}





/****************************************

          header
		  
*****************************************/

header h1{
	margin:25px 0 0 0;
	padding:0;
	float:left;
}

header ul{
	margin:35px 0 0 0;
	float:right;
}

header ul li{
	float:left;
	margin-left:20px;	
}

header ul li a{
	line-height: 30px;
	padding: 15px 0 10px 30px;
}

header ul li a.shop{
	background: url(../images/cart.png) no-repeat left center;	
}

header ul li a.amazon img{
 width: 190px;
 margin-top: -5px;
}

header ul li a.contact{
	background: url(../images/mail.png) no-repeat left center;
}


/****************************************

          Navi
		  
*****************************************/

.GlobalNavi{
	background: #181E67;
	color: #fff;
	letter-spacing: 1px;
	line-height: 60px;
	height: 60px;
	clear: both;
}

.GlobalNavi_contents{
	width: 950px;
	margin: 0 auto;
}

.GlobalNavi h1{
	float: left;
	font-size: 18pt;
	font-weight: normal;	
}

.GlobalNavi h1 a{
	color: #fff;
}

.GlobalNavi h1 a:hover{
	text-decoration: none;
	color: #D1D3DF;
}

.GlobalNavi ul{
	text-align: right;
}

.GlobalNavi ul li{
	display: inline-block;
}

.GlobalNavi ul li.on{
	background: url(../images/GlobalNavi_on.png) no-repeat bottom center;
	color: #FF8A01;
}

.GlobalNavi ul li a{
	color: #fff;
	display: block;
	padding: 0 10px;
}

.GlobalNavi ul li a:hover{
	background: rgba(252,252,255,0.2);
	text-decoration: none;
}

.SubNavi{
	background: #D1D3DF;
	height: 60px;
	line-height: 58px;
}

.SubNavi ul{
	text-align: center;
}

.SubNavi ul li{
	display: inline-block;
}

.SubNavi ul li a.on{
	border-bottom: 5px solid #181E67;
	height: 55px;
}

.SubNavi ul li a{
	display: block;
	padding: 0 10px;
}

.SubNavi ul li a:hover{
	background:  rgba(252,252,255,0.2);
	text-decoration: none;
}
	
/****************************************

         footer
		  
*****************************************/	

footer{
	background:#181E67;
	color:#fff;
	padding:30px 0 30px 0;
	margin-top: 40px;
}

footer .footer_link{
	width:950px;
	margin:0 auto;
}

footer .footer_link ul{
	padding: 0 0 10px 0;
}

footer .footer_link ul li {
    float: left ;
    margin-right: 20px;
}

footer .footer_link p.foot_tit{
	font-size:14pt;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
}

footer hr{
	margin: 30px 0;
	height: 1px;
}

footer ul.ThisSite{
	font-size:12px;
}

footer ul.ThisSite li{
	display: inline-block;
	margin: 0 10px 0 0;
}


footer .copy{
	
	font-size:10px;
	padding-bottom:20px;	
}

footer a{
	text-decoration:none;
	color:#fff;
}

footer a:hover {
	color:#FF8A01;
	text-decoration:none;
}

/****************************************

         TOPへ
		  
*****************************************/	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 50px;
}








/****************************************

          トップ スライド画像
		  
*****************************************/

ul.slider{
	width: 1080px;
	margin: 0 auto;
}
.slider li{
	height: 610px;
}
.slider_1{
	background: url(../images/top_M-Draf_Suite.jpg) no-repeat top center;
}
.slider_2{
	background: url(../images/top_M-Draf_Sprit.jpg) no-repeat top center;
}
.slider_3{
	background: url(../images/top_M-Draf_Lite.jpg) no-repeat top center;
}
.slider_4{
	background: url(../images/top_ES.jpg) no-repeat top center;
}
.slider_5{
	background: url(../images/top_TW.jpg) no-repeat top center;
}
.slider_A{
	background: url(../images/top_Attention.jpg) no-repeat top center;
}


ul.slider li h2{
	margin-top: 420px;
	font-size: 23pt;
	font-weight: normal;
	letter-spacing: 1px;
}

ul.slider li.slider_4 h2{
	letter-spacing: 0;
}

ul.slider li p.slider_text{
	width: 700px;
}

ul.slider li p.slider_btn a{
	margin-right: 10px;
}

/****************************************

          トップ Products
		  
*****************************************/

#TopPage #products{
	background: #eee;
	padding: 40px 0;
}

#TopPage #products ul,
#TopPage #products_others ul{
	display: table;
	width: calc(100% + 40px);
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 20px 0;
	margin-left: -20px;
}

#TopPage #products ul li,
#TopPage #products_others ul li{
	display: table-cell;
	background: #fff;
	border: 1px solid #aaa;
	padding: 20px;
}

#TopPage #products ul li h3,
#TopPage #products_others ul li h3{
	border-bottom: 1px solid #aaa;
	font-weight: normal;
	font-size: 13pt;
	padding-bottom: 5px;
}

#TopPage #products ul li .prducts_text{
	float: left;
	width: 150px;
	height: 140px;
	font-size: 10.5pt;
}

#TopPage #products ul li .prducts_text a{
	display: block;
	text-align: center;
	padding: 5px 40px 5px 20px;
}

#TopPage #products ul li .prducts_img{
	float: right;
}

#TopPage #products ul li.blank{
	background: none;
	border: none;
}

#TopPage .products_legacy p{
	border-bottom: 1px dotted #aaa;
	padding: 5px;
}

#TopPage #products ul li{
	position: relative;
}

#TopPage #products ul li a.link_btn_gray{
	position: absolute;
	bottom: 20px;
}


/****************************************

          トップ 取扱製品
		  
*****************************************/




/****************************************

         NEWS
		  
*****************************************/	
#TopPage .news{
	background: #eee;
	padding: 40px 0;
}

.news h3{
	background: #181E67;
	color: #fff;
	font-weight: normal;
	padding: 10px 15px;
	font-size: 13pt;
}


.news ul li{
	padding: 10px;
	border: 1px solid #D5D5D5;
	border-top: none;
	clear:both;
	background: #fff;
}

.news ul li dt{
	float:left;
	margin-left: 5px;
}

.news ul dd{
	margin-left:150px;
	}

a.allnews{
	float: right;
	font-weight: normal;
	color:#333;
	background: url(../images/link_bl.png) no-repeat right center;
	padding-right: 15px;
}


/****************************************

          ページタイトル
		  
*****************************************/

.PageTitle{
	border-bottom: 3px solid #aaa;
	padding: 0 0 15px 0;
}
.PageTitle h2{
	float: left;
}

.PageTitle ul{
	float: right;
}

.PageTitle ul li{
	float: left;
	margin-left: 20px;
}

/****************************************

          ローカルナビ
		  
*****************************************/


ul.LocalNavi li{
	float: left;
	margin-right: 10px;
}

ul.LocalNavi li a{
	border: 1px solid #aaa;
	padding: 5px 10px;
	color: #333;
}

ul.LocalNavi li a:hover{
	background: #eee;
	text-decoration: none;
}

ul.LocalNavi li a.on{
	border: 1px solid #666;
	background: #666;
	color: #fff;
}

ul.LocalNavi li.catalog{
	float: right;
	margin: 0;
	background: url(../images/ico_pdf.png) no-repeat left center;
}

ul.LocalNavi li.catalog a{
	padding: 5px 0 5px 30px;
	border: none;
}

ul.LocalNavi li.catalog a:hover{
	background: url(../images/ico_pdf.png) no-repeat left center;
	color: #FF8800;
}

ul.LocalNavi li.youtube{
 float: right;
 margin: 0 0 0 10px;
}

ul.LocalNavi li.youtube a{
	border: none;
}

ul.LocalNavi li.youtube a:hover{
 background: none;
}

/****************************************

          教育機関向け
		  
*****************************************/

#academic .blueBG{
	font-size: 18pt;
	padding: 15px;
}

#academic .catalog_btn{
	display: block;
	width: 180px;
	text-align: center;
	background: url(../images/ico_pdf.png) no-repeat right 5px center #eee;
	padding: 5px;
	border: 1px solid #ccc;
	color: #000;
}

#academic .catalog_btn:hover{
	background: url(../images/ico_pdf.png) no-repeat right 5px center #fff;
	text-decoration: none;
}


/****************************************

          製品ページ
		  
*****************************************/

/* ソフトウェア・メンテナンスパック */

.ProductSMP{
	border: 1px solid #aaa;
}

.ProductSMP_title{
	background: #eee;
	padding: 10px;
	font-size: 15pt;	
}

.ProductSMP_title span{
	background: #323264;
	color: #fff;
	padding: 5px;
	margin-right: 10px;
	font-size: 12pt;
}

.ProductSMP_text{
	padding: 20px;
}

.ProductSMP_text table{
	border-collapse: collapse;
}

.ProductSMP_text table td{
	border: 1px solid #aaa;
	padding: 3px;
	text-align: center;
	width: 60px;
}

.ProductSMP_support{
	background: url(../images/support.jpg) no-repeat right bottom;
}