@charset "utf-8";

/* ---------------------------------------

Title:Tokyo Card Service modules.css
Description:Cascading Style Sheets modules.css
Author:narita makoto
Days:2013.2.6
Last Days:2013.2.6

------------------------------------------ */

/* --------------------------------------
header left
----------------------------------------- */

#head-l {
	float:left;
	width:664px;
}

#head-l p {
	margin:15px 0 0 20px;
}


/* --------------------------------------
index service bloc
----------------------------------------- */

#ind-serv-bloc {
	float:left;
	width:698px;
	margin:0 0 30px 0;
	padding:10px;
	border:solid 1px #2a9e78;
}

#ind-serv-bloc h1 {
	margin-bottom:10px;
	padding:10px;
	background:#afe1d1;
	font-size:14px;
	font-weight:lighter;
}

#ind-serv-bloc ul {
	clear:both;
	float:left;
	width:698px;
}

#ind-serv-bloc ul li {
	float:left;
	width:206px;
	margin-left:10px;
	padding:7px;
	border:solid 3px #afe1d1;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
}

#ind-serv-bloc ul li:first-child {
	margin-left:0;
}

#ind-serv-bloc ul li h2 {
	margin-bottom:10px;
	font-size:14px;
	font-weight:lighter;
}

#ind-serv-bloc p.ico-shop {
	min-height:30px;
	margin-bottom:10px;
	padding-left:38px;
	background:url("../images/index/ico_shop.png") no-repeat left;
}

#ind-serv-bloc p.ico-degi {
	min-height:30px;
	margin-bottom:10px;
	padding-left:38px;
	background:url("../images/index/ico_degi.png") no-repeat left;
}

#ind-serv-bloc p.ico-pay {
	min-height:30px;
	margin-bottom:10px;
	padding-left:38px;
	background:url("../images/index/ico_pay.png") no-repeat left;
}

#ind-serv-bloc p.ico-smart {
	min-height:30px;
	margin-bottom:10px;
	padding-left:38px;
	background:url("../images/index/ico_smart.png") no-repeat left;
}

#ind-serv-bloc p.ico-online {
	min-height:30px;
	margin-bottom:10px;
	padding-left:38px;
	background:url("../images/index/ico_online.png") no-repeat left;
}

#ind-serv-bloc p.ico-store {
	min-height:30px;
	margin-bottom:10px;
	padding-left:38px;
	background:url("../images/index/ico_store.png") no-repeat left;
}

#ind-serv-bloc p.ico-link {
	text-align:right;
}

#ind-serv-bloc p.ico-link a {
	padding-left:15px;
	background:url("../images/index/arrow.png") no-repeat left;
	color:#566d09;
}

#ind-serv-bloc p.ico-link a:hover {
	color:#566d09;
}


/* --------------------------------------
boxlink
----------------------------------------- */

.boxlink {
	cursor:pointer;
}

.boxlink:hover {
	background:#fafafa;
}


/* --------------------------------------
service lineup
----------------------------------------- */

#serv-lineup {
	clear:both;
	float:left;
	width:720px;
}

#serv-lineup h1 {
	line-height:40px;
	margin-bottom:10px;
	padding-left:30px;
	background:url("../images/common/bg-title.png") no-repeat;
	font-size:18px;
	font-weight:normal;
	text-shadow:0 1px 0 #fff;
}

#serv-lineup h1 span {
	float:right;
	margin-right:10px;
	padding-left:15px;
	background:url("../images/index/arrow.png") no-repeat left;
	font-size:10px;
	font-weight:lighter;
	text-shadow:none;
}

#serv-lineup ul {
	clear:both;
	float:left;
	width:720px;
}

#serv-lineup ul li {
	float:left;
	width:335px;
	margin-left:10px;
	padding:7px;
	border:solid 3px #afe1d1;
}

#serv-lineup li:first-child {
	margin-left:0;
}

#serv-lineup p.ico-link a {
	padding-left:15px;
	background:url("../images/index/arrow.png") no-repeat left;
	color:#566d09;
}

#serv-lineup p.ico-link a:hover {
	color:#566d09;
}

/* --------------------------------------
page top
----------------------------------------- */

