@charset "utf-8";

/*-- default style clear ---------------------*/
* {margin: 0; padding: 0;}

body {
	font-family: "MS PGOTHIC", "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, "lr oSVbN", sans-serif;
	font-size: 74.5%;
	font-weight : normal;
	font-style : normal;
	text-align: center;
	line-height: 1.6;
	color: #444444;
	background-color: #ffffff;}

html>/**/body {overflow: scroll;}

h1,h2,h3,h4,h5,h6,address,strong,th {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;}
	
img {
	border-style: none;
	vertical-align: middle;}

* html img {vertical-align: baseline;} /* end IE6_hack */
* html .vertical img {vertical-align: middle;} /* end IE6_hack */

ul,ol {list-style: none;}

strong {font-weight: bold;}

a {color: #0c5288;}

a:hover {text-decoration: none;}



/*-- layout ---------------------*/
#wrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;}

#top_contents_box {
	padding-top: 23px;
	width: 980px;}

#inside_contents_box {width: 980px;}

#top_contents_box #left_box {
	float: left;
	width: 628px;}

#top_contents_box #right_box {
	float: right;
	width: 321px;}

#inside_contents_box #left_box {
	float: left;
	margin-right: 23px;
	width: 217px;}

#inside_contents_box #center_box {
	float: left;
	width: 542px;}

#inside_contents_box #right_box {
	float: right;
	width: 175px;}



/*-- header ---------------------*/
#header {
	position: relative;
	width: 980px;
	font-size: 0;}

#header .header_title {
	position: absolute;
	top: 47px;
	left: 176px;}

#header_navi {
	position: absolute;
	top: 17px;
	left: 468px;}

#header_navi_ir {
	position: absolute;
	top: 17px;
	left: 594px;}

#print {
	position: absolute;
	top: 13px;
	left: 789px;}

#stock_prices {
	position: absolute;
	top: 52px;
	left: 443px;}

#gloval_navi {
	clear: both;
	width: 980px;
	height: 33px;}

#header_navi li,
#header_navi_ir li,
#gloval_navi li {float: left;}

#stock_prices li {
	float: left;
	padding-left: 11px;}

#breadcrumbs {
	clear: both;
	padding: 12px 0 12px 20px;
	width: 960px;
	font-size: 11px;}

#breadcrumbs li {display: inline;}


/*-- 文字サイズ変更 --*/
body.fontL {font-size: 14px;}
body.fontM {font-size: 12px;}
body.fontS {font-size: 10px;}

#font_size {
	position: absolute;
	top: 10px;
	left: 842px;}

#font_size li {
	float: left;
	padding-left: 6px;
	text-indent: -9999px;}

.size_title {
	width: 57px;
	height: 21px;
	background: url(../img/header_img_fontsize.gif) no-repeat right 0;}

.sizeS a,
.sizeS a:hover {
	display: block;
	width: 17px;
	height: 21px;
	background: url(../img/header_btn_fontsize_s.gif) no-repeat 0 0;
	overflow: hidden;}

.sizeS a:hover {background: url(../img/header_btn_fontsize_s_on.gif) no-repeat 0 0;}

.sizeM a,
.sizeM a:hover {
	display: block;
	width: 19px;
	height: 21px;
	background: url(../img/header_btn_fontsize_m_on.gif) no-repeat 0 0;
	overflow: hidden;}

.fontS .sizeM a,
.fontL .sizeM a {background: url(../img/header_btn_fontsize_m.gif) no-repeat 0 0;}
.fontS .sizeM a:hover,
.fontL .sizeM a:hover {background: url(../img/header_btn_fontsize_m_on.gif) no-repeat 0 0;}

.sizeL a,
.sizeL a:hover {
	display: block;
	width: 21px;
	height: 21px;
	background: url(../img/header_btn_fontsize_l.gif) no-repeat 0 0;
	overflow: hidden;}

.sizeL a:hover {background: url(../img/header_btn_fontsize_l_on.gif) no-repeat 0 0;}

