@charset "utf-8";

/* --------------------------------
	汎用スタイル：大きな物からインラインレベルまで。
	2011/06/02 nz
-----------------------------------*/


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

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

	anchor

---------------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: underline;
	color: #e5002d;
}
a:link {
	color: #e5002d;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a:visited {
	color: #8c182c;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

a:hover {
	color: #e5002d;
	text-decoration: none;
}
/*  画像ボタンをhover時に透過させる
-----------------------------------*/
.alpha a img,
a.alpha img,
input.alpha,
.alpha02 a img,
a.alpha02 img{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.alpha a:hover img,
a.alpha:hover img,
input.alpha:hover{
	opacity: 0.4;
	filter: alpha(opacity=40); /* IE7 */
	-ms-filter: "alpha(opacity=40)"; /* IE8 */
}

.alpha02 a:hover img,
a.alpha02:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

/*  パターン1 (アンダーライン無し)
-----------------------------------*/
.aType01 a:link,
.aType01 a:visited {
	text-decoration: none;
	color: #e5002d;
}
.aType01 a:hover {
	text-decoration: underline;
}
/*  パターン2 (白色アンダーライン無し)
-----------------------------------*/
.aType02 a:link,
.aType02 a:visited {
	text-decoration: none;
	color: #fff;
}
.aType02 a:hover {
	text-decoration: underline;
}
/*  パターン3 (青色アンダーライン)
-----------------------------------*/
.aType03 a:link,
.aType03 a:visited {
	text-decoration: underline;	
	color: #3771b8;
}
.aType03 a:hover {
	text-decoration: none;
}


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

	arrow

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


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

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

	pageTop

---------------------------------------------------------------------*/
#mainContent .pageTop {
	border-top: 1px solid #e5002d;
	text-align: right;
	padding: 2px;
}
/*  （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.emType01 {
	font-size: 16px;
}
em.emType02 {
	font-size: 12px;
}
em.emType03 {
	color: #e5002d;
}
em.emType04 {
	font-size: 10px;
}
em.emType05 {
	font-weight: bold;
}


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

	strong

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

/*
strong.type01 {

}
strong.type02 {

}
strong.type03 {

}
*/


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

	align

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

	 4. form
 
============================================================================================================*/
input.check,
input.radioBtn {
	margin: 0 5px;
}
/* ==========================================================================================================

	 5. img
 
============================================================================================================*/
img.floatL {
	float : left;
	margin-right : 35px;
	margin-bottom : 5px;
}
img.floatR {
	float : right;
	margin-left : 25px;
	margin-bottom : 10px;
}
/*  枠線
-----------------------------------*/
img.decorative {
	border: 1px solid #e5002d;
}
/*  回りこませない
-----------------------------------*/
.noTxtFlort	{
	_zoom: 1;   
	overflow: hidden;
}
.noTxtFlort .imgR { 
	float: right; 
	margin-left: 35px;
}
.noTxtFlort .txt {
	overflow: hidden;
	_zoom: 1;
}

/*  はみ出す
-----------------------------------*/
.overL{
	position: relative;
	margin-left: -49px;
	zoom: 1;
}
.overL {
    *margin-left: -47px;
    _margin-left: -47px;
}

.overR{
	position: relative;
	margin-right: -49px;
	zoom: 1;
}
.overL {
    *margin-right: -47px;
    _margin-right: -47px;
}
/* ==========================================================================================================

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

	6-1.	hnImg

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

	6-2.	txtHeading

---------------------------------------------------------------------*/
/*  見出しは行間を狭く
-----------------------------------*/
.contentId, .txtHeading01, .txtHeading02, .txtHeading03, .txtHeading04 {
	line-height: 1.2;
}

/*  ページタイトル
-----------------------------------*/
.contentId {
	background: #fff0c8;
	border-bottom: 1px solid #e5002d;
	font-size: 34px;
	font-weight: normal;
	margin-bottom: 35px;
	padding: 15px 0 15px 44px;
	color: #e6002d;
}
.contentId em{
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

/*  汎用見出し
-----------------------------------*/
.txtHeading01 {
	margin-bottom : 15px;
	color: #282828;
	font-size: 18px;
}
.txtHeading02 {
	border-bottom: 2px solid #505050;
	margin-bottom : 15px;
	padding: 10px;
	font-size: 16px;
}
.txtHeading04 {
	margin-bottom : 20px;
	font-size: 16px;
	color: #e6002d;
}

/*  主にレポート用見出し
-----------------------------------*/
.txtHeading03 {
	background: #e5002d;
	margin-bottom : 25px;
	padding: 10px 15px;
	font-size: 18px;
	color: #FFF;
}
.txtHeading03 em {
	border-bottom: 1px solid #FFF;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
}
/* ==========================================================================================================

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

/*  マージン
-----------------------------------*/
.mgn05 {
	margin-bottom: 5px;
}
.mgn10 {
	margin-bottom: 10px;
}
.mgn15 {
	margin-bottom: 15px;
}
.mgn20 {
	margin-bottom: 20px;
}
.mgn25 {
	margin-bottom: 25px;
}
.mgn30 {
	margin-bottom: 30px;
}
.mgn40 {
	margin-bottom: 40px;
}
.mgn50 {
	margin-bottom: 50px;
}
.mgn60 {
	margin-bottom: 60px;
}
.mgn70 {
	margin-bottom: 70px;
}
.mgn80 {
	margin-bottom: 80px;
}
.mgn100 {
	margin-bottom: 100px;
}
/*  padding
-----------------------------------*/
.pad05 {
	padding-bottom: 5px;
}
.pad10 {
	padding-bottom: 10px;
}
.pad15 {
	padding-bottom: 15px;
}
.pad20 {
	padding-bottom: 20px;
}
.pad25 {
	padding-bottom: 25px;
}
/*  ボーダー
-----------------------------------*/
.bdr{
	border-bottom: 1px solid #a0a0a0;
}
.bdr02{
	border-bottom: 1px dashed #e5002d;
}
.bdr03{
	border-bottom: 1px dashed #000000;
}


/*  画像見出しにボタン
-----------------------------------*/
.absBtn{
	position: relative;
	zoom: 1;
}
.absBtn span{
	position: absolute;
	top: 8px;
	right: 0;
	font-size: 10px;
	font-weight: normal;
}
.absBtn span a{
	background: url(../img/_frame/parts/linkarrow01.png) no-repeat 0% 55%;
	padding-left: 13px;
}





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

	selected text

---------------------------------------------------------------------*/
::selection {
 background : #fff0c8;
 color : #e5002d;
}

::-moz-selection {
 background : #fff0c8;
 color : #e5002d;
}


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

	 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;
}
/*  コードヒント用
-----------------------------------*/
.swap,
.firstChild,
.lastChild,
.rightChild,
.secondChild,
.thirdChild {
}
/*  免責条項など、2行目以降にスペース
	（例）※これは注意です
	　　　　やめてください！
-----------------------------------*/
.immunity { 
	padding-left: 1em;
	text-indent: -1em;
}




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



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

	 102. Section Style
 
============================================================================================================*/
div.section {
	clear : both;
	margin-bottom : 70px;
}
/*  マージン小
-----------------------------------*/
div.section.secType01 {
	margin-bottom : 35px;
}

/*  黒枠見出しはみ出し
-----------------------------------*/
div.section.secType02 {
	border: 2px solid #8c8c8c;
	position: relative;
	margin-bottom: 35px;
	padding: 40px 10px 5px 18px;
	zoom: 1;
}
div.section.secType02 .heading {
	position: absolute;
	top: -20px;
	left: -10px;
}
/*  黒枠
-----------------------------------*/
div.section.secType03 {
	border: 2px solid #505050;
	margin-bottom: 25px;
}
div.section.secType03 p {
	padding-left: 20px;
	padding-right: 20px;
}


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

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


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

	div.sectionWrap

---------------------------------------------------------------------*/
div.sectionWrap {
}
div.sectionWrap div.section {
	clear: none;
	float: left;
	margin-bottom: 0;
}
div.sectionWrap div.section.lastChild {
	margin-right: 0;
}
/*  ------------------------------------------------------------------

	div.dlGroup
	div.ulGroup

---------------------------------------------------------------------*/
div.dlWrap,
div.ulWrap{
}
div.dlWrap{
	overflow: hidden;
	margin-right: -20px;
	width: 620px;
	zoom: 1;
}
div.dlWrap dl,
div.ulWrap ul{
	float: left;
}
div.ulWrap ul{

}
div.dlWrap dl.lastChild,
div.ulWrap ul.lastChild{
	float: right;
	margin: 0;
}
/*  ------------------------------------------------------------------

	exturnal (外部コンテンツ)

---------------------------------------------------------------------*/
/*  iframe
-----------------------------------*/
div.external iframe {
	border: 1px solid #dbdbdb;
	overflow: hidden;
	width: 598px; /* 任意 */
	height: 498px; /* 任意 */
}

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

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

	general01

---------------------------------------------------------------------*/
ul.ulType01 {
	padding-left: 35px;
}
ul.ulType01 li {
	list-style: circle;
	margin-bottom: 8px;
	line-height: 1.3;
}
/*  ------------------------------------------------------------------

	general02

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

ul.ulType02 {
	margin-bottom: 1.6em;
	padding-left: 25px;
}
ul.ulType02 li {
	list-style: circle;
	margin-bottom: 0.4em;
}
/*  nest <ul> 
-----------------------------------*/
ul.ulType02 li ul {
	margin-left: 25px;
	padding: 10px 0;
}
ul.ulType02 li ul li {
	list-style: square;
	margin-bottom: 0.2em;
}
/*  nest <ol> 
-----------------------------------*/
ul.ulType02 li ol {
	margin-left: 25px;
	padding: 10px 0;
}
ul.ulType02 li ol li {
	list-style: decimal;
	margin-bottom: 0.2em;
}
/* ==========================================================================================================

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

/*  general01
-----------------------------------*/
ol.olType01 {
	margin-bottom: 1.6em;
	padding-left: 25px;
}
ol.olType01 li {
	margin-bottom: 0.4em;
}
/* nest <ol> */
ol.olType01 li ol {
	margin-left: 25px;
	padding: 10px 0;
}
ol.olType01 li ol li {
	margin-bottom: 0.2em;
}
/* nest <ul> */
ol.olType01 li ul {
	margin-left: 25px;
	padding: 10px 0;
}
ol.olType01 li ul li {
	list-style: disc;
	margin-bottom: 0.2em;
}
/* ==========================================================================================================

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

	主にニュース用

---------------------------------------------------------------------*/
dl.news {
	margin-bottom: 1.6em;
	border-left: 4px solid #727272;
}
dl.news dt {
	padding: 0.8em 0 0.7em 15px;
	margin-bottom: -3.1em;
	width: 105px;
}
dl.news dd {
	border-bottom: 1px solid #000000;
	padding: 0.8em 1em 0.7em 10em;
	margin-left: -4px;
}


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

	 101. tables
 
============================================================================================================*/

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

	th="row"

---------------------------------------------------------------------*/
table.tbType01 {
	width: 100%;
}
table.tbType01 th,
table.tbType01 td {
	background: #FFF;
	border: 2px solid #505050;
	padding: 10px;
}
table.tbType01 th {
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
}

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

	thead型
	tbType02

---------------------------------------------------------------------*/
table.tbType02 {
	width: 100%;
}
table.tbType02 th,
table.tbType02 td {
	background: #FFF;
	border: 2px solid #505050;
	padding: 10px;
}
table.tbType02 thead th {
	text-align: center;
}
table.tbType02 tbody td {
}
/*  ------------------------------------------------------------------

	複合型
	tbType03

---------------------------------------------------------------------*/
table.tbType03 {
	/*table-layout: fixed;*/
	width: 100%;
	margin-bottom: 1.6em;
}
table.tbType03 th,
table.tbType03 td {
	border: 1px solid #aaa;
	padding: 3px;
}
table.tbType03 thead th {
	background: #ccc;
}
table.tbType03 tbody th {
	background: #ddd;
	width: 110px;
}
table.tbType03 tbody td {
}


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

	 131. input
 
============================================================================================================*/

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

	@

---------------------------------------------------------------------*/
input.inputSS,
input.inputS,
input.inputM,
input.inputL,
textarea.inputSS,
textarea.inputS,
textarea.inputM,
textarea.inputL {
	/*border	: 1px solid #999999;*/
	padding : 1px 3px;
}
.inputSS {
	width: 4em;
}
.inputS {
	width: 50%;
}
.inputM {
	width: 80%;
}
.inputL {
	width: 95%;
}
textarea.inputL {
	height: 6em;
}


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

	 200. ColorBox
 
============================================================================================================*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; }
.cboxPhoto {
	float:left;
	margin:auto;
	border:0;
	display:block;
}
.cboxIframe {
	width:100%;
	height:100%;
	display:block;
	border:0;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background:#e5002d; }
#colorbox { }
#cboxContent {
	margin:32px 0 55px;
	overflow:visible;
}
#cboxContent {
	*margin:32px 0 55px;
	_margin:32px 0 80px;
}

