@charset "utf-8";

@import url("styles-print.css");

/*
	Since:24 May 2006
	Last-Updated: 25 May 2006
	Editor:Masataka Asakura(MIC)
*/


/*
-------------File Contents--------------

	1. All Resets
	
	2. Base Setting
	
	3. Links Setting
	
	4. base wrap
	
	5. header
	
	6. global-navigation
	
	7. main-wraps
	
	8. bread-crumbs
	
	9. sitemap
	
	10.footer
*/


/*============ 1. All Resets ============*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/*============ 2. Base Setting ==========*/

body{
	font-style:normal;
	font-size:12pt;
	font-family:"ＭＳ 明朝", "MS Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Times New Roman", Times, serif;
	line-height:1.5;
}

/*

optgroup{font-weight:normal;}

abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
del{text-decoration:line-through;}
blockquote,ul,ol,dl{margin:1em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}
button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}

em{font-style:italic;}
sup{vertical-align:super;}
sub{vertical-align:sub;}

pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
*/



sup, sub {
	vertical-align: baseline;
	position: relative;
}

sup {top: -4px;}
sub {top: 4px;}

em{font-style:normal;}

table {font-size:inherit;font:100%;}
pre, code {font:115% monospace;*font-size:100%;}


input, textarea, select, option{
	font-style:normal;
	font-size:12pt;
	font-family:"ＭＳ 明朝", "MS Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Times New Roman", Times, serif;
}


noscript{
	margin:0;
	padding:0;
	text-align:left;
}

dfn{
	font-style:normal;
	font-weight:bold;
}

h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}


hr{display:none;}


/*
------------5. base wrap----------------
*/

body{
	margin:0!important;
	padding:0!important;
  width:100%!important;
	background-color: #fff;
	color: #000;
  vertical-align:baseline;
  letter-spacing:0.2pt;
  text-align: left!important;
}

#Container{
  width:auto;
}



/* ==============3. Link Settings ================== */

a, a:link {color:#0000de;text-decoration:underline;}

a img{
	text-decoration:none!important;
  border-width:0!important;
}
a:hover img, a:active img{
  border-width:0!important;
	text-decoration:none!important;
}


/*
------------4. hidden elements 非表示設定----------------
*/

#header-nav, #nav, #BreadCrumbs, #LocalNav, 
#pt, #footer-nav, #footer-sub-nav
{display:none;}



/*
----------------3. Headers----------
*/

#header{
	margin: 3px 0 0 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #666;
	text-align:left;
	width:100%;
}

#ci{
	float:left;
	width:60%;
}

#ci h1{
	font-size:85%;
	color:#666;
}

#logo{
	margin:20px 0 0 10px;
}

#header-right{
	float:right;
	width:30%;
}



#header-tel{
	margin-top:15px;
}





/*
----------------6. MainVisual----------
*/

/**/
#MainVisual{
	border-width:1px 0;
	border-style:solid;
	border-color:#000;
	width:auto;
}

#MainVisual h1{
	padding:1em 0 0.5em 1em;
	font-size: 18pt;
}






/*
----------------7. ContentWrapper----------
*/

#CWrapper01{
	padding:25px 0;
	margin:0;
	width:100%;
}


#Sitemap #CWrapper01{
	padding:35px 0 0 0;
	margin:0;
	width:100%;
}

#Middles{
	background-color:#f8f8f8;
	padding:10px 20px 10px 0;
	margin:20px 0 0 0;
	width:100%;
}

/*
----------------9. Content----------
*/

/*==========1) Base===========*/


#Content{
	padding:22px 0 0 0;
	margin:0;
	width:auto;
	text-align:left;
}

#ContentIndex{
	padding:22px 0 0 0px;
	margin:0;
	width:auto;
	text-align:left;
}
#Terms #ContentIndex, 
#Privacy #ContentIndex{
	padding:2.2em 0 0 0px;
	width:auto;
}




/*==========2) PageTitle===========*/

#PageTitle{
	padding:0;
	margin:0;
	width:auto;
	height:45px;
}


#ContentIndex #PageTitle{
	width:auto;
}
#Terms #ContentIndex #PageTitle, 
#Privacy #ContentIndex #PageTitle{
	width:auto;
}




/* 
	PageTitle h2 ページ個別設定は別CSSファイルにて設定
	(#カテゴリ名 #ページ名 #PageTitle h2)
*/

/**/
#PageTitle h2{
	padding-bottom: 0.3em;
	border-bottom:1px solid #666;
	width:auto;
	font-size:16pt;
}

/**/


