@charset "utf-8";
/*
* module.css
*
* versin --- 1.1
* updated --- 2013/10/04
*/
/*----------------------------------------------*/
/*
/* section
/*
/*----------------------------------------------*/

/* normal
--------------------------------------*/
.sModSecNormal,
.comModSecNormal {
	margin-bottom: 20px;
}
.sModSecNormal.lastChild,
.comModSecNormal.lastChild {
	margin-bottom: 0;
}

/* normal half
--------------------------------------*/
.sModSecNormalHalf,
.comModSecNormalHalf {
  margin-bottom: 10px;
}

/* border
--------------------------------------*/
.sModSecBorder,
.comModSecBorder {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: dotted 1px #aaaaaa;
}
.sModSecBorder.lastChild,
.comModSecBorder.lastChild {
  padding-bottom: 20px;
  margin-bottom: 0;
  border-bottom: none;
}

/* border half
--------------------------------------*/
.sModSecBorderHalf,
.comModSecBorderHalf {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: dotted 1px #aaaaaa;
}

/* padding01
--------------------------------------*/
.sModSecPadding01,
.comModSecPadding01 {
  padding: 20px;
  margin-bottom: 20px;
}

/* padding01 half
--------------------------------------*/
.sModSecPadding01Half,
.comModSecPadding01Half {
  padding: 20px;
  margin-bottom: 10px;
}

/* padding02
--------------------------------------*/
.sModSecPadding02,
.comModSecPadding02 {
  padding: 10px;
  margin-bottom: 20px;
}

/* padding02 half
--------------------------------------*/
.sModSecPadding02Half,
.comModSecPadding02Half {
  padding: 10px;
  margin-bottom: 10px;
}

/* padding03
--------------------------------------*/
.sModSecPadding03,
.comModSecPadding03 {
	padding: 15px 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f7f7f7;
}

/* nopaddingborder
--------------------------------------*/
.sModSecNoPaddingBorder,
.comModSecNoPaddingBorder {
  padding: 0;
  margin-bottom: 20px;
	border: solid 1px #cccccc;
}

/* paddingborder
--------------------------------------*/
.sModSecPaddingBorder,
.comModSecPaddingBorder {
  padding: 20px;
  margin-bottom: 20px;
	border: solid 1px #cccccc;
}


/* paddingborderL
--------------------------------------*/
.sModSecPaddingBorderL,
.comModSecPaddingBorderL {
  padding: 32px 20px;
  margin-bottom: 20px;
	border: solid 10px #cccccc;
}

/* paddingborderS
--------------------------------------*/
.sModSecPaddingBorderS,
.comModSecPaddingBorderS {
  padding: 10px 9px 10px;
  margin-bottom: 20px;
	border: solid 1px #cccccc;
}

/* paddingGray
--------------------------------------*/
.sModSecPaddingGray {
  padding: 20px;
  margin-bottom: 20px;
	background-color: #eeebe8;
}
/* paddingGrayHalf
--------------------------------------*/
.sModSecPaddingGrayHalf {
  padding: 10px;
  margin-bottom: 20px;
	background-color: #eeebe8;
}
.sModSecPaddingGrayHalf.lastChild {
  padding: 10px;
  margin-bottom: 0;
	background-color: #eeebe8;
}

/*----------------------------------------------*/
/*
/* h
/*
/*----------------------------------------------*/

/* h1
--------------------------------------*/
/* disabled for SAPA site
#dMain h1{
	margin-bottom: 30px;
	padding-left: 30px;
	background-image: url(/images/common/module/bg_module_h1.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
  font-size: 2.2em;
  font-weight: bold;
}
*/
  
/* h2
--------------------------------------*/
/* disabled for SAPA site
#aMainContents h2 {
  margin-bottom: 20px;
	padding: 10px 20px;
	background-color: #fbfaf9;
	background-image: url(/images/common/module/bg_module_h2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 1.4em;
  font-weight: bold;
}

#aMainContents h2.h2Link {
	margin-bottom: 30px;
	padding: 0;
	background-image: none;
	background-color: transparent;
}
		#aMainContents h2 a{
			display: inline-block;  
			background-image: url(/images/common/module/ico_arrow_right.gif);
			background-position: right 0.7em;
			background-repeat: no-repeat;
			padding: 3px 16px 3px 0;
			color: #333333;
		}
*/


