@charset "shift_jis";

/*=================================

	Base common setting

=================================*/
body {
	font: 12px/1.4 "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
	text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
}

/* link setting */
a {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
.pcSite a,
.pcSite span {
	padding: 2px 20px 1px 0;
	background: url(../images/com_pc.png) no-repeat 100% 100%;
}

/* image */
#header .logo,
#footer #footerNav01 li,
#recommend li,
#header {
	line-height: 1;
}

/* Section
-------------------------------- */
.section {
	padding: 10px;
}

/* Title layout
-------------------------------- */
.heading01 {
	padding: 3px 10px;
	background: #e60012;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 1px;
}
.heading04 {
	clear: both;
	margin-bottom: 5px;
	border-bottom: #d6d6d6 2px solid;
	font-size: 18px;
}
.heading04 .title {
	padding: 4px;
	background: -moz-linear-gradient(top, #ca0209, #de0617);
	background: -webkit-gradient(linear, center top, center bottom, from(#ca0209), to(#de0617));
	border-bottom: #ffffff 1px solid;
	font-size: 18px;
	color: #ffffff;
}
.heading04 .inner {
	display: block;
	padding: 0 10px;
	border-left: #fff8b0 5px solid;
	font-weight: bold;
}
.heading04 .shoulder {
	display: block;
	font-size: 13px;
	font-weight: bold;
}

.heading05 {
	clear: both;
	margin: 15px 0 0;
	padding: 4px;
	background-color: #e94949;
	font-size: 14px;
}
.heading05 .title {
	padding: 0 7px;
	border-left: #fff8b0 3px solid;
	color: #ffffff;
	font-weight: bold;
}
.heading05 .highLight {
	color: #fff056;
	font-weight: bold;
}

.heading06 {
	clear: both;
	border-left: #dd0516 3px solid;
	margin-bottom: 5px;
	padding: 0 5px;
	font-size: 15px;
	font-weight: bold;
}

.heading07 {
	clear: both;
	margin: 15px 0 0;
	padding: 4px;
	background-color: #e94949;
	font-size: 14px;
	text-align: center;
}
.heading07 .title {
	display: inline-block;
	padding: 0 7px;
	color: #ffffff;
	font-weight: bold;
}
.heading07 .title .icon {
	margin-right: 3px;
	vertical-align: text-bottom;
}

/* text layout
-------------------------------- */
.leadText {
	font-size: 15px;
	font-weight: bold;
	color: #a1010d;
	text-shadow: rgba(161, 1, 13, 0.3) 0 1px 1px;
}

/* txtRed */
.txtRed {
	color: #a1010d;
}

/* underLine */
.underLine {
	border-bottom: 1px solid #333;
}

/* note */
.note01,
.note01 li {
	padding-left: 1em;
	text-indent: -1em;
}
.note02,
.note02 li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
ul.note02,
ul.note01 {
	padding: 0;
}

/* toggle layout
-------------------------------- */
.toggleKey {
	position: relative;
}
.heading01 .icon {
	position: absolute;
	top: 5px;
	right: 7px;
}
.heading02 .icon {
	position: absolute;
	top: 11px;
	right: 9px;
}
.toggleContents > p:not(.allLink) {
	margin: 10px 13px;
}

/* List layout
-------------------------------- */
/* normalList */
.normalList01 {
	margin: 10px 0 0 0;
	padding: 10px 12px 0;
	border-top: 1px solid #0071be;
}

/* newsList */
.newsList {
	margin: 10px 13px;
}
.newsList dt {
	margin-top: 8px;
}
.newsList dt img {
	margin-left: 20px;
	vertical-align: text-top;
}
.allLink {
	margin: 10px 0;
	padding-top: 7px;
	background: url(../images/com_bg01.gif) repeat-x 0 0;
	text-align: center;
}
.linkList + .allLink {
	padding: 0;
	background: none;
}

/* linkList */
.linkList li {
	background: url(../images/com_bg01.gif) repeat-x 0 100%;
}
.linkList a {
	display: block;
	padding: 7px 10px;
}
.linkList a:after {
	position: absolute;
	right: 10px;
	content: url(../images/com_ic01.png);
}

/* iconList */
ul.iconList01 {
	margin: 15px 0 0;
}
ul.iconList01 li {
	margin: 5px 0 0;
	padding: 0 0 0 17px;
	background: url(../images/com_ic05.png) no-repeat 0 0.3em;
}
p.iconList01 {
	margin: 10px 0 0;
	padding: 0 0 0 17px;
	background: url(../images/com_ic05.png) no-repeat 0 0.3em;
}

ul.iconList02 {
	margin: 15px 0 0;
}
ul.iconList02 li {
	margin: 5px 0 0;
	padding: 0 0 0 14px;
	background: url(../images/com_ic06.png) no-repeat 0 0.4em;
}
p.iconList02 {
	display: inline-block;
	margin: 10px 0 0;
	padding: 0 0 0 10px;
	background: url(../images/com_ic06.png) no-repeat 0 0.4em;
}
.iconList02 a,
.simpleLink a {
	color: #006cc8;
}
/* 2014.05.13 追加 */
.spSeikyubtnArea {
	clear:both;
	width:300px;
	margin:0 auto;
}
.spSeikyubtnArea .btnCancel {
	width:150px;
	float:left;
}
.spSeikyubtnArea .btnNext {
	width:150px;
	float:left;
}
/* btnLink */
.btnLink01 {
	clear: both;
	width: 141px;
	margin: 10px auto 0;
	border: #6f6f6f 1px solid;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: inset 0 2px 0 0 #ececec;
	-webkit-box-shadow: inset 0 2px 0 0 #ececec;
	background: url(../images/com_bg01.png) repeat-x 0 50%;
}
/* original
.btnLink01 a {
	position: relative;
	display: block;
	background: url(../images/com_ic01.png) no-repeat 98% 50%;
	padding: 8px 22px 8px 12px;
}
.btnLink01 a span {
	font-weight: bold;
}
*/
/*
  update 2011-08-19 by nakamura
   aタグが無くてもいいようにした
 */
.btnLink01 span {
	position: relative;
	display: block;
	background: url(../images/com_ic01.png) no-repeat 98% 50%;
	padding: 8px 22px 8px 12px;
	font-weight: bold;
}
.btnLink01.btnLarge {
	width: 241px;
}

/* navList */
.navList01 {
	clear: both;
	margin: 10px 0 0;
	border-bottom: #cccccc 1px solid;
}
.navList01 li {
	position: relative;
	min-height: 43px;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
}
.navList01 li li {
	border: none;
	border-top: #cccccc 1px solid;
}
.navList01 li a,
.navList01 li div {
	display: block;
	padding: 10px;
	background: url(../images/com_ic01.png) no-repeat 97% 50%;
	font-size: 15px;
	font-weight: bold;
}
.navList01 li a span {
	font-weight: bold;
}
.navList01 li .listIcon {
	vertical-align: middle;
	margin: 0 11px 0 0;
}
.navList01 li .icon {
	display: block;
	position: absolute;
	top: 8px;
	right: 10px;
}



/* Table
-------------------------------- */
.tableLayout {
	clear: both;
	margin: 5px 0 0;
}
.tableLayout a {
	color: #1176CC;
}
.tableLayout a:visited {
	color: #1176CC;
}
.tableLayout table {
	width: 100%;
	border: #8c8c8c 1px solid;
}
.tableLayout th,
.tableLayout td {
	padding: 7px;
	border: #8c8c8c 1px solid;
	vertical-align: top;
}
.tableLayout .tableTitle {
	margin: 0 0 3px;
	font-size: 13px;
	font-weight: bold;
}
.tableLayout .tableCaption {
	margin: 3px 0 0;
	text-align: right;
}

/* cell color */
.tableLayout .tableHeading01 {
	background-color: #ffa9a9;
}
.tableLayout .tableHeading02 {
	background-color: #fff8b0;
}

/*=================================

	Header

================================ */
#header {
	height: 44px;
	margin-bottom: 8px;
	padding-top: 1px;
	border-top: 3px solid #e60012;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(224,224,224)),
    color-stop(1, rgb(253,253,253))
);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(224,224,224) 0%,
    rgb(253,253,253) 100%
);
}
#header .logo {
	float: left;
}
#viewmode {
	float: right;
	margin: 8px 10px 0 0;
}

