@charset "utf-8";

/* --------------------------------
	汎用スタイル
-----------------------------------*/


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

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

	anchor

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

a:hover {
	text-decoration: none;
}

a.black {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: underline;
	color: #333333;
}
a.black:link {
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a.black:visited {
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

a.black:hover {
	text-decoration: none;
}

a.gray {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: underline;
	color: #838383;
}
a.gray:link {
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a.gray:visited {
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

a.gray:hover {
	text-decoration: none;
}

/*  画像ボタンをhover時に透過させる
-----------------------------------*/
a.alpha img{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a.alpha:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}

/*  type
-----------------------------------*/
/*
a.type1 {
	text-decoration	: none;
}
a.type1:link {
}
a.type1:visited {
}
a.type1:hover {
}
a.type1:active {

}
*/


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

	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;
}

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

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

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

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

	font size

---------------------------------------------------------------------*/
.font10 {
	font-size: 10px;
}
.font11 {
	font-size: 11px;
}
.font12 {
	font-size: 12px;
}
.font13 {
	font-size: 13px;
}
.font14 {
	font-size: 14px;
}
.font15 {
	font-size: 15px;
}
.font16 {
	font-size: 16px;
}
.font18 {
	font-size: 18px;
}
.font22 {
	font-size: 22px;
}

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

	font color

---------------------------------------------------------------------*/
.txtCr01 {
	color: #df3c90;
}
.txtCr02 {
	color: #d10000;
}
.txtCr03 {
	color: #1ea7e0;
}

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

	strong

---------------------------------------------------------------------*/
.txtBold {
	font-weight: bold;
}

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

	em

---------------------------------------------------------------------*/
/*
em.type1 {

}

em.type2 {

}

em.type3 {

}
*/

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

	align

---------------------------------------------------------------------*/
.txtCenter {
	text-align : center;
}
.txtRight {
	text-align : right;
}

.txtLeft {
	text-align: left;
}

.txtIndent {
	text-indent : -9999px;
}
/* ==========================================================================================================

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

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

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

	6-1.	hnImg

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

	6-2.	txtHeading

---------------------------------------------------------------------*/
/*  見出しは行間を狭く
-----------------------------------*/
.txtHeading01, .txtHeading02, .txtHeading03 {
	line-height: 1.2;
}
.txtHeading01 {
	border-bottom: 1px solid #ccc;
	margin-bottom : 15px;
	padding: 8px 0;
	color: #178cee;
	font-size: 22px;
}
.txtHeading02 {
	background: #FFF;
	border: 1px solid #e2cee4;
	margin-bottom : 10px;
	padding: 8px 10px;
	color: #c48ee3;
	font-size: 17px;
}

.txtHeading03 {
	margin-bottom : 15px;
	padding: 5px 10px;
	font-size: 14px;
}
/* ==========================================================================================================

	 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;
}
.mgn100 {
	margin-bottom: 100px;
}


.mgn_l28 {
	margin-left: 28px;
}

.pad25 {
	padding: 25px;
}
.pad_r25 {
	padding-right: 20px;
}
/*  ------------------------------------------------------------------

	selected text

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

::-moz-selection {
 background : #2CBC2C;
 color : #fff;
}
--- */

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

	 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 : 3em;
}
div.section div.section {
	margin-bottom : 2em;
}
div.section div.section div.section {
}
/* ==========================================================================================================

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

	div.sectionWrap

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

	div.dlGroup

---------------------------------------------------------------------*/
div.dlWrap {
	margin-bottom: 2em;
}
div.dlWrap dl {
	float: left;
}
div.dlWrap dl.lastChild {
	float: right;
}

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

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

	general01

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

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

	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 {
	border-top: 2px solid #080808;
	width: 100%;
	margin-bottom: 1.6em;
}
table.tbType01 th,
table.tbType01 td {
	border: 1px solid #080808;
	padding: 6px;
}
table.tbType01 th {
	background: #a1a1a1;
	border-left: 4px solid #727272;
	width: 110px;
}
table.tbType01 td {
/*background: #c6c6c6;*/
}

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

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

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

	@

---------------------------------------------------------------------*/
input.inputSSS,
input.inputSS,
input.inputS,
input.inputM,
input.inputL,
input.inputLL,
textarea.inputSS,
textarea.inputS,
textarea.inputM,
textarea.inputL {
	border: 1px solid #CCC;
	line-height: 20px;
	height: 20px;
	font-size: 1em;
	padding-left: 3px;
}
.inputSSS {
	width: 4em;
}
.inputSS {
	width: 10em;
}
.inputS {
	width: 30%;
}
.inputM {
	width: 50%;
}
.inputL {
	width: 75%;
}
.inputLL {
	width: 95%;
}
textarea.inputL {
	height: 6em;
}

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

	 150.	navigation
 
============================================================================================================*/

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

	navPagenation
	前へ | 1 | 2 | 3 | 次へ

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

ul.navPagenation {
}
ul.navPagenation li {
	float: left;
	white-space: nowrap;
	border-right: 1px solid #000;
	margin-bottom: 0.5em;
	padding: 0 1em;
}
ul.navPagenation li.rightChild,
ul.navPagenation li.lastChild {
	border: none;
}
ul.navPagenation li.next {
}
ul.navPagenation li.prev {
}




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

	99. clearFix (pkg)

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

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