// armonicos.css
// Armonicos Co., Ltd.
// 2006/09/05  kamiya awano
// 2010/12/10 sakai編集

/* ----------------------------------------------------------------------
メインフレームの見出し各項目リンク
---------------------------------------------------------------------- */
a.titlemenu:link {
		color: #003366;
		font-size: 14px;
		text-decoration: none
}

a.titlemenu:visited {
		color: #003366;
		font-size: 14px;
		text-decoration: none
}

a.titlemenu:hover {
		color: #003366;
		font-size: 14px;
		text-decoration: none
}

.titlemenu {
		color: #003366;
		font-size: 14px;
		text-decoration: none
}



/* ----------------------------------------------------------------------
サブメニュー（コンテンツ左端　階層1つ下）
---------------------------------------------------------------------- */
a.menu05:link {
		color: black;
		font-size: 13px;
		text-indent: 10px;
		text-decoration: none
}

a.menu05:visited {
		color: black;
		font-size: 13px;
		text-indent: 10px;
		text-decoration: none
}

a.menu05:hover {
		color: black;
		font-size: 13px;
		text-indent: 10px;
		text-decoration: none;
		background : url(img/menu/mouseover02.gif) no-repeat left center;
		background-color: #eeeeee;
		height: 22px
}

.menu05 {
		color: black;
		font-size: 13px;
		text-indent: 10px;
		background : url(img/menu/mouseout02.gif) no-repeat left center;
		background-color: #fafafa;
		text-decoration: none;
		display:block;
		height: 22px;
		width: 150px;
		clip:  rect(   )
}


/* ----------------------------------------------------------------------
サブメニュー（コンテンツ左端）
---------------------------------------------------------------------- */
a.menu04:link {
		color: black;
		font-size: 13px;
		text-indent: 10px;
		text-decoration: none

}

a.menu04:visited {
		color: black;
		font-size: 13px;
		text-indent: 10px;
		text-decoration: none
}

a.menu04:hover {
		color: black;
		font-size: 13px;
		text-decoration: none;
		background : url(img/menu/mouseover01.gif) no-repeat left center;
		background-color: #eeeeee;
		height: 22px;
		text-indent: 10px
}

.menu04 {
		color: black;
		font-size: 13px;
		background-color: #fafafa;
		text-indent: 10px;
		text-decoration: none;
		display:block;
		height: 22px;
		width: 150px;
		clip:  rect(   )
}


/* ----------------------------------------------------------------------
main menu ( corporate menu 02 - popup : 3rd menu ソリューション事例）
---------------------------------------------------------------------- */
a.menu03:link {
		color: black;
		font-size: 12px;
		text-indent: 15px;
		text-decoration: none
}

a.menu03:visited {
		color: black;
		font-size: 12px;
		text-indent: 15px;
		text-decoration: none
}

a.menu03:hover {
		color: black;
		font-size: 12px;
		text-indent: 15px;
		background : url(img/menu/mouseover02.gif) no-repeat left center;
		background-color: #ffffff;
		height: 22px;
		text-decoration: none
}

.menu03 {
		color: black;
		font-size: 12px;
		text-indent: 15px;
		display:block;
		background : url(img/menu/mouseout02.gif) no-repeat left center;
		background-color: #f5f5f5;
		text-decoration: none;
		height: 22px;
		width: 120px;
		clip:  rect(   );
		filter: Alpha(Opacity=80, FinishOpacity=80, Style=0)
}


/* ----------------------------------------------------------------------
main menu ( corporate menu 02 - popup )
---------------------------------------------------------------------- */
a.menu02:link {
		color: black;
		font-size: 12px;
		text-indent: 10px;
		text-decoration: none;
		width: 120px;
		height: 22px
}

a.menu02:visited {
		color: black;
		font-size: 12px;
		text-indent: 10px;
		text-decoration: none;
		width: 120px;
		height: 22px
}

a.menu02:hover {
		color: black;
		font-size: 12px;
		text-indent: 10px;
		text-decoration: none;
		background : url(img/menu/mouseover01.gif) no-repeat left center;
		background-color: white;
		width: 120px;
		height: 22px

}