#topicPath {
	clear: both;
	padding: 0 8px 6px;
}
#topicPath li {
	float: left;
}
#topicPath li:after {
	content: ">";
	margin: 0 0 0 4px;
	padding: 0 4px 0 0;
}
#topicPath li:last-child:after {
	content: "";
	margin: 0;
	padding: 0;
}
#topicPath a {
	color: #006cc8;
}

/*=================================

	Footer

================================ */
#footer {
	clear: both;
}

/* footerNav01 */
#footer #footerNav01 {
	margin-bottom: 1px;
	background: #fff8b0;
}
#footer #footerNav01 ul {
	width: 320px;
	margin: 0 auto;
	padding: 8px 0 10px 0;
	overflow: hidden;
}
#footer #footerNav01 li {
	float: left;
	width: 160px;
	text-align: center;
}

/* pageUp */
#footer .pageUp {
	clear: both;
}
#footer .pageUp a {
	display: block;
	padding: 9px 0 8px;
	background: #e7e7e7;
	text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
}
#footer .pageUp a span {
	display: table;
	margin: 0 auto;
	padding-left: 19px;
	background: url(../images/com_ic04.png) no-repeat 0 50%;
}

/* footerNav02 */
#footer #footerNav02 ul {
	width: 320px;
	margin: 0 auto;
	padding: 8px 0 10px 0;
}
#footer #footerNav02 li {
	float: left;
	padding: 5px 10px 5px 0;
	margin-right: 10px;
	border-right: 1px solid #cdcdcd;
}
#footer #footerNav02 li:first-child {
	margin-left: 10px;
}
#footer #footerNav02 li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#footer #footerNav02 li a {
	display: inline-block;
	background: url(../images/footer_ic01.png) no-repeat 0 50%;
	padding-left: 8px;
}

