@charset "UTF-8";


/* ----------------------------------------------------
   全ページのスタイルをリセット
------------------------------------------------------- */

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td , object {
	padding:0;
	margin:0;
}

body {
	font-size: 75%; /*基本フォントを12pt相当にする*/
}

h1 , h2 , h3 , h4 , h5 , h6 {
	font-size: 100%;
	font-weight: normal;
}

ul/*,ol*/ {
	list-style: none;
}

address , caption , cite , code , dfn , em , strong , th , var {
	font-style:normal;
	font-weight:normal;
}

img {
	vertical-align:top;
}

img , fieldset , abbr , acronym/* , a img*/ {
	border: 0;
}

table {
	border-collapse: collapse;
}

q:before , q:after {
	content: '';
}

abbr , acronym {
	border: 0;
}

/* ----------------------------------------------------
   clearfix
------------------------------------------------------- */

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	font-size:0;
	visibility: hidden;
}

.clearfix {
/*	min-height: 1px;	*/
	display:inline-block;
}

/* Hides from IE Mac \*/
* html .clearfix {
/*	height: 1px;	*/
	height: 1%;
}
.clearfix { display:block; }
/* End Hack */

/* ----------------------------------------------------
   全ページ　共通設定
------------------------------------------------------- */
body {
	color: #333333;
	font-family:Arial,Helvetica,sans-serif;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:90%;
	border-bottom:#00447d 3px solid;
	line-height:1.6;
}

a:link    { color:#000; text-decoration:none; overflow: hidden; outline: none; }
a:visited { color:#000; text-decoration:none; overflow: hidden; outline: none; }
a:hover   { color:#000; text-decoration:underline; overflow: hidden; outline: none; }
a:active  { overflow: hidden; outline: none; }

#main a:link    { color:#28aeba; text-decoration:none; }
#main a:visited { color:#28aeba; text-decoration:none; }
#main a:hover   { color:#28aeba; text-decoration:underline;}

a:link img    { color:#000; text-decoration:none; border:0px; overflow: hidden; outline: none; }
a:visited img { color:#000; text-decoration:none; border:0px; overflow: hidden; outline: none; }
a:hover img  { 
	color:#000;
	text-decoration:none;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	-webkit-box-shadow:0px 0px 0px rgba(0,0,0,1);
	box-shadow:0px 0px 0px rgba(0,0,0,1);
	background:#333;
}


/* ----------------------------------------------------
   ページ全体の構造
------------------------------------------------------- */

/* ヘッダー---------------------------------------------*/

#header {
	width: 1000px;
	margin: 0 auto 11px auto;
}

#logo {
	float:left;
	width:160px;
	padding-top:31px;	
}

#header_subNavi {
	float:right;
	padding:12px 0 9px 0;
}

#header_subNavi li {
	float:left;
}

#header_subNavi li#btn_eng {
	display:block;
	margin:3px 20px 5px 0;
	padding-left:12px;
	background:url(../img/icon_footernavi_arr02.gif) left center no-repeat;
	font-size:85%;
	font-weight:normal;

}

#header_subNavi li#btn_contact a {
	padding:3px 15px;
	background:#19aebb;
	color:#fff;
	font-size:85%;
}

#header_subNavi li#btn_contact a span{
	padding-left:20px;
	background:url(../img/icon_mail.gif) left center no-repeat;	
}

#gNavi {
	float:right;
	clear:right;
	width:780px;
}

#gNavi ul {
	float:right;
	background:url(../img/gnavi_line.gif) right top no-repeat;
	padding-right:1px;
}

#gNavi li {
	float:left;
	padding:1px 20px;
	background:url(../img/gnavi_line.gif) left top no-repeat;
}

#gNavi li.gnavi_current {
	padding:1px 5px;
}

#gNavi li.gnavi_current a {
	padding:3px 15px;
	background:#19aebb;	
	color:#fff;
}

/* キービジュアル----------------------------------------*/

#keyvisual {
	width:1000px;
	margin:0 auto;
}


/* コンテンツエリア--------------------------------------*/

