@charset "utf-8";

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


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

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

	anchor

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

a:hover {
	color: #005bac;
	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
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	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(インライン系)
 
============================================================================================================*/

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

	strong

---------------------------------------------------------------------*/
/*
strong.type1 {

}
strong.type2 {

}
strong.type3 {

}
*/

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

	em

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

}

em.type2 {

}

em.type3 {

}
*/

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

	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 : 5px;
	margin-bottom : 5px;
}
img.floatR {
	float : right;
	margin-left : 5px;
	margin-bottom : 5px;
}
/* ==========================================================================================================

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

	6-1.	hnImg

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

	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. その他要素、疑似クラス
 
============================================================================================================*/
blockquote {
	background: #EFFFEC;
	border: 1px solid #a3d19e;
	margin: 10px 10px 1.5em 10px;
	padding: 10px;
	line-height: 1.3;
	font-size: 12px;
	color: #4d8547;
}
blockquote:before {
	content: "[引用] ";
	font-size: 8px;
	color: #AAA;
}
q {
	background: #EFFFEC;
	margin: 0 5px;
	color: #4d8547;
}
q:hover {
}


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

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

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

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

	h1Group

---------------------------------------------------------------------*/
div.h1Group {
	margin-bottom: 2em;
}
div.h1Group .lead {
	margin-left: 0;
}
/*  ------------------------------------------------------------------

	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;
	margin: 0px;
}
/*  ------------------------------------------------------------------

	div.dlGroup

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

	exturnal (外部コンテンツ)

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

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

	 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 {
	width: 405px;
}
dl.news dt {
	width: 105px;
	color: #fc7575;
	float: left;
	padding: 1.6em;
	font-size: 14px;
}
dl.news dd {
	border-bottom: 1px solid #c2c2c2;
	padding-left: 105px;
	padding-right: 12px;
	margin-bottom: 1em;
	padding: 2em;
}


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

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

	thead型
	tbType02

---------------------------------------------------------------------*/
table.tbType02 {
	table-layout: fixed;
	width: 100%;
	margin-bottom: 1.6em;
}
table.tbType02 th,
table.tbType02 td {
	border: 1px solid #ccc;
	padding: 3px;
}
table.tbType02 thead th {
	background: #ccc;
}
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;
}
/* ==========================================================================================================

	 132. table.formTable
	 表組みでフォームを作るときのテンプレート
	 かなり詳細にまでスタイルが当たっているので、不要な部分は消してください。
 
============================================================================================================*/
table.formTable {
	border-top : 1px solid #000000;
	background-color: #FFFFFF;
	border-collapse : collapse;
	width : 96%;
	margin-left : 4px;
	margin-bottom : 2em;
}

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

	cell style

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

table.formTable td,
table.formTable th {
	border-bottom : 1px solid #000000;
	border-right : 1px solid #000000;
	padding : 8px;
}
table.formTable th {
	border-left : 8px solid #CCCCCC;
	width : 180px;
}
table.formTable td {
	border-left : 1px solid #000000;
}
/*  ------------------------------------------------------------------

	required

---------------------------------------------------------------------*/
/* 必須のマークを入れるem */
.required em {
	color : #F83C36;
}
/* 必須のタブは色違いで */
table.formTable th.required {
	border-left : 8px solid #CD4B14;
}
/*  ------------------------------------------------------------------

	tr:hover

---------------------------------------------------------------------*/
table.formTable tr:hover th,
table.formTable tr.even:hover th,
table.formTable tr.hover th,
table.formTable tr:hover td,
table.formTable tr.even:hover td,
table.formTable tr.hover td {
	background-color: #ddd;
}
table.formTable tr:hover th,
table.formTable tr.hover th {
}
table.formTable tr:hover td,
table.formTable tr.hover td {
}
/*  ------------------------------------------------------------------

	stripe tr.even

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

table.formTable tr.even th,
table.formTable tr.even td {
	background-color: #F9F9F9;
}
/*  ------------------------------------------------------------------

	submit button

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

p.submit {
	text-align: center;
}
p.submit input {
	padding: 2px 5px;
	letter-spacing: 0.3em;
}
p.submit input:active {
	background: #eee;
}
/*  ------------------------------------------------------------------

	input length
	
	txtArea01	: 名前など比較的短い <input>
	txtArea02	: メルアドなど比較的長い <input>
	txtArea03	: 数量など数文字程度のinputは　
	txtArea04	: <textarea>

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

/* 名前など比較的短いinputは　txtArea01 */
table.formTable .txtArea01 {
	width : 10em;
}
/* メルアドなど比較的長いinputは　txtArea02*/
table.formTable .txtArea02 {
	width : 250px;
}
/* 数量など数文字程度のinputは　txtArea03*/
table.formTable .txtArea03 {
	width : 3em;
}
/* テキストエリア */
table.formTable .txtArea04 {
	width : 280px;
	;
	height : 6em;
}
/*  ------------------------------------------------------------------

	border + focus

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

/* すべてのinput,textareaのborder */
table.formTable .inputSS,
table.formTable .inputS,
table.formTable .inputM,
table.formTable .inputL,
table.formTable .txtArea01,
table.formTable .txtArea02,
table.formTable .txtArea03,
table.formTable .txtArea04 {
	border : 1px solid #999999;
	padding : 2px 3px;
}
/* フォーカス時　IE6,7は対応せず */
table.formTable .inputSS:focus,
table.formTable .inputS:focus,
table.formTable .inputM:focus,
table.formTable .inputL:focus,
table.formTable .txtArea01:focus,
table.formTable .txtArea02:focus,
table.formTable .txtArea03:focus,
table.formTable .txtArea04:focus {
	border : 1px solid #D94040;
}
table.formTable input:hover,
table.formTable textarea:hover {
}
/*  input[type="radio"] input[type="checkbox"]
-----------------------------------*/

table.formTable input.check,
table.formTable input.radioBtn {
}
/*  option
-----------------------------------*/

table.formTable optgroup {
	background-color : #FFFFFF;
	font-style : normal;
	font-weight : bold;
}
table.formTable option {
	background-color : #FFFFFF;
	text-indent : 2.2em;
}
/* セレクトの最初に指定されるものはインデントなし */
table.formTable option.optSelected {
	text-indent : 0;
}
/*  td　にあるlabel のマウスロールオーバー
-----------------------------------*/

/* labelにマウスオーバーでポインタになる */
table.formTable td label {
	cursor: pointer;
}

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

	 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,
.xxx: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 .xxx {
	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 .xxx {
	zoom: 1;
}
/* end clearfix */