@charset "utf-8";

/*==================================================
	共通設定
==================================================*/

/*--------------------------------------------------
	リンクカラー
--------------------------------------------------*/

a:link    { color: #007a9f; text-decoration: underline; }
a:visited { color: #007a9f; text-decoration: underline; }
a:hover   { color: #007a9f; text-decoration: none; }

/*--------------------------------------------------
	float解除
--------------------------------------------------*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.clear {
	overflow: hidden;
	display: block !important;
	display: inline-block;
}

.both { clear: both; }

.dred { color: #d50000; }

/*--------------------------------------------------
	ロールオーバー
--------------------------------------------------*/

.rollover a { display: block; }
.rollover a:hover img { visibility: hidden; }
.rollover a:hover { background-color: transparent; }


/*==================================================
	レイアウト
==================================================*/

#frame_top {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background: url(../../images/new/tc/img/layout_bg.gif) repeat-x left top;
	height: 253px;
	text-align: left;
}

#frame_top h1 {
	font-size: 77%;
	line-height: 20px;
}

#frame_top #top_links1 {
	height: 20px;
	width: 217px;
	position: absolute;
	left: 674px;
	top: 0px;
}

#frame_top #top_links2 strong {
	height: 68px;
	width: 257px;
	position: absolute;
	left: 0px;
	top: 36px;
}

#frame_top #top_links2 strong a {
	display: block;
	height: 68px;
	width: 257px;
	text-indent: -9999px;
	background: url(../../images/new/tc/img/laypot_02.gif) no-repeat;
}

#frame_top #top_links2 .langimg {
	position: absolute;
	left: 524px;
	top: 35px;
}

#frame_top #top_links2 #right_frame ul {
	position: absolute;
	top: 37px;
	right: 0px;
}

#frame_top #top_links2 #right_frame li {
	display: inline;
	font-size: 93%;
}

#frame_top #top_links2 #right_frame span { font-weight: bold; }

#frame_top #top_links2 #right_frame #gn01 {
	position: absolute;
	top: 68px;
	width: 269px;
	right: 0px;
}

#frame_top #top_links2 #right_frame #gn01 .btn_login_middle img { margin-left: 12px; }

#frame_top #tab {
	position: absolute;
	left: 0px;
	top: 121px;
	width: 900px;
}

#frame_top #tab li {
	float: left;
	margin-right: 8px;
}

#frame_top #snavi {
	position: absolute;
	left: 5px;
	top: 175px;
}

#frame_top #snavi li {
	font-weight: bold;
	background: url(../../images/new/tc/img/laypot_04.gif) no-repeat left center;
	display: inline;
	font-size: 93%;
	padding-left: 13px;
	padding-right: 15px;
}

#frame_top .smLink {
	background: url(../../images/new/tc/img/laypot_05.gif) no-repeat left center;
	position: absolute;
	top: 177px;
	right: 5px;
	font-size: 93%;
	padding-left: 15px;
}

#frame_top .smLink a {
	display: block;
	white-space: nowrap;
}

#frame_top #pan {
	position: absolute;
	left: 2px;
	top: 221px;
	font-size: 93%;
}

#wrap a:link    { color: #00a0e9; text-decoration: underline; }
#wrap a:visited { color: #00a0e9; text-decoration: underline; }
#wrap a:hover   { color: #00a0e9; text-decoration: none; }

#wrap {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#wrap #box01 {
	height: 432px;
	position: relative;
	width: 900px;
}

#wrap #box01 .img01 {
	background: url(../../images/new/tc/img/img_01_01.jpg) no-repeat;
	height: 208px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	text-indent: -9999px;
}

#wrap #box01 .img02 {
	background: url(../../images/new/tc/img/img_01_02.jpg) no-repeat;
	height: 224px;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 208px;
	width: 900px;
	text-indent: -9999px;
}

#wrap #box01 ul {
	position: absolute;
	left: 0px;
	top: 264px;
	z-index: 20;
}

#wrap #box01 li { float: left; }

#wrap #box01 .woman {
	position: absolute;
	left: 677px;
	top: 76px;
	z-index: 10;
	height: 324px;
	width: 223px;
}

#wrap #box01 p {
	font-size: 77%;
	position: absolute;
	left: 6px;
	top: 414px;
	z-index: 20;
}

#wrap #box2 {
	height: 110px;
	position: relative;
}

