@charset "utf-8";

A:link    { color:#003366; text-decoration:none; }
A:visited { color:#003366; text-decoration:none; }

.txt_fix {
	font-size: 12px; line-height: 130%; color: #232323/*濃グレー*/
}

/*-------------  ボディ  -------------*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
}
/*-------------  見出し  -------------*/
h2 {
	font-family: "ＭＳ Ｐゴシック";				/* フォントの統一 */
	font-weight: bold;
}
/*--------------  外枠  --------------*/
#wrapper {
	margin: 5px auto;							/* 画面上部の余白 */
	width: 1000px;
	text-align: left;
	color: #333333;
}

#title {
	display:none;
}

#logo {
	margin:0;
	padding:0;
}

/*---------  問合せボタン  ---------*/
#form {
	display:none;
}

/*---------  問合せボタン(サイドバー)  ---------*/
#form1 a{
	margin: 0;
	padding:0;
	display: block;
	height:90px;
	width:200px;
	color:#333333;								/* 緑 */
	font-size:15px;
	padding-top:105px;
	font-weight:bold;
	text-align:center;
	text-decoration: none;						/* テキストの下線 */
}

/*--------  サイドバー(右側)  --------*/
#sidebar {
	margin-top: 10px;							/* メインメニューとの間 */
	float: right;
	width: 200px;
}

/*-------  メイン(コンテンツ)  -------*/
#maincontent {
	margin-top: 10px;							/* メインメニューとの間 */
	margin-left: 20px;
	float: left;
	width: 750px;
}

/*------------  フッター  ------------*/
#footer {
	margin-top:10px;
	clear:both;
	width:100%;
	text-align: center;
}
#footer p {
	margin:0;
	padding:0;
	font-family:Impact;
}

/********************************************/
/***  ヘッダーナビメニュー(最上部横並び)  ***/
/********************************************/
#header_navi {
	display: none;
}

/**********************************/
/*  タイトルメニュー(上部横並び)  */
/**********************************/
#menu_navi {
	display: none;
}

.navigation {
	font-weight: bold;
	font-size: 16px;
	padding: 0;
	list-style-type: none;						/ マーカー（行頭記号）の形状 /
}
.navigation li {

	margin-top:7px;
	border-bottom: 6px solid #0033CC;			/* メニュー枠線（下）*/
	border-right: 1px solid #CCCCCC;			/* メニュー枠線（右）*/
	float: Left;
	width: 199px;
}

.navigation a {
	display: block;
	height:35px;
	margin:10px 5px 10px 15px;					/* [上][右][下][左] */
	/* テキスト */
	color: #333333;								/* フォントカラー */
	text-decoration: none;						/* テキストの下線 */
	text-align: center;
	/* ライン */
	border-left: 6px solid #0033CC;				/* 帯線（左）*/
}

/****************************************/
/*  トップイメージ(サイドバーのトップ)  */
/****************************************/
#top-image {
	margin:0;
	height:65px;
	margin-bottom:1px;
}

/********************************/
/*  リンクバー(サイドバー下部)  */
/********************************/
#linkbar {
	display: block;
	margin:0;
	padding:0;
}
#list-link a {
	display: block;
	margin:0;
	height:28px;
	padding-top: 15px;									/* 文字位置 */
	padding-left: 30px;
	color: #333333;										/* グレー */
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	font-size:14px;
	margin-bottom: 0px;									/* メニューの行間 */
	border: 1px solid #CCCCCC;
	list-style-position:outside;
}
#active-link a {
	display: block;
	margin:0;
	height:28px;
	padding-top: 15px;									/* 文字位置 */
	padding-left: 30px;
	color: #333333;										/* グレー */
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	font-size:14px;
	margin-bottom: 0px;									/* メニューの行間 */
	border: 1px solid #CCCCCC;
	list-style-position:outside;
}

#linkbar li {
	list-style-type: none;						/ マーカー（行頭記号）の形状 /
}

/************************************/
/*  サブリンクバー(サイドバー下部)  */
/************************************/
#sub_linkbar {
	margin: 0;
	padding: 0;
}
#sub_linkbar a {
	display: block;
	height:20px;
	padding-top: 10px;
	padding-left: 20px;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	font-size:12px;
	margin-bottom: 1px;									/* メニューの行間 */
	border-left: 6px solid #0033CC;						/* 帯線(緑) */
}

/********************************************/
/***  フッターナビメニュー(最下部横並び)  ***/
/********************************************/
#footer_navi {
	font-weight: bold;
	font-size: 14px;
	height:120px;
	list-style-type: none;								/* マーカー（行頭記号）の形状 */
}
#footer_menu {
	padding-left: 270px;
	list-style-type: none;								/* マーカー（行頭記号）の形状 */
}
#footer_menu a {
	padding-left: 15px;
	/* テキスト */
	color: #333333;										/* フォントカラー */
	padding-right: 5px;
	text-decoration: underline;							/* テキストの下線 */
}

