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

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

		* last update 09.08/31
		* 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.forms

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


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

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

	anchor

---------------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: underline;
	color: #005bac;
}
a:link {
	color: #996699;
	text-decoration: underline;
	-webkit-transition-propaty: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	text-shadow: none;
}
a:visited {
	color: #885C96;
	text-decoration: underline;
	-webkit-transition-propaty: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
}

a:hover {
	color: #005bac;
	text-decoration: none;
}
/* 
a img {
	display: block; 画像の隙間からアンカーの背景色が出るのを防ぐ。インラインで使う場合は注意
}
 */
/*  画像ボタンをhover時に透過させる
-----------------------------------*/
a.alpha:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

/* （IE67.cssに移動）
-----------------------------------*/
/* ie6 hack */
* html a img {
	display: inline;
}
/* ie7 hack */
*:first-child+html a img {
	display: inline;
}

/*  キーボードユーザー配慮
-----------------------------------*/



/*  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/common/parts/linkArrow.png) no-repeat 0% 50%;
	padding-left: 20px;
}
/*  _blankリンク
-----------------------------------*/
a.linkArrow[target="_blank"] {
	background: url(../img/common/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 {
}



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

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

	pageTop

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

	主に送信ボタン関連

---------------------------------------------------------------------*/
#mainContent .formBtn {
	margin-bottom: 3em;
	padding-top: 1em;
	text-align: center;
}
#mainContent .formBtn input{
	margin: 0 2em;
}



/*  画像ボタンをhover時に透過させる
-----------------------------------*/
#mainContent .formBtn input:hover{
	opacity: 0.8;
	filter: alpha(opacity=80); /* IE7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}
/*  ------------------------------------------------------------------

	パラグラフのみのセクションは12pt

---------------------------------------------------------------------*/
.onlyTxt p {
	font-size: 12px;
}
/*  ------------------------------------------------------------------

	注釈系

---------------------------------------------------------------------*/
p.note {
	font-size: 10px;
}

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

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

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

	strong

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

}
strong.type2 {

}
strong.type3 {

}
*/

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

	em

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

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

}

em.type3 {

}
*/

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

	span

---------------------------------------------------------------------*/
span.type1 {
	font-size: 10px;
	font-weight: normal;
}
/*
span.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;
}

/*  枠線付き
-----------------------------------*/
img.decorative {
	background: #fff;
	border: 1px solid #d8d1af;
	padding: 2px;
}
/* ==========================================================================================================

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

	6-1.	hnImg

---------------------------------------------------------------------*/
.hnImg01 {
	margin-bottom : 5px;
}
.hnImg02 {
	margin-bottom : 10px;
}
/*  ------------------------------------------------------------------

	6-2.	hnTxt

---------------------------------------------------------------------*/
/*  見出しは行間を狭く
-----------------------------------*/
.hnTxt01, .hnTxt02, .hnTxt03 {
	line-height: 1.2;
}
.hnTxt01 {
	margin-bottom : 1em;
	padding-top: 10px;
	color: #5c4022;
	font-size: 12px;
}
.hnTxt02 {
	margin-bottom : 1em;
}
.hnTxt03 {
	background-color: #fff4b6;
	margin-bottom : 1em;
	padding: 7px;
	font-size: 14px;
	color: #5c4022;
	width:auto;
}

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

	 10. child系
 
============================================================================================================*/
.firstChild {
}
.lastChild {
}
.rightChild {
}
.secondChild {
}
.thirdChild {
}
/* ==========================================================================================================

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

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

	selected text

---------------------------------------------------------------------*/
::selection {
 background : #FEE4BC;
 color : #80663F;
}

::-moz-selection {
 background : #FEE4BC;
 color : #80663F;
}


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

	 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: #e3fdfd;
	border: 1px solid #94dbdb;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	font-size: 10px;
	font-weight: bold;
	color: #66cccc;
}
div#mainContent div.notify p {
	margin-bottom: 0;
	line-height: 1.3;
}
/* ==========================================================================================================

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



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

	 51. general Classees
 
============================================================================================================*/

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

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




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



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

	 101. Section Style
 
============================================================================================================*/
div.section {
	clear : both;
	margin-bottom : 1em;
}
div.section div.section {
	margin-bottom : 1em;
}
div.section div.section div.section {
}
/* ==========================================================================================================

	 102. Div Style
 
============================================================================================================*/

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

	h1Group

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

	div.secGroup
	div.sectionを段組みにする

---------------------------------------------------------------------*/
div.secGroup {
	margin-bottom: 2em;
}
div.secGroup div.section {
	clear: none;
	float: left;
	margin-bottom: 0;
}
div.secGroup div.section.lastChild {
	float: right;
}
/* start clearfix */
div.secGroup:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html div.secGroup {
	height: 1%;
}
/* ie7 hack */
*:first-child+html div.secGroup {
	min-height: 1%;
}
/* end clearfix */