/* footerNav03 */
#footer #footerNav03 {
	clear: both;
	margin: 15px 0;
	text-align: center;
}
#footer #footerNav03 li {
	display: inline-block;
	margin: 0 0 0 12px;
	font-size: 14px;
}
#footer #footerNav03 li a {
	padding: 0 12px;
	border-right: #888888 1px solid;
	background: url(../images/footer_ic02.png) no-repeat 0 50%;
	color: #1176cc;
}
#footer #footerNav03 li:last-child {
	margin: 0 0 0 9px;
}
#footer #footerNav03 li:last-child a {
	border: none;
}


/* copyright */
#author {
	position: relative;
	clear: both;
	padding: 8px 9px 180px 9px;
	border-top: 1px solid #a9a9a9;
}
#author #copyright {
	position: absolute;
	top: 9px;
	right: 9px;
}

/*=================================

	Site Top
	/sp/index.html

================================ */

/* recommend
-------------------------------- */
#recommend {
	clear: both;
	width: 320px;
	margin: 0 auto;
	overflow: hidden;
}
#recommend ul {
	margin: 0 -10px 0 10px;
}
#recommend li {
	float: left;
	margin: 0 10px 6px 0;
}
#recommend .column {
	float: left;
	margin-bottom: 0;
}

/* anchorNav
-------------------------------- */
#anchorNav {
	margin: 5px 0;
	padding: 8px 0;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left 25%,
    color-stop(0, rgb(229,229,229)),
    color-stop(0.5, rgb(255,255,255)),
    color-stop(0.5, rgb(255,255,255)),
    color-stop(1, rgb(229,229,229))
);
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(229,229,229) 0%,
    rgb(255,255,255) 50%,
    rgb(255,255,255) 50%,
    rgb(229,229,229) 100%
);
	text-align: center;
}
#anchorNav ul {
	width: 320px;
	margin: 0 auto;
}
#anchorNav li {
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
}
#anchorNav li:last-child {
	margin-right: 0;
}
#anchorNav li a {
	display: block;
	padding-left: 17px;
	background: url(../images/com_ic03.png) no-repeat 0 50%;
}