#wrap #box2 .btn {
	position: absolute;
	left: 165px;
	top: 0px;
}

#wrap #box03 {
	height: 1091px;
	position: relative;
}

#wrap #box03 .img01 {
	height: 184px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	background: url(../../images/new/tc/img/img_02_01.jpg) no-repeat;
	text-indent: -9999px;
}

#wrap #box03 .img02 {
	height: 274px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 184px;
	background: url(../../images/new/tc/img/img_02_02.jpg) no-repeat;
	text-indent: -9999px;
}

#wrap #box03 .img03 {
	height: 298px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 458px;
	background: url(../../images/new/tc/img/img_02_03.jpg) no-repeat;
	text-indent: -9999px;
}

#wrap #box03 .img04 {
	height: 334px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 756px;
	background: url(../../images/new/tc/img/img_02_04.jpg) no-repeat;
	text-indent: -9999px;
}

#wrap #box03 .woman1 {
	position: absolute;
	left: 50px;
	top: 59px;
	z-index: 10;
}

#wrap #box03 .woman2 {
	position: absolute;
	left: 533px;
	top: 756px;
	z-index: 10;
}

#wrap #ability {
	height: 652px;
	position: relative;
}

#wrap #ability .img01 {
	background: url(../../images/new/tc/img/img_03_01.jpg) no-repeat;
	height: 269px;
	width: 900px;
	z-index: 1;
	text-indent: -9999px;
}

#wrap #ability .img02 {
	background: url(../../images/new/tc/img/img_03_02.jpg) no-repeat;
	height: 383px;
	width: 900px;
	position: absolute;
	left: 0px;
	top: 269px;
	text-indent: -9999px;
}

#wrap #ability ul {
	position: absolute;
	left: 50px;
	top: 269px;
	width: 810px;
	z-index: 10;
}

#wrap #ability li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#wrap #ability .cmnLink {
	background: url(../../images/new/tc/img/icon_01.gif) no-repeat left center;
	font-size: 93%;
	padding-left: 18px;
	position: absolute;
	top: 550px;
	right: 50px;
	z-index: 20;
}

#wrap #lowcost {
	height: 1125px;
	position: relative;
}

#wrap #lowcost .img01 {
	background: url(../../images/new/tc/img/img_04_01.jpg) no-repeat;
	height: 178px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
}

#wrap #lowcost .img02 {
	background: url(../../images/new/tc/img/img_04_02.jpg) no-repeat;
	height: 225px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 178px;
	text-indent: -9999px;
}

#wrap #lowcost .img03 {
	background: url(../../images/new/tc/img/img_04_03.jpg) no-repeat;
	height: 289px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 403px;
	text-indent: -9999px;
}

#wrap #lowcost .img04 {
	background: url(../../images/new/tc/img/img_04_04.jpg) no-repeat;
	height: 290px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 693px;
	text-indent: -9999px;
}

#wrap #lowcost .img05 {
	background: url(../../images/new/tc/img/img_04_05.jpg) no-repeat;
	height: 143px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 983px;
	text-indent: -9999px;
}

#wrap #lowcost .cmnLink {
	background: url(../../images/new/tc/img/icon_01.gif) no-repeat left center;
	font-size: 93%;
	padding-left: 18px;
	position: absolute;
	top: 993px;
	right: 49px;
	z-index: 10;
}

#wrap #safety {
	height: 1232px;
	position: relative;
}

#wrap #safety .img01 {
	background: url(../../images/new/tc/img/img_05_01.jpg) no-repeat;
	height: 182px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
}

#wrap #safety .img02 {
	background: url(../../images/new/tc/img/img_05_02.jpg) no-repeat;
	height: 342px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 182px;
	text-indent: -9999px;
}

#wrap #safety .img03 {
	background: url(../../images/new/tc/img/img_05_03.jpg) no-repeat;
	height: 303px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 524px;
	text-indent: -9999px;
}

#wrap #safety .img04 {
	background: url(../../images/new/tc/img/img_05_04.jpg) no-repeat;
	height: 235px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 827px;
	text-indent: -9999px;
}

#wrap #safety .img05 {
	background: url(../../images/new/tc/img/img_05_05.jpg) no-repeat;
	height: 170px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 1062px;
	text-indent: -9999px;
}

#wrap #safety .text01 {
	font-size: 108%;
	line-height: 1.6;
	width: 250px;
	position: absolute;
	left: 583px;
	top: 252px;
	z-index: 10;
}

