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

	(汎用スタイル：大きな物からインラインレベルまで。)

		* last update 2010/02/09
		* modify : nazal;
	
--------------------------------

	index

//------------------------------
	< macroレベル >

	1. hyperText
	2. p
	3. text(インライン系)
	4. form
	5. Img
	6. h Tag
	10. child系
	21.	error系

//------------------------------
	< ウィジェットレベル >

	101. table
	102. section
	103. div
	104. ul
	105. ol
	106. dl

	131. input @type=text
	132. table.formTable

	150. navigation
		
-----------------------------------*/


/* ==========================================================================================================

	 1. hyperText
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	anchor

---------------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: underline;
	color: #b5001f;
}
a:link {
	color: #b5001f;
	text-decoration: underline;
	text-shadow: none;
}
a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #b5001f;
	text-decoration: none;
}
/*  画像ボタンをhover時に透過させる
-----------------------------------*/
a.alpha:hover img{
	opacity: 0.7;
	filter: alpha(opacity=75); /* IE7 */
	-ms-filter: "alpha(opacity=75)"; /* IE8 */
}


/*  ------------------------------------------------------------------

	arrow

---------------------------------------------------------------------*/
/*  linkArrow
-----------------------------------*/
a.linkArrow {
	background: url(../img/frame/parts/linkArrow.png) no-repeat 0% 50%;
	padding-left: 20px;
}
/*  _blankリンク
-----------------------------------*/
a.linkArrow[target="_blank"] {
	background: url(../img/frame/parts/linkArrowTarget.png) no-repeat 0% 50%;
}
/*  pdfリンク
-----------------------------------*/
a.linkArrow[href$="pdf"] {
	background: url(../img/frame/parts/linkArrowPdf.png) no-repeat 0% 50%;
}
/*  xlsリンク
-----------------------------------*/
a.linkArrow[href$="xls"],
a.linkArrow[href$="xlsx"] {
	background: url(../img/frame/parts/linkArrowXls.png) no-repeat 0% 50%;
}
/*  pptリンク
-----------------------------------*/
a.linkArrow[href$="ppt"],
a.linkArrow[href$="pptx"] {
	background: url(../img/frame/parts/linkArrowPpt.png) no-repeat 0% 50%;
}
a.linkArrow:hover {
}

/*  popupリンク
-----------------------------------*/
a.popup {
	background: url(../img/frame/parts/linkArrow01.gif) no-repeat 0% 50%;
	padding-left: 10px;
}


/*  pdf
-----------------------------------*/
/* ==========================================================================================================

	 2. p
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	pageTop

---------------------------------------------------------------------*/
#mainContent .pageTop {
	clear: both;
	text-align: right;
}
/*  （IE）画像ボタンの余白をボックス下に接させ
	厳密にレイアウトする
-----------------------------------*/
#mainContent .pageTop img {
	vertical-align: bottom;
}
/*  ------------------------------------------------------------------

	主に送信ボタン関連

---------------------------------------------------------------------*/
#mainContent .formBtn {
	padding-top: 20px;
	text-align: center;
}
/*  
#mainContent .formBtn input{
	margin-left: 5px;
	font-size: 140%;
}
*/

/* ==========================================================================================================

	 3. txt(インライン系)
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	em

---------------------------------------------------------------------*/
em.type1 {
	color: #b5001f;
	font-style: normal;
}

/*  ------------------------------------------------------------------

	align

---------------------------------------------------------------------*/
.txtCenter {
	text-align : center;
}
.txtRight {
	text-align : right;
}
.txtIndent {
	text-indent : -9999px;
}
/* ==========================================================================================================

	 4. form
 
============================================================================================================*/

/* ==========================================================================================================

	 5. img
 
============================================================================================================*/
img.floatL {
	float : left;
	margin-right : 13px;
	margin-bottom : 5px;
}
img.floatR {
	float : right;
	margin-left : 5px;
	margin-bottom : 5px;
}
/* ==========================================================================================================

	 6. h Tag
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	6-1.	hnImg

---------------------------------------------------------------------*/
.hnImg01 {
	position: relative;
	zoom: 1;
}
.hnImg01 img {
	position: absolute;
	left: -149px;
	top: -28px;
}

