@charset "utf-8";

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

	Title: comp.css
	Created: 2009-02-09
	Last Up Date: 2009-02-09
	
----------------------------------------------------------- */

/*	index
----------------------------------------------------------- */

div#compliance {
	width: 680px;
}

div#compliance h3.text_b {
	font-size: 1.4em;
	font-weight: bold;
	margin: 10px 0 15px 15px;
}

div#compliance p {
	margin: 10px 0 20px 15px;
}


div#compliance h4 {
	border-left: 5px solid #37711a;
	padding: 0 0 0 10px;
	margin: 15px 0 10px 15px;
	font-weight: bold;
}

div#compliance h5 {
	width: 650px;
	_width: 655px;
	border-bottom: 1px dotted #37711a;
	padding: 0 0 0 5px;
	margin: 15px 0 10px 25px;
	font-weight: bold;
	font-size: 1.0em;
}

div#compliance p.ph4,
div#compliance p.ph5 {
	margin: 0 0 0 30px;
}

div#compliance ul {
	margin: 10px 0 10px 30px;
}

div#compliance dl {
	margin: 0 0 0 30px;
}

div#compliance dl dt{
	font-weight: bold;
	margin: 10px 0 0;
}

/*	index
----------------------------------------------------------- */

div#compliance p.comp_img {
	width: 640px;
}

div#compliance div.comp_cms {
	width: 660px;
	margin: 0 0 20px 10px;
	background: url(/images/comp/comp_ind_bg.jpg) left top repeat-x;
	border-top: 5px solid #37711a;
}

div#compliance div.comp_ind {
	width: 660px;
	margin: 0 0 20px 10px;
}

div#compliance div.comp_ind div.comp_ind_l {
	width: 325px;
	float: left;
	background: url(/images/comp/comp_ind_bg.jpg) left top repeat-x;
	border-top: 5px solid #37711a;
}

div#compliance div.comp_ind div.comp_ind_r {
	width: 325px;
	float: right;
	background: url(/images/comp/comp_ind_bg.jpg) left top repeat-x;
	border-top: 5px solid #37711a;
}

div#compliance div.comp_cms dl,
div#compliance div.comp_ind dl {
	margin: 15px 10px 5px;
}

div#compliance div.comp_cms dl dt,
div#compliance div.comp_ind dl dt {
	margin: 0 0 15px;
}

div#compliance div.comp_cms dl dt a,
div#compliance div.comp_cms dl dt a:link,
div#compliance div.comp_cms dl dt a:visited,
div#compliance div.comp_ind dl dt a,
div#compliance div.comp_ind dl dt a:link,
div#compliance div.comp_ind dl dt a:visited {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

div#compliance div.comp_cms dl dt a:hover,
div#compliance div.comp_ind dl dt a:hover {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

div#compliance div.comp_cms dl dd {
	margin: 0;
}

div#compliance div.comp_ind dl dd {
	width: 305px;
	margin: 0;
}

div#compliance div.comp_ind dl dd div.text {
	width: 190px;
	float: left;
}

div#compliance div.comp_ind dl dd div.mark {
	width: 98px;
	float: right;
}

div#compliance div.comp_cms dl dd.btn {
	margin: 15px 0 0 580px;
}

div#compliance div.comp_ind dl dd.btn {
	width: 60px;
	margin: 15px 0 0 245px;
}

/*	structure
----------------------------------------------------------- */

div#compliance p.green,
div#compliance div.green {
	vertical-align: middle;
	width: 630px;
	_width: 650px;
	background: #E2F0E1;
	border: 1px solid #ccc;
	margin: 10px 0 10px 15px;
	padding: 10px 10px 10px;
}

div#compliance p.green em,
div#compliance div.green em {
	font-weight: bold;
}

div#compliance dl.text_list {
	width: 625px;
	margin: 15px 0 0 0;
}

div#compliance dl.text_list dt {
	width: 15px;
	float: left;
	clear: both;
	vertical-align: top;
	margin: 0;
	font-weight: normal;
}