/* information
-------------------------------- */
#information .heading01 {
	margin-bottom: 1px;
}
#information .infoLink02 {
	margin: 5px 10px;
	border-bottom: 1px solid #dfd894;
}
#information .infoLink02 a,
#information .infoLink a {
	display: block;
	padding: 5px 30px 5px 10px;
	background: #fff8b0 url(../images/com_ic01.png) no-repeat 97% 50%;
}
#information .infoLink02 span,
#information .infoLink span {
	display: table-cell;
	height: 55px;
	padding-left: 70px;
	background: url(../../images/index_il01.gif) no-repeat 0 50%;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}

/* lecture
-------------------------------- */
#lecture .heading01 {
	margin-bottom: 5px;
}
#indexNav01 {
	margin-bottom: 10px;
	border-top: 1px solid #a8a8a8;
}
#indexNav01 .icon {
	position: absolute;
	top: 9px;
	right: 9px;
}
#indexNav01 li div {
	position: relative;
	height: 28px;
	margin-top: 1px;
	padding: 12px 0 6px 44px;
	border-bottom: 1px solid #a8a8a8;
	background: #e7e7e7 url(../../images/index_ic01.gif) no-repeat 7px 8px;
	font-size: 15px;
	font-weight: bold;
}
#indexNav01 #finance div {
	background: #e7e7e7 url(../../images/index_ic02.gif) no-repeat 7px 8px;
}
#indexNav01 #estate div {
	background: #e7e7e7 url(../../images/index_ic03.gif) no-repeat 7px 8px;
}
#indexNav01 #row div {
	background: #e7e7e7 url(../../images/index_ic04.gif) no-repeat 7px 8px;
}
#indexNav01 #international div {
	background: #e7e7e7 url(../../images/index_ic05.gif) no-repeat 7px 8px;
}
#indexNav01 #it div {
	background: #e7e7e7 url(../../images/index_ic06.gif) no-repeat 7px 8px;
}
#indexNav01 #professional div {
	background: #e7e7e7 url(../../images/index_ic07.gif) no-repeat 7px 8px;
}
#indexNav01 #business div {
	background: #e7e7e7 url(../../images/index_ic08.gif) no-repeat 7px 8px;
}
#indexNav01 #waseda div {
	background: #e7e7e7 url(../../images/index_ic09.gif) no-repeat 7px 8px;
}
#indexNav01 .indexNav02 li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
}
#indexNav01 .indexNav02 a {
	display: block;
	padding: 10px 40px 10px 10px;
	background: url(../images/com_ic01.png) no-repeat 97% 50%;
}
#indexNav01 .indexNav02 span {
	display: inline-block;
	padding-right: 20px;
	background: url(../images/com_pc.png) no-repeat 100% 50%;
	font-size: 14px;
	font-weight: bold;
}
#indexNav01 .insideLink span {
	background: none;
	padding-right: 0;
}

