@charset "utf-8";

/*
CSS information
	FileName    : safety.css
	Description : 安全快適なアンジェリーノレイアウト用
	Version     : 2.0.2 (20100713)
	Author      : szk
*/

/*====================================================================================================
安全快適なアンジェリーノ
====================================================================================================*/

/* 共通 */
#container {
  line-height: 1.5;
}
#ppShell {
	padding: 35px 35px 0;
}
#contents {
	color: #221815;
}
#contents h2 {
	margin-bottom: 20px;
}

/* item01 */
#item01 {
	padding: 0 30px;
	min-height: 130px;
	height: auto !important;
	height: 130px; /* forIE6 */
	font-size: 116%;
}
#item01 h3 {
	margin-bottom: 16px;
}
#item01 p {
	padding-right: 310px;
}

/* item02 */
#item02 {
	padding: 0 30px 0 5px;
}
#item02 h3 {
	font-size: 116%;
	font-weight: bold;
}

/* item03 */
#item03 {
	margin: 0 0 40px;
	padding: 0 40px;
	clear: both;
}
#item03 .feature {
	float: left;
	width: 220px;
	margin-left: 72px;
}
#item03 .feature p {
	padding: 0 10px;
}
#item03 .firstChild {
	margin-left: 0;
}
#item03 .feature h3 {
	text-align: center;
	font-weight: bold;
}

/* item04 */
#item04 {
	margin: 0 0 40px;
	padding: 0 5px 0 150px;
	clear: both;
}
#item04 .article {
	float: left;
	width: 280px;
	margin-left: 20px;
}
#item04 .firstChild {
	margin-left: 0;
}


/*====================================================================================================
オーバーレイ内コンテンツ
====================================================================================================*/
html {
	margin: 0;
}
#wrap {
	background: transparent url("../../common/img/tb_ifbg.gif") repeat-x top left;
	padding: 16px 0;
	_text-align: center;
}
#main {
 font-size: 80%;
	width: 700px;
	margin: 0 auto;
	line-height: 1.5;
}
body#get #main {
	width: 340px;
}
#main .tb_logo {
	padding: 0 0 16px 0;
}
#main h1 {
	font-size: 150%;
	color: #333;
}
#main p {}
#main p.caption {
	padding: 0 0 1em;
}
#main .imgBox {
	text-align: center;
	padding: 10px;
	clear: both;
}
#main .imgBox p {
	text-align: center;
	margin: 0 auto;
}
#main .getBox .imgBox p {
	padding: 10px;
	text-align: left;
	margin: 0;
}
#main .imgBox img {
	margin-bottom: 4px;
}

#main .txtBox {
	clear: both;
	padding-bottom: 20px;
}
#main .txtBox h2 {
	clear: both;
	font-size: 100%;
	font-weight: bold;
	margin: 2em 0 0 0;
	padding: 2px 8px;
	background-color: #ccc;
	border-radius: 4px;	/* CSS3草案 */  
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */  
 -moz-border-radius: 4px; /* Firefox用 */
}
#main .txtBox h3 {
	padding-top: 2em;
	font-weight: bold;
	color: #666;
}
#main .txtBox p {
	padding-top: 0.5em;
}
#main .txtBox blockquote {
	padding: 10px;
	background-color: #eee;
	border: 1px solid #ccc;
	margin:  1em 30px;
}
#main .txtBox blockquote span {
	display: block;
	color: #999;
	text-align: right;
}
#main .txtBox ul {
	padding-top: 1em;
	line-height: 1.5;
	padding-left: 2em;
}
#main .txtBox ul li {
	list-style: circle;
}
#main .w48p {
	width: 48%;
}
#main .w320 {
	width: 320px;
}

#main .pagination {
	clear: both;
	border-top: #CCC 1px solid;
	padding-top: 4px;
	height: 1em;
}
	#main .pagination a.pagePrev {
		text-align: left;
		padding-left: 10px;
		background: transparent url("../../common/img/arrow_back.gif") no-repeat center left;
	}
	#main .pagination a.pageNext {
		text-align: right;
		padding-right: 10px;
		background: transparent url("../../common/img/arrow_next.gif") no-repeat center right;
	}