@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 */

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

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

/* ◇ 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 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; 
}



/* =================================
   ■ 下層共通等
================================== */
/* --------------------------------
   □ 見出し h1
-------------------------------- */
.pageInformation h1.accent{
	min-height:88px;
	color:#fff;
	background:#33add6 url(../images/common/h1-background.gif) 0 100% repeat-x;
}

	.pageInformation h1.accent span{
		display:block;
		width:980px;
		margin:0 auto 0 auto;
		padding-top: 30px;
		padding-bottom: 25px;
		font-size: 147%;
		text-align:left;
		font-weight:100;
	}
	
	.pageInformation p.numberring{
		width:980px;
		margin:0 auto 0 auto;
		position:relative;
	}
	
	.pageInformation p.numberring a{
		position:absolute;
		top:-63px;
		right:0;
	}
	
	
	
	.pageInformation p.mainstation{
		width:980px;
		margin:0 auto 0 auto;
		position:relative;
	}
	
	.pageInformation p.mainstation a{
		position:absolute;
		top:-63px;
		right: 134px;
	}
	
	

/* --------------------------------
   □ 見出し h2
-------------------------------- */
.contents h2.textTitle{
	margin-bottom:30px;
	padding:13px 8px;
	background:#0099cc;
	color:#fff;
}

.contents h2.textTitle span{
	display:inline-block;
	padding:7px 0 7px 8px;
	border-left:3px solid #ccebf5;
}

.contents h2.textTitle.compact span{
	padding:2px 0 2px 8px;
}


/* --------------------------------
   □ パンくずナビ
-------------------------------- */
ol#breadcrumbs {
	width:980px;
	margin:0 auto;
	padding:10px 0;
	text-align:left;
	background:#fff;
}
ol#breadcrumbs li {
	vertical-align  : middle;
	display	: inline;
	background:#fff;
}

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

ol#breadcrumbs li a:hover{
	color:#666;
}

/* --------------------------------
   □ リンクボタン　listmenuStyle
-------------------------------- */

div.primaryContents ul.listmenuStyle li,
div.primaryContents p.listmenuStyle,
div.contents ul.listmenuStyle li,
div.contents p.listmenuStyle{
	position:relative;
	height:60px;
	margin:0;
}

div.primaryContents ul.listmenuStyle li a,
div.primaryContents p.listmenuStyle a,
div.contents ul.listmenuStyle li a,
div.contents p.listmenuStyle a{
	display: block;
	height:60px;
	
	vertical-align: middle;
	color:#333;
	background:url(../images/common/icon/arrow/blue.png) 95% 50% no-repeat;
}

div.primaryContents ul.listmenuStyle li a span,
div.primaryContents p.listmenuStyle a span,
div.contents ul.listmenuStyle li a span,
div.contents p.listmenuStyle a span{
	display: table-cell;
	vertical-align: middle;
	height:60px;
	padding-left:55px;
	
	background:10px 50% no-repeat;
}

div.primaryContents ul.listmenuStyle li a:hover,
div.primaryContents p.listmenuStyle a:hover,
div.contents ul.listmenuStyle li a:hover,
div.contents p.listmenuStyle a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#33add6;
	background-image:url(../images/common/icon/arrow/white.png);
}

	/* 電話 */
	div.contents p.listmenuStyle.tel a span{
		padding-left:65px;
		background-image:url(../images/top/btn/tel.png);
	}


/* --------------------------------
   □ リンク
-------------------------------- */
div.contents a.blank{
	padding-right:20px;
	background:url(../images/common/icon/blank.gif) 100% 0 no-repeat;
}
div.contents a.pdf{
	padding-right:20px;
	background:url(../images/common/icon/pdf.png) 100% 0 no-repeat;
}

/* --------------------------------
   □ selectbox
-------------------------------- */


/*--------------------------------------------------*/
/*FORM SELECT*/
/*--------------------------------------------------*/
.easy-select-box{
  font-size:92.31%;
  display:inline-block;
  position:relative;
}
/*IE7 hack*/
*:first-child+html .easy-select-box{
  *display: inline;
  *zoom: 1;
}
.easy-select-box a:link, .easy-select-box a:visited,
.easy-select-box a:hover, .easy-select-box a:active{
  color:#333;
  text-decoration:none;
}
.easy-select-box-disp{
  height:32px;
  padding-left:5px;
  padding-right:23px;
  background:#fafafa url(../img/select_arw.gif) right center no-repeat;
  border:1px solid #ddd;
  line-height:32px;
  display:block;
}
.easy-select-box ul{
  width:99.55%;
  margin:0 !important;
  padding:0 !important;
  min-height:33px;
  max-height:340px;
  background-color:#fafafa;
  border-bottom:1px solid #eee;
  border-left:1px solid #ddd;
  overflow-x:hidden;
  overflow-y:scroll;
  position:absolute;
  top:100%;
  left:0;
  display:none;
}
.easy-select-box ul li{
  margin:0 !important;
  padding:0 !important;
  border-bottom:1px solid #eee;
  text-align:left !important;
}
.easy-select-box ul li a{
  padding:3px 23px 3px 5px;
  text-align:left !important;
  display:block;
}
.easy-select-box ul li a:link, .easy-select-box ul li :visited{}
.easy-select-box ul li a:hover, .easy-select-box ul li :active{background-color:#ddd;}