.cboxIframe { background:#000; }
#cboxError {
	padding:50px;
	border:1px solid #ccc;
}
#cboxLoadedContent {
	background:#fff;
	padding:1px;
}
#cboxLoadingGraphic { background:url(../img/_frame/loading.gif) no-repeat center center; }
#cboxLoadingOverlay { background:#fff; }
#cboxTitle {
	position:absolute;
	top:-22px;
	left:0;
	color:#000;
}
#cboxCurrent {
	position:absolute;
	top:-22px;
	right:205px;
	text-indent:-9999px;
}
#cboxSlideshow, #cboxPrevious, #cboxNext {
	text-indent:-9999px;
	width:20px;
	height:20px;
	position:absolute;
	top:-20px;
	background:url(../img/_frame/controls.png) no-repeat 0 0;
}
#cboxClose {
	text-indent:-9999px;
	bottom: -55px;
	left: 50%;
	width:119px;
	height:29px;
	margin-left: -59px;
	position:absolute;
	background:url(../img/_frame/closeBtn.png) no-repeat 0 0px;
}
#cboxClose:hover { background-position:0 -29px; }

#cboxPrevious {
	background-position:0px 0px;
	right:44px;
}
#cboxPrevious:hover { background-position:0px -25px; }
#cboxNext {
	background-position:-25px 0px;
	right:22px;
}
#cboxNext:hover { background-position:-25px -25px; }


.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right:66px; }
.cboxSlideshow_on #cboxSlideshow {
	background-position:-75px -25px;
	right:44px;
}
.cboxSlideshow_on #cboxSlideshow:hover { background-position:-100px -25px; }
.cboxSlideshow_off #cboxSlideshow {
	background-position:-100px 0px;
	right:44px;
}
.cboxSlideshow_off #cboxSlideshow:hover { background-position:-75px -25px; }

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

	99. clearFix (pkg)

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

/* start clearfix */
div.sectionWrap:after,
div.dlWrap:after,
div.ulWrap:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html div.sectionWrap,
* html div.dlWrap,
* html div.ulWrap,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx,
* html .xxx {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html div.sectionWrap,
*:first-child+html div.dlWrap,
*:first-child+html div.ulWrap,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx,
*:first-child+html .xxx {
	zoom: 1;
}
/* end clearfix */