/* -------------- DIPRO site css -------------- */

/* ページ全体設定 */
body { 
	color: #333333 ;
	background-color: #EEEEEE ;
	font-size: 10pt;
	margin: 0;
	padding: 0;
	}

/* <p>タグマージン設定 */
p {
	margin: 15px 0 0 0;
	}
	
/* <strong>タグのフォント設定 */
strong {
	 font-size: 13pt;
	 line-height: 150%;
	 font-weight: bold;
	 color: #666666;
	}

/* リンクの文字色設定 */
A:link {
	color: #0000CC; 
	}
	
/* リンク（オンマウス）の文字色設定 */
A:hover { 
	color: #6699CC;
	}

/* リンク（訪問済み）の文字色設定 */
A:visited { 
	color: #0000CC; 
	}

/* <form>タグのマージン･パディング設定 */
form {
	margin: 0;
	padding: 0;
	}

/* リストの設定 */
ul {
	margin: 10px 0px 10px 0px;
	padding-left: 20px;
	list-style-type: square;
	}

/* 番号付きリストの設定 */
ol {
	margin: 10px 0px 10px 10px;
	padding-left: 20px;
	}

/* リストの設定 (印なし)*/
.ul_00 {
	margin: 0px 0px 0px 0px;
	padding-left: 15px;
	list-style: none; 
	}

/* リストの設定 (■印)*/
.ul_01 {
	margin: 0px 0px 0px 0px;
	padding-left: 15px;
	list-style: square; 
	}

/* リストの設定  (●印)*/
.ul_02 {
	margin: 0px 0px 0px 0px;
	padding-left: 17px;
	list-style: disc; 
	}

/* リストの設定  (番号)*/
.ol_01 {
	margin: 0px 0px 0px 0px;
	padding-left: 30px;
	list-style-type: decimal; 
	}

/* 小さい文字のフォントサイズ設定。主に注釈等に使用 */
.small { 
	font-size: 10px;
	line-height: 160%;
	}

/* 小さい文字のフォントサイズ設定。その２（赤字・改行120%） */
.small_a { 
	font-size: 10px;
	line-height: 120%;
  color: #CC0000;
	}

/* 小さい文字の（オンマウス）の文字色設定。主に注釈等に使用の文字リンク */
a:hover.small{
	color: #6699CC;
	}

/* 「New!」マークに使用 */
.new { 
	font-size: 10px;
	letter-spacing: 3px;
	}

/* フッターエリアの文字に使用 */
.footer { 
	color: #333333;
	font-size: 10px;
	line-height: 180%;
	}

/* リクルートページのフッターエリアの文字に使用 */
.footer-recruit { 
	color: #FFFFFF;
	font-size: 10px;
	line-height: 180%;
	}
	
/* ページ全体の文字に使用 */
.text { 
	font-size: 12px;
	line-height: 160%;
	text-autospace: ideograph-alpha;
	text-autospace: ideograph-numeric;
	text-autospace: ideograph-parenthesis;
	}

/* ページ全体の文字リンク（オンマウス）の文字色設定 */
a:hover.text{
	color: #6699CC;
	}

/* トップページ（index.html）のニュースタイトルに使用 */
.news {
	 font-size: 12px;
	 line-height: 120%; 
	 text-autospace: ideograph-alpha;
	 text-autospace: ideograph-numeric;
	 text-autospace: ideograph-parenthesis;
	}

/* トップページ（index.html）のニュースタイトルの文字リンク（オンマウス）の文字色設定 */
a:hover.news { 
	color: #6699CC;
	}

/* トップページ（index.html）のニュースタイトルの文字リンク（オンマウス）の文字色設定 */
b:hover.news { 
	color: #6699CC;
	}

/* メインエリア左のシャドウ */
.side-left { 
	background-image: url(imgs/bg_left.jpg);
	}

/* メインエリア右のシャドウ */
.side-right {
	background-image: url(imgs/bg_right.jpg);
	}

/* ページ全体のheight指定 */
.100per { 
	height: 100% ;
	}

/* ヘッダー部分に使用している背景画像の指定 */
.header-bg { 
	background-image: url(imgs/header_bg.jpg); 
	}
	
/* ヘッダーのタイトル文字部分に使用している背景画像の指定 */
.title-bg { 
	background-image: url(common/title_bg.jpg); 
	}

/* ヘッダーのロゴ*/	
#logo {
left:10px;
top:9px;
position:relative;
}
	

/* サブタイトルの背景画像に使用 */
.txt-bg { 
	background-image: url(common/txt_bg.jpg); 
	}

/* newsページのイメージ画像の枠線設定 */
.img {
	border: 1px #999999 solid;
	}

/* 文中のアクセント文字 */
.text_a{
	color: #CC0000;
	}
	
.text_b{
	color: #006633;
	}	
	

/* ニュース・製品情報　menu部ボックスの背景色設定（ON） */
.menubgon{
	background-image:url(products/imgs/menu_bg_01.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	}
	
/* ニュース・製品情報　menu部ボックスの背景色設定（OFF） */
.menubg{
	background-image:url(products/imgs/menu_bg_02.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	}

/* ニュース・製品情報　menu部のリンク（オンマウス）の背景色設定 */
a:hover.menu{
	background-color:#FFCC00;
	}

/* DIPROニュース一覧の掲載月の文字 */

.news-month{
	font-size: 12px;
	line-height: 160%; 
	text-autospace: ideograph-alpha;
	text-autospace: ideograph-numeric;
	text-autospace: ideograph-parenthesis;
	}
	
/* DIPROニュースに使用する画像のタイトル文字に使用 */
.text_news_img {
	font-size: 11px;
	line-height: 120%;
}

/* 大きい文字の文字設定。基本的には使用しない。ニュースのサブタイトルに使用 */
.large {
	font-size: 16px;
	line-height: 130%;
}

/* コピーライトフォントサイズ設定 */
.copy { 
	font-size: 10px;
	line-height: 140%;
	letter-spacing:0;
	}
	
/* スクロールバーを常に表示し、スクロールの有無による左右のずれを回避　*/

html  {
	overflow-y:scroll;
	}