#footer_menu li {
	float: left;
}

#company {
	color: #333333;										/* フォントカラー */
	list-style-type: none;								/* マーカー（行頭記号）の形状 */
	padding-top:30px;
}

#company li {
	float: center;
}

.company_1 {
	font-size:20px;
}

/*---------------------------*/
/*********** クラス **********/
/*---------------------------*/
.access {
	font-size:16px;
	font-weight:bold;
}

.menu_eng{
	font-size:small;
	color:#3399CC;
	vertical-align:bottom ;
}

#close-up {
	color:#FF00CC;
}

#top_image {
	margin:0;
	width:100%;
	height:250px;
	margin-left: auto;
	margin-right: auto;
}

#final_image {
	margin:0;
	height:150px;
}

/*-----------------------------------*/
/*********** ページトップへ **********/
/*-----------------------------------*/
#page_top {
	width:100%;
	text-align:right;
	font-size: 16px; 
}

#page_top a{
	color: #333333;
}

.box1 {height:40px;}

ul {margin:0px;}

/*-----------------------------------*/
/************ 製品ページ用 ***********/
/*---------------↓↓↓--------------*/

#appeal {
	margin:0;
	padding:0;
	margin-top:5px;
	width:750px;
}

#appeal li {
	margin:0;
	height:45px;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
}

#appeal li a{
	margin-left:30px;
	height:30px;
	display:block;
	vertical-align:middle;
	font-size:18px;
	font-weight:bold;
	padding:10px 0px 0px 10px;					/* [上][右][下][左] */
	color:#000000;
	float:top;
	text-align:top;
	border-left:solid 5px #0033CC;
	border-bottom:solid 1px #999999;
	margin-bottom:5px;
}

#details {
	margin:0;
	padding:0;
	width:750px;
}

#details li{
	display:block;
	margin:0;
	padding:0;
	color:#666666;
	margin-top:5px;
	padding-left:20px;
	float:top;
}

#image1 {
	margin-left: 30px;
}

/*********動作環境*********/
#grid-l1 {
	vertical-align:top;
	font-size:14px;
	font-weight: bold;
	width:150px;
	text-align:left;
}
#grid-r1 {
	font-size:14px;
	width:200px;
	padding-top:3px;
	padding-left:10px;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
}

/*********システム価格*********/
#grid-l2 {
	font-size:14px;
	font-weight: bold;
	width:330px;
	text-align:left;
}
#grid-r2 {
	text-align:right;
	font-size:14px;
	width:100px;
	padding-top:3px;
	padding-left:10px;
}
#grid-2 {
	font-size:14px;
}

/*********システムメニュー*********/
#system_menu {	/* ブラウザFirefoxの場合にないと左余白がとれない!! */
	margin:0;
	padding:0;
}

#grid-h3 {
	margin:0;
	padding:0;
	width:200px;
	padding-left:20px;
	color:#0033CC;
	font-size:16px;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
}

#grid-3 {
	margin:0;
	padding:0;
	font-size:16px;
	padding-left:35px;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
}

#catchphrase2 {
	margin:0;
	padding-top:220px;
}

/*---------------↑↑↑--------------*/
/************ 製品ページ用 ***********/
/*-----------------------------------*/

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

#top_frame {
	width:1000px;
	height:640px;
	color:#FFFFFF;
}

#top_menu {
	margin:0;
	width:100%;
	height:25px;
	padding-top:10px;
	padding-left:15px;
	color:#FFFFFF;
	font-family: "ＭＳ Ｐゴシック";				/* フォントの統一 */
	font-size:20px;
	font-weight:bold;
}

#top_frameu1 {
	color:#000000;
	font-weight:bold;
	display: block;
	margin:0;
	padding:0;
	height:425px;
	font-size:18px;
	padding-top:5px;
	border:solid 1px #999999;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
}

.package {
	display: block;
	margin:0;
	padding:0px 0px 0px 0px;					/* [上][右][下][左] */
	margin:0;
	width:100%;
	height:400px;	/*top_frameuのheight-40px*/
}

#top_frameu2 {
	color:#000000;
	font-weight:bold;
	display: block;
	margin:0;
	padding:0;
	padding-top:5px;
	height:170px;
	font-size:18px;
	border:solid 1px #999999;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
}
.order_system {
	display: block;
	margin:0;
	padding:0;
	width:100%;
	height:150px;	/*top_frameuのheight-40px*/
}

#top_framed {
	display: block;
	margin:0;
	padding:0;
}

