@charset "shift_jis";

body {
	font: 80%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #ffffff;
	margin:  0;
	padding: 0;
	color: #20375D;
	text-align:center;
}

ul, ol, li { 
	list-style: none;
	padding: 0;
	margin:  0;
}

a img { border: none;}

a{ text-decoration:none;}

a, a:link{color:#20375D;} /* 未訪問  */
   a:visited{color:#20375D;} /* 訪問済 */
   a:hover{color:#20375D;} /* マウスオーバー */
   a:active{color:#20375D;} /* クリック */

div#head-c a:link{color:#ffffff;} /* 未訪問  */
div#head-c a:visited{color:#ffffff;} /* 訪問済 */
div#head-c a:hover{color:#ffffff;} /* マウスオーバー */
div#head-c a:active{color:#ffffff;} /* クリック */
div#head-c a{ text-decoration:none; }


/* indexリンク */
#index_ww3 ul, ol, dl { 
	list-style: none;
	margin:  10px;
	padding: 0;
}

#index_ww3 li { 
	list-style: none;
	margin:  20px;
	padding: 0;
}


/* リストimg使用時の隙間を埋める */ 
li img { vertical-align:bottom;}


/* テーブル線あり */ 
#said-in2 table{
	border: 1px #cccccc solid;
}

#gaiyou_tab table{
	border: 1px #cccccc solid;
}

#new_page table{
	border: 1px #ED9026 solid;
}

#topi_page table{
	border: 1px #cccccc solid;
}

#said-in2 table{
	border: 1px #cccccc solid;
}




/* テーブル */ 
table {
	border-collapse: collapse;
}

th {
	border-bottom: #cccccc 1px dotted;
	text-align: left;
	padding: 5px;
	font-weight: normal;
}

td {
	border-bottom: #cccccc 1px dotted;
	text-align: left;
	padding: 5px;
}


/* フッターメニュー横並び */ 
#footer_in1 ul{
	list-style:none;
	margin: 0;
	padding:0;	
}

#footer_in1 li{
	display:inline; 
	margin: 0;
	padding:0;
	width: 980px;	
}


img.footermenu { 
	vertical-align: middle; 
}


/* タイトル文字大きさ */ 
h1 {
	font-size: 16px;
	font: bold;
	color:#000000;
}

h2 {
	margin: 30px 0 0 0;	
	font-size: 20px;
	font: bold;
	color:#000000;
}

h3 {
	margin: 0 auto;
	font-size: 18px;
	font: bold;
	color:#ffffff;
}


h4 {
	margin: 0 auto;
	font-size: 25px;
	font: bold;
	color:#21375D;
}


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

           　header

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

#header {
	margin: 0 auto;
	width:  100%;
	height:   45px;
	background-color: #21375D;
}

/* 囲1 */
#header1 {
	margin: 0 auto;
	width:  980px;
	height:  45px;
}


#head-a {
	margin: 0 auto;
	width:  245px;
	height:  45px;
	float:   left;
}

#head-b {
	padding: 20px 0 0 0;
	width:  350px;
	height:  25px;
	float: left;
	color: #ffffff;
}


#head-c {
	padding: 20px 0 0 0;
	width:  90px;
	height:  25px;
	float:   left;
	font-size: 10px;
	color: #ffffff;
}

#head-d {
	padding: 15px 0 0 0;
	width:  290px;
	height:  30px;
	float:   right;
}

#head-line {
	margin: 0 auto;
	height:  4px;
	clear:   both;
	background-color: #F2AB3E;
}


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

          indexboard

================================== */
#indexboard {
	margin: 0 auto;
	width:  100%;
	height:  450px;
	background-color: #06071F;
	clear: left;
}

#indexboard1 {
	margin: 0 auto;
	width:   1000px;
	height:  450px;
	background-image: url(../img/indexmain.jpg);
	background-repeat: repeat-x;
}



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

           　menu

================================== */
#menu-line {
	margin: 0 auto;
	width:  100%;
	height:  4px;
	background-color: #F2AB3E;
}

#menu {
	margin: 0 auto;
	width:  100%;
	height: 55px; 
	background-image: url(../img/menubar.jpg);
	background-repeat: repeat-x;
}


#menu1 {
	margin: 0 auto;
	width: 980px;
	height: 55px; 
}


/* メニュー横並び */ 
#menu1 ul{
	list-style:none;
	margin: 0;
	padding:0;	
}

#menu1 li{
	display:inline; 
	width: 985px;
	height: 55px;
	margin: 0;
	padding:0;	
}


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

           index-senter

=================================== */
/* 囲 */
#index_w {
	margin: 0 auto;
	width:  980px;
	height: 550px;
}