#pagetop {
	float:right;
	line-height:36px;
	padding-left:15px;
	background:url("../images/common/pagetop.png") no-repeat left;
}


/* --------------------------------------
sidebar bloc
----------------------------------------- */

#side-bloc {
	width:190px;
	border:solid 1px #2a9e78;
}

#side-inner {
	width:172px;
	padding:8px;
	background:#afe1d1;
	border:solid 1px #e7f6f1;
}

#side-inner p#contact1 {
	background:url("../images/common/contact1_ov.png") no-repeat;
}

#side-inner p#contact3 {
	background:url("../images/common/contact3_ov.png") no-repeat;
}

#side-inner p#contact1 a {
	display:block;
	width:172px;
	line-height:102px;
}

#side-inner p#contact3 a {
	display:block;
	width:172px;
	line-height:94px;
}

#side-inner p#contact1 a:hover, 
#side-inner p#contact3 a:hover {
	background-color:transparent;
}

#side-inner p#contact1 a:hover img, 
#side-inner p#contact3 a:hover img {
	visibility:hidden;
}


/* --------------------------------------
service page
----------------------------------------- */

#serv {
	float:left;
	width:720px;
	margin-bottom:30px;
}

#serv h1 {
	line-height:40px;
	margin-bottom:10px;
	padding-left:30px;
	background:url("../images/common/bg-title.png") no-repeat;
	font-size:18px;
	font-weight:normal;
	text-shadow:0 1px 0 #fff;
}

#serv ul {
	clear:both;
	float:left;
	width:720px;
}

#serv ul li {
	float:left;
	width:335px;
	margin-left:10px;
	padding:7px;
	border:solid 3px #afe1d1;
}

#serv li:first-child {
	margin-left:0;
}

#serv h2 {
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	color:#024a32;
}

#serv ul li p {
	min-height:60px;
}

#serv ul li p.ico-serv01 {
	padding-left:70px;
	background:url("../images/service/ico_serv01.png") no-repeat left;
}

#serv ul li p.ico-serv02 {
	padding-left:70px;
	background:url("../images/service/ico_serv02.png") no-repeat left;
}

#serv ul li p.ico-serv03 {
	padding-left:70px;
	background:url("../images/service/ico_serv03.png") no-repeat left;
}

#serv ul li p.ico-serv04 {
	padding-left:70px;
	background:url("../images/service/ico_serv04.png") no-repeat left;
}

#serv ul li p.ico-serv05 {
	padding-left:70px;
	background:url("../images/service/ico_serv05.png") no-repeat left;
}

#serv ul li p.ico-serv06 {
	padding-left:70px;
	background:url("../images/service/ico_serv06.png") no-repeat left;
}

#serv ul li p.ico-serv07 {
	padding-left:70px;
	background:url("../images/service/ico_serv07.png") no-repeat left;
}

#serv ul li p.ico-serv08 {
	padding-left:70px;
	background:url("../images/service/ico_serv08.png") no-repeat left;
}

#serv ul li p.ico-serv09 {
	padding-left:70px;
	background:url("../images/service/ico_serv09.png") no-repeat left;
}

#serv ul li p.ico-serv10 {
	padding-left:70px;
	background:url("../images/service/ico_serv10.png") no-repeat left;
}


/* --------------------------------------
reason page
----------------------------------------- */

#reason {
	float:left;
	width:720px;
	margin-bottom:30px;
}

#reason h1 {
	line-height:40px;
	margin-bottom:10px;
	padding-left:30px;
	background:url("../images/common/bg-title.png") no-repeat;
	font-size:18px;
	font-weight:normal;
	text-shadow:0 1px 0 #fff;
}

#reason ul {
	clear:both;
	float:left;
	width:720px;
}

#reason ul li {
	float:left;
	width:335px;
	margin-left:10px;
	padding:7px;
	border:solid 3px #afe1d1;
}

#reason li:first-child {
	margin-left:0;
}

#reason h2 {
	margin-bottom:10px;
	font-size:14px;
	font-weight:normal;
	color:#024a32;
}

#reason ul li p {
	min-height:80px;
}

#reason ul li p.ico-rea01 {
	padding-left:70px;
	background:url("../images/reason/ico_rea01.png") no-repeat left top;
}