/*  2段組みのとき
-----------------------------------*/
div.secGroup.double div.section {
}
/*  3段組みのとき
-----------------------------------*/
div.secGroup.triple div.section {
}
/*  ------------------------------------------------------------------

	div.dlGroup

---------------------------------------------------------------------*/
div.dlGroup {
}
div.dlGroup dl {
	float: left;
	width: 280px;
}
div.dlGroup dl.lastChild {
	float: right;
}
/* start clearfix */
div.dlGroup:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html div.dlGroup {
	height: 1%;
}
/* ie7 hack */
*:first-child+html div.dlGroup {
	min-height: 1%;
}
/* end clearfix */

/*  2段組みのとき
-----------------------------------*/
div.dlGroup.double dl {
}
/*  3段組みのとき
-----------------------------------*/
div.dlGroup.triple dl {
}


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

	exturnal (外部コンテンツ)

---------------------------------------------------------------------*/
/*  iframe
-----------------------------------*/
div.external iframe {
	border: 1px solid #d8d1af;
	overflow: hidden;
	width: 574px; /* 任意 */
	height: 330px; /* 任意 */
}


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

	ブロック枠線設定

---------------------------------------------------------------------*/
.bdr {
	border: 2px solid #dad3b3;
}

/*  余白をセット
-----------------------------------*/
.bdr.padd {
	padding: 10px 10px 0 10px;
}

/*  下マージンを設ける
-----------------------------------*/
.bdr.mgn {
	margin-bottom: 1em;
}

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

	 103. ul
 
============================================================================================================*/

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

	general01

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

ul.general01 {
	margin-bottom: 1.6em;
	padding-left: 25px;
}
ul.general01 li {
	list-style: disc;
	margin-bottom: 0.4em;
}
/*  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

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

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

	104. ol
 
============================================================================================================*/

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

	 105. dl
 
============================================================================================================*/

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

	general01

---------------------------------------------------------------------*/
dl.general01 {
	margin-bottom: 0.5em;
	font-size: 12px;
	_zoom: 1;
}
dl.general01 dt {
	padding: 8px 0 13px;
	margin-bottom: -37px;
	width: 140px;
}
dl.general01 dd {
	border-bottom: 1px dotted #d8d1af;
	padding: 8px 0 2px 140px;
}

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

	general02

---------------------------------------------------------------------*/
dl.general02 {
	margin-bottom: 0.5em;
	font-size: 12px;
	_zoom: 1;
}
dl.general02 dt {
	padding: 8px 0 13px;
	margin-bottom: -37px;
	width: 90px;
}
dl.general02 dd {
	border-bottom: 1px dotted #d8d1af;
	padding: 8px 0 2px 90px;
}


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

	 106. tables
 
============================================================================================================*/

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

	th="row"型
	table.generalRow

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

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

	thead型
	table.generalThead

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

/* thead, tbody共通 
-----------------------------------*/
table.generalThead {
	border-bottom: 1px solid #cfc9a8;
	table-layout: fixed;
	margin-bottom: 1.6em;
	width: 100%;
	font-size: 12px;
}
table.generalThead th,
table.generalThead td {
	border: 1px solid #cfc9a8;
	text-align: center;
	vertical-align: middle;
	width: 33%;
}
/*  thead => th
-----------------------------------*/
table.generalThead thead th {
	background: #f8f7f1 url(../img/common/parts/bg_th.png) repeat-x top;
	padding: 10px 0 10px 0;
}
/*  tbody => td
-----------------------------------*/
table.generalThead tbody td {
	border-top: 1px dotted #cfc9a8;
	border-bottom: 1px dotted #cfc9a8;
	padding: 8px;
}
/*  CSS3対応ブラウザはストライプ表示
-----------------------------------*/
table.generalThead tr:nth-of-type(odd) {
	background-color: #fafafa;
}
/*  ------------------------------------------------------------------

	th="row"型、thead型 複合型
	generalComplex

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

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

	カレンダー

---------------------------------------------------------------------*/
table.calendar {
	border: 1px solid #cfc9a8;
	table-layout: fixed;
	margin-bottom: 1em;
	width: 100%;
	font-size: 12px;
}
table.calendar caption {
	text-align: center;
	margin-bottom: 0.5em;
}
table.calendar th,
table.calendar td {
	border-top: 1px dotted #cfc9a8;
	border-right: 1px solid #cfc9a8;
	border-bottom: 1px dotted #cfc9a8;
	border-left: 1px solid #cfc9a8;
	text-align: center;
	vertical-align: middle;
	padding: 8px;
}
table.calendar th.both,
table.calendar td.both {
	background-color: #f3f0e0;
}

