/* 2014.02-04 2014デザインウェブサイト向けに大幅改装*/
/* 2012.04 2012デザインウェブサイト向けに新規作成*/



/* ====== ウェブサイトデザイン(各タグ)基本設定 ===== */
html {
	overflow-y:scroll;
}

body { 
	margin:0; 
	padding:0; 
	text-align:center;
	line-height:1.6;
	letter-spacing:1px;
	font-size:13px;
	color:#333;
	background:#fff url("image/bg.gif") 0 520px repeat-x;
	border-top:5px solid #28357F;
}

br {
	letter-spacing:normal;
}

a {
	color:#134D99;
	text-decoration:none;
}

/* マウスカーソルが乗った場合 */
a:hover {
	color:#134D99;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
}

p {
	margin:10px;
}

img {
	border:0;
	vertical-align:bottom;
}


/* ====== 各DIV項目の基本設定 ===== */
/* ====== bxSliderサムネイルの画像透明度設定 ====== */
.bx-pager a img {  
	opacity: 0.5;  
	filter: alpha(opacity=50);  
}  
.bx-pager a.active img {  
	opacity: 1;  
	filter: alpha(opacity=100);  
}  


/* ====== トップメニューの設定 ====== */
#menu {
	width:100%;
	float:left;
	border-bottom:5px solid #28357F;
	background:url("image/bg_menu.gif") 0 0 repeat-x;
}

/* ====== スライドショー部の横サイズ指定 ====== */
#pagewidth_slide{ 
	width:1024px;
	margin:0 auto;
}

/* ====== main部の横サイズ指定　〜旧(2011ウェブサイト)デザインの残骸 ====== */
#pagewidth{ 
	width:900px;
	margin:0 auto;
}


/* ====== トップ部(ヘッダ部)の高さと背景指定 ====== */
#frontheader{
	position:relative;
	height:60px;
	background-color:#FFFFFF;
	background-image : url(image/bghead2a.png);
	background-repeat : repeat-x;
	background-position: center;
	width:100%;
}


/* ====== トップ部(header2)の幅(900px)と背景指定、アスカロゴ配置もココ ====== */
#frontheader2{
	position:relative;
	height:60px;
	background-color:#FFFFFF;
	background-repeat : repeat-x;
	background-image : url(image/bghead2.png);
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;   
}

/* ヘッダ情報の黒(タイトル部) 詳細設定*/

#frontheader2 h1 {
   margin:0;
   padding-top:7px;
   /*padding:7px 0 0 -2px;*/
   font-size:32px;
   line-height:1.0;
}

/* ====== トップ部(header_right)の幅(450px)と背景指定、右側リンク部 ====== */
#frontheader_right{
	float:right;
	position:absolute;
	top:0;
	right:20px;
	height:60px;
	background-color:#FFFFFF;
	background-repeat : repeat-x;
	background-image : url(image/bghead2.png);
	width:450px;   
}


/* ====== 旧(2011年ウェブサイト)トップメニューの設定 ====== */
#header{
	position:relative; 
	height:30px;
	margin:0 auto;
	background-color:#DFDFDF;
	background-image:url(image/button_bg.png);
	background-repeat:repeat-x;
	background-position: bottom;  
} 


/* ====== ヘッドリンク(english/sitemap/お問い合わせ)の設定 ====== */
#gnavi {
   position:absolute;
   bottom:0;
   right:0;
}


/* ====== トップイメージ(bxSlider)部の設定 ====== */
#main_image{
	position:relative; 
	height:350px; 
	background-color:#666666;
	background-repeat:repeat-x;
	background-position: bottom;  
	margin-top:45px;
} 

/* ====== トップイメージ(bxSlider)のサムネイル部の設定 ====== */
#sub_image{
	position:relative; 
	height:90px; 
	background-color:#FFFFFF;
	background-image : url(image/bg_menu.gif);
	background-repeat:repeat-x;
	background-position: top;
	border-left:2px solid #FF6347;
	border-right:2px solid #FF6347;
	/*border-left:4px solid #FF6347;*/
	/*border-right:4px solid #FF6347;*/
	/*border-bottom:1px solid #DDDDDD;*/
	width:900px;
	/*border:1px solid #666666;*/
	margin-top:10px;
	padding-top:5px;
} 

/* ====== 右カラム(Topicsアイコン設置)部の設定 ====== */
#rightcol{
	width:240px;
	float:right;
	position:relative; 
	background: url("image/bghead2.png") repeat-x;
	/* background-repeat:repeat-y; */
	margin-top:60px;
	margin-right:5px;
	padding:0px 0px 0px 0px;
 }


/* ====== メインカラム(本文記載部分)の基本設定 ====== */
#maincol{
	text-align:left;
	float: left; 
	display:inline; 
	position: relative; 
	width:600px;
	padding:60px 20px 20px 20px;
	line-height: 1.4;
 }


/* ====== メインカラム(本文記載部分)の基本設定2 (旧ウェブサイトの残骸) ====== */
#wrapper{
	margin:0 auto;
	overflow:hidden;
}


/* ====== フッター部の基本設定 ====== */
#footer {
	clear:both;
	background:#ddd;
}

/* ====== フッター部 その2 ====== */
#footMenu {
	text-align:left;
	clear:both;
	overflow:hidden;
	width:900px;
	margin:0 auto;
	padding:30px 10px 20px 40px;
}