/**/
#PageTitle h1{
	padding-bottom: 0.3em;
	border-bottom:1px solid #666;
	width:auto;
	font-size:16pt;
}


/**/



/*==========3) Section===========*/

#Section01{
	padding:50px 0 0 0;
	width:auto;
}
#Section02, #Section03, #Section04, #Section05, #Section06, #Section07{
	padding:60px 0 0 0;
	margin:0;
	width:auto;
}


#ContentIndex #Section01{
	padding:50px 0px 0 0;
	width:auto;
}



#Products #ContentIndex #Section01{
	padding:50px 50px 0 10px!important;
	width:auto;
}


#Contact #ContentIndex #Section02{
	padding:50px 0px 0 10px;
	width:auto;
}

#Sitemap #ContentIndex #Section01{
	padding:50px 0px 0 0px!important;
}

#Accept #ContentIndex #Section01{
	padding:50px 0px 0 0!important;
	width:auto;
}


/*==========4) Heading===========*/


/* 
	Headingは、ページにより画像/テキストと混在するため、
	別CSSファイルにて設定する。
	(#カテゴリ名 .ページ名 #PageTitle h2)
*/


.Heading{
	border-bottom:1px solid #000;
	padding:0;
	margin:0;
	width:auto;
}



#Sitemap .Heading{
	width:auto;
}

#Accept .Heading{
	width:auto;
}


.Heading h3{
	font-size:14pt;
}





/* .Heading h3 カラー設定 */






/*==========5) Contents===========*/


.C01{
	padding:15px 0px 0 0px;
	margin:0;
	width:auto;
}
.C02{
	padding:60px 0px 0 0px;
	margin:0;
	width:auto;
}

#Products .C02{
	padding:40px 20px 0 0px;
}

.C03{
	padding:40px 0px 0 0px;
	margin:0;
	width:auto;
}

#ContentIndex .C01{
	padding:15px 0 0 0;
	margin:0;
	width:auto;
}



#Solution .C01{
	padding:40px 20px 0 0px;
}



#Accept #ContentIndex .C01{
	padding:15px 0px 0 0px;
	margin:0;
	width:auto;
}




h4{
	padding-top:30px;
	font-size: 116%;
}


#Products h4{
	font-size: 116%;
	padding:0 0 0 15px;
	background:#fff url("../common_img/li_square01.gif") no-repeat left center;
}

#Products #Section01 .C01 h4{
	color:#446ca7;
	line-height:150%;
	padding:30px 0 0 0;
	background-image:none!important;
}

#Technology h4{
	color:#363;
}




#Solution h4{
	padding-top:0;
	margin:0px 0 0 0;
	color:#357362;
	text-indent:-9999px;
	line-height:110%;
	overflow:hidden;
}
/**/

#Solution h4.H4UC{
	height:100px;

	color:#357362;
	font-size:126%!important;
	text-indent:0!important;
	letter-spacing:normal!important;
}



#Company h4{
	color:#364583;
}
#Careers h4{
	color:#0290c9;
}



#Contact h4{
	padding-top:0;
	margin:0px 0 0 0;
}
/**/





#Technology h5{
	font-size:120%;
	padding:0 0 0 0px;
}




#Technology h5.Reg{
	padding:0 0 0 0px;
}
#Technology h5.Reg sup{
	font-weight:normal;
}


#Technology h5 span{
	font-size:86%;
	font-weight:normal;
	padding-left:8px;
}

#Solution h5{
	margin-top:30px;
}


#Contact h5{
	font-size:106%;
	padding:20px 0 0 0;
}

h6{
	font-size:106%;
	padding:20px 0 0 0;
	margin:0;
}

#Careers p.P02{
  margin:0;
  padding:10px 0 0 0;
}

.ImageArea01{
	padding:40px 0 0 0;
	width:auto;
}

#HOME #Section02 .ImageArea01{
	float:right;
	padding:0;
	margin:30px 0 0 0;
	width: 236px;
}

#Products #Section01 .ImageArea01{
	padding:20px 0 0 0;
	width:auto;
}



.ImageArea02{
	text-align:center;
	margin:0 auto;
	padding:50px 10px 0 0;
	width:auto;
}

#Design .ImageArea01{
	float:right;

	padding:30px 0 0 0;
	width:236px;
}



#Design .ImageArea02{
	text-align:center;
	margin:0 auto;
	padding:0px 0 0 0;
	width:670px;
}



/*　製品紹介用　*/
.LinkBox, .LinkBox02{
	border:1px solid #333;
	margin-top:20px;
	padding:12px 12px 0px 12px;
	width:auto;
}

