@charset "utf-8";
/* --------------------------------------------------
	Since : 2007/11/16
	Last Modified: 2007‒11‒16
	Site Name: PATLITE
	Version: 1.0
 --------------------------------------------------- */

/*
===== CONTENTS ================================================================================

	1: Base Style Setting
		: Reset
		: Base Setting
		: Font Setting
		: Finding Setting
	2: Huck
	3: Layout Setting
		: main-layout
		: header
		: footer
		: navi
		: menu
		: option
	4: Contents

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



/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Reset
==========================================================*/
*        { margin:0;padding:0; }
img      { border:none;vertical-align:top; }
p        { margin:0;padding:0; }
b,strong { font-weight:bold; }
ul       { margin:0;padding:0; }
li       { margin:0;padding:0;list-style:none; }
dl       { margin:0;padding:0; }
dt       { margin:0;padding:0; }
dd       { margin:0;padding:0; }
.clear   { clear:both;}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	}


/* Base Setting
==========================================================*/
a         {color:#006699;}
a:visited {color:#663366;}

blockquote {padding:0 40px;}
	
body {
	margin:0;
	padding:0;
	background:#F2F2F2;
	color:#666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}


/* Font Setting
==========================================================*/
.fontColor-red    {color:#c00;}
.fontColor-blue   {color:#000066;}
.fontColor-green  {color:#006600;}

.fontSize-nomal   {font-size:12px;}
.fontSize-small   {font-size:10px;}
.fontSize-xsmall  {font-size:4px;}


/* Finding Setting
==========================================================*/
h1 {
	width:400px;
	height:50px;
	text-indent:-9999px;
	float:left;
	background:url(images/header01.gif) no-repeat;
	}
	
h1 a{
	display:block;
	width:400px;
	height:50px;
	background:url(images/header01.gif) no-repeat;
	}


/* 2: Huck
----------------------------------------------------------------------------------------------*/

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div.main:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
div.main { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div.main { height: 1% }
.clearfix,
div.main {display:block;}
/* end MacIE5 */


/* Safariのフォントサイズを変更
==========================================================*/
html:\66irst-child body,
html:\66irst-child table{
	font-size:10px;
}


/* 3: Layout Setting
----------------------------------------------------------------------------------------------*/

/* main-layout
==========================================================*/
div#container {
	width:860px;
	text-align:center;
	background:url(images/background.jpg) repeat-y center top;
	}
	
div#container2 {
	width:860px;
	text-align:center;
	}

div#wrapper{
	width:800px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
	}
	
div#content {
	padding-top:20px;
	text-align:center;
	}
	
div.main {
	width:720px;
	margin:0 auto;
	text-align:left;
	margin-bottom:30px;
	clear:both;
	}
	

/* header 
==========================================================*/
div#header {
	width:100%;
	}
	
div#top-menu {
	width:400px;
	height:50px;
	float:right;
	}
	
div#menu {
	clear:both;
	}
	
/* footer
==========================================================*/
div#footer {
	width:100%;
	clear:both;
	text-align:center;
	}
	

/* navi
==========================================================*/
div#navi {
	padding:0 0 5px 0;
	}
	

/* menu
==========================================================*/
div#menu {
	padding-bottom:10px;
	background:url(product/fte_d04/images/about_shadow.jpg) no-repeat bottom left;
	}
		
	
/* option
==========================================================*/
.img-left{
	float:left;
	margin:0 10px 10px 0;
	}
	
.img-right {
	float:right;
	margin:0 0 10px 10px;
	}

	
/* table
==========================================================*/
table.tbl-type,
table.tbl-type2 {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:1px solid #666;
	font-size:10px;
	}
	
table.tbl-type {
	width:90%;
	}
	
table.tbl-type th,
table.tbl-type2 th{
	padding:3px;
	text-align:left;
	letter-spacing:1px;
	border:1px solid #666;
	font-weight:normal;
	background:#e6e6e6;
	}
	
	
table.tbl-type td,
table.tbl-type2 td{
	padding:3px;
	text-align:left;
	border:1px solid #666;
	}
	
table.tbl-type th { width:19%; }
table.tbl-type td { width:80%; }
	