/* h3
--------------------------------------*/
/* disabled for SAPA site
#aMainContents h3 {
  margin-bottom: 20px;
	padding: 10px 20px;
	background-image: url(/images/common/module/bg_module_h3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #eeebe8;
  font-size: 1.15em;
  font-weight: bold;
}
*/

/* h4
--------------------------------------*/
/* disabled for SAPA site
#aMainContents h4 {
  margin-bottom: 20px;
	padding: 10px 20px;
	background-image: url(/images/common/module/bg_module_h4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: dotted 1px #aaaaaa;
  font-size: 1.15em;
  font-weight: bold;
}
*/

/* h5
--------------------------------------*/
/* disabled for SAPA site
#aMainContents h5 {
  margin-bottom: 20px;
	font-size: 1.15em;
  font-weight: bold;
}
*/

/* hModEleHCol
--------------------------------------*/
#aMainContents .hModEleHCol {
  margin-bottom: 20px;
}

/* hModEleCol h2 */
#aMainContents .hModEleHCol h2 {
  float: left;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
	background-color: transparent;
}

/* hModEleCol div */
#aMainContents .hModEleHCol div {
  float: right;
  margin-top: 5px;
  text-align: right;
  vertical-align: middle;
}

/*----------------------------------------------*/
/*
/* p
/*
/*----------------------------------------------*/
/* disabled for SAPA site
p {
  margin-bottom: 0;
}
div#aMainContents p {
  margin-bottom: 0;
}
.sModSecNormal p.lastChild {
	margin-bottom: 0;
}
table p, fieldset p {
  margin-bottom: 5px;
}
*/

div#aMainContents p.pModEleHalf,
.comModEleHalf {
  margin-bottom: 10px;
}

div#aMainContents p.pModEleTop,
.comModEleTop {
  margin-top: 20px;
  margin-bottom: 0;
}

div#aMainContents p.pModEleTopHalf,
.comModEleTopHalf {
  margin-top: 10px;
  margin-bottom: 0;
}

p.pModEleIndent,
.comModEleIndent {
  text-indent: 1em;
}

p.pModEleCenter,
.comModEleCenter {
  text-align: center;
}

p.pModEleRight,
.comModEleRight {
  text-align: right;
}

/*----------------------------------------------*/
/*
/* a
/*
/*----------------------------------------------*/
a.aModEleDef {
	display: inline-block;  
  background-image: url("/images/common/module/ico_arrow_right.gif");
  background-position: 4px 0.7em;
  background-repeat: no-repeat;
  padding: 3px 0 3px 16px;
}

a.aModEleBack {
	display: inline-block;  
  background-image: url("/images/common/module/ico_arrow_left.gif");
  background-position: 4px 0.5em;
  background-repeat: no-repeat;
  padding: 3px 0 3px 16px;
}

a.aModEleUp {
	display: inline-block;  
  background-image: url("/images/common/module/ico_arrow_up.gif");
  background-position: 4px 0.8em;
  background-repeat: no-repeat;
  padding: 3px 0 3px 16px;
}

a.aModEleDown {
	display: inline-block;  
  background-image: url("/images/common/module/ico_arrow_down.gif");
  background-position: 4px 0.8em;
  background-repeat: no-repeat;
  padding: 3px 0 3px 16px;
}

/*----------------------------------------------*/
/*
/* list
/*
/*----------------------------------------------*/
/* list bottom margin
--------------------------------------*/

/* disabled for SAPA site
table ul, 
table ol, 
table dl, 
fieldset ul, 
fieldset ol, 
fieldset dl {
  margin-bottom: 5px;
}
*/

/* ul style
--------------------------------------*/
/* default */
ul.ulModEleDef li {
  margin: 0 0 5px 0;
  padding-left: 0;
}
ul.ulModEleDef li.lastChild {
	margin-bottom: 0;
}