#index_w1 {
	margin: 0 auto;
	width:  980px;
	height: 140px;
}

#index_w2 {
	padding-top: 10px;
	width:  300px;
	height: 130px;
	float: left;
}

#index_w3 {
	margin: 0 auto;
	width:  650px;
	height: 130px;
	float: right;
	text-align: left;
}

/* 更新履歴 */
#index_ww {
	margin: 0 auto;
	width:  680px;
	height: 400px;
	float: left;
}

#index_ww1 {
	margin: 0 auto;
	width:  680px;
	height: 260px;
}

/* ダウンロード */
#index_ww2 {
	padding-top: 20px;
	width:  680px;
	height: 120px;
	font-size: 11px;
}

/* リンク */
#index_ww3 {
	margin: 0 auto;
	width:  300px;
	height: 400px;
	float: right;
	background-color: #ffffff;
}


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

           メインスライダー

=================================== */
#main-sly {
	margin: 0 auto;
	width:  100%;
	height:  265px;
	background-color: #06071F;
	clear: left;
}

#main-sly1 {
	margin: 0 auto;
	width:   980px;
	height:  265px;
}




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

           　囲container囲

=================================== */
#hot_container {
	margin: 0 auto;
	width: 100%;
	height:  100%;
	background:url(../hot/img/haikei_bnr.jpg);
	background-repeat: repeat;
	clear: both;
}

#hot_container1 {
	margin: 0 auto;
	width: 980px;
	height:  100%;
	clear: both;
}


#container {
	margin: 0 auto;
	width: 980px;
	height:  100%;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	clear: both;
}


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

          navi-comment

=================================== */
#navi {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 970px;
	height: 40px;
	font-size: 12px;
	text-align: left;
	border-bottom:1px dotted #cccccc;
}


/* 取扱商品1 */
.toriatsukai_bnr {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 970px;
	height: 60px;
	text-align: left;
}

#said-in2 p { 
	margin: 0;
	padding: 0;
} 


/* 会社概要 */
.gaiyou_bnr {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 970px;
	height: 60px;
	text-align: left;
}

#aisatsu {
	margin: 0 auto;
	width: 750px;
	height: 220px;
}

#aisatsu_1 {
	margin: 0 auto;
	width: 200px;
	height: 220px;
	float: left;
}

#aisatsu_2 {
	margin: 0 auto;
	width: 550px;
	height: 220px;
	float: right;
	text-align: left;
}

#gaiyou_tab {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 980px;
	height: 100%;
	clear: both;
}

#gaiyou_map {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 980px;
	height: 100%;
}


/* 新製品の案内 */
#new_top1 {
	margin: 0 auto;
	width: 100%;
	height: 265px;
	background-color: #06071F;
	clear: left;
}

#new_top2 {
	margin: 0 auto;
	width:   980px;
	height:  265px;
}

.new_bnr {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 970px;
	height: 70px;
	text-align: left;
}

#new_page {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 800px;
	height: 100%;
}

#new_page p { 
	margin: 0;
	padding: 0;
} 


/* お問い合わせ */
.mf_bnr {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 970px;
	height: 70px;
	text-align: left;
}

#mf_page {
	margin: 0 auto;
	padding: 10px 0 0 0px;
	width: 980px;
	height: 100%;
}


/* トピックス */
.topi_bnr {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 970px;
	height: 70px;
	text-align: left;
}

#topi_page {
	margin: 0 auto;
	padding: 10px 0 0 0px;
	width: 980px;
	height: 100%;
}

/* 各商品ページ */
.01bnr {
	margin: 0 auto;
	width: 970px;
	height: 80px;
}

.02bnr {
	margin: 0 auto;
	padding: 20px 0 0 0px;
	width: 980px;
	height: 100%;
}

.02bnr p { 
	margin: 0;
	padding:  0;
} 

.03bnr {
	margin: 0 auto;
	width: 650px;
	height: 150px;
	text-align: left;
	background-color: #fff000;
}

.03bnr p { 
	margin: 0;
	padding:  0;
} 

#04bnr {
	margin: 0 auto;
	width: 800px;
	height: 100%;
	text-align: left;
	background-color: #ff0000;
}

#04bnr p { 
	margin: 0;
	padding:  0;
} 


/* アプリケーション */
.apri_bnr {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 970px;
	height: 70px;
	text-align: left;
}

#apri_page {
	margin: 0 auto;
	padding: 10px 0 0 0px;
	width: 980px;
	height: 100%;
}


/* サイトマップ */
.site_box1 li {
	line-height: 180%;
}

.site_box2 li {
	line-height: 180%;
}

.site_box3 li {
	line-height: 180%;
}


.site_bnr {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 970px;
	height: 70px;
	text-align: left;
}