table.tbl-type2 th {
	text-align:center;
	background:#999;
	color:#FFFFFF;
	}
	
table.tbl-type2 td {
	}
	
table.tbl-border {
	border:1px solid #666;
	}


/* 4: Contents
----------------------------------------------------------------------------------------------*/

/* top
==========================================================*/
dl.dl-emergency    {}
dl.dl-emergency dt { width:250px;float:left; }
dl.dl-emergency dd { width:450px;float:right; }
dl.dl-emergency dd .fontSize-small { padding-top:19px; }

dl.dl-colm3        { width:240px;float:left; }
dl.dl-colm3 dd     { font-size:10px;height:133px; }
dl.dl-colm3 dd img { float:left; }

dl.dl-fte          {}
dl.dl-fte dt       { width:270px;float:left; }
dl.dl-fte dd       { width:450px;float:left; }

dl.dl-system       {}
dl.dl-system dt    { width:431px;float:left; }
dl.dl-system dd    { width:215px;float:right;text-align:right; }

dl.dl-down         { width:440px;float:left;}
dl.dl-down dd      { text-align:center}

div.down-catalogLeft { width:210px;margin-top:15px;float:left;text-align:center;}
div.down-catalogRight{ width:210px;margin-top:15px;float:right;text-align:center;}

/* character
==========================================================*/
dl.dl-item         { width:260px;float:right;}
dl.dl-item dd      { text-align:center;margin-top:15px;}


dl.dl-fteFeature        { background:#e6e6e6;padding:0 0 20px 20px;}
dl.dl-fteFeature dt     { width:374px;float:left;}
dl.dl-fteFeature dd     { width:326px;float:right;}
dl.dl-fteFeature dd img { margin-top:52px;}

dl.dl-comment         { padding-top:10px;}
dl.dl-comment dt      { width:280px;float:left;}
dl.dl-comment dd      { width:220px;float:left;}
dl.dl-comment dt img  { margin-top:20px;}

div.display-view      { padding-top:15px;text-align:center; }
div.display-view table{ margin:0 auto;text-align:left; }

dl.dl-envi         { padding:10px 15px;background-color:#e6e6e6;margin-top:10px; }
dl.dl-envi dt      { width:314px;float:left; }
dl.dl-envi dd      { width:314px;float:right; }

.margin10 {
	margin:15px 0;
	}

div.btn-back {
	text-align:center;
	padding-bottom:10px;
	clear:both;
	}

/* ex
==========================================================*/
div.ex strong{
	font-size:12px;
	}
	
/* info1
==========================================================*/
dl.dl-princ      { padding:10px 90px 0 20px;}
dl.dl-princ dt   { width:230px;text-align:center;float:left;}
dl.dl-princ dd   { width:380px;float:right;padding-top:60px;}
dl.dl-princ dd p { padding-bottom:15px;}

dl.dl-defin      { padding:10px 90px 0 20px;}
dl.dl-defin dt   { width:390px;text-align:center;float:left;}
dl.dl-defin dd   { width:220px;float:right;}
dl.dl-defin dd p { padding-bottom:15px;}

dl.dl-diff       { padding:10px 40px 0 20px;}
dl.dl-diff dt    { width:343px;text-align:center;float:left;}
dl.dl-diff dd    { width:292px;float:right;}
dl.dl-diff dd p  { padding-bottom:15px;}

/* info2,3
==========================================================*/
dl.dl-measures     { margin:20px auto 0 auto;padding:15px 0;width:680px;background-color:#e6e6e6; clear:both;}
dl.dl-measures dt  { width:240px;float:left;}
dl.dl-measures dd  { width:420px;float:left;}
dl.dl-measures dd p{ padding-bottom:15px;}

dl.dl-measures dd p.end{ padding-bottom:0;}

/* spec
==========================================================*/
dl.dl-spec         { padding:10px 0;}
dl.dl-spec dt      { width:349px;float:left;}
dl.dl-spec dd      { width:349px;float:right;}

/* system
==========================================================*/
div.comment{
	text-align:center;
	}
	
div.comment p{
	padding-top:5px;
	width:546px;
	margin:0 auto;
	text-align:left;
	}