.LinkBox ul, .LinkBox02 ul{
	margin:0;
	padding:0 0 0 18px;
}

.LinkBox ul li, .LinkBox02 ul li{
	padding:0 0 10px 0;
	margin:0 0px 0 0px;
	line-height:140%;
}

.ProductsInfo{
	padding:20px 0 20px 0;
	width:auto;
}
.ProPhoto{
	float:left;
	width:226px;
}
.ProInfo{
	float:left;
	width:60%;
}
.ProInfo ul{
	padding:10px 0 0 18px;
	margin:0;
}
.ProInfo ul li{
	padding:0 0 0 0;
}

#Products .ProInfo table, #Technology .ProInfo table, #Solution .ProInfo table{
	width:100%;
	margin:0;
	padding:0;
	border:0px;
}
#Products .ProInfo th, #Technology .ProInfo th, #Solution .ProInfo th{
	width:22%;
	margin:0;
	padding:5px 0 5px 0px;
	border:0px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
#Products .ProInfo td, #Technology .ProInfo td, #Solution .ProInfo td{
	width:78%;
	margin:0;
	padding:3px 0;
	border:0px;
}

.ProPageTop{
	border-top:1px solid #999;
	margin:0px 0 0 0;
	padding:10px 0 0 0;
	width:auto;
}

#Careers .ProPageTop{
	border-top-width:0px;
	margin:20px 0 0 0;
	padding:0px 0 0 0;
	width:auto;
}


.ProPageTop ul{
	display:none;
}



.BackHome{
	display:none;
}


/*==========6) TableStyles===========*/


table{
	width:96%;
	margin:25px 0 0 0;
	padding:0;
  border-collapse:collapse;
  border-width:1px 0 0 1px;
  border-style : solid ;
  border-spacing: 0px;
  border-color:#333;
}

caption{
	text-align:left;
	padding:0 0 10px 0!important;
	padding/**/:2px 0 10px 0;
	margin:0;
	font-size:112%;
	font-weight:bold;
	letter-spacing:normal!important;
	letter-spacing/**/:0.05em;
}
th{
	text-align:center;
	font-weight: normal;
	padding:8px 0 3px 0;
  border-color:#333;
	border-width:0 1px 1px 0;
  border-style : solid ;
  font-size:100%;
}
td{
	padding:8px 3px 5px 12px;
	background-color:#fff;
  border-color:#333;
	border-width:0 1px 1px 0;
  border-style : solid ;
  font-size:100%;
  letter-spacing:normal;
  line-height:140%;
}

thead.Thead01{
	padding:2px 0 5px 0;
	height:28px;
}
thead.Thead02{
	padding:4px 0 2px 0;
	height:42px;
}
thead.Thead01 th{
	font:bold 100%/100% "Georgia","Times",serif; 
}
thead.Thead02 th{
	padding:0!important;
	line-height:100%;
	font:bold 100%/100% "Georgia","Times",serif; 
}

thead.Thead02 th.TheadTop{
	border-bottom-width:0;
	padding:2px 0 0 0;
}
tr.Theadbottom th{
	padding:0!important;
}

tfoot th, tfoot td{
	border-top:3px solid #666;
}
tfoot span{
	color:#f00;
	font-weight:bold;
}

tfoot.Tfooter02 tr.TrBottom th{
	border-top-width:1px;
}
tfoot.Tfooter02 tr.TrBottom td{
	border-top-width:1px;
}

/* 右側ボーダーなし */
.BorderNone{
	border-right-width:0px;
}


/*
----------------11. Footers----------
 */
/*==========1) Base===========*/

#footer{
	clear:both;
	text-align:left;
	width:auto;
}

#footer-top{
	padding-bottom:10px;
	border-bottom:1px solid #666;
}
#footer-logo a{
	display:block;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	color:#000;
}


/*--footer-bottom--*/

#footer-bottom{
	padding: 15px 0 20px 0;
}
#footer-contact{
	width:auto;
}
p#footer-contact-txt1{
	height:14px;
	font-size: 93%;
}
p#footer-contact-txt1 span img{
	margin:0 0.8em;
	vertical-align:baseline;
}
p#footer-contact-txt2{
	padding-top:0.5em;
	font-size: 85%;
	color:#666;
}
p#footer-contact-txt2 a{
	text-decoration:underline;
}

ul#footer-global-nav{
	display:none;
}



/*--copyright - footer-sub-nav --*/

p#copyright{
	float:left;
	font-size:85%;
	color: #666;
}
ul#footer-sub-nav{
	display:none;
}