#site_page {
	margin: 0 auto;
	width: 980px;
	height: 100%;
}

.site_box1 {
	margin: 40px 0 0 50px;
	width: 280px;
	height: 230px;
	float: left;
	text-align: left;
	border: solid 1px #cccccc;
}

.site_box2 {
	margin: 40px 0 0 20px;
	width: 280px;
	height: 230px;
	float: left;
	text-align: left;
	border: solid 1px #cccccc;
}

.site_box3 {
	margin: 40px 0 0 20px;
	width: 280px;
	height: 230px;
	float: left;
	text-align: left;
	border: solid 1px #cccccc;
}


/* ライン */ 
.line1{
	margin: 0 auto; 
	width:  800px;
	height: 40px;
	border-bottom: 1px dashed #cccccc;/* 点線 */
	clear: both;
}

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

           サイドメニュー(左）

=================================== */
/* 囲 */
#said-a {
	margin: 0 auto;
	padding: 40px 0 0 20px;
	width: 230px;
	height: 100%;
	background-color: #ffffff;
	float: left;
}


#said-a li a:hover{
	width:  180px;
	border: 1px solid #8593A9;
	background-color: #9EB7DD;
}

#said-a ul{ 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

#said-a li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
}

#said-a li a{
	display: block; 
	border: 1px solid #9F99A3;
	background-color: #EEEEEE;
	padding: 13px 10px;
	text-decoration: none;
	color: #333;
	width: 180px; 
	height: 20px;
	margin: 2px 0px;
	text-align: left;
	font-size: 14px;
}

#said-a li a:hover{
	border: 1px solid #8593A9;
	background-color: #9EB7DD;
}





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

           サイドメニュー(右側）

=================================== */
#said-b {
	margin: 20px 0 0 0;
	width: 730px;
	height: 100%;
	background-color: #ffffff;
	float: right;
}


#said-in1 {
	margin: 0 auto;
	width: 730px;
	height: 100%;
	background-color: #ffffff;
}

#said-in2 {
	margin: 0 auto;
	width: 730px;
	height: 100%;
	background-color: #ffffff;
}

#said-in2 a:link {
	text-decoration:underline;
	color:#20375d;
}

#said-in2 a:visited {
	text-decoration:none;
	color:#20375d;
}

#said-in2 a:active {
	text-decoration:none;
	color:#20375d;
}

#said-in2 a:hover {
	text-decoration:none;
	color:#e45826;
}


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

              ほっとページ

=================================== */
#hot_top1 {
	margin: 0 auto;
	width: 100%;
	height: 265px;
	background-color: #06071F;
	clear: left;
}

#hot_top2 {
	margin: 0 auto;
	width:   980px;
	height:  265px;
}


.hot_bnr {
	margin: 0 auto;
	padding: 10px 0 0 10px;
	width: 970px;
	height: 20px;
	text-align: left;
}


#hot_page {
	margin: 0 auto;
	padding: 80px 0 0 50px;
	width: 745px;
	height: 500px;
	background:url(../hot/img/link.png);
	background-repeat: no-repeat;
	text-align: left;
}



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

              IE6

=================================== */
.ie6 {
	margin: 0 auto;
	height:  24px;
	clear: both;
}




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

              air

=================================== */
#air {
	margin: 0 auto;
	width:  980px;
	height: 30px;
	clear: both;
	background-color: #ffffff;
}





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

              footer

=================================== */
#footer_in1 a:link {
	text-decoration:none;
	color:#20375d;
}

#footer_in1 a:visited {
	text-decoration:none;
	color:#20375d;
}

#footer_in1 a:active {
	text-decoration:none;
	color:#20375d;
}

#footer_in1 a:hover {
	text-decoration:none;
	color:#e45826;
}


#footer1 {
	margin: 0 auto;
	width:  100%;
	height: 35px;
	clear: both;
	background-color: #D5BEA9;
}

#footer_in1 {
	margin: 0 auto;
	padding-top: 10px;
	width:   980px;
	height:   25px;
	text-align: left;
	color: #20375D;
	font-size: 11px;
}

#footer2 {
	margin: 0 auto;
	width:  100%;
	height:  90px;
	background-color: #20375D;
}

#footer_in2 {
	margin: 0 auto;
	width:   980px;
	height:   90px;
}


#foot-a {
	padding-top: 10px;
	width:  200px;
	height:  80px;
	float: left;
}


#foot-b {
	padding-top: 15px;
	width: 540px;
	height: 90px;
	float: left;
	color: #ffffff;
	text-align: left;
}


#foot-c {
	padding-top: 15px;
	width:  240px;
	height: 60px;
	float: left;
}


clear right{
	clear: left;
}