/* disc */
ul.ulModEleDisc li {
  list-style-image: none;
	background-image: url(/images/common/module/ico_disc.gif);
	background-position: 4px 0.5em;
	background-repeat: no-repeat;
	padding-left: 13px;
	margin: 0 0 5px 0;
}
ul.ulModEleDisc li.lastChild {
	margin-bottom: 0;
}

/* arrow */
ul.ulModEleArrow li {
  margin: 0 0 20px 13px;
  padding-left: 0;
  list-style-image: url(/images/common/module/ico_arrow_right.gif);
}
ul.ulModEleArrow li.lastChild {
	margin-bottom: 0;
}

/* atenttion */
ul.ulModEleAttention li {
  margin: 0 0 5px 1em;
  text-indent: -1em;
}
ul.ulModEleAttention li.lastChild {
	margin-bottom: 0;
}

/* float */
ul.ulModEleFloat li {
  float: left;
  margin-bottom: 5px;
  padding-right: 20px;
	
}
ul.ulModEleFloat li.lastChild {
	margin-bottom: 0;
	padding-right: 0;
}

/* floatbox */
ul.ulModEleFloatBox li {
	float: left;
  padding: 20px;
	margin-bottom: 20px;
	width: 278px;	
	border: solid 1px #cccccc;
}

ul.ulModEleFloatBox li.liRight {
	float: right;
}
ul.ulModEleFloatBox li.liWide {
	float: none;
	width: 618px;
}
#aMainContents ul.ulModEleFloatBox li.lastElement {
	margin-bottom: 0;
	padding-bottom: 20px;
}

/* text nav */
ul.ulModEleTextNav li {
  border-right: 1px solid #999999;
  margin-bottom: 5px;
  list-style: none;
  display: inline;
  white-space: nowrap;
}
ul.ulModEleTextNav li a {
  padding-right: 10px;
  padding-left: 10px;
}

/* ol style
--------------------------------------*/
/* default */
ol.olModEleDef {
	margin-bottom: 10px;
}
ol.olModEleDef li {
  margin: 0 0 5px 25px;
  padding-left: 0;
}

/* dl style
--------------------------------------*/
/* default */
dl.dlModEleDef dt {
  font-weight: bold;
}
dl.dlModEleDef dd {
  margin-bottom: 10px;
}

/* FAQ */
dl.dlModEleFAQ dt {
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 1.6;
}
dl.dlModEleFAQ dd {
  margin-bottom: 15px;
  line-height: 1.6;
  text-indent: -19px;
  padding-left: 19px;
}

/*----------------------------------------------*/
/*
/* table
/*
/*----------------------------------------------*/
/* default */
table.tModEleDef {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  margin-bottom: 20px;
  width: 100%;

  border-collapse:collapse;
  border-spacing: 0;
	background-color: #ffffff;
}
		table.tModEleDef caption {
			padding-bottom: 5px;
			font-weight: bold;
		}
		table.tModEleDef th, 
		table.tModEleDef td {
			border-top: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
		}
		table.tModEleDef th {
			background-color: #eeebe8;
			padding: 10px;
			width: 178px;
		}
		table.tModEleDef td {
			padding: 10px;
		}

		table.tModEleDef thead th {
			background-color: #f5f2ea;
			text-align: center;
			width: 300px;
		}

/* news */
table.tModEleNews {
  border-collapse: collapse;
  width: 100%;
}
		table.tModEleNews caption {
			padding-bottom: 5px;
			font-weight: bold;
		}
		table.tModEleNews tr {
			border-bottom: dotted 1px #aaaaaa;
		}

		table.tModEleNews th, 
		table.tModEleNews td {
			padding: 10px 0;
			vertical-align: top;
		}
				table.tModEleNews th img, 
				table.tModEleNews td img {
					vertical-align: middle;
					margin-left: 10px;
				}
				table.tModEleNews th span.sModEleFileSize, 
				table.tModEleNews td span.sModEleFileSize {
					color: #333333;
				}
		table.tModEleNews thead th,
		table.tModEleNews thead td {
			padding: 5px 0;
		}
		table.tModEleNews thead th {
			background: #EEEEEE;
			text-align: center;
		}

		table.tModEleNews th.thModEleDate {
			padding-right: 10px;
			width: 8em;
			white-space: nowrap;
		}
		table.tModEleNews td.tdModEleCategory {
			padding-right: 10px;
			width: 65px;
		}
				table.tModEleNews td.tdModEleCategory img {
					margin-left: 0;
				}