#contentsWrapper {
	width:100%;
	background:#FFF url(../img/bg_contents.gif);
}

#contentsArea {
	width: 1000px;
	margin: 0 auto;
}

#sideMenu {
	float:left;
	width:216px;	
}

#main {
	float:left;
	width:753px;
	padding-left:20px;
	border-left:1px dashed #ddd;	
}

/* ぱんくず--------------------------------------*/

#topicPath {
	width:960px;
	margin:0 auto;
	padding:14px 20px 18px;
	font-size:75%;
	color:#444;
}
#topicPath li {	float:left;	}
#topicPath li a { color:#28aeba; margin: 0 7px 0 0; padding:0 15px 0 0; background:url(../img/icon_topicPath.png) right center no-repeat; }


/* ボタン------------------------------------------------*/
.btn_more {
	text-align:right;
}

.btn_more a {
	display:inline;
	padding:3px 15px;
	background:#19aebb;	
	color:#fff;
	font-size:85%;	
}


/* サイドメニュー----------------------------------------*/

.lNavi { border-top:5px solid #6abec8; font-size:90%; }
.lNavi li {
}
.lNavi li a { display:block; padding:20px 5px 20px 17px; text-indent:-12px; border-bottom:1px dashed #ddd; }
.lNavi li ul li a { display:block; padding:15px 5px 15px 29px; text-indent:-12px; border-bottom:1px dashed #ddd; }
.lNavi li ul li ul li a { display:block; padding:10px 5px 10px 41px; text-indent:-12px; border-bottom:1px dashed #ddd; }

.lNavi li a.lNavi_current:link { background:url(../img/bg_lnavi_on.gif); }
.lNavi li a.lNavi_current:hover { background:url(../img/bg_lnavi_hover.gif); }

.lNavi li ul li a.lNavi_current:link { background:url(../img/bg_lnavi_on.gif); }
.lNavi li ul li a.lNavi_current:hover { background:url(../img/bg_lnavi_hover.gif); }

.lNavi li a:link,
.lNavi li a:visited { background:url(../img/bg_lnavi_off.gif); }

.lNavi li ul li a:link,
.lNavi li ul li a:visited { background:url(../img/bg_lnavi_off.gif); }

.lNavi li a:hover,
.lNavi li ul li a:hover { background:url(../img/bg_lnavi_hover.gif); text-decoration:none; }

.lNavi li a span,
.lNavi li ul li a span { padding-left:12px; background:url(../img/icon_lnavi.png) left center no-repeat; }

/* 見出し------------------------------------------------*/

.headStyle01 {
	margin-bottom:10px;	
	padding-left:14px;
	background:url(../img/bg_header01.gif) left top repeat-y;
	font-size:120%;
	font-weight:bold;
	line-height:1.2;
}
.headStyle02 {
	margin-bottom: 24px;
	padding-left:14px;
	background:url(../img/bg_header01.gif) left top repeat-y;
/*	background:url(../img/bg_header02.gif) left top repeat-y;	*/
	font-size: 150%;
	font-weight: bold;
	line-height:1.2;
}
.headStyle03,
.headStyle03_2 {
	margin-bottom:20px;
	padding:0 2px 4px 2px;
	border-bottom:1px solid #6abec8;
	font-size: 175%;
	font-weight: bold;
	line-height:1.3;
}
.headStyle04 {
	margin-bottom:10px;
	padding-left:10px;
	border-left:3px solid #6abece;
	font-size:150%;
	font-weight:bold;
	line-height:1.3
}

.headStyle04_map{
	margin-bottom:10px;
	padding-left:10px;
	border-left:3px solid #3c459a;
	font-size:150%;
	font-weight:bold;
	line-height:1.3
}

.headStyle04_indent {
	margin-bottom:10px;
	padding-left:1.5em;
	text-indent:-1em;
	border-left:3px solid #6abece;
	font-size:150%;
	font-weight:bold;
	line-height:1.3
}
/*地図拠点見出し用*/
.barRed {
	border-left:3px solid #ed7471;
}
.headStyle05 {
	padding: 8px 2px 4px 2px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 5px;
	font-size:125%;
	font-weight: bold;
}
.headStyle05 a {
	padding-left:10px;
	background:url(../img/ic_arrow01.gif) 3px center no-repeat;
	font-size:125%;
}

/* カラム--------------------------------------------------*/

.col2 { margin-bottom:50px; }
.col2 .col_first { float:left; width:360px;}
.col2 .col_second { float:right; width:360px; }
.col2 .cm_first { 
	float:left; 
	width:360px;
	text-align:center;
}
.col2 .cm_second {
	float:left; 
	width:360px;
	text-align:center;
}

.cm_caption{
	text-align: left;	
	padding: 2% 0 0 6%;
}

.col3 { position:relative; height:312px; }
.col3 .col_1st { position:absolute; width:235px; top:0; left:0; }
.col3 .col_2nd { position:absolute; width:235px; top:0; left:262px; }
.col3 .col_3rd { position:absolute; width:235px; top:0; right:0; }

/* テキストBOX---------------------------------------------*/

.txtBox_01 {
	border:1px solid #ddd;
	padding:20px;
}

.txtBox_blue {
	border:1px solid #6abec8;
	padding:20px;
}
#dlDriver .txtBox_blue {
	border-top:none;
}


/* お問い合わせ--------------------------------------------*/
.lButton {
	border:1px solid #28aeba;
	margin:40px 40px 60px 40px;
	text-align:center;
	font-weight:bold;
	font-size:150%;
}
#main .lButton a { display:block; padding:15px; background:#EFF9FA; }
#main .lButton a:hover { color:#FFF; background:#28aeba; text-decoration:none; }

/* FAQ-----------------------------------------------------*/
/* 数字1桁表記 */
#faq .headStyle03 { padding-left:2.05em; text-indent:-2.10em; }
/* 数字2桁表記 */
#faq .headStyle03_2 { padding-left:2.75em; text-indent:-2.80em; }

/* ダウンロード--------------------------------------------*/

#dlDriver .txtBox_01 { padding:10px 30px; border:none; }
#dlMethod.headStyle03 { margin-bottom:0; }
#dlDriver01.headStyle03 { margin-bottom:0; }
#dlDriver02.headStyle03 { margin-bottom:0; }

.dlButton {
	border:1px solid #28aeba;
	margin:40px 40px 60px 40px;
	text-align:center;
	font-weight:bold;
	font-size:150%;
}
#main .dlButton a { display:block; padding:15px; color:#FFF; background:#28aeba; }
#main .dlButton a:hover { background:#30cbd9; text-decoration:none; }

/* ソフトウェア使用許諾契約書----------------------------*/

#dlLicenceDocument{
	overflow:scroll;
	overflow-x:hidden;
	height:6em;
	padding:1em;
	border:1px solid #6abec8;
	background-color:#FFF;
}


/* 画像関連------------------------------------------------*/

.imgBox1,
.imgBox2,
.imgBox3 { margin:30px 0 50px; }
.imgBox4 { margin-bottom:5px; }

.imgBox1 .image{ float:right; margin:0 0 0 20px; }
.imgBox2 .image{ float:left; margin:0 20px 0 0; }
.imgBox2 .image_end { float:left; }
.imgBox3 { text-align:center; }

.imgBox1 p,
.imgBox2 p,
.imgBox3 p { margin-top:5px; }

.imgCol3 li { float:left; width:251px; }
.imgCol3 .1st { }
.imgCol3 .2nd { }
.imgCol3 .3rd img { margin:0 0 0 20px; }


/* テーブル,リスト-----------------------------------------*/

.tbl_a,
.tbl_b,
.tbl_c { width:100%; }

/*基本パターンA：囲み罫*/
.tbl_a { text-align:left; border-top:1px solid #ddd; border-left:1px solid #ddd; margin:0; padding:0; }
.tbl_a th { color:#666; font-weight:bold; background:#EFF9FA url(../img/bg_lnavi_hover.gif); }
.tbl_a td,
.tbl_a th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin:0; padding:10px 20px; }

/*基本パターンA：囲み罫、縦狭い（キーボードショップリスト用）*/
.tbl_a_shoplist { text-align:left; border-top:1px solid #ddd; border-left:1px solid #ddd; margin:0; padding:0; }
.tbl_a_shoplist th { color:#666; font-weight:bold; background:#EFF9FA url(../img/bg_lnavi_hover.gif); }
.tbl_a_shoplist td,
.tbl_a_shoplist th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; margin:0; padding:5px 20px; }

/*基本パターンB：左右罫なし*/
.tbl_b { text-align:left; margin-right:40px; padding:0; border-top:1px solid #ddd; }
.tbl_b th { color:#666; font-weight:bold; background:#EFF9FA url(../img/bg_lnavi_hover.gif); }
.tbl_b td,
.tbl_b th { border-bottom:1px solid #ddd; margin:0; padding:10px 20px; }

/*基本パターンB：左右罫なし、縦狭い（「東プレの歩み」用）*/
.tbl_history { text-align:left; margin-right:40px; padding:0; border-top:1px solid #ddd; }
.tbl_history th { color:#666; font-weight:bold; background:#EFF9FA url(../img/bg_lnavi_hover.gif); }
.tbl_history td,
.tbl_history th { border-bottom:1px solid #ddd; margin:0; padding:5px 20px; }

/*基本パターンC：下罫のみ,ドット*/
.tbl_c { text-align:left; margin:0; padding:0; }
.tbl_c th { color:#666; font-weight:bold; }
.tbl_c td,
.tbl_c th { border-bottom:1px dashed #ddd; margin:0; padding:10px 20px; }

/*リスト*/
ul.list_arr { margin:0 6px; }
ul.list_arr li { padding:3px 0 3px 15px; background:url(../img/icon_lnavi_gray.png) left 0.65em no-repeat; }

ul.list_arr_fan li { padding:3px 15px 3px 15px; background:url(../img/icon_lnavi_gray.png) left 0.65em no-repeat; }
ul.list_arr_airdryer li { padding:3px 15px 3px 15px; background:url(../img/icon_lnavi_gray.png) left 0.65em no-repeat; }

ul.list_arr_a { margin:0 6px; }
ul.list_arr_a li { padding:3px 0 3px 15px; background:url(../img/icon_lnavi.png) left 0.65em no-repeat; }

ul.list_arr_af { margin:0 6px; }
ul.list_arr_af li.first { float:left; padding:3px 15px 3px 0; background:none; }
ul.list_arr_af li { float:left; padding:3px 15px; background:url(../img/icon_lnavi.png) left 0.65em no-repeat; }

li.list_arr_a { margin-left:2px; background:url(../img/icon_lnavi.png) left 0.45em no-repeat; }
li.list_arr_a a { padding-left:12px; }
li.list_arr_a a:hover { padding-left:12px; }

ol { margin: 0 0.5em 0 1.5em; }
ol li { }

ul.list_arr_a_r{ text-align:right; margin:0 6px; }
ul.list_arr_a_r li { margin: 0 0 0 525px; padding:3px 0 3px 15px; background:url(../img/icon_lnavi.png) left 0.65em no-repeat; }
li.list_arr_a_r { margin-left:2px; background:url(../img/icon_lnavi.png) left 0.45em no-repeat; }
li.list_arr_a_r a { padding-left:12px; }
li.list_arr_a_r a:hover { padding-left:12px; }

/* ページトップ------------------------------------------*/

.pagetop,
#main .pagetop { text-align:right; }
.pagetop a,
#main .pagetop a {
	display:inline;
	padding:5px 18px;
	background:#19aebb;	
	color:#fff;
	font-size:85%;	
}
.pagetop a span,
#main .pagetop a span {
	padding-left:24px;
	background:url(../img/ic_pagetop.gif) left center no-repeat;	
}

/* フッター----------------------------------------------*/

#footer {
	width:100%;
	margin:0 auto;
}

#footerLink {
	background:#f7f7f7;
}

.footerLink_inner {
	width:990px;
	margin:0 auto;
	padding:20px 0 30px 0;	
}

.footerLink_inner01 {
	float:left;
	padding:0 9px 0 14px;
	width:142px;
	border-right:1px solid #ccc;
}

.footerLink_inner02 {
	float: left;
	padding: 0 0 0 14px;
	width: 142px;
}

.footerLink_inner ul li a {
	display:block;
	margin-bottom:5px;
	padding-left:12px;
	background:url(../img/icon_footernavi_arr01.gif) left center no-repeat;	
	font-size:90%;
	font-weight:bold;
}

.footerLink_inner ul li a:link,a:visited,a:hover,a:active{
	color:#000;
}

.footerLink_inner ul li ul li a {
	display:block;
	margin-bottom:5px;
	padding-left:12px;
	background:url(../img/icon_footernavi_arr02.gif) left center no-repeat;
	font-size:85%;
	font-weight:normal;
}

.footerLink_inner ul li ul li a:link,a:visited,a:hover,a:active{
	color:#000;
}

.footerLink_inner ul li ul li strong {
	margin-bottom:5px;
	padding-left:12px;
	font-size:85%;
	font-weight:bold;
}

#copyright {
	background:#717171;
}

.inner_copylight{
	width:990px;
	margin:0 auto;
	padding:0.3%;
	overflow:hidden;
}

#copyright_copyright{
	float:right;
	color:white;
	font-size:75%;
	padding-right:20px;
}

#copyright_hogo{
	float:left;
	color:white;
	font-size:75%;
	padding-left:20px;
}

#copyright_hogo a:link ,
#copyright_hogo a:visited ,
#copyright_hogo a:hover ,
#copyright_hogo a:active {
	color:white;
}

#copyright_en{
	text-align:center;
	color:#FFF;
	font-size:75%;
	padding:5px;
}

/* ----------------------------------------------------
   common style
------------------------------------------------------- */
/* テキストサイズ */
.txt050 { font-size:50%; }
.txt055 { font-size:55%; }
.txt060 { font-size:60%; }
.txt065 { font-size:65%; }
.txt070 { font-size:70%; }
.txt075 { font-size:75%; }
.txt080 { font-size:80%; }
.txt085 { font-size:85%; }
.txt090 { font-size:90%; }
.txt095 { font-size:95%; }
.txt100 { font-size:100%; }
.txt110 { font-size:110%; }
.txt115 { font-size:115%; }
.txt120 { font-size:120%; }
.txt125 { font-size:125%; }
.txt130 { font-size:130%; }
.txt135 { font-size:135%; }
.txt140 { font-size:140%; }
.txt145 { font-size:145%; }
.txt150 { font-size:150%; }
.txt160 { font-size:160%; }
.txt170 { font-size:170%; }
.txt175 { font-size:175%; }
.txt180 { font-size:180%; }
.txt190 { font-size:190%; }
.txt200 { font-size:200%; }

/* マージン */
.mb0 { margin-bottom:0px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }
.mb65 { margin-bottom:65px; }

.mR05 { margin-right:0.5em; }
.mR10 { margin-right:1.0em; }
.mR15 { margin-right:1.5em; }
.mR20 { margin-right:2.0em; }
.mR25 { margin-right:2.5em; }
.mR30 { margin-right:3.0em; }

/* フロート */
.fL { float:left; }
.fR { float:right; }
.cB { clear:both; }

/* 文字揃え */
.aC { text-align:center; }
.aL { text-align:left; }
.aR { text-align:right; }

/* 文字ウエイト */
.fB { font-weight:bold; }

/* 文字カラー */
.fC_red { color:#ED7471; }
.fC_blue1 { color:#6abec8; }
.fC_blue2 { color:#47BCC6; }
.fC_black { color:#000000; }
.fC_gray1 { color:#333333; }
.fC_gray2 { color:#666666; }
.fC_gray3 { color:#999999; }
.fC_gray4 { color:#CCCCCC; }