/* aside
-------------------------------- */
aside {
}
aside li {
	display: table;
	height: 74px;
	width: 100%;
	margin-bottom: 2px;
}
aside li a {
	display: block;
	padding: 10px 20px 10px 10px;
	background: #454545 url(../images/com_ic02.png) no-repeat 97% 50%;
	color: #ffffff;
}
aside li a:visited {
	color: #ffffff;
	text-decoration: none;
}
aside li .heading03 {
	display: block;
	margin-bottom: 3px;
	font-size: 18px;
	font-weight: bold;
}
aside li div {
	display: table-cell;
	height: 55px;
	padding-left: 70px;
	background: url(../../images/index_il02.gif) no-repeat 0 50%;
	font-size: 12px;
}
aside #answerRquest div {
	background: url(../../images/index_il03.gif) no-repeat 0 50%;
}


/*=================================
	leo
================================ */
/* toggleList01
-------------------------------- */
.toggleList01 {
	margin-top: 20px;
	border-bottom: 1px solid #9f9d86;
}
.toggleList01 li {
	border: 1px solid #9f9d86;
	border-bottom: none;
}
.toggleList01 .item {
	position: relative;
	padding: 15px 85px 15px 45px;
	background: #fdffce;
	color: #333333;
	font-weight: bold;
	font-size: 115%;
}
.toggleList01 .item .itemIcon {
	vertical-align: middle;
	margin: 0 8px 0 0;
}
.toggleList01 .item .icon02 {
	position: absolute;
	top: 8px;
	right: 8px;
}
.toggleList01 .toggleContents02 {
	overflow: hidden;
	padding: 0 10px 10px;
	border-top: 3px solid #fff598;
	background: -moz-linear-gradient(top, #fff494, #fff8b0);/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff494), to(#fff8b0));/* Safari,Google Chrome用 */
}
.toggleList01 .colorBox {
	margin-top: 10px;
	padding: 14px;
	background: #ffffff;
}

.toggleContents02 ul,
.toggleContents02 ul li {
	border: none;
}

.toggleList01 .toggleKey02 .item {
	background: #fdffce url(../images/com_ic11.png) no-repeat 5px 50%;
	vertical-align: middle;
}

/* .numCol
-------------------------------- */
.numCol {
	padding-top: 9px;
}

.numCol .num {
	float: right;
	margin-left: 10px;
}
.numCol .text {
	overflow: hidden;
}

/* .btnList01
-------------------------------- */
.btnList01 {
	text-align: center;
	margin-top: 10px;
}

.btnList01 li {
	display: inline-block;
	margin-right: 8px;
}
.btnList01 li:last-child {
	margin-right: 0;
}

/* eventList01
-------------------------------- */
.eventList01 {
	padding: 3px 10px 10px;
	background-color: #fff0f0;
}
.eventList01 .listTitile {
	padding-bottom: 9px;
	background: url(../images/com_bg02.png) repeat-x 0 100%;
}

/* defList01
-------------------------------- */
.defList01 {
	margin-bottom: 10px;
}
.defList01 dt {
	color: #c50000;
	font-weight: bold;
}
.defList01 dd {
	padding: 0 0 0 14px;
	background: url(../images/com_ic06.png) no-repeat 0 0.4em;
}
.defList01 dd a {
	padding: 2px 20px 1px 0;
	background: url(../images/com_pc.png) no-repeat 100% 100%;
	color: #006cc8;
	font-weight: bold;
}

/* defList02
-------------------------------- */
.defList02 {
	margin-bottom: 10px;
}
.defList02 dt {
	font-weight: bold;
}
.defList02 dd {
	padding: 0 0 0 10px;
	background: url(../images/com_ic06.png) no-repeat 0 0.4em;
}
.defList02 dd a {
	padding: 2px 20px 1px 0;
	background: url(../images/com_pc.png) no-repeat 100% 100%;
	color: #006cc8;
	font-weight: bold;
}

/* utilityCol01
-------------------------------- */
.utilityCol01 {
	margin-top: 20px;
}
.utilityCol01 .imgR {
	float: right;
	margin-left: 10px;
}
.utilityCol01 .imgL {
	float: left;
	margin-right: 10px;
}
.utilityCol01 .text {
	overflow: hidden;
}

/* utilityCol01spSeikyu
-------------------------------- */
.utilityCol01spSeikyu {
	width:320px;
	clear:both; /* 2014.05.13追加 */
	float:none; /* 2014.05.13追加 */
	margin: 45px auto 0;
}
.utilityCol01spSeikyu .imgR {
	float: right;
	margin-left: 10px;
}
.utilityCol01spSeikyu .imgL {
	float: left;
	margin-right: 10px;
}
.utilityCol01spSeikyu .text {
	overflow: hidden;
}


/* toggleList02
-------------------------------- */
.toggleList02 {
	clear: both;
	margin-bottom: 10px;
	border-bottom: #cccccc 1px solid;
}
.toggleList02 .inner {
	position: relative;
	min-height: 43px;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
}
.toggleList02 .inner .title {
	padding: 10px 80px 10px 10px;
	font-size: 15px;
	font-weight: bold;
}
.toggleList02 .inner .title .icon {
	display: block;
	position: absolute;
	top: 8px;
	right: 10px;
}
.toggleList02 .inner .detail {
	padding: 10px;
}
.toggleList02 .inner .detail p {
	margin: 0;
}
.toggleList02 .inner .detail .section {
	padding: 10px 0 11px 10px;
	background: url(../images/com_bg03.png) repeat-x 0 100%;
}
.toggleList02 .inner .detail .section:last-child {
	background: none;
}


/* processList
-------------------------------- */
.processList {
	text-align: center;
}
.processList li {
	display: inline-block;
	margin-right: 1px;
	padding-right: 12px;
	background: url(../images/com_ic01.png) no-repeat right 50%;
}
.processList li:last-child {
	margin-right: 0;
	padding-right: 0;
	background: none;
}
.processList li span {
	display: inline-block;
	width: 60px;
	padding: 12px 0 12px;
	border: 1px solid #cccccc;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.processList li.on span {
	border: 1px solid #e94949;
	background: #e94949;
	color: #ffffff;
}

/* radioBtnList
-------------------------------- */
.radioBtnList01 {
	margin-top: 20px;
	text-align: center;
}
.radioBtnList01 li {
	display: inline-block;
	margin-right: 20px;
}
.radioBtnList01 .radioBtn {
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
	top: -0.25em;
}
.radioBtnList01 li:last-child {
	margin-right: 0;
}

.radioBtnList02 {
	margin-top: 10px;
}
.radioBtnList02 li {
	float: left;
	display: inline-block;
	margin-right: 20px;
}
.radioBtnList02 .radioBtn {
	vertical-align: middle;
	margin-right: 10px;
}
.radioBtnList02 li:last-child {
	margin-right: 0;
}

.radioBtnList03 li {
	float: left;
	width: 50%;
	margin-top: 10px;
}
.radioBtnList03 li.lineFirst {
	clear: both;
}
.radioBtnList03 li div {
	padding-right: 20px;
}
.radioBtnList03 .radioBtn {
	vertical-align: middle;
	margin-right: 10px;
}

.radioBtnList04 li {
	margin-top: 10px;
	padding: 0 20px 0 30px;
	text-indent: -30px;
}
.radioBtnList04 .radioBtn {
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
	top: -0.2em;
}

/* checkboxBtnList
-------------------------------- */
.checkboxBtnList01 li {
	margin: 10px 0 0 0;
}
.checkboxBtnList01 li div {
	padding: 0 0 0 30px;
	text-indent: -30px;
}
.checkboxBtnList01 .checkForm {
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
	top: -0.2em;
}
.checkboxBtnList02 li {
	margin-top: 10px;
	padding: 0 20px 0 30px;
	text-indent: -30px;
}
.checkboxBtnList02 .checkForm {
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
	top: -0.2em;
}


/* chair
-------------------------------- */
.class {
	padding: 10px;
}
.class .icon {
	vertical-align: middle;
	margin-left: 10px;
}

/* formType01
-------------------------------- */
.formType01 dt {
	clear: both;
	float: left;
	width: 3em;
	margin-top: 14px;
	font-weight: bold;
}

.formType01 dd {
	padding: 10px 0 0 3em;
}
/* formTypePostalCode
-------------------------------- */
.formTypePostalCode {
	margin-top: 10px;
}
.formTypePostalCode li {
	float: left;
	margin-right: 10px;
}
.formTypePostalCode li:last-child {
	float: left;
	margin: 2px 0 0 0;
}

/* selectBox
-------------------------------- */
.selectBox {
	margin-top: 10px;
}
.selectBox .input01,
.selectBox .input02 {
	padding: 1px;
	border: 1px solid #cccccc;
}

/* errorList
-------------------------------- */
.errorList li {
	text-indent: -0.5em;
	padding-left: 0.5em;
	font-weight: bold;
	font-size: 15px;
}

/* alphabetList
-------------------------------- */
ol.alphabetList li {
	padding-left: 1.2em;
	text-indent: -1.2em;
	background: none;
}

/* input
-------------------------------- */
.input01 {
	padding: 3px 10px;
	border: 1px solid #cccccc;
}
.input02 {
	border: 1px solid #cccccc;
}

.bgError .input01,
.bgError .input02 {
	border-color: #e94949;
}

/* errorText01
-------------------------------- */
.errorText01 {
	padding-top: 5px;
	color: #df0000;
	font-weight: bold;
}
.errorText01 .icon {
	margin-right: 3px;
	vertical-align: text-bottom;
}


/* size
-------------------------------- */
.size100 {
	width: 100px;
}
.size150 {
	width: 150px;
}
.size185 {
	width: 185px;
}
.size200 {
	width: 200px;
}
.size215 {
	width: 215px;
}
.size270 {
	width: 270px;
}

/* line
-------------------------------- */
.line01 {
	padding-bottom: 15px;
	border-bottom: 1px solid #e7e7e7 !important;
	box-shadow: 0 1px 1px #ffffff;
	-webkit-box-shadow: 0 1px 1px #ffffff;
}

.line02 {
	padding-bottom: 11px;
	background: url(../images/com_bg03.png) repeat-x 0 100%;
}

.line03 {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #e7e7e7 !important;
	box-shadow: 0 -1px 1px #ffffff;
	-webkit-box-shadow: 0 -1px 1px #ffffff;
}

/* bgGray
-------------------------------- */
.bgGray {
	background: #f2f2f2;
}
/* bgError
-------------------------------- */
.bgError {
	background: #ffefef;
}

/*=================================
	Other
================================ */
/* text-align */
.aL {
	text-align: left !important;
}
.aC {
	text-align: center !important;
}
.aR {
	text-align: right !important;
}

/* margin-top */
.mt0 {
	margin-top: 0 !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}

/* margin-left */
.ml0 {
	margin-top: 0 !important;
}
.ml5 {
	margin-top: 5px !important;
}
.ml10 {
	margin-top: 10px !important;
}

/* margin-bottom */
.mb0 {
	margin-bottom: 0 !important;
}

/* clearfix
================================ */
.numCol:after,
.btnList01:after,
.utilityCol01:after,
.radioBtnList01:after,
.formTypePostalCode:after,
.radioBtnList02:after,
.radioBtnList03:after,
.checkboxBtnList01:after,
#footer #footerNav02 ul:after,
#recommend ul:after,
#header:after,
#information .infoLink:after,
#footerNav01:after,
#topicPath ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

/* addition by nakamura 2011-08-23, 2011-08-25
================================ */
.warn {color: red;}

.slide {
    position: relative;
    top: 0px;
    left: 0px;
}

.slide:active,
.slide:hover {
    top: 1px;
    left: 1px;
}
