@charset "Shift_JIS";
@import "h1.css";

body {	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	font-family: Verdana, sans-serif,"Osaka";
	background: url(image/back.jpg) repeat-x center top;
	font-size:12px;
	color:#333333;
	line-height:140%;
	background-color: EEF2F7;/* ページの背景 */
	text-align:center;}

P {	padding: 0px 0px 0px 0px; 
	font-family: Verdana, sans-serif,"Osaka";
	font-size:12px;
	color:#333333;
	line-height:140%;}

div.blank{/*ブランク*/
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	width: 50px;
	height: 2px;}

div.HeaderArea{/*ヘッダー*/
	width: 800px;
	height: 60px;
	background: url() no-repeat center top;
	color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	line-height:50%;
	text-align:right;
	text-valign: bottom;}

div.MenuArea{/*メニュー*/
	width: 800px;
	height: 100px;
	background-color: ffffff;/* ページの背景 */
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	text-align:left;}

div.FrameArea{/*メニュー*/
	width: 810px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	text-align:left;}
	
div.MainArea{/*メインコンテンツ*/
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	background-color: FFFFFF;/* ページの背景 */
	text-align:center;}

div.NewsArea{
	background-color:#aaaaaa;
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align:left;
	font-family: Verdana, sans-serif,"Osaka";
	font-size:11px;
	color:#ffffff;
	line-height:140%;}
	
div.TitleArea{/*見出し1:タイトル*/
	width: 740px;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align:left;
	text-valign: bottom;}
	
div.ContentsArea{/*コンテンツエリア*/
	width: 740px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	line-height:150%;}

div.CopyArea{/*コピーライト*/
	clear: both;
	width: 760px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:right;
	line-height:120%;
	font-size:10px;
	color:#ffffff;}
	
div.FooterArea{/*フッター*/
	clear: both;
	width: 100%;
	height: 25px;
	background-color: 222222;/* ページの背景 */
	color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	text-align:center;}

ul#menu{
    list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;}
ul#menu li{
    list-style:none;
    float:left;
    width:158px;
    height:40px;}
ul#menu a{
    display:block;
    width:158px;
    height:40px;
    text-indent:-5000px;
    overflow:hidden;}
	
a.home{background:url(./image/mn-home.png) no-repeat;}
a:hover.home{background:url(./image/mn-home-on.png) no-repeat;}

a.solution{background:url(./image/mn-solution.png) no-repeat;}
a:hover.solution{background:url(./image/mn-solution-on.png) no-repeat;}

a.pro{background:url(./image/mn-pro.png) no-repeat;}
a:hover.pro{background:url(./image/mn-pro-on.png) no-repeat;}

a.down{background:url(./image/mn-down.png) no-repeat;}
a:hover.down{background:url(./image/mn-down-on.png) no-repeat;}

a.tr{background:url(./image/mn-tr.png) no-repeat;}
a:hover.tr{background:url(./image/mn-tr-on.png) no-repeat;}

a.custom{background:url(./image/mn-custom.png) no-repeat;}
a:hover.custom{background:url(./image/mn-custom-on.png) no-repeat;}

a.case{background:url(./image/mn-case.png) no-repeat;}
a:hover.case{background:url(./image/mn-case-on.png) no-repeat;}

a.company{background:url(./image/mn-company.png) no-repeat;}
a:hover.company{background:url(./image/mn-company-on.png) no-repeat;}

a.recruit{background:url(./image/mn-recruit.png) no-repeat;}
a:hover.recruit{background:url(./image/mn-recruit-on.png) no-repeat;}

a.info{background:url(./image/mn-info.png) no-repeat;}
a:hover.info{background:url(./image/mn-info-on.png) no-repeat;}

/* === 画像枠線なし=== */
a img{
	padding: 0px;
	margin: 0px;
	border: none;}

TD{	font-size:12px;
	font-family: Verdana, sans-serif,"Osaka";
	color:#333333;
	line-height:140%;}

H1{
	font-size:14px;
	background-image: url(./image/icon01.jpg);
	font-weight:bold;
	font-family: Verdana, sans-serif,"Osaka";
	color:#000000;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

H2{	font-size:14px;
	background-image: url(./image/icon02.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
	font-family: Verdana, sans-serif,"Osaka";
	color:#004B7A;
	margin:2px 0px 2px 0px;
	padding: 0px 0px 0px 20px;}

H3{	font-size:12px;
	background-image: url(./image/icon03.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
	font-family: Verdana, sans-serif,"Osaka";
	color:#333333;
	margin:2px 0px 2px 0px;
	padding: 0px 0px 0px 15px;}

ul{	font-size:12px;
	list-style :circle;
	font-family: Verdana, sans-serif,"Osaka";
	color:#444444;
	margin:0px 0px 0px 20px;
	padding: 0px 0px 0px 10px;}

hr{	color:#cccccc;
	size:1px;
	padding: 0px 0px 0px 0px;
	margin:5px 0px 5px 0px;}
	

.s-font {font-size:10px;
	color:#555555;
	line-height:120%;}
.f-font {font-size:10px;
	color:#ffffff;
	line-height:120%;}

 a:link {font-size:12px;color:#333333;}
 a:visited {font-size:12px;color:#696969;}
 a:active {font-size:12px;color:#FF4500;text-decoration:none;}
 a:hover {font-size:12px;color:#FF4500;text-decoration:none;}

 a.ffffff:link {font-size:12px;color:ffffff;}
 a.ffffff:visited {font-size:12px:none;color:eeeeee;}
 a.ffffff:active {font-size:12px;text-decoration:none;color:gold}
 a.ffffff:hover {font-size:12px;text-decoration:none;color:gold;}

 a.copy:link {font-size:10px;text-decoration:none;color:ffffff;}
 a.copy:visited {font-size:10px;text-decoration:none;color:ffffff;}
 a.copy:active {font-size:10px;text-decoration:none;color:gold}
 a.copy:hover {font-size:10px;text-decoration:underline;color:gold;}

INPUT.searchicon{border: none;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size:10pt;
	background-image:URL(image/icon-Search.png);
	WIDTH: 18px;
	HEIGHT: 18px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

INPUT.searchbox{border: none;
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}