/*  em
-----------------------------------*/
table.calendar em.sun {
	color: #d93400;
}
table.calendar em.sat {
	color: #3aa7f3;
}
/*  a
-----------------------------------*/
table.calendar a {
	font-size: 14px;
	font-weight: bold;
}

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

	 132. table.forms
	 表組みでフォームを作るときのテンプレート
	 かなり詳細にまでスタイルが当たっているので、不要な部分は消してください。
 
============================================================================================================*/
table.forms {
	background-color: #FFFFFF;
	border-collapse : collapse;
	width : 577px;
	margin-bottom : 2em;
	letter-spacing: 0em;
	font-size: 12px;
}
table.forms td,
table.forms th {
	border-bottom : 1px dotted #d8d1af;
	padding : 10px 5px 0 0;
}
table.forms th {
	padding-left: 0;
	width : 160px;
	font-weight: bold;
}

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

	tr:hover

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

/* 必須em */
.required em {
	color: #ff6600;
	font-style: normal;
}



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

	 133. formインプット系
 
============================================================================================================*/

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

	input周り

---------------------------------------------------------------------*/
/*  input, textarea
-----------------------------------*/
input.inputXS,
input.inputSS,
input.inputS,
input.inputM,
input.inputL,
input.inputDay,
textarea.inputSS,
textarea.inputS,
textarea.inputM,
textarea.inputL {
	border	: 1px solid #dad3b3;
	padding : 0px 3px;
	line-height:normal;
	height:auto;
}

/* フォーカス時　IE6,7は対応せず */
.inputXS:focus,
.inputSS:focus,
.inputS:focus,
.inputM:focus,
.inputL:focus,
.inputDay:focus {
	border: 1px solid #cc9a02;
}
table.forms input:hover,
table.forms textarea:hover {
}

/* ラジオボタンとチェックボックス */
table.forms input.radioBtn,
table.forms input.check {
	margin-left: 0.6em;
}

/* 2文字程度のinput*/
.inputXS {
	width: 2em;
}
/* 数文字程度のinput*/
.inputSS {
	width: 4em;
}
/* 名前など比較的短いinput */
.inputS {
	width: 10em;
}
/* メルアドなど比較的長いinput*/
.inputM {
	width: 70%;
}
.inputL {
	width: 95%;
}


/* テキストエリア */
textarea.inputL {
	width: 95%;
	height: 6em;
}

/*  select
-----------------------------------*/
select.selectS,
select.selectM,
select.selectL{
	border	: 1px solid #dad3b3;
	font-size: 12px;
	letter-spacing: 0.05em;
}
select.selectS{
	width: 98px;
}
select.selectM{
	width: 148px;
}
select.selectL{
	width: 70%;
}

/*  option
-----------------------------------*/

table.forms optgroup {
	background-color : #FFFFFF;
	font-style : normal;
	font-weight : bold;
}
table.forms option {
	background-color : #FFFFFF;
	text-indent : 2.2em;
}
/* セレクトの最初に指定されるものはインデントなし */
table.forms option.optSelected {
	text-indent : 0;
}

/*  これら要素のマージン
-----------------------------------*/
input.inputXS,
input.inputSS,
input.inputS,
input.inputM,
input.inputL,
input.inputDay,
textarea.inputSS,
textarea.inputS,
textarea.inputM,
textarea.inputL,
select.selectS,
select.selectM,
select.selectL {
	margin: 0 0.5em;
}
/*  マージン解除
-----------------------------------*/
input.inputXS.noMgn,
input.inputSS.noMgn,
input.inputS.noMgn,
input.inputM.noMgn,
input.inputL.noMgn,
input.inputDay.noMgn,
textarea.inputSS.noMgn,
textarea.inputS.noMgn,
textarea.inputM.noMgn,
textarea.inputL.noMgn,
select.selectS.noMgn,
select.selectL.noMgn{
	margin-left: 0;
}

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

	label にポインタ

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



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

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

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

	pagenation

---------------------------------------------------------------------*/
ul.pagenation {
	font-size: 100%;
	margin: 15px 0 1.3em 0;
	padding: 0;
	text-align: center;
}
ul.pagenation li {
	display: inline;
	list-style-type: none;
	padding-bottom: 1px;
}
ul.pagenation a,
ul.pagenation a:visited {
	border: 1px solid #DBDBDB;
	padding: 0 5px;
	text-decoration: none;
}
ul.pagenation a:hover,
ul.pagenation a:active {
	background-color: #ffa70e;
	border: 1px solid #DBDBDB;
	color: #FFFFFF;
}
ul.pagenation li.currentLink {
	background-color: #ffa70e;
	border: 1px solid #DBDBDB;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 5px;
}
ul.pagenation li.noneLink {
	border: 1px solid #DBDBDB;
	color: #929292;
	padding: 0 5px;
}
ul.pagenation li.nextLink {
	font-weight: bold;
}