div#compliance dl.text_list dd {
	width: 600px;
	_width: 600px;
	margin: 0 0 10px 15px;
}

/*	quality
----------------------------------------------------------- */

div#compliance ul.quality_flow {
	width: 650px;
	margin: 15px 0 15px 15px;
}

div#compliance ul.quality_flow li {
	width: 650px;
	margin: 0;
}

div#compliance ul.quality_flow li div.flow_bg,
div#compliance ul.quality_flow li div.flow_bg_last {
	width: 200px;
	float: left;
	text-align: center;
	font-weight: bold;
}

div#compliance ul.quality_flow li p {
	width: 430px;
	float: right;
	margin: 0;
	display: inline;
}

div#compliance ul.quality_flow li p.mt {
	margin: 5px 0 0;
}

div#compliance p.green span,
div#compliance div.green span {
	float: right;
	text-align: right;
}

div#compliance div#mark {
	width: 455px;
	margin: 15px 0 0 130px;
}

div#compliance div#mark div.mark_l {
	width: 200px;
	float: left;
	clear: both;
	margin: 35px 0 0;
	_display: inline;
}

div#compliance div#mark div.mark_r {
	width: 200px;
	margin: 0 0 0 250px;
}

div#compliance div#mark div.mark_r img {
	border: 1px solid #ccc;
}

/*	isms
----------------------------------------------------------- */

div#compliance div.isms_link {
	width: 660px;
	margin: 0 0 20px 10px;
}

div#compliance div.isms_link div.isms_link_l {
	width: 325px;
	float: left;
	background: url(/images/works/works_ind_bg.jpg) left top repeat-x;
	border-top: 5px solid #37711a;
}

div#compliance div.isms_link div.isms_link_r {
	width: 325px;
	float: right;
	background: url(/images/works/works_ind_bg.jpg) left top repeat-x;
	border-top: 5px solid #37711a;
}

div#compliance div.isms_link dl {
	margin: 15px 10px 5px;
}

div#compliance div.isms_link dl dt {
	margin: 0 0 15px;
}

div#compliance div.isms_link dl dt a,
div#compliance div.isms_link dl dt a:link,
div#compliance div.isms_link dl dt a:visited {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

div#compliance div.isms_link dl dt a:hover {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

div#compliance div.isms_link dl dd {
	margin: 0;
}

div#compliance div.isms_link dl dd.btn {
	margin: 15px 0 0 245px;
}

div#compliance dl.isms {
	width: 650px;
	margin: 25px 0 15px;
}

div#compliance dl.isms dt {
	width: 70px;
	float: left;
	clear: both;
	font-weight: normal;
	margin: 0;
}

div#compliance dl.isms dd {
	width: 550px;
	margin: 0 0 0 75px;
}

/*	privacy
----------------------------------------------------------- */

div#compliance dl.privacy,
div#compliance dl.privacy_notice {
	width: 650px;
	margin: 15px 0 25px 15px;
}

div#compliance dl.privacy dt,
div#compliance dl.privacy_notice dt {
	width: 20px;
	float: left;
	clear: both;
	vertical-align: top;
	margin: 0;
}

div#compliance dl.privacy dd,
div#compliance dl.privacy_notice dd {
	width: 625px;
	_width: 600px;
	margin: 0 0 10px 25px;
}

div#compliance p.privacy_day {
	width: 665px;
	margin: 10px 0 0;
}

div#compliance p.privacy_day span {
	float: right;
	text-align: right;
}

/*	policy
----------------------------------------------------------- */

div#compliance dl.mt10 {
	margin: 10px 0 0;
}

div#compliance ul.pdf {
	margin; 0 0 20px;
}

div#compliance ul.pdf li {
	background: url(/common/images/arrow.gif) left center no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}

div#compliance ul.green_mark li {
	background: url(/common/images/i_green.gif) left 0.6em no-repeat;
	padding: 0 0 10px 10px;
}
