@charset "UTF-8";

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

■目次 ==========================================
■[00]:共通スタイル
■[01]:top
■[02]:report
■[03]:pettan
■[04]:faq
■[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.arrow{
	background: url(/img/sem/arrow.gif) no-repeat center;
	width: 670px;
	height: 40px;
	display: block;
	margin: 0px auto;
}

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

/****** semCon_01 ******/
div.semCon_01 h4{
	padding: 20px 0px 0px;
}
div.semCon_01 p{
	padding: 20px 0px;
	margin: 0px;
}
div.semCon_01 p.inText			{ padding: 15px 0px 0px; }
div.semCon_01 p.inText .underText	{ padding: 10px 0px; display: block; }

div.semCon_01 .imageBox{
	padding: 0px 0px 20px;
}
div.semCon_01 .detailData{
	width: 670px;
	display: block;
	padding: 10px 0px;
}
div.semCon_01 table.tabData{
	width: 670px;
	background: url(/img/sem/top_tab_bg.gif) repeat-y;
}
div.semCon_01 .tabTop,
div.semCon_01 .tabBottom{
	width: 670px;
	height: 6px;
	font-size: 0px;
	line-height: 0px;
}
div.semCon_01 .tabMiddle{
	width: 670px;
	height: 8px;
	font-size: 0px;
	line-height: 0px;
}
div.semCon_01 .tabData .dataLeft{
	width: 110px;
	padding: 0px 0px 0px 20px;
}
div.semCon_01 .tabData .dataRight{
	font-size: 14px;
	line-height: 20px;
	padding: 10px 10px 10px 25px;
	color: #666;
}
div.semCon_01 .tabData .dataRight .detail01{
	background: url(/img/sem/top_tab_point.gif) no-repeat;
	padding: 0px 0px 15px 20px;
}
div.semCon_01 .tabData .dataRight .detail02{
	background: url(/img/sem/top_tab_point.gif) no-repeat;
	padding: 0px 0px 0px 20px;
}
div.semCon_01 .tabData .dataRight table{
	font-size: 14px;
	line-height: 20px;
}
div.semCon_01 .tabData .dataRight th{
	font-weight: bold;
	color: #666;
	padding: 0px 5px 0px 0px;
}
div.semCon_01 .tabData .dataRight td{
	vertical-align: top;
	padding-right: 8px;
}


/*-----------------------------------------------------------
■[02]:report
------------------------------------------------------------*/
div.reportCon_01{
	width: 670px;
	padding: 25px 0px;
}
div.reportCon_01 p{
	padding: 20px 0px 10px;
}
div.reportCon_01 .dataBox{
	background: #e7e7e7;
	width: 670px;
	border-top: 1px solid #FFF;
	padding: 10px 0px;
	margin: 0px 0px 40px;
	text-align: center;
}
div.reportCon_01 .dataBox .data{
	width: 206px;
	display: block;
	float: left;
	padding: 0px 0px 0px 13px;
}
div.reportCon_01 .dataBox .icon{
	width: 56px;
	height: 16px;
	display: block;
	float: right;
	padding: 0px 15px 3px 0px;
}
div.reportCon_01 .dataBox .attentionBox{
	background: #F00;
	width: 640px;
	text-align: center;
	padding: 10px 0px 8px;
	color: #FFF;
	font-weight: bold;
	margin: 0px auto;
}
div.reportCon_01 .dataBox .underText{
	width: 640px;
	text-align: left;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0px;
}
div.reportCon_01 .dataBox .underText span{ color: #01b3b3; }


/*-----------------------------------------------------------
■[03]:pettan
------------------------------------------------------------*/
div.pettanCon_01{
	width: 670px;
	padding: 25px 0px 60px;
}
div.pettanCon_01 h4.catch{ padding: 20px 0px 0px; }
div.pettanCon_01 p{
	padding: 20px 0px 30px;
}
div.pettanCon_01 .dataBox,
div.pettanCon_01 .dataBox2{
	background: #e7e7e7;
	width: 670px;
	border-top: 1px solid #FFF;
	padding: 10px 0px;
	margin: 0px 0px 40px;
	text-align: center;
}
div.pettanCon_01 .dataBox2{ margin: 0px 0px 10px; }

div.pettanCon_01 .dataBox .data01,
div.pettanCon_01 .dataBox .data02,
div.pettanCon_01 .dataBox .data03{
	width: 214px;
	height: 100px;
	display: block;
	float: left;
	margin: 0px 0px 0px 5px;
}
div.pettanCon_01 .dataBox .data01 p,
div.pettanCon_01 .dataBox .data02 p,
div.pettanCon_01 .dataBox .data03 p{
	padding: 12px 12px 0px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
}

div.pettanCon_01 .dataBox .data01{ background: url(/img/sem/pettan_image_001.gif) no-repeat; }
div.pettanCon_01 .dataBox .data02{ background: url(/img/sem/pettan_image_002.gif) no-repeat; }
div.pettanCon_01 .dataBox .data03{ background: url(/img/sem/pettan_image_003.gif) no-repeat; }

div.pettanCon_01 .dataBox2 .icon{
	width: 56px;
	height: 16px;
	display: block;
	float: right;
	padding: 0px 20px 3px 0px;
}


/*-----------------------------------------------------------
■[04]: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/sem/faq_box_middle.gif) repeat-y;
	width: 670px;
	margin: 0px 0px 20px;
}
div.faqCon_01 .detailBox .question{
	background: url(/img/sem/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/sem/faq_cap_answer.gif) no-repeat;
	padding: 3px 0px 0px 75px;
	font-size: 14px;
	line-height: 20px;
	color: #666;
}