/* table option */
.tModEleCenter,
.tModEleCenter th,
.tModEleCenter td {
  text-align: center;
}

.tModEleRight,
.tModEleRight th,
.tModEleRight td {
  text-align: right;
}

.tModEleNoBorder,
.tModEleNoBorder th,
.tModEleNoBorder td {
	border: none !important;
}

.tModEleThin th,
.tModEleThin td {
	padding: 5px 0 !important;
}


/*----------------------------------------------*/
/*
/* form
/*
/*----------------------------------------------*/
/* table
--------------------------------------*/
form.fModEleTable table {
  border-collapse: collapse;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  margin-bottom: 20px;
  width: 100%;
	font-size:1.0em;
}
		form.fModEleTable table caption {
			padding-bottom: 5px;
			font-weight: bold;
		}
		
		form.fModEleTable table th, 
		form.fModEleTable table td {
			border-top: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
		}

		form.fModEleTable table th {
			background-color: #eeebe8;
			width: 150px;
			padding: 16px 10px;
			font-weight: normal;
		}
				form.fModEleTable table th label {
					float: left;
				}
				form.fModEleTable table th span img {
					margin-left: 5px;
					float: right;
				}
		form.fModEleTable table td {
			padding: 10px;
			background-color: white;
		}
				form.fModEleTable table td img.iSearch {
					margin-left: 10px;
					vertical-align: top;
				}
		form.fModEleTable table td.tdExample {
			padding: 10px 7px;
			width: 173px;
		}
				form.fModEleTable table td.tdExample p {
					margin-bottom: 0;
				}

/* fieldset
--------------------------------------*/
form.fModEleFieldset fieldset {
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
  padding: 10px 20px;
}

		form.fModEleFieldset legend {
			font-weight: bold;
			padding: 0 5px;
			background-color: white;
		}

/* form
--------------------------------------*/
form ul.ulModEleFloat,
form ul.ulModEleFloat {
  margin-bottom: 0;

}

form input.inModEleTextL {
  width: 239px;
}

form input.inModEleTextM {
  width: 219px;
}

form input.inModEleTextS {
  width: 50px;
}

form textarea.teModEleText {
  width: 97%;
}

form input.inModEleRadio,
form input.inModEleCheck {
  margin-right: 5px;
  vertical-align: middle;
}

form input#zip,
form input#zipF {
  margin-left: 5px;
}

form div.dModEleFormButton {
  position: relative;
  text-align: center;
}
		form div.dModEleFormButton div.dModEleFormReturn {
			position: absolute;
			top: 0;
			left: 0;
		}

				form div.dModEleFormButton input.disabled,
				form div.dModEleFormButton input.disabled:hover {
					opacity: .5;
				}

form p.pModEleExample {
  color: #999999;
}

/* error
--------------------------------------*/
#aMainContents p.pErrorBox {
  font-weight: bold;
  color: #E90000;
  padding: 5px 10px;
  margin-top: 5px;
  background-color: #ffeeee;
}

#aMainContents p.pError {
  font-weight: bold;
  color: #E90000;
  padding: 2px 5px;
  margin-top: 5px;
  background-color: #ffeeee;
}

/* validation tip
--------------------------------------*/
.validationTip {
  display: inline-box;
  font-weight: bold;
  color: #0000E9;
  padding: 2px 5px;
  background-color: #ffeeff;
  margin: 0 0 0 10px;
}

/* char counter
--------------------------------------*/
.counter {
  font-weight: bold;
  color: #999999;
  padding: 0 0 5px 10px;
}

.counter.warning {
  color: #CC6666;
}

.counter.exceeded {
  color: #CC0000;
}

/*----------------------------------------------*/
/*
/* others
/*
/*----------------------------------------------*/