.menu02 {
		color: black;
		font-size: 12px;
		text-decoration: none;
		display:block;
		background : url(img/menu/mouseout01.gif) no-repeat left center;
		background-color: #f3f6f8;
		width: 120px;
		height: 22px;
		text-indent: 10px;
		clip:  rect(   );
		filter: Alpha(Opacity=93, FinishOpacity=93, Style=0)
}


/* ----------------------------------------------------------------------
main menu ( corporate menu 01 )
製品/ソリューション事業/イベント/ニュース/採用情報/企業情報 )
---------------------------------------------------------------------- */
a.menu01:link {
		color: white;
		font-size: 12px;
		text-decoration: none;
		width: 120px;
		height: 22px
}

a.menu01:visited {
		color: white;
		font-size: 12px;
		text-decoration: none
		width: 120px;
		height: 22px;

}

a.menu01:hover {
		color: black;
		font-size: 12px;
		background : url(img/menu/mouseover01.gif) no-repeat left center;
		width: 120px;
		height: 22px;
		background-color: #f0f0f0
}

.menu01 {
		color: white;
		font-size: 12px;
		display:block;
		background : url(img/menu/memu01.gif) repeat-x;
		text-decoration: none;
		width: 120px;
		height: 22px;
		vertival-align: bottom;
		line-height: 22px;
		clip:  rect(   );
		filter: Alpha(Opacity=95, FinishOpacity=95, Style=0)-moz-opacity:0.9
}


/* ----------------------------------------------------------------------
リンク（色はまだ適当）
---------------------------------------------------------------------- */
a.linkstyle:link {  
		color: mediumblue; 
		text-decoration: none
}

a.linkstyle:visited {
		color: mediumblue;
		text-decoration: none
}


a.linkstyle:hover {
		color: mediumblue;
		text-decoration: underline
}

a.linkstyle:active {
		color: mediumblue;
		text-decoration: none
}


.linkstyle {
		color: mediumblue;
		text-decoration: none
}


/* ----------------------------------------------------------------------
見出し（色はまだ適当）
---------------------------------------------------------------------- */

h1 {
	font-size: 15px; 
	font-weight: bold; 
	border-color: #D00202; 
	padding-left: 10px; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 4px; 
	color: #D00202
}

h2 {  
	font-size: 13px; 
	font-weight: bold; 
	text-decoration: none; 
	text-indent: 15px;
	background : url(img/h2.gif) no-repeat left center;
	background-color: #f0f0f0;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #cccccc
}

.sub {   
    padding-left: 1em;   
 　 font-size: 12px; 
    color: #000000;   
}  




/* ----------------------------------------------------------------------
テーブル
---------------------------------------------------------------------- */

table {  
	font-size: 13px; 
	line-height: 21px
}


div.div_armo {
  margin: 1em 0;
  width: 570px;
  padding-bottom: 1px;
  overflow: hidden; /* clear float */
}

div.div_armo h3 {
  margin: 0 0 1em;
  border-bottom: solid 1px #999999;
  padding: 0.2em 15px;
  background: url(img/bg-header_grey.jpg) no-repeat top;
  color: #003366;
  font-size: 14px; 
}
div.div_armo p {
  margin: 0.5em 15px 0.5em 30px;
}

div.div_armo img.figure {
  float: right; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
  margin: 0 20px 1em 20px;
}















/* ----------------------------------------------------------------------
footer
フッター
---------------------------------------------------------------------- */
a.footer:link {
		color: #dddddd;
		font-size: 10px;
		text-decoration: none
}

a.footer:visited {
		color: #dddddd;
		font-size: 10px;
		text-decoration: none
}

a.footer:hover {
		color: #dddddd;
		font-size: 10px;
		text-decoration: none
}

.footer {
		color: #dddddd;
		font-size: 12px;
		text-decoration: none;
}

/* ----------------------------------------------------------------------
詳細設定
文字の太さ、囲い線等
---------------------------------------------------------------------- */
strong {  font-style: normal; font-weight: normal; text-decoration: none}
.solid {  border: 1px #999999 dotted; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px}
blockquote {  line-height: 15px; clip:    rect(   ); margin-top: 2px; margin-bottom: 10px; margin-left: 25px; margin-right: 0px}