@charset "UTF-8";

/* ***************************************************
* CSS file For seo.cyberstar.co.jp/
	FileName: tgr.css
	data:2009/01/28 koma

■目次 ==========================================
■[00]:共通スタイル
■[01]:top
■[02]:flow
■[03]:faq
■[04]:contact
■[05]:
■[06]:
■[07]:
**************************************************** */

/*-----------------------------------------------------------
■[00]:共通スタイル（）
------------------------------------------------------------*/
div.detailBt{
	display: block;
	height: 28px;
	text-align: right;
	padding: 10px 0px 0px;
}

div.contactBt{
	clear: both;
	width: 670px;
	display: block;
	padding: 20px 0px 40px;
}
div.underText{
	letter-spacing: 0px;
	font-size: 14px;
	line-height: 20px;
	padding: 5px 0px 0px;
}
div.arrow{
	background: url(/img/tgr/arrow.gif) no-repeat center;
	width: 670px;
	height: 42px;
	display: block;
	margin: 0px auto;
}

/*-----------------------------------------------------------
■[01]:top
------------------------------------------------------------*/
div.tgrCon_01{
	width: 670px;
	font-size: 14px;
	line-height: 20px;
	padding: 25px 0px 0px;
}

/****** tgrCon_01 ******/
div.tgrCon_01 h4{
	padding: 20px 0px 0px;
}
div.tgrCon_01 p{
	padding: 20px 0px;
	margin: 0px;
}
div.tgrCon_01 .imageLeft	{ width: 221px; height: 76px; display: block; float: left; }
div.tgrCon_01 .imageCenter	{ width: 221px; height: 76px; display: block; margin: 0px auto; }
div.tgrCon_01 .imageRight	{ width: 221px; height: 76px; display: block; float: right; }

div.tgrCon_01 .example{
	width: 670px;
	height: 23px;
	padding: 55px 0px 20px;
	display: block;
}
div.tgrCon_01 .case01,
div.tgrCon_01 .case02,
div.tgrCon_01 .caseUse{
	width: 670px;
	display: block;
}
div.tgrCon_01 .case01 h5,
div.tgrCon_01 .case02 h5{
	width: 670px;
	height: 30px;
	display: block;
	font-size: 0px;
	line-height: 0px;
}
div.tgrCon_01 .case01 .dataBox{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px 10px 25px 20px;
}
div.tgrCon_01 .case02 .dataBox{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 19px 19px 0px;
	height: 670px;
}
div.tgrCon_01 .padd15{ padding: 15px 0px; }

div.tgrCon_01 .graphLeft{
	width: 311px;
	height: 250px;
	display: block;
	float: left;

}
div.tgrCon_01 .graphRight{
	width: 291px;
	height: 249px;
	display: block;
	float: right;
}
div.tgrCon_01 .textRight{
	background: url(/img/tgr/top_textbg_001.gif) no-repeat;
	font-size: 12px;
	line-height: 20px;
	width: 319px;
	height: 179px;
	display: block;
	float: right;
}
div.tgrCon_01 .textRight p{ padding: 28px 0px 0px 40px; }
div.tgrCon_01 .textLeft{
	background: url(/img/tgr/top_textbg_002.gif) no-repeat;
	font-size: 12px;
	line-height: 20px;
	width: 339px;
	height: 178px;
	display: block;
	float: left;
}
div.tgrCon_01 .textLeft p{ padding: 55px 42px 0px 13px; }
div.tgrCon_01 .underText{
	background: url(/img/tgr/top_image_008.gif) no-repeat;
	display: block;
	width: 630px;
	height: 207px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
}
div.tgrCon_01 .underText p{ padding: 110px 10px 0px 123px; }

