@charset "UTF-8";

/*--------------------------------------------------------------------
 Default
----------------------------------------------------------------------*/

body,div,p,ul,ol,li,dl,dt,dd,table,th,td,img,
h1,h2,h3,h4,h5,h6,form,select{
	margin: 0px;
	padding: 0px;
	text-align: left;
}

html{overflow-y: scroll;}


/*hr		{display: none;}*/
img		{
	border: 0px;
	vertical-align: top;
}
ul,ol	{list-style: none;}
input,
select {vertical-align: middle;}


/*--------------------------------------------------------------------
 Font
----------------------------------------------------------------------*/

body{
	font-size: 10px;
	color: #333;
	font-style: normal;
	font-family: "メイリオ", Meiryo,	"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
}

* ht.marL body{font-size: x-small;}
*:first-child+ht.marL body{font-size: x-small;}
table{_font-size: 100%;}

a:link{color: #1470CC; text-decoration: none;}
a:visited{color: #802680; text-decoration: none;}

a:active,
a:hover{text-decoration: underline;}

.strong {
	font-weight: bold;
}

/* 注釈 */
ul.notes {
	padding-left: 1.6em;
	text-indent: -1.6em;
}
table ul.notes li { font-size: 83.3%; }
table ul.notes {
	padding-left: 1.1em;
	text-indent: -1.1em;
}
/* 別窓アイコン */
li.external {
	padding-left: 13px;
	background-image: url(/SYS/cmn/images/common/mark_win.gif);
	background-position: -2px 2px;
	background-repeat: no-repeat;
}
/* 入れ子対応 */
p input,
p select,
p textarea,
li p,
li li,
li dt,
li dd,
li input,
li select,
li textarea,
dd p,
dd li,
dd dt,
dd dd,
dd input,
dd select,
dd textarea,
th p,
th li,
th dt,
th dd,
th input,
th select,
th textarea,
td p,
td li,
td dt,
td dd,
td input,
td select,
td textarea,
td th,
td td { font-size: 100%; }


/*--------------------------------------------------------------------
 Heading
----------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-size: 100%; }


/*--------------------------------------------------------------------
 Base
----------------------------------------------------------------------*/

#wrapper{text-align: center;}

#header,
#topicPath,
#footerNav,
#footer{
	width: 950px;
	margin: 0px auto;
	overflow: hidden;
	_zoom: 1;
}

#container{
	padding-bottom: 10px;
}

#contentsArea {
	font-size: 120%;
	line-height: 1.5;
}

#contents {
	padding: 10px;
	overflow: hidden;
	zoom: 1;
}
#oneColumnContents {
	position: relative;
	margin: 0 1px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	zoom: 1;
}
#oneColumnContentsInner {
	position: relative;
	margin: 0 -1px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	zoom: 1;
}

.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

/*--------------------------------------------------------------------
 Header
----------------------------------------------------------------------*/

h1{
	position: absolute;
	top: 3px;
	right: 0px;
	font-weight: normal;
}

#logo{
	float: left;
	padding: 5px 0px;
}

#header { position: relative; }

#header ul.links{
	float: right;
	padding-top: 30px;
}

#header ul.links li{
	float: left;
	margin-left: 10px;
	padding-right: 12px;
	border-right: 1px solid #CCC;
	line-height: 1.8em;
}

#header ul.links li.lastChild{
	margin-right: 0px;
	border: none;
}

#header ul.links li.external a {
	padding-left: 0;
	background: none;
}

#header ul li a.close {
	padding-left: 14px;
	background: url(/SYS/cmn/images/common/btn_close_03.gif) no-repeat left center !important;
}

/*--------------------------------------------------------------------
 Topic Path
----------------------------------------------------------------------*/

#topicPath{
	clear: both;
	padding: 10px 0px;
}

#topicPath li{
	float: left;
}

#topicPath .strong {
	font-size: 1em;
	color: #666;
}

#topicPath p{
	margin-right: 25px;
	padding-left: 16px;
	background: url("../images/icon_back.gif") no-repeat left center;
}

#topicPath li + li {
	background: url(/SYS/cmn/images/common/bg_chevron.gif) no-repeat left center;
	margin-left: 6px;
	padding-left: 13px;
}

/*--------------------------------------------------------------------
 SEO Word
----------------------------------------------------------------------*/

p.seoText,
p.seoTextRight {
	font-size: 84%;
	color: #666666;
}

p.seoTextRight { text-align: right; }


/*--------------------------------------------------------------------
 Other
----------------------------------------------------------------------*/

p#pagetop{
	clear: both;
	margin-bottom: 10px;
}

p#pagetop a{
	display: block;
	padding: 5px;
	font-size: 84%;
	text-align: right;
}

p#pagetop a:hover{background-color: #DBF1FF;}

p#pagetop a span{
	padding-left: 15px;
	background: url("/SYS/cmn/images/common/mark_totop.gif") no-repeat left center;
}

ul.links li a,
a.triangleLink{
	padding-left: 10px;
	background: url("/SYS/ticket/images/icon/icon_dotarrow_blue.gif") no-repeat left center;
}

a.window{
	padding-right: 15px;
	background: url("/SYS/ticket/images/icon/icon_window.gif") no-repeat right center;
}

.iconOff {
	padding-left: 13px;
	background: url("/SYS/ticket/images/icon/icon_sub_off.gif") no-repeat left center;
	color: #CA0000;
	font-weight: bold;
}

#explanation {
	margin-bottom: 10px;
}

#flow dd {
	margin: 0 0 40px 0;
}

/*--------------------------------------------------------------------
 Contents
----------------------------------------------------------------------*/

/* Social Btn
------------------------------------------------------------*/

.socialBtn ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

/*--------------------------------------------------------------------
 Footer
----------------------------------------------------------------------*/
.inner {
	color: #555555;
	line-height: 1.4em;
}

#footer {
	padding-top: 15px !important;
	border-top: solid 1px #DFDFDF;
}

#footer ul {
	float: right;
	margin-top: 5px;
	}

#footer ul li{
	float: left;
	margin-right: 0.5em;
	padding-right: 0.5em;
	border-right: solid 1px #999;
	line-height: 1;
	font-size: 100%;
	}

#footer ul li.lastChild {
	margin-right: 0;
	padding-right: 0;
	border: none;
	}

/*--------------------------------------------------------------------
 General CSS
----------------------------------------------------------------------*/
.marT40		{ margin-top: 40px; }
.marB10		{ margin-bottom: 10px; }