#reason ul li p.ico-rea02 {
	padding-left:70px;
	background:url("../images/reason/ico_rea02.png") no-repeat left top;
}

#reason ul li p.ico-rea03 {
	padding-left:70px;
	background:url("../images/reason/ico_rea03.png") no-repeat left top;
}

#reason ul li p.ico-rea04 {
	padding-left:70px;
	background:url("../images/reason/ico_rea04.png") no-repeat left top;
}

#reason ul li p.ico-rea05 {
	padding-left:70px;
	background:url("../images/reason/ico_rea05.png") no-repeat left top;
}

#reason ul li p.ico-rea06 {
	padding-left:70px;
	background:url("../images/reason/ico_rea06.png") no-repeat left top;
}


/* --------------------------------------
flow page
----------------------------------------- */

#flow {
	width:720px;
	margin-bottom:30px;
}

#flow h1 {
	line-height:40px;
	margin-bottom:10px;
	padding-left:30px;
	background:url("../images/common/bg-title.png") no-repeat;
	font-size:18px;
	font-weight:normal;
	text-shadow:0 1px 0 #fff;
}

#flow-inner {
	width:680px;
	padding:17px;
	border:solid 3px #afe1d1;
}

#flow-inner div {
	width:660px;
	padding:9px;
	background:#fafafa;
	border:solid 1px #afe1d1;
}

#flow-inner div h3 {
	margin-bottom:13px;
	padding-bottom:13px;
	font-size:14px;
	font-weight:lighter;
	background:url("../images/flow/line.png") repeat-x bottom;
}

#num1 {
	padding-left:25px;
	background:url("../images/flow/num1.png") no-repeat left;
}

#ico-num1 {
	min-height:60px;
	padding-left:70px;
	background:url("../images/flow/ico_num1.png") no-repeat;
}

#num2 {
	padding-left:25px;
	background:url("../images/flow/num2.png") no-repeat left;
}

#ico-num2 {
	min-height:60px;
	padding-left:70px;
	background:url("../images/flow/ico_num2.png") no-repeat;
}

#num3 {
	padding-left:25px;
	background:url("../images/flow/num3.png") no-repeat left;
}

#ico-num3 {
	min-height:60px;
	padding-left:70px;
	background:url("../images/flow/ico_num4.png") no-repeat;
}

#num4 {
	padding-left:25px;
	background:url("../images/flow/num4.png") no-repeat left;
}

#ico-num4 {
	min-height:60px;
	padding-left:70px;
	background:url("../images/flow/ico_num4.png") no-repeat;
}

#num5 {
	padding-left:25px;
	background:url("../images/flow/num5.png") no-repeat left;
}

#ico-num5 {
	min-height:60px;
	padding-left:70px;
	background:url("../images/flow/ico_num5.png") no-repeat;
}

#num6 {
	padding-left:25px;
	background:url("../images/flow/num6.png") no-repeat left;
}

#ico-num6 {
	min-height:60px;
	padding-left:70px;
	background:url("../images/flow/ico_num6.png") no-repeat;
}

#flow-inner div a {
	padding-left:15px;
	background:url("../images/index/arrow.png") no-repeat left;
	color:#566d09;
}

#flow-inner div a:hover {
	color:#566d09;
}


/* --------------------------------------
corporate page
----------------------------------------- */

#corp {
	width:720px;
	margin-bottom:30px;
}

#corp h1 {
	line-height:40px;
	margin-bottom:10px;
	padding-left:30px;
	background:url("../images/common/bg-title.png") no-repeat;
	font-size:18px;
	font-weight:normal;
	text-shadow:0 1px 0 #fff;
}

#corp-inner {
	width:680px;
	padding:17px;
	border:solid 3px #afe1d1;
}

#corp-inner th {
	width:120px;
	line-height:1.8;
	padding:0 0 20px 0;
	font-weight:bold;
	vertical-align:top;
}

#corp-inner td {
	line-height:1.8;
	padding:0 0 20px 0;
}


/* --------------------------------------
form page
----------------------------------------- */

#form {
	width:720px;
	margin-bottom:30px;
}