.hnImg02 {
	margin-bottom : 20px;
}
.hnImg03 {
	margin-bottom : 15px;
}
/*  ------------------------------------------------------------------

	6-2.	hnTxt

---------------------------------------------------------------------*/
/*  見出しは行間を狭く
-----------------------------------*/
.hnTxt01, .hnTxt02, .hnTxt03 {
	line-height: 1.2;
}
.hnTxt01 {
	margin-bottom : 1em;
	color: #b5001f;
	font-size: 16px;
}

/* ==========================================================================================================

	 11. その他要素、疑似クラス
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	selected text

---------------------------------------------------------------------*/
::selection {
 background : #b5001f;
 color : #fff;
}

::-moz-selection {
 background : #b5001f;
 color : #fff;
}


/* ==========================================================================================================

	 21.	error系
 
============================================================================================================*/
div.error,
div.notice,
div.success {
	margin-bottom: 1.5em;
	padding: 0.8em 0.8em 0;
	font-size: 90%;
}
div.error {
	background: #FFE8E1;
	border: 1px solid #F17E89;
	color: #990000;
}
div.error ul {
	padding-left: 25px;
	margin-bottom: 1em;
}
div.error li {
	list-style-type: disc;
	margin-bottom: 0.2em;
}
div.notice {
	background: #fffdc6;
	border: 1px solid #eaac5b;
	color: #965d13;
	text-align: center;
	line-height: 1.4;
}
div.success {
	background: #F7FFE8;
	border: 1px solid #9DE7B4;
	color: #02AB5A;
}
/*  お知らせ程度
-----------------------------------*/
div.notify {
	background: #f2f2e9;
	border: 1px solid #ddddd5;
	padding: 1em;
	font-size: 82%;
}
/* ==========================================================================================================

	 50. common assets
 
============================================================================================================*/



/* ==========================================================================================================

	 51. general Classees
 
============================================================================================================*/
.note {
}
.error {
}
.caution {
}
.clear {
	clear: both;
}
/*  コードヒント用予約語
-----------------------------------*/

.fig,
.photo,
.desc,
.link,
.odd,
.even,
.swap {
}
/*  jsループクリア用
-----------------------------------*/
div.jsClear {
	clear: both;
	height: 0;
}




/* ==========================================================================================================
=============================================================================================================
=============================================================================================================
=============================================================================================================
============================================================================================================*/


/* ==========================================================================================================

	 102. Section Style
 
============================================================================================================*/
div.section {
	clear : both;
	margin-bottom : 3em;
}
div.section div.section {
	margin-bottom : 2em;
}
div.section div.section div.section {
}
/* ==========================================================================================================

	 103. Div Style
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	h1Group

---------------------------------------------------------------------*/
div.h1Group {
	margin-bottom: 4.5em;
}
#mainContent div.h1Group p {
	margin-bottom: 1.7em;
}


/* ==========================================================================================================

	 104. ul
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	general01

---------------------------------------------------------------------*/

ul.general01 {
}
ul.general01 li {
	background: url(../img/_frame/bullet01.png) no-repeat 0% 5px;
	margin-bottom: 1.3em;
	padding-left: 18px;
}
/*  nest <ul> 
-----------------------------------*/
ul.general01 li ul {
	margin-left: 25px;
	padding: 10px 0;
}
ul.general01 li ul li {
	list-style: circle;
	margin-bottom: 0.2em;
}
/*  nest <ol> 
-----------------------------------*/

ul.general01 li ol {
	margin-left: 25px;
	padding: 10px 0;
}
ul.general01 li ol li {
	list-style: decimal;
	margin-bottom: 0.2em;
}
/*  ------------------------------------------------------------------

	general02

---------------------------------------------------------------------*/

/* ==========================================================================================================

	105. ol
 
============================================================================================================*/


/* ==========================================================================================================

	 106. dl
 
============================================================================================================*/

/*  ------------------------------------------------------------------

	general01

---------------------------------------------------------------------*/
dl.general01 {
	margin-left: 30px;
	_zoom: 1;
}
dl.general01 dt {
	margin-bottom: -45px;
	padding: 9px 0 18px;
	width: 110px;
}
dl.general01 dd {
	padding: 6px 0 20px 110px;
}