@charset "utf-8";

/* ==================================================================
	■コンポーネント一覧
	　サイトによって使わない指定が多いので随時削除・変更すること。
=================================================================== */

/* --------------------------------
   □ clearfix
-------------------------------- */

section:after,
.site:after,
.contents:after,
.main:after,
.sub:after,
.clearfix:after,
.part:after,
.chapter:after,
.section:after,
.subsection:after,
.division:after,
.article:after,
.explain:after,
ul.navigation:after,
ul.items li:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	line-height:0;
	font-size:0;
}

/* WIN用IE \*/
section,
.site,
.contents,
.main,
.sub,
.clearfix,
.chapter,
.section,
.subsection,
.divisio,
.article,
.explain,
ul.navigation,
ul.items li { 
	zoom:1;
}
/* end */

/* --------------------------------
   □ パンくずナビ
-------------------------------- */

ol#breadcrumbs { }
ol#breadcrumbs li {
	vertical-align  : middle;
	display	: inline;
}

ol#breadcrumbs li a{  
	padding-right	: 8px;
	margin-right:0px;
	background:url(../images/common/icon/arrow/breadcrumbs.gif) 100% 50% no-repeat;
}

/* --------------------------------
   □ メニュー
   
   メニューの原型
-------------------------------- */

ul.navigationInterface{

}

ul.navigationInterface li{
	float:left;
	display:inline;
}
	
ul.navigationInterface li a{
	display:block;

	text-indent: -1000em;
	text-decoration:none;
	font-size:1px;
	overflow: hidden;
}	
/* MAC用IE only \*//*/
ul.navigationInterface li a  {overflow: inherit;}
/* end */

	/* --------------------------------
	   □ トップメニュー
	   	
		個別に指定
	-------------------------------- */
	
	.site ul.navigation{
	}
	
	.site ul.navigation li{
		width:128px;	
		height:67px;
		margin-right:2px;
		background:0 0 no-repeat;
	}
	
	.site ul.navigation li a{
		width:100%;
		height:100%;
		background:0 0 no-repeat;
	}
		
	/* ロールオーバー */
	html .site ul.navigation li a:hover{ visibility:inherit;}
	html .site ul.navigation li a:hover img{ visibility:hidden; display:inline-block;}
	html:not(:target) .site ul.navigation li a:hover img{ display:block;}

	/* 個別指定 */
	.site ul.navigation li.company {	background-image:url(../images/navigation/company-over.gif)}
	
	.site ul.navigation li.company a{	background-image:url(../images/navigation/company.gif)}
	
	/* オン */
	.company .site ul.navigation li.company img{ visibility:hidden;}

/* --------------------------------
   □ メニュー別ver
-------------------------------- */

/*
#top-box ul.menu {
	background: url(../images/menu/menu.gif) no-repeat;
	width: 700px;
	height: 20px;
	
	list-style-type : none; 
	position: relative;
	left: 0px;	
}

#top-box ul.menu li{
	position: absolute;
	top: 0px;
	width: 171px;	
}

#top-box ul.menu li,
ul.menu li a{
	height: 20px;
	display: block;
}

#top-box ul.menu .menu1 {left: 0px; width: 170px;}
#top-box ul.menu .menu2 {left: 171px;}
#top-box ul.menu .menu3 {left: 342px;}

#plate #topmenu ul.menu .menu1 a:hover, #plate #topmenu ul.menu .menu1 a.selected { 
	background: transparent url(../images/menu/menu-over.gif) 0px -20px no-repeat;}
*/


/* --------------------------------
   □ newsInformation
-------------------------------- */

#newsInformation dl{
	line-height:1.3;
	width:100%;
}

	#newsInformation dt,
	#newsInformation dd{
		margin-bottom:5px;
	}

	#newsInformation dt{
	    width:6em;
		float:left;
		font-weight:700;
		clear:both;
	}

	#newsInformation dd{
	    padding-left:6em;	
	}
	
	*:first-child+html #newsInformation dd{
	    padding-left:0px;		
	}


/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ 共通クラス
-------------------------------- */

/* フォントの指定 */
.dinB{
	font-family:"DIN Alternate Bold" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M" , "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.dinR{
	font-family:"DIN Alternate Regular" , "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M" , "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

/* ◇ text
-------------------------------- */
/* margin0 */
p.none{ margin-bottom:0;}
/* 段落 */
p.indent{ text-indent:1em;}
/* 備考 */
p.remarks{ text-indent:-1em; padding-left:1em;}

/* 右寄せ */
.right{float:right;}
/* 左寄せ */
.left{float:left;}

/* text中央寄せ */
.text-center,
.text-center p{ text-align:center;}
.text-center img{ margin: 0 auto;}

/* text右寄せ */
.text-right,
.text-right p{ text-align:right;}
/* text左寄せ */
.text-left,
.text-left p{ text-align:left;}

/* clear */
.clear{
	clear:both;
}

/* 変換
-------------------------------- */
.ime-disabled{
	ime-mode:disabled;
}
.ime-active{
	ime-mode:active;
}

/* 文字隠
-------------------------------- */
.texthidden{
	text-indent: -1000em;
	text-decoration:none;
	font-size:1px;
	overflow: hidden;
}

/* MAC用IE only \*//*/
.texthidden  {overflow: inherit;}
/* end */

/* TOPへ戻る
-------------------------------- */

p.pagetop{
	text-align:right;
	margin:0 10px;
}

/*
p.pagetop a{
	padding-left:11px;
	background:url(../images/common/icon/pagetop.gif) 0 50% no-repeat;
}
*/


/* ◇ disc
-------------------------------- */

ul.disc li{
	list-style-type:disc;
	margin-left:2em;
}

*:first-child + html ul.disc li{
	display:list-item;
	vertical-align:top;
	position:relative;
	top:-0.3em;
	margin-top:0.3em;
}


/* ◇ 番号付きリスト
-------------------------------- */

ol.decimal li{
	list-style-type:decimal;
	margin-left:2em;
}

*:first-child + html ol.decimal li{
	display:list-item;
	vertical-align:top;
	position:relative;
	top:-0.3em;
	margin-top:0.3em;
}

/* 送信フォーム
-------------------------------- */
.submitArea{
	margin:15px 0;
	text-align:center;
}

.submitArea img,
.submitArea input{
	vertical-align:baseline;
}

/* エラー ----------------------- */
.warning{
	color:#FF0000;
	font-size:92%;
	display:none;
}

/* バナー一覧
-------------------------------- */
.publicity ul li{
	margin-bottom:5px;
}

/* 広告バナー
-------------------------------- */
.abs{
	margin:0;
}

/* ◇ 簡易マウスオーバー
-------------------------------- */
.mouse-over a:hover img,
.mouse-over:hover img{
	filter:alpha(opacity=90);  
    -ms-filter: "alpha(opacity=90)";
	-moz-opacity:0.9; 
	-khtml-opacity: 0.9;
    opacity: 0.9; 
}