/* ====== 各DIV項目の詳細設定 ===== */
/* ====== トップメニューカスタマイズ設定 ====== */
#menu ul {
	overflow:hidden;
	width:850px;
	margin:0 auto;
	padding:0;
	border-right:1px solid #e5e5e5;
}

#menu li {
	float:left;
	color:#333;
	text-align:center;
	list-style-type:none;
}

#menu li a {
	display:block;
	width:140px;
	color:#333;
	line-height:40px;
	text-decoration:none;
	border-left:1px solid #e5e5e5;
}

#menu li a.active {
	color:#fff;
	text-decoration:none;
	background:url("image/bg_menu_on.png") 0 0 repeat-x;
}

#menu li a:hover {
	color:#fff;
	text-decoration:none;
	background:url("image/bg_menu_on.png") 0 0 repeat-x;
}


/* ====== ヘッド部リンクのカスタマイズ ====== */
#gnavi ul {
	list-style:none;

}
#gnavi li {
	float:left;
	margin-left:15px;
	font-size:11px;
}

#gnavi li a {
	display:block;
	padding-left:12px;
	background:url("image/go.gif") 0 50% no-repeat;
}


/* ====== 新着情報のカスタマイズ ====== */
#maincol h2 {
	clear:both;
	margin-bottom:0px;
	padding:1px 10px;
	line-height:2.0;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background:#fff url("image/bg_h2.png") 100% 100% repeat-x;
	border-left:4px solid #FF6347;
}

#maincol dl.information {
	margin:0;
	font-size:13px;
}
#maincol dl.information dt {
	float:left;
	padding-top:5px;
}

#maincol dl.information dd {
	margin:0 0 5px 0;
	padding: 5px 0px 5px 9em;
	background:url("image/bg_dotline.gif") 0 100% repeat-x;
}

#maincol dl.information img {
	vertical-align:middle;
}

#infoend {
	margin:2px 0 0 0;
	padding: 6px 0px 0px 0;
	background:url("image/bg_main_h3.png") 0 100% repeat-x;
}


/* ====== 各ページ紹介項目のカスタマイズ ====== */
.topNavi {
	overflow:hidden;
	position:relative;
	margin-left:-20px;
	margin-top:20px;
	margin-bottom:20px;
}

* html .topNavi {
	height:1em;
	overflow:visible;
}

.topNaviColumn {
	display:inline;
	width:290px;
	float:left;
	margin-left:20px;
	padding:0 0 2em 0;
	background:#eee;
}

.topNaviImg {
	margin:0;
	padding:0;
	background:none;
}

.topNaviDetail {
	position:absolute;
	bottom:0;
	width:270px;
	text-align:right;
}

.topNaviDetail a {
	padding:0 0 0 13px;
	background:url("image/go.gif") no-repeat left 50%;
}


/* ====== 特集リンク項目のカスタマイズ ====== */
#rightcol h2 {
	clear:both;
	margin-bottom:8px;
	padding:1px 10px;
	line-height:2.0;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background:#fff url("image/bg_h3.png") 100% 100% repeat-x;
	border-left:4px solid #FFDAB9;
}


/* ====== フッター部のメニューカスタマイズ設定 ====== */
#footMenu .section {
	float:left;
	width:150px;
	margin-right:30px;
	padding:0;
}

#footMenu h3 {
	font-size:12px;
	border-bottom:1px dotted #999;
}

#footMenu ul {
	margin:0;
	padding:0;
}

#footMenu li {
	margin:0;
	padding:0;
	list-style:none;
}

#footMenu li a {
	padding-left:10px;
	font-size:11px;
	background:url(../images/bg_footmenu.gif) 0 50% no-repeat;
}

.copyright {
	clear:both;
	padding:10px 0;
	font-style:normal;
	font-size:11px;
	text-align:center;
}

.corporateinfo {
	clear:both;
	padding:10px 00px 00px 00px;
	font-style:normal;
	font-size:11px;
	text-align:left;
}


/* ====== タイトルのスタイル情報(現在未使用、旧2011ウェブサイトで使用) ====== */
#TitleStyle{
 border-width:1px 1px 1px 1px;
 Border-style:solid;
 border-color:#CCCCCC;
 background-color: #FFFFFF;
 height:34px;
}

#TitleStyle2{
 margin:1px 1px 1px 1px;
 background-color: #FFFFFF;
 background-image:url(image/link_bg.gif);
 padding:5px 5px 2px 5px;
 height:25px;
 font-size:14px;
}

#TitleStyle3{
 margin:1px 1px 1px 1px;
 border-width:0px 0px 0px 4px;
 Border-style:solid;
 border-color:#7A68EE;
 padding:3px 5px 2px 5px;
 height:16px;
 font-size:14px;
}


/* ====== サブタイトルのスタイル情報(現在未使用、旧2011ウェブサイトで使用) ====== */
#SubTitleStyle{
 border-width:0px 0px 1px 5px;
 border-style:solid;
 border-color:#99CCFF;
 padding:3px 3px 1px 3px;
 font-size:14px;
}


/* ====== HTML全体の初期設定 ====== */
html{
	height:100%;
}



/* ====== リンクの枠を消すためのクラス ====== */
.no_border {
	border-style:none;
}


/* ====== おまじない色々 ====== */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/* ====== 印刷スタイル ====== */ 
 @media print{ 
/*左カラムを非表示*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}