div.tgrCon_01 .caseUse		{ padding: 35px 0px 0px; }
div.tgrCon_01 .caseUse h5	{ padding: 0px 0px 5px; width: 670px; height: 62px; }
div.tgrCon_01 .caseUse .dataBox	{ width: 670px; padding: 5px 0px 0px; }
div.tgrCon_01 .caseUse .dataBox .cap	{ width: 330px; height: 50px; display: block; border-bottom: 1px solid #FFF;; }
div.tgrCon_01 .caseUse .dataLeft div,
div.tgrCon_01 .caseUse .dataRight div{
	background: #f0e7d4;
	width: 330px;
	display: block;
}
div.tgrCon_01 .caseUse .dataLeft p,
div.tgrCon_01 .caseUse .dataRight p{
	padding: 15px;
}
div.tgrCon_01 .caseUse .dataLeft,
div.tgrCon_01 .caseUse .dataRight{
	width: 330px;
	display: block;
	padding: 0px;
	margin: 0px;
}
div.tgrCon_01 .caseUse .dataLeft{ float: left; margin: 0px 10px 0px 0px; }
div.tgrCon_01 .caseUse .dataRight{ float: right; }

div.tgrCon_01 .caseUse .otherText{
	width: 670px;
	border: 1px solid #CCC;
}
div.tgrCon_01 .caseUse .otherText p{
	padding: 18px 0px 16px;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}


/*-----------------------------------------------------------
■[02]:flow
------------------------------------------------------------*/
div.flowCon_01,
div.flowCon_02{
	width: 670px;
	font-size: 14px;
	line-height: 20px;
	padding: 30px 0px;
}

/****** flowCon_01 ******/
div.flowCon_01 .flowData{
	width: 670px;
	padding: 20px 0px 0px;
}
div.flowCon_01 .stepData{
	border: 1px solid #CCC;
	width: 670px;
	padding: 9px 0px;
}
div.flowCon_01 .stepData .capBox,
div.flowCon_01 .stepDataEnd .capBox{
	width: 92px;
	display: block;
	float: left;
}
div.flowCon_01 .stepData .textBox,
div.flowCon_01 .stepDataEnd .textBox{
	width: 550px;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	display: block;
	float: left;
}
div.flowCon_01 .stepArrow{ width: 93px; height: 21px; display: block; }
div.flowCon_01 .stepData .textBox strong,
div.flowCon_01 .stepDataEnd .textBox strong{ display: block; }

/****** div.flowCon_02 ******/
div.flowCon_02 p{
	font-size: 14px;
	line-height: 20px;
	padding: 15px 0px 35px 0px;
}

div.flowCon_02 .postBox{
	width: 670px;
	padding: 0px 0px 40px 0px;
}
div.flowCon_02 .postBox .cap{
	width: 670px;
	height: 28px;
	display: block;
}
div.flowCon_02 .postBox .inText{ padding: 10px 3px 0px 3px; }

div.flowCon_02 .reportBox{
	width: 670px;
	display: block;
	border: 1px solid #CCC;
}
div.flowCon_02 .dataImage{
	padding: 10px;
	display: block;
	float: left;
}
div.flowCon_02 .dataText{
	width: 273px;
	display: block;
	float: left;
	padding: 10px 0px 0px;
}
div.flowCon_02 .detailText{
	padding: 5px 0px;
	font-size: 14px;
	line-height: 20px;
}

div.flowCon_02 .otherText{
	width: 670px;
	border: 1px solid #CCC;
}
div.flowCon_02 .otherText p{
	padding: 18px 0px 16px;
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
div.flowCon_02 .image01{ width: 206px; display: block; float: left; padding: 0px 6px 0px 0px; }
div.flowCon_02 .image02{ width: 206px; display: block; float: left; padding: 0px 6px 0px 0px; }
div.flowCon_02 .image03{ width: 245px; display: block; float: left; padding: 0px; }


/*-----------------------------------------------------------
■[03]:faq
------------------------------------------------------------*/
div.faqCon_01{
	width: 670px;
	font-size: 14px;
	line-height: 20px;
	padding: 30px 0px;
}
div.faqCon_01 h3{ width: 670px; height: 50px; display: block; }
div.faqCon_01 .dataList{
	width: 670px;
	padding: 20px 0px 0px;
}
div.faqCon_01 .detailBox{
	background: url(/img/tgr/faq_box_middle.gif) repeat-y;
	width: 670px;
	margin: 0px 0px 20px;
}
div.faqCon_01 .detailBox .question{
	background: url(/img/tgr/faq_cap_question.gif) no-repeat;
	width: 670px;
	height: 40px;
}
div.faqCon_01 .detailBox .question p{
	cursor:pointer;
	text-decoration: underline;
	display: block;
	padding: 10px 0px 0px 85px;
	color: #01b3b3;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

div.faqCon_01 .detailBox .answer{ padding: 0px 13px 5px 7px; }
div.faqCon_01 .detailBox .answer p{
	background: url(/img/tgr/faq_cap_answer.gif) no-repeat;
	padding: 3px 0px 0px 75px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
}