#form h1 {
	line-height:40px;
	margin-bottom:10px;
	padding-left:30px;
	background:url("../images/common/bg-title.png") no-repeat;
	font-size:18px;
	font-weight:normal;
	text-shadow:0 1px 0 #fff;
}

#form-inner {
	width:680px;
	padding:17px;
	border:solid 3px #afe1d1;
}

#form-inner th {
	width:120px;
	line-height:1.8;
	padding:0 0 20px 0;
	font-weight:bold;
	vertical-align:top;
}

#form-inner td {
	line-height:1.8;
	padding:0 0 20px 0;
}

.inp01 {
	width: 240px;
	height:30px;
}

.inp02 {
	width:500px;
	height:160px;
}

.submit {
	font-size:18px;
}

.error {
	color:#ff0000;
}


/* --------------------------------------
case page
----------------------------------------- */

#case {
	width:720px;
	margin-bottom:30px;
}

#case h1 {
	line-height:40px;
	margin-bottom:10px;
	padding-left:30px;
	background:url("../images/common/bg-title.png") no-repeat;
	font-size:18px;
	font-weight:normal;
	text-shadow:0 1px 0 #fff;
}

#case h2 {
	margin-top:45px;
	text-align:center;
	font-size:24px;
	font-weight:lighter;
	color:#ff0000;
}


/* --------------------------------------
bottom contact
----------------------------------------- */

#bottom-contact {
	clear:both;
	float:left;
	width:720px;
}

#bottom-contact h1 {
	line-height:40px;
	margin-bottom:10px;
	padding-left:30px;
	background:url("../images/common/bg-title.png") no-repeat;
	font-size:18px;
	font-weight:normal;
	text-shadow:0 1px 0 #fff;
}

#bt-con {
	float:left;
	width:718px;
	border:solid 1px #2a9e78;
}

#bt-con-inner {
	float:left;
	width:690px;
	padding:8px 13px;
	background:#afe1d1;
	border:solid 1px #f8fafc;
}

#bt-con-inner li {
	float:left;
	margin-left:15px;
}

#bt-con-inner li:first-child {
	margin-left:0;
}

#bt-con-inner li#bt-contact1 {
	background:url("../images/common/bt_contact1_ov.png") no-repeat;
}

#bt-con-inner li#bt-contact3 {
	background:url("../images/common/bt_contact3_ov.png") no-repeat;
}

#bt-con-inner li a {
	display:block;
	width:220px;
	line-height:102px;
}

#bt-con-inner li a:hover {
	background-color:transparent;
}

#bt-con-inner li a:hover img {
	visibility:hidden;
}

/* --------------------------------------
footer
----------------------------------------- */

.footer-nav {
	display:table-cell;
	height:102px;
	padding-left:10px;
	padding-right:30px;
	background:url("../images/common/line.gif") no-repeat left;
}

.footer-nav a {
	padding-left:15px;
	background:url("../images/index/arrow.png") no-repeat left;
}

.footer-nav li.use1 {
	display:table-cell;
	width:150px;
	padding-right:20px;
}

.footer-nav li.use2 {
	display:table-cell;
	width:125px;
	padding-right:20px;
}

.footer-nav li.use3 {
	display:table-cell;
	width:255px;
	padding-right:20px;
}

.footer-nav li.use4 {
	display:table-cell;
	width:100px;
}

/* --------------------------------------
margin & text
----------------------------------------- */

.mb5 {
	margin-bottom:5px;
}

.mb10 {
	margin-bottom:10px;
}

.mb20 {
	margin-bottom:20px;
}

.mb30 {
	margin-bottom:30px;
}

.txt-center {
	text-align:center;
}

.str1 {
	font-weight:bold;
	color:#024a32;
}

.txt-big {
	font-size:16px;
}

/* --------------------------------------
faq
----------------------------------------- */

.faq {
	padding:1px;
	border:solid 1px #ddd;
}

.faq-inner {
	padding:10px;
	background:#f8f8f8;
}

.question {
	padding-left:26px;
	padding-bottom:10px;
	border-bottom:dotted 1px #ccc;
	background:url("../images/faq/q.png") no-repeat left top;
	font-weight:bold;
}

.ans {
	padding-left:26px;
	background:url("../images/faq/a.png") no-repeat left top;
}