#wrap #safety .text02 {
	font-size: 108%;
	line-height: 1.6;
	width: 470px;
	position: absolute;
	left: 69px;
	top: 915px;
	z-index: 10;
}

#wrap #safety .link1 {
	text-indent: -9999px;
	display: block;
	height: 150px;
	width: 220px;
	position: absolute;
	left: 336px;
	top: 591px;
	z-index: 10;
}

#wrap #safety .link2 {
	text-indent: -9999px;
	display: block;
	height: 150px;
	width: 220px;
	position: absolute;
	left: 596px;
	top: 591px;
	z-index: 10;
}

#wrap #safety .cmnLink1 {
	background: url(../../images/new/tc/img/icon_01.gif) no-repeat left center;
	font-size: 93%;
	padding-left: 18px;
	position: absolute;
	top: 1193px;
	left: 360px;
	z-index: 10;
}

#wrap #safety .cmnLink2 {
	background: url(../../images/new/tc/img/icon_01.gif) no-repeat left center;
	font-size: 93%;
	padding-left: 18px;
	position: absolute;
	top: 1193px;
	left: 548px;
	z-index: 10;
}

#wrap #safety .cmnLink3 {
	background: url(../../images/new/tc/img/icon_01.gif) no-repeat left center;
	font-size: 93%;
	padding-left: 18px;
	position: absolute;
	top: 1193px;
	right: 50px;
	z-index: 10;
}

#wrap #box07 {
	height: 1363px;
	position: relative;
}

#wrap #box07 .img01 {
	background: url(../../images/new/tc/img/img_06_01.jpg) no-repeat;
	height: 378px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
}

#wrap #box07 .img02 {
	background: url(../../images/new/tc/img/img_06_02.jpg) no-repeat;
	height: 269px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 378px;
	text-indent: -9999px;
}

#wrap #box07 .img03 {
	background: url(../../images/new/tc/img/img_06_03.jpg) no-repeat;
	height: 421px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 647px;
	text-indent: -9999px;
}

#wrap #box07 .img04 {
	background: url(../../images/new/tc/img/img_06_04.jpg) no-repeat;
	height: 295px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 1068px;
	text-indent: -9999px;
}

#wrap #box07 p {
	width: 380px;
	position: absolute;
	font-size: 108%;
	line-height: 1.6;
	left: 468px;
	top: 292px;
	z-index: 10;
}

#wrap #box07 .text01 {
	left: 42px;
	top: 689px;
}

#wrap #box07 .text02 {
	left: 480px;
	top: 689px;
}

#wrap #box07 .text03 {
	left: 40px;
	top: 1117px;
}

#wrap #box07 .text04 {
	left: 479px;
	top: 1116px;
}

#wrap #box08 {
	height: 149px;
	position: relative;
}

#wrap #box08 .btn {
	position: absolute;
	left: 165px;
	top: 34px;
}

#wrap #box09 {
	height: 671px;
	position: relative;
}

#wrap #box09 .img01 {
	background: url(../../images/new/tc/img/img_07_01.jpg) no-repeat;
	height: 213px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
}

#wrap #box09 .img02 {
	background: url(../../images/new/tc/img/img_07_02.jpg) no-repeat;
	height: 458px;
	width: 900px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 213px;
	text-indent: -9999px;
}

#wrap #box09 .text {
	font-size: 93%;
	line-height: 1.7;
	width: 510px;
	position: absolute;
	left: 352px;
	top: 213px;
	z-index: 10;
}

#wrap #box09 .text strong { color: #e4007f; }

#wrap #box09 .cmnLink {
	background: url(../../images/new/tc/img/icon_01.gif) no-repeat left center;
	padding-left: 18px;
	position: absolute;
	top: 504px;
	right: 38px;
	z-index: 10;
}

#wrap #box09 .map {
	text-indent: -9999px;
	display: block;
	height: 26px;
	width: 133px;
	position: absolute;
	left: 208px;
	top: 397px;
	z-index: 10;
}


#box10 {
	height: 272px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}

#box10 .btn {
	position: absolute;
	left: 165px;
	top: 66px;
}

#box10 p {
	font-size: 93%;
	font-weight: bold;
	position: absolute;
	top: 232px;
	right: 0px;
	background: url(../../images/new/tc/img/icon_02.gif) no-repeat left center;
	padding-left: 15px;
}