.fontS .sizeS a {
	display: block;
	width: 17px;
	height: 21px;
	background: url(../img/header_btn_fontsize_s_on.gif) no-repeat 0 0;
	overflow: hidden;}

.fontM .sizeM a {
	display: block;
	width: 19px;
	height: 21px;
	background: url(../img/header_btn_fontsize_m_on.gif) no-repeat 0 0;
	overflow: hidden;}

.fontL .sizeL a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(../img/header_btn_fontsize_l_on.gif) no-repeat 0 0;
	overflow: hidden;}



/*-- side navi ---------------------*/
#inside_contents_box #left_box ul,
#inside_contents_box #left_box p,
#inside_contents_box #left_box img {
	font-size: 0;
	vertical-align: top;}

#local_first {
	margin-bottom: 20px;
	font-size: 0;}

#right_navi li {height: 1%;}



/*-- right navi ---------------------*/
#right_box {font-size: 0;}

#right_box img {vertical-align: bottom;}



/*-- footer ---------------------*/
#footer {
	padding-top: 60px;
	width: 980px;
	height: 60px;
	font-size: 0;
	background: url(../img/footer_bar.gif) no-repeat 0 bottom;}

#footer .pagetop {
	margin-bottom: 6px;
	padding-bottom: 6px;
	width: 980px;
	text-align: right;
	border-bottom: 1px solid #b2b2b2;}

#footer .pagetop_ir {
	margin-bottom: 6px;
	padding-bottom: 6px;
	width: 980px;
	border-bottom: 1px solid #b2b2b2;}

#footer .pagetop_ir ul {float: left;}

#footer .pagetop_ir ul li {
	float: left;
	margin-right: 12px;}

#footer .pagetop_ir p {float: right;}

#footer address {
	float: left;
	padding-bottom: 16px;}

#footer_navi {
	float: right;
	padding-bottom: 16px;}

#footer_navi li {float: left;}


/*-- main ---------------------*/
/*-- top --*/
#flash_space {
	position: relative;
	margin-top: 23px;
	width: 980px;
	height: 300px;}

#flash_space span {
	position: absolute;
	top: 0;
	left: 0;}

#top_news {margin-bottom: 20px;}

.top,
#topics {width: 628px;}
.ir_top {width: 542px;}

#top_news p,
#top_calendar p,
#topics p {margin-bottom: 16px;}

#top_news dt,
#top_calendar dt,
#topics dt {
	clear: left;
	float: left;
	margin-left: 4px;
	padding-left: 8px;
	width: 162px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

#top_news dt img,
#topics dt img {margin-left: 8px;}

.top dd,
#topics dd {
	float: left;
	margin-bottom: 8px;
	width: 452px;}

.ir_top dd {
	float: left;
	margin-bottom: 8px;
	width: 310px;}

#top_news dd img,
#topics dd img {margin-left: 4px;}

#relational p {margin-bottom: 23px;}

.relational_bnr {margin-left: 13px;}

.relational_bnr li {
	float: left;
	padding: 0 8px 8px 0;}

#relational_link{
	text-align:right;
	width:321px;
	height:36px;
	background:url(../img/top_relational_title_bg.gif) left top no-repeat;}

/*-- title --*/
h1 {
	position: relative;
	margin-bottom: 20px;
	width: 542px;
	height: 30px;
	font-size: 0;}

h1 span {
	position: absolute;
	top: 2px;
	right: 0;}

#generalWrapper h2 {
	padding: 0 0 2px 12px;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.0;
	border-bottom: 1px solid #b2b2b2;
	border-left: 5px solid #0c5288;
	overflow: auto;}

#generalWrapper h3 {
	padding: 6px 12px;
	font-weight: bold;
	background-color: #f4f4f4;
	overflow: auto;}

#cmsWrapper h4 {
	padding-left: 6px;
	font-weight: bold;
	border-left: 3px solid #888888;
	overflow: auto;}

#cmsWrapper h5 {
	font-weight: bold;
	color :#064673;}

#cmsWrapper h6 {
	margin-bottom: 8px;
	font-weight: bold;}

