@charset "UTF-8";

/*====================================================================
 reset styles
====================================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
select, input, button, textarea {
	margin: 0;
	font-size: 99%;
	vertical-align: top;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a {
	outline: 0;
}
ul, ol {
	list-style: none;
}
img, iframe {
	vertical-align: top;
}
table {
	font-size: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
tr {
	vertical-align: top;
}
caption, th {
	text-align:left;
}
abbr, acronym {
	border: 0;
}
sup {
	vertical-align: top;
	font-size: 81%;
}
sub {
	vertical-align: bottom;
	font-size: 81%;
}



/*====================================================================
 general purpose
====================================================================*/
/* margin
--------------------------------------------------------------------*/
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}

.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}

.ml00 {margin-left: 0 !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}

.mr00 {margin-right: 0 !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}


/* text-align
--------------------------------------------------------------------*/
.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.top {vertical-align: top !important;}
.middle {vertical-align: middle !important;}
.bottom {vertical-align: bottom !important;}


/* float
--------------------------------------------------------------------*/
.fLeft {float: left !important;}
.fRight {float: Right !important;}


/* font-size
--------------------------------------------------------------------*/
.f10 {font-size: 81%;}
.f11 {font-size: 88%;}
.f13 {font-size: 106%;}
.f14 {font-size: 113%;}
.f15 {font-size: 124%;}
.f16 {font-size: 130%;}
.f17 {font-size: 138%;}
.f18 {font-size: 148%;}
.f19 {font-size: 163%;}
.f20 {font-size: 173%;}


/* font-type
--------------------------------------------------------------------*/
.bold {font-weight: bold;}
.italic {font-style: italic;}


/* display
--------------------------------------------------------------------*/
.displayNone {display: none !important;}
.displayBlock {display: block !important;}


/* list
--------------------------------------------------------------------*/
.list01 {
	margin-top: 3px;
}
.list01 li {
	margin-left: 1.2em;
	position: relative;
	zoom: 1;
}
.list01 li .listStyle {
	position: absolute;
	left: -1.2em;
	top: 0;
}


/* headingBlock
--------------------------------------------------------------------*/
.topHeadingBlock {
	margin: 17px auto;
	padding: 0 10px;
	width: 980px;
	font-size: 183%;
	text-align: left;
}
.topHeadingBlock h1 {
	font-weight: bold;
}


/* input, select
--------------------------------------------------------------------*/
input.customCheckbox01,
input.customRadio01 {
	z-index: -1;
	position: absolute;
	left: 1px;
	top: 1px;
}
.choosyIcon input.customCheckbox01 {
	top: 18px;
}
label.customCheckbox01 {
	position: relative;
	display: inline-block;
	padding-left: 23px;
	cursor: pointer;
	zoom: 1;
}
label.customCheckbox01:after {
	content: " ";
	position: absolute;
	top: -2px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	display: block;
	font-size: 113%;
	background: url(/kansai/common/img/cmn_ico_09.png) no-repeat 0 0;
	zoom: 1;
}
.choosyIcon label.customCheckbox01:after {
	top: 18px;
}
label.customCheckbox01.labelSelected:after {
	content: "x";
	color: transparent;
	text-indent: -9999px;
	background-position: 0 -25px;
}

label.customRadio01 {
	position: relative;
	display: inline-block;
	padding-left: 23px;
	cursor: pointer;
	zoom: 1;
}
label.customRadio01:after {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	display: block;
	font-size: 113%;
	background: url(/kansai/common/img/cmn_ico_10.png) no-repeat 0 0;
}
label.customRadio01.labelSelected:after {
	content: "x";
	text-indent: -9999px;
	background-position: 0 -25px;
}

.customSelect01 {
}
.customSelectChanged {
	color: #1f1f1f;
}
.customSelect01 .customSelectInner {
	display: inline-block;
	min-width: 100px;
	padding: 6px 30px 4px 5px;
	background: url(/kansai/common/img/cmn_ico_11.png) no-repeat 100% 50% #ffffff;
	border: 1px solid #b4b4b4;
	border-radius: 3px;
}

* html input.customCheckbox01,
* html input.customRadio01 {
	z-index: 1;
	position: static;
}
* html label.customCheckbox01,
* html label.customRadio01 {
	padding-left: 0;
}

*+html input.customCheckbox01,
*+html input.customRadio01 {
	z-index: 1;
	position: static;
}
*+html label.customCheckbox01,
*+html label.customRadio01 {
	padding-left: 0;
}



/*====================================================================
 html body
====================================================================*/
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	min-width: 980px;
	font-size: 75%;
	line-height: 1.34;
	font-family: Meiryo,'Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
	text-align: center;
	color: #000000;
	background-color: #f5f5f6;
}
html:not(:target) body {font-size:12px;}

input, select, textarea, table {
	font-family: Meiryo,'Lucida Grande','Hiragino Kaku Gothic ProN',sans-serif;
}



/*====================================================================
 link
====================================================================*/
a:link, a:visited {
	color: #1a40bb;
	text-decoration: none;
}
a:hover, a:active {
	color: #1a40bb;
	text-decoration: underline;
}



/*====================================================================
 contents
====================================================================*/
#contents {
	min-width: 980px;
}
#contentsInner {
	margin: 0 auto;
	padding: 0 10px;
	width: 980px;
	text-align: left;
}
#contentsInner.liquidContentsInner {
	padding: 0 20px;
	width: auto;
	min-width: 960px;
}


/* main
--------------------------------------------------------------------*/
#main {
	width: 780px;
	float: left;
}

#topicPath {
	margin: 8px auto 6px;
	padding: 0 10px;
	width: 980px;
	text-align: left;
}
#topicPath ul li {
	float: left;
	margin-right: 5px;
}
#topicPath ul li a,
#topicPath ul li span {
	padding-right: 13px;
	background: url(/kansai/common/img/topicpath_ico_01.png) no-repeat 100% 50% transparent;
}


/* side
--------------------------------------------------------------------*/
#side {
	width: 180px;
	float: right;
}



/*====================================================================
 contents_oem
====================================================================*/
.oemContents#contents {
	padding-top: 32px;
}



/*====================================================================
 clearfix
====================================================================*/
.clearfix:after,
#contents:after,
#contentsInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
#contents,
#contentsInner {
	zoom: 1;
}