/* more */
.comModEleMore {
  font-weight: bold;
}
/* most */
.comModEleMost {
  font-weight: bold;
  font-size: 1.2em;
}
.comModEleMoreMost {
  font-weight: bold;
  font-size: 1.4em;
}
/* small */
.comModEleSmall {
  font-size: 0.9em;
  font-weight: normal;
}
/* large */
.comModEleLarge {
  font-size: 1.2em;
}
/* normal */
.comModEleNormal {
  font-weight: normal;
}
/* fizesize */
.comModEleFileSize {
  color: #333333;
}
/* required */
.comModEleRequired {
  color: #C00000;
  font-weight: normal;
}


/* hr
--------------------------------------*/
#aMainContents hr {
  height: 1px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 3px solid #EEEEEE;
  margin-bottom: 40px;
}


/*----------------------------------------------*/
/*
/* layout
/*
/*----------------------------------------------*/
/* layout bottom margin
--------------------------------------*/
/* layout col2
--------------------------------------*/

div.dModLayCol2 div.dModLayColL {
  float: left;
}
div.dModLayCol2 div.dModLayColR {
  float: right;
}

/* subnavi */
body.subnavi div.dModLayCol2 div.dModLayColL,
body.subnavi div.dModLayCol2 div.dModLayColR {
  width: 320px;
}

/* nosubnavi */
body.nosubnavi div.dModLayCol2 div.dModLayColL,
body.nosubnavi div.dModLayCol2 div.dModLayColR {
  width: 490px;
}

/* popup */
body.popup div.dModLayCol2 div.dModLayColL,
body.popup div.dModLayCol2 div.dModLayColR {
  width: 300px;
}

/* layout col3
--------------------------------------*/
div.dModLayCol3 div.dModLayColL,
div.dModLayCol3 div.dModLayColC {
  float: left;
	margin-right: 20px;
}
div.dModLayCol3 div.dModLayColR {
  float: right;
}

/* subnavi */
body.subnavi div.dModLayCol3 div.dModLayColL,
body.subnavi div.dModLayCol3 div.dModLayColC,
body.subnavi div.dModLayCol3 div.dModLayColR {
  width: 200px;
}

/* nosubnavi */
body.nosubnavi div.dModLayCol3 div.dModLayColL,
body.nosubnavi div.dModLayCol3 div.dModLayColC,
body.nosubnavi div.dModLayCol3 div.dModLayColR {
  width: 320px;
}

/* popup */
body.popup div.dModLayCol3 div.dModLayColL,
body.popup div.dModLayCol3 div.dModLayColC,
body.popup div.dModLayCol3 div.dModLayColR {
  width: 150px;
}

/* layout img
--------------------------------------*/
div.dModLayImgLeft .fModLayImg,
div.dModLayImgRight .fModLayImg {
  width: 200px;
}

/* right option */
div.dModLayImgLeft .fModLayImg {
  float: left;
}
div.dModLayImgLeft .dModLayText {
  float: right;
}

/* left option */
div.dModLayImgRight .fModLayImg {
  float: right;
}
div.dModLayImgRight .dModLayText {
  float: left;
}

/* subnavi */
body.subnavi div.dModLayImgLeft div.dModLayText,
body.subnavi div.dModLayImgRight div.dModLayText {
  width: 564px;
}

/* nosubnavi */
body.nosubnavi div.dModLayImgLeft div.dModLayText,
body.nosubnavi div.dModLayImgRight div.dModLayText {
  width: 780px;
}

/* popup */
body.popup div.dModLayImgLeft div.dModLayText,
body.popup div.dModLayImgRight div.dModLayText {
  width: 400px;
}

/* layout img float
--------------------------------------*/

div.dModLayImgFloatLeft .fModLayImg,
div.dModLayImgFloatRight .fModLayImg {
  width: 200px;
  margin-bottom: 20px;
}

/* right option */
div.dModLayImgFloatRight .fModLayImg {
  float: right;
  padding-left: 20px;
}

/* left option */
div.dModLayImgFloatLeft .fModLayImg {
  float: left;
  padding-right: 20px;
}