.title_item {
	margin-bottom: 20px;
	padding: 6px 12px;
	font-weight: bold;
	color: #064673;
	background: url(../img/bg_h_sub.gif) no-repeat 0 bottom;}

.title_item_sec {
	padding: 4px 0;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #999999;}

.page_title {
	margin-bottom: 20px;
	padding: 20px 12px;
	font-size: 14px;
	font-weight: bold;
	color: #009de2;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;}


/*-- dl --*/
.dl_deco01 dt {
	margin: 16px 0 8px;
	font-weight: bold;}

.dl_deco01 li {margin-bottom: 8px;}

.dl_deco01 ol li span {
	display: block;
	margin: 4px 0 0 16px;}

.dl_deco01 ol li strong {
	display: block;
	margin: 8px 0;}

.dl_deco01 ol li ol {margin-top: 4px;}

.dl_deco02 {
	margin: 12px 0 24px;
	padding: 12px;
	border: 1px dotted #cccccc;}

.dl_deco02 dt {margin-bottom: 4px;}

.dl_deco03 dt.title {
	margin-bottom: 12px;
	font-weight: bold;
	color: #064673;}

.dl_deco03 dd {margin-bottom: 20px;}

.dl_deco03 dd dl dd {margin: 8px 0 12px 12px;}

.dl_deco04 {
	margin-bottom: 8px;
	padding-bottom: 8px;
	min-height: 30px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px dotted #cccccc;}

.dl_deco04 dt {
	clear: left;
	float: left;
	margin: 0;
	padding: 0 0 0 11px;
	width: 140px;
	border-left: 3px solid #0c5288;}

.dl_deco04 dd {
	padding-left: 160px;
	width: 380px;}

* html .dl_deco04 dd {padding-left: 0; height: 20px;} /* end IE6_hack */
*:first-child+html .dl_deco04 dd {padding-left: 0;} /* end IE7_hack */

.dl_deco05 {padding-bottom: 8px;}

.dl_deco05 dt {
	clear: left;
	float: left;
	padding-left: 20px;
	border-left: 3px solid #0c5288;}

.dl_deco05 dd {
	margin-bottom: 12px;
	padding: 0 0 12px 452px;
	border-bottom: 1px dotted #cccccc;}

.dl_deco06 {padding-bottom: 14px;}

.dl_deco06 dt {
	padding-left: 10px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

.dl_deco06 dd {
	margin: 4px 0 16px;
	padding: 0 0 16px 10px;
	border-bottom: 1px dotted #cccccc;}


/*-- li margin --*/
.li_m_top4 li {margin: 4px}
.li_m_top8 li {margin-top: 8px;}
.li_m_top12 li {margin-top: 12px;}
.li_m_bottom8 li {margin-bottom: 8px;}

/*-- ul --*/
.ul_deco01 {padding-top: 8px;}

.ul_deco01 li {
	margin-top: 4px;
	padding-left: 10px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

.ul_deco02 {padding-bottom: 8px;}

.ul_deco02 li {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px dotted #cccccc;}

.ul_deco02 li p {
	padding: 0 0 4px 16px;
	background: url(../img/icon_arrow03.gif) no-repeat 0 4px;}

.ul_deco02 li dt {
	clear: left;
	float: left;
	padding-right: 4px;
	width: 130px;
	text-align: right;}

.ul_deco02 li dd {
	float: left;
	width: 406px;}

.ul_deco03 li {
	margin-bottom: 16px;
	padding: 0 0 16px 16px;
	background: url(../img/icon_arrow03.gif) no-repeat 0 4px;
	border-bottom: 1px dotted #cccccc;}

.ul_deco04 li {
	margin-top: 8px;
	padding-left:  16px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 6px;}

/*-- ol --*/
.ol_deco01 li {
	margin-top: 16px;
	font-weight: bold;}

.ol_deco01 dd {
	margin-top: 8px;
	font-weight: normal;}

.ol_deco01 li ol {padding-top: 4px;}

.ol_deco01 li ol li {
	margin-top: 4px;
	font-weight: normal;}

.ol_deco01 li ol li span {
	display: block;
	margin: 4px 0 0 16px;}


/*-- text --*/
.txt_deco01 {
	margin: 16px 0;
	padding: 12px;
	text-align: center;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;}

/*-- flee --*/
.note {
	padding-left: 16px;
	background: url(../img/icon_arrow03.gif) no-repeat 0 4px;}

.note_link {
	padding-left: 10px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

.attention {
	display: block;
	font-size: 85%;}

.btn_deco01 {
	padding: 3px 8px 2px;}

.relate dt {
	margin-bottom: 4px;
	padding-left: 18px;
	background: url(../img/icon_arrow03.gif) no-repeat 0 center;}

.relate dd ul li {
	margin: 0 0 4px 14px;
	padding-left: 10px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 6px;}

.flow {
	margin: 20px 0;
	font-size: 85%;
	text-align: center;
	line-height: 2.0;}

.flow_attention {
	width: 542px;
	text-align: center;}

.flow_attention span {
	display: block;
	margin: 0 auto;
	padding: 4px 8px;
	width: 300px;
	font-weight: bold;
	border: 1px solid #009de2;}

#business_box .left_box {
	float: left;
	width: 322px;}

#business_box .right_box {
	float: right;
	padding-top: 32px;
	width: 200px;
	text-align: center;}

#business_box .width210 {width: 162px;}

#business_box .production_title,
#business_box .contents_title,
#business_box .platform_title {
	font-size: 140%;
	font-weight: bold;}

#business_box .production_title {color: #dc3aa1;}
#business_box .contents_title {color: #f37b06;}
#business_box .platform_title {color: #009de2;}

#business_box ul {margin-bottom: 20px;}

#business_box li {
	margin-top: 12px;
	padding-left: 20px;
	background: url(../img/icon_arrow03.gif) no-repeat 0 3px;}

#business_box .right_box img {padding-bottom: 20px;}

#business_box .right_box_contents {
	float: right;
	padding-top: 32px;
	width: 360px;}

.environment_box {
	margin-bottom: 30px;
	width: 542px;}

.environment_box .environment_box_left {
	float: left;
	width: 232px;}

.environment_box .environment_box_left span {
	display: block;
	margin-top: 8px;}

.environment_box .environment_box_right {
	float: right;
	width: 290px;}

#faq_box .faq_select01 {
	background-color: #f1f1f1;
	border: 1px solid #cccccc;}

#faq_box .faq_select01 li {
	float: left;
	width: 180px;
	text-align: center;}

#faq_box .faq_select01 li.side_line {
	width: 178px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;}

* html #faq_box .faq_select01 li.side_line {width: 180px;} /* end IE6_hack */

#faq_box .faq_select01 li a {
	display: block;
	padding: 12px 0;
	text-decoration: none;
	color: #ffffff;
	background-color: #009de2;}

#faq_box .faq_select01 li a:hover {background-color: #0c5288;}

#faq_box .faq_select01 li.on {
	display: block;
	padding: 12px 0;
	color: #ffffff;
	background-color: #0c5288;}

#faq_box .faq_select02 {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;}

#faq_box .faq_select02 ul {padding: 16px 16px 8px;}

#faq_box .faq_select02 ul li {
	margin-bottom: 8px;
	padding-left: 16px;
	background: url(../ir/consent/img/icon_q.gif) no-repeat 0 4px;}

#faq_list {margin-top: 20px;}

#faq_list dt {
	margin-bottom: 4px;
	padding-left: 16px;
	background: url(../ir/consent/img/icon_q.gif) no-repeat 0 4px;}

#faq_list dd {
	margin-bottom: 12px;
	padding: 0 0 12px 16px;
	background: url(../ir/consent/img/icon_a.gif) no-repeat 0 4px;
	border-bottom: 1px dotted #cccccc;}

.officers_box {width: 542px;}

.officers_box .officers_box_left {
	float: left;
	width: 232px;}

.officers_box .officers_box_right {
	float: right;
	width: 261px;}

.officers_box dt {
	clear: left;
	float: left;
	padding-left: 16px;
	border-left: 3px solid #0c5288;}

.officers_box dd {
	margin-bottom: 8px;
	padding-bottom: 8px;
	text-align: right;
	border-bottom: 1px dotted #cccccc;}

.officers_box dt.no,
.officers_box dd.no {border-color: #ffffff;}


.officers_box_jp {width: 542px;}

.officers_box_jp .officers_box_left_jp {
	float: left;
	width: 245px;}

.officers_box_jp .officers_box_right_jp {
	float: right;
	width: 245px;}

.officers_box_jp dl {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #cccccc;}

.officers_box_jp dl.no_line {border: none;}

.officers_box_jp dt {
	clear: left;
	float: left;
	padding-left: 16px;
	border-left: 3px solid #0c5288;}

.officers_box_jp dd {
	text-align: left;
	padding-left:160px;
}

.officers_box_jp dt.no,
.officers_box_jp dd.no {border-color: #ffffff;}

#approach_box {
	margin-top: 20px;}

#approach_box .note {
	margin: 0 0 6px 6px;
	font-weight: bold;}

#approach_box .approach_box_left {
	float: left;
	width: 260px;}

#approach_box .approach_box_right {
	float: right;
	width: 260px;}

#approach_box .approach_box_left p,
#approach_box .approach_box_right p {
	padding: 8px 0;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #999999;}

#approach_box .approach_box_left li,
#approach_box .approach_box_right li {margin-top: 12px;}

#approach_box .approach_box_left dt{margin-top: 12px;}

#approach_box .approach_box_left table{
	margin: 12px 0 0 1px;
	width: 259px;
	border-collapse: collapse;
	font-size: 100%;
	line-height: 180%;
	color: #ffffff;}

#approach_box .approach_box_left tr,
#approach_box .approach_box_left td {background-color: #ffffff;}



/*-- table ---------------------*/
table {
	margin-left: 1px;
	width: 541px;
	border-collapse: collapse;
	font-size: 100%;
	line-height: 180%;
	color: #ffffff;}

th,tr,td {
	padding: 6px 8px;
	text-align: center;
	color: #333333;
	vertical-align: middle;
	border: 1px solid #d8d8d8;}

tr,
th.noline_left,
td.noline_left {border-left: none;}

tr,
th.noline_right,
td.noline_right {border-right: none;}

th {
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;}

td.td_center {text-align: center;}
td.td_left {text-align: left;}

.nowrap {white-space: nowrap}

.detail_production,
.detail_contents,
.detail_platform {
	display: block;
	margin: 4px 0;
	padding: 1px 8px 0;
	text-align: center;
	text-decoration: none;
	color: #ffffff;}

.detail_production {background-color: #dc3aa1;}
.detail_contents {background-color: #fcb211;}
.detail_platform {background-color: #009de2;}

.arrow {
	padding-left: 10px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

#investment_top_main {
	margin-bottom: 20px;
	width: 542px;
	height: 97px;
	font-size: 0;
	background: url(../ir/investment/img/top_main_bg.jpg) no-repeat 0 0;}

.top_main_navi01,
.top_main_navi02 {margin-left: 21px;}

.top_main_navi01 li,
.top_main_navi02 li {float: left;}

#every_box {width: 542px;}

#every_box .every_box_left {
	float: left;
	width: 264px;
	border: 1px solid #cccccc;}

#every_box .every_box_right {
	float: right;
	width: 264px;}

#every_box .every_box_left .title01_a,
#every_box .every_box_left .title01_b,
#every_box .every_box_left .title01_c {
	margin: 8px 8px 12px;
	padding: 7px 4px 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.01em;
	color: #ffffff;
	background-color: #009de2;}

#every_box .every_box_left .title01_a {background-color: #26696a;}
#every_box .every_box_left .title01_b {background-color: #b98922;}
#every_box .every_box_left .title01_c {background-color: #0075a8;}

#every_box .every_box_left .title02 {
	margin: 20px 8px 12px;
	padding: 10px 0 8px;
	font-size: 116%;
	font-weight: bold;
	text-indent: 12px;
	letter-spacing: 0.06em;
	color: #064673;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;}

#every_box .every_box_left .txt {margin: 0 12px;}

#every_box .every_box_left li {
	margin: 0 12px 8px 16px;
	padding-left: 16px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 6px}

#every_box .every_box_right dl {
	margin-bottom: 8px;
	padding: 8px;
	border: 1px solid #cccccc;}

#every_box .every_box_right dl.m_bottom0 {margin-bottom: 0;}

#every_box .every_box_right dt {
	margin-bottom: 4px;
	padding-left: 16px;
	font-weight: bold;
	background: url(../img/icon_arrow03.gif) no-repeat 0 4px;}

#every_box .every_box_right .file {
	display: block;
	margin-top: 4px;
	padding-left: 12px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

#every_box .every_box_right .file a {
	margin-left: 0;
	color: #0c5288;}

.sitemap_top {
	padding-left: 12px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

.sitemap_fst {
	padding-top: 8px;
	margin: 12px 0 0 24px;
	padding-left: 12px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 14px;
	border-top: 1px dotted #cccccc;}

.sitemap_fst_line {
	margin: 2px 0 0 24px;
	padding-left: 12px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

.sitemap_sec {
	margin-left: 48px;
	padding-left: 12px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

.sitemap_sec_line {
	margin: 8px 0 0 48px;
	padding: 8px 0 0 12px;
	border-top: 1px dotted #cccccc;
	background: url(../img/icon_arrow01.gif) no-repeat 0 14px;}

.sitemap_thd {
	margin-left: 78px;
	padding-left: 12px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

.sitemap_frh {
	margin-left: 92px;
	padding-left: 12px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 center;}

.sitemap_other {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #cccccc;}

.sitemap_other li {
	margin-top: 8px;
	padding-top: 8px;
	padding-left: 12px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 15px;
	border-top: 1px dotted #cccccc;}

#blankWrapper {
	margin: 20px auto;
	width: 582px;
	text-align: left;}
	
#blankWrapper .close {
	padding: 8px;
	text-align: center;
	background-color: #f4f4f4;}

.list li {
	margin-bottom: 8px;
	padding-left: 16px;
	background: url(../img/icon_arrow01.gif) no-repeat 0 6px}



/*-- all id & class ---------------------*/
.block {display: block;}
.clear {clear: both;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align:right;}
.f_bold {font-weight: bold;}
.bold_no {font-weight: normal;}
.f_size0 {font-size: 0;}
.indent1 {padding-left: 1em; text-indent: -1em;}
.indent2 dt {float: left;}
.indent2 dd {padding-left: 24px;}

.c_blue {color: #009de2;}
.c_navy {color: #0c5288;}
.c_pink {color: #dc3aa1;}
.c_yellow {color: #f37b06;}
.c_green {color: #1ca587;}
.c_gray {color: #666666;}

.topmargin {margin-top: 16px;}
.topmargin4 {margin-top: 4px;}
.topmargin8 {margin-top: 8px;}
.topmargin10 {margin-top: 10px;}
.topmargin15 {margin-top: 15px;}
.topmargin20 {margin-top: 20px;}
.topmargin23 {margin-top: 23px;}
.topmargin30 {margin-top: 30px;}
.bottommargin {margin-bottom: 16px;}
.bottommargin4 {margin-bottom: 4px;}
.bottommargin8 {margin-bottom: 8px;}
.bottommargin12 {margin-bottom: 12px;}
.bottommargin20 {margin-bottom: 20px;}
.bottommargin24 {margin-bottom: 24px;}
.bottommargin30 {margin-bottom: 30px;}
.leftmargin4 {margin-left: 4px;}
.leftmargin12 {margin-left: 12px;}
.leftmargin18 {margin-left: 18px;}
.rightmargin6 {margin-right: 6px;}
.rightmargin10 {margin-right: 10px;}


/*-- clearfix ---------------------*/
#wrapper .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
#wrapper .clearfix {display: inline-block;}/* exlude MacIE5 \*/
* html .clearfix {height: 1%}
#wrapper .clearfix {display:block;}/* end MacIE5 */