.order {
	display: block;
	margin:0;
	padding:0;
	height:30px;
	text-decoration: none;						/* テキストの下線 */
	font-size:14px;
	font-weight: normal;
	padding-top:80px;
}

.easyorder {
	display: block;
	margin:0;
	padding:0;
	height:30px;
	text-decoration: none;						/* テキストの下線 */
	font-size:14px;
	font-weight: normal;
	padding-top:20px;
}

#frame1 {
	margin:0;
	padding:0;
	margin-top:10px;
	height:130px;
	color:#FFFFFF;
}

#frame_menu {
	margin:0;
	height:25px;
	padding-top:10px;
	padding-left:15px;
	color:#FFFFFF;
	font-family: "ＭＳ Ｐゴシック";				/* フォントの統一 */
	font-size:20px;
	font-weight:bold;
}

#frame1_l {
	border:solid 1px #999999;
	width:50%;
	height:135px;
	font-size:14px;
	font-weight:bold;
	float:left;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
	color:#000000;
}
#frame1_r {
	border:solid 1px #999999;
	width:48%;
	height:135px;
	font-size:14px;
	font-weight:bold;
	float:right;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
}
#koushin_frame {
	margin:0;
	font-weight: normal;
	padding-left:10px;
	padding-top:10px;
}

#link_frame {
	margin:0;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
	text-decoration: underline;					/* テキストの下線 */
	font-weight: normal;
}
#link_frame li {
	float: Left;
	width: 300px;
	padding-left:10px;
	padding-top:10px;
}
#link_frame li a{
	text-decoration: underline;					/* テキストの下線 */
}

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

/*-----------------------------------*/
/*********** 会社概要用 **********/
/*---------------↓↓↓--------------*/

#menu1 {
	width:100%;
	margin:0;
	height:25px;
	padding-top:5px;
	padding-left:15px;
	margin-bottom:20px;
	color:#FFFFFF;
	font-family: "ＭＳ Ｐゴシック";				/* フォントの統一 */
	font-size:20px;
	font-weight:bold;
}

#company-index {
	margin:0;
	padding:0;
	width:750px;
	color:#182D79;
	font-family: "ＭＳ Ｐゴシック";				/* フォントの統一 */
	font-size:14px;
	font-weight:bold;

}

#cp1 {
	width:100px;
	margin:0;
	padding:0;
	color:#182D79;
	vertical-align:top;
	font-family: "ＭＳ Ｐゴシック";				/* フォントの統一 */
	font-size:12px;
	font-weight:bold;
}

#cp2 {
	color:#182D79;
	vertical-align:top;
	font-family: "ＭＳ Ｐゴシック";				/* フォントの統一 */
	font-size:12px;
	font-weight:bold;
}

#detail-bar {
	color:#CFDFF3;
	font-family: "ＭＳ Ｐゴシック";				/* フォントの統一 */
	font-size:12px;
	font-weight:bold;
}

/*---------------↑↑↑--------------*/
/*********** 会社概要用 **********/
/*-----------------------------------*/


/**********************************/
/*  タイトルメニュー(上部横並び)  */
/**********************************/
#gamen {
	margin:0;
	padding:0;
	width:750px;
	height:220px;
}

#gamen1 {
	margin:0;
	padding:0;
	width:40%;
	font-size:14px;
	float:left;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
	color:#000000;
}

#pop {
	margin:0;
	padding:0;
	height:200px;
	width:30%;
	font-size:14px;
	float:left;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
	color:#000000;
}

/*-----------------------------------*/
/*********** サイトマップ用 **********/
/*---------------↓↓↓--------------*/
#sitemap_frame {
	width:1000px;
	color:#FFFFFF;
	font-size:20px;
}

#sitemap_menu {
	margin:0;
	height:25px;
	padding-top:10px;
	padding-left:15px;
	color:#FFFFFF;
	font-family: "ＭＳ Ｐゴシック";				/* フォントの統一 */
}

#sitemap_main {
	color:#000000;
	font-size:14px;
	display: block;
	margin:0;
	padding:0;
	width:60%;
	padding-top:5px;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
	float:left;
}

#sitemap_main_left {
	display: block;
	margin:0;
	padding:0;
	width:300px;
	float:left;
}

#sitemap_main_right {
	display: block;
	width:300px;
	margin:0;
	padding:0;
	float:right;
}

#sitemap_right {
	color:#000000;
	font-size:14px;
	display: block;
	margin:0;
	padding:0;
	width:40%;
	padding-top:5px;
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
	float:right;
}

h3{
	padding:10px 0px 0px 5px;
	height:33px;
	font-size:16px;
}

.sitemap_list2{
	list-style-type: none;						/* マーカー（行頭記号）の形状 */
}

/*---------------↑↑↑--------------*/
/************ サイトマップ ***********/
/*-----------------------------------*/