@charset "utf-8";
/* CSS Document */

/***********************************************************/
/*　全ページに読み込ませるCSS  */
/***********************************************************/
/*　社内メモ  */
/*　制作：大坪  */

/*******************************************/
/*レイアウトのスタイル（共通）*/
/*******************************************/
*{
	margin:0;
	padding:0;	
}

html{
    overflow-y: scroll;

}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
/*ol, ul{
    list-style:none;
}*/
ol{
	list-style-position:outside;
	margin-left:1.5em;
}
fieldset, img{
     border:0;
}
a{ text-decoration: none; outline:none;}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, th, var{
    font-style: normal; 
    font-weight: normal;
}

body {
	font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#333;
	font-size:14px;
	line-height	: 1.5em;
	background:url(../img/tmpl/bg_body.jpg) repeat left top ;

}


p 	{ margin: 0 0 0.8em; line-height: 1.5em;}

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

/*----------------------------------------------------
　　　リンクのスタイル（共通）
-----------------------------------------------------*/
a:link {color: #000; text-decoration:underline;}
a:visited {color: #000; text-decoration:underline;}
a:hover {color: #666;text-decoration:none;}
/*----------------------------------------------------
		クラス
-----------------------------------------------------*/

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.v_top{vertical-align:top;}
.f_r{float:right!important;}
.f_l{float:left!important;}
.clear{ clear:both;}
.mg-0{ margin:0!important;}
.mg-t5{ margin-top:5px!important;}
.mg-t10{ margin-top:10px!important;}
.mg-t20{ margin-top:20px!important;}
.mg-t30{ margin-top:30px!important;}
.mg-r2{ margin-right:2px!important;}
.mg-r10{ margin-right:10px!important;}
.mg-r15{ margin-right:15px!important;}
.mg-r20{ margin-right:20px!important;}
.mg-r160{ margin-right:160px!important;}
.mg-r200{ margin-right:200px!important;}
.mgr-0{margin-right:0px!important;}
.mg-l10{ margin-left:10px!important;}
.mg-l15{ margin-left:15px!important;}
.mg-l20{ margin-left:20px!important;}
.mg-b0{ margin-bottom:0px!important;}
.mg-b5{ margin-bottom:5px!important;}
.mg-b10{ margin-bottom:10px!important;}
.mg-b15{ margin-bottom:15px!important;}
.mg-b20{ margin-bottom:20px!important;}
.mg-b30{ margin-bottom:30px!important;}
.mg-b35{ margin-bottom:35px!important;}
.mg-b40{ margin-bottom:40px!important;}
.mg-b50{ margin-bottom:50px!important;}
.mg-b65{ margin-bottom:65px!important;}
.pd-t5{ padding-top:5px!important;}
.pd-t15{ padding-top:15px!important;}
.pd-t20{ padding-top:20px!important;}
.pd-t30{ padding-top:30px!important;}
.pd-b5{padding-bottom:5px!important;}
.pd-b15{padding-bottom:15px!important;}
.pd-b20{padding-bottom:20px!important;}
.pd-l20{padding-left:20px!important;}
.pd-r200{padding-right:200px!important;}
.pd-r160{padding-right:160px!important;}
.bold{font-weight:bold;}

.fs_110{ font-size:110%;}
.fs_90{ font-size:90%;}
.fs_80{ font-size:80%;}

.txtint{
	overflow:hidden;
	text-indent:100%;
	white-space: nowrap;
}

.disnon{
	display:none;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}





/*自動アイコン表示*/
.ico_pdf{
	background:url(../img/tmpl/icon_pdf.gif) no-repeat right center;
	padding-right:20px;
}
.ico_doc{
	background:url(../img/tmpl/icon_doc.gif) no-repeat right center;
	padding-right:20px;
}
.ico_xls{
	background:url(../img/tmpl/icon_xls.gif) no-repeat right center;
	padding-right:20px;
}
.ico_win{
	background:url(../img/tmpl/icon_window.png) no-repeat right center;
	padding-right:20px;
}
.ico_dl{
	background:url(../img/tmpl/icon_dl.png) no-repeat right center;
	padding-right:25px;
}





/*----------------------------------------------------
		画像の透過ロールオーバー
-----------------------------------------------------*/
.roll_o:hover {
	opacity:0.85;
	filter:alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	zoom:1;
}




/***********************************************************/
/*基本*/
/***********************************************************/

#wrapper,#wrapper_inner{
	min-width:980px;
	width:100%;
	background:url(../img/tmpl/bg_wrapper.png) left top repeat-x;


}

#wrapper_inner{
	background:url(../img/tmpl/bg_wrapper_inner.png) center top repeat-y;

}



#content_wrapper{
	width:980px;
	margin:0 auto;
	padding-bottom:55px;
	min-width:980px;
	overflow:hidden;
}


/*見出し h2*/
.h2_wrap{
	background:url(../img/tmpl/mark_h2.jpg) left top no-repeat;
	padding:10px 0 0 70px;
	margin:0 0 25px 0;
}
.h2_wrap h2{
	font-family:"ヒラギノ明朝 ProN W6","Hiragino Mincho ProN","游明朝","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",  serif;
	/*font-size:26px;*/
	font-size:190%;
	line-height:1.2em;
	border-bottom:double #DBCBA9;
	min-height:32px;
	padding:0 0 5px 6px;
}

/*見出し h3*/
.h3_wrap{
	clear:both;
	border:1px solid #D7C190;
	background:url(../img/tmpl/bg_h3_wrap.jpg) left bottom repeat-x;
	padding-bottom:3px;
	margin:1.5em 0 1.3em;
}
.h3_wrap h3{
	background:url(../img/tmpl/bg_h3.jpg) right top repeat-y;
	font-size:115%;
	color:#8b1e3f;
	font-weight:bold;
	padding:6px 8px;
}

/*見出し h4*/
h4{
	clear:both;
	background:url(../img/tmpl/mark_h4.gif) 2px 0.2em no-repeat;
	margin-bottom:10px;
	font-size:110%;
	font-weight:bold;
	padding-left:22px;
	margin:1.2em 0 0.35em;
	}
	
/*見出し h5*/
h5{
	clear:both;
	font-weight:bold;
	color:#8b1e3f;
	margin:1em 0 0.35em;
}

	







/***********************************************************/
/*ヘッダー*/
/***********************************************************/
#header{
	width:980px;
	margin:0 auto;
	position:relative;
	height:134px;
	}
#header h1{
	width:492px;
	height:91px;
	position:absolute;	
	left:38px;
	top:31px;
}
#header h1 a{
	width:492px;
	height:91px;
	display:block;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
	background:url(../img/tmpl/h1_logo.png) left top no-repeat;

}
.btn_acc{
	width:92px;
	height:25px;
	position:absolute;
	right:42px;
	top:38px;
	margin:0;
}
.header_text{
	width:348px;
	height:32px;
	position:absolute;
	right:38px;
	top:72px;
	margin:0;
	
}

#chara{
	position:absolute;
	list-style:none;
	right:146px;
	top:38px;
}
#chara li{
	float:left;
	height:26px;
	background:url(../img/tmpl/chara.jpg) left top no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
#chara .small {
	background-position: 0px 0px;
	width: 30px;
}
#chara .middle {
	background-position:  -30px 0px;
	width: 27px;
}
#chara .large {
	background-position:  -57px 0px;
	width: 30px;
}
#chara .small.current {
	background-position: 0px -26px;

}
#chara .middle.current {
	background-position:  -30px -26px;

}
#chara .large.current {
	background-position:  -57px -26px;

}

/*グローバルナビゲーション*/

#g_navi{
	width:935px;
	height:39px;
	background:url(../img/tmpl/bg_navi.jpg) left top no-repeat;
	margin:0 auto;
	padding:0 0 0 45px;
}

#g_navi li{
	float:left;
	list-style: none;
}
#g_navi li a {
	background:url(../img/tmpl/g_navi.png) left top no-repeat;
	text-decoration: none;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	height:39px;
	outline: none; 
}

  #g_navi .menu_0>a {
	  background-position: -45px 0px;
	  width: 122px;
  }
  #g_navi .menu_1>a {
	  background-position:  -167px 0px;
	  width: 154px;
  }
  #g_navi .menu_2>a {
	  background-position:  -321px 0px;
	  width: 153px;
  }
  #g_navi .menu_3>a {
	  background-position:  -474px 0px;
	  width: 154px;
  }
  #g_navi .menu_4>a {
	  background-position:  -628px 0px;
	  width: 154px;
  }
  #g_navi .menu_5>a {
	  background-position:  -782px 0px;
	  width: 155px;
  }
  
  #g_navi .menu_0>a:hover, #g_navi .menu_0>a.current { background-position:  -45px -39px; }
  #g_navi .menu_1>a:hover, #g_navi .menu_1>a.current { background-position:  -167px -39px; }
  #g_navi .menu_2>a:hover, #g_navi .menu_2>a.current { background-position:  -321px -39px; }
  #g_navi .menu_3>a:hover, #g_navi .menu_3>a.current { background-position:  -474px -39px; }
  #g_navi .menu_4>a:hover, #g_navi .menu_4>a.current { background-position:  -628px -39px; }
  #g_navi .menu_5>a:hover, #g_navi .menu_5>a.current { background-position:  -782px -39px; }
  
  
  



/*ローカルナビゲーション*/
  
#l_navi{
	width:210px;
	float:left;
	margin:0 0 0 35px;
	list-style:none;
	font-size:14px;
	line-height:21px;
}

#l_navi li{
}
#l_navi li a{
	display:block;
	text-decoration:none;
	border-bottom:3px solid #8b1e3f;
	padding:10px 0 4px 30px;
	color:#000;
	font-weight:bold;
	background:url(../img/tmpl/l_navi_of.gif) 2px 10px no-repeat;
	outline: none; 
}
#l_navi li a:hover,#l_navi li a.current{
	background:url(../img/tmpl/l_navi_on.gif) 2px 10px no-repeat;
	border-bottom:3px solid #AC3C60;
	color:#8b1e3f;
	
}

#l_navi .cat_title{
	padding:10px 16px;
	background:#8b1e3f;
	color:#FFF;
	font-weight:bold;

}



/***********************************************************/
/*フッター*/
/***********************************************************/

#footer{
	background:url(../img/tmpl/bg_footer.png) left bottom repeat-x;
	height:90px;

	width:100%;
	min-width:100%;

}
#footer_inner{
	width:890px;
	padding:23px 0;
	margin:0 auto;
	position:relative;
	font-size:12px;
}
#back_to_top{
	width:122px;
	height:26px;
	position:absolute;
	right:0;
	top:-23px;
}



/***********************************************************/
/*その他*/
/***********************************************************/

.back_to_top{
	text-align:right;
	margin-bottom:2em;
}
