@charset "utf-8";

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

body {
	font-family: Verdana, "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: #555555;
	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: bottom;}
		
ul,ol {list-style: none;}

strong,em {font-style: normal;}

a {color: #599fbb;}
a:hover {text-decoration: none;}


/*-- 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 */



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



/*-- header ---------------------*/
#header {
	position: relative;
	height: 71px;}

#header #logo {
	position: absolute;
	top: 20px;
	left: 0;}

#header #head_navi {
	position: absolute;
	top: 13px;
	right: 0;
	font-size: 1px;}

#header #head_navi li {
	display: inline;
	margin-left: 13px;}

#header #search_wrap {
	position: absolute;
	top: 37px;
	left: 405px;
	width: 180px;
	height: 26px;}

#header #search_wrap #search {position: relative;}

#header #search_wrap #search .space {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 2px 2px 4px; 
	width: 140px;
	height: 26px;
	font-size: 12px;
	background: url(../img/search_bg.gif) no-repeat 0 0;
	border: none;}

#header #search_wrap #search .search_btn {
	position: absolute;
	top: 0;
	left: 140px;
	width: 40px;
	height: 26px;}

#print {
	position: absolute;
	top: 37px;
	right: 0;}

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

#header #size {
	position: absolute;
	top: 37px;
	left: 595px;
	width: 158px;
	height: 26px;}

#header #size dt {
	float: left;
	font-size: 10px;}

#header #size dd {float: right;}

#header #size dd ul li {
	float: left;
	text-indent: -999999px;}

#small a,
#small a:hover {
	display: block;
	width: 29px;
	height: 26px;
	background: url(../img/size_small_off.gif) no-repeat 0 0;
	overflow: hidden;}

#small a:hover {background: url(../img/size_small_on.gif) no-repeat 0 0;}

#medium a,
#medium a:hover {
	display: block;
	width: 30px;
	height: 26px;
	background: url(../img/size_middle_on.gif) no-repeat 0 0;
	overflow: hidden;}

#medium a:hover {background: url(../img/size_middle_on.gif) no-repeat 0 0;}

.fontS #medium a,
.fontL #medium a {background: url(../img/size_middle_off.gif) no-repeat 0 0;}
.fontS #medium a:hover,
.fontL #medium a:hover {background: url(../img/size_middle_on.gif) no-repeat 0 0;}

#large a,
#large a:hover {
	display: block;
	width: 32px;
	height: 26px;
	background: url(../img/size_large_off.gif) no-repeat 0 0;
	overflow: hidden;}

#large a:hover {background: url(../img/size_large_on.gif) no-repeat 0 0;}

.fontS #small a {
	display: block;
	width: 29px;
	height: 26px;
	background: url(../img/size_small_on.gif) no-repeat 0 0;
	overflow: hidden;}

.fontM #medium a {
	display: block;
	width: 30px;
	height: 26px;
	background: url(../img/size_middle_on.gif) no-repeat 0 0;
	overflow: hidden;}

.fontL #large a {
	display: block;
	width: 32px;
	height: 26px;
	background: url(../img/size_large_on.gif) no-repeat 0 0;
	overflow: hidden;}




/*-- footer ---------------------*/
#footer_wrap {
	margin-top: 40px;
	width: 804px;}

#footer_wrap p {
	margin: 0 12px 3px 0;
	height: 12px;
	font-size: 1px;
	text-align: right;}

#footer_box {
	width: 804px;
	height: 86px;
	border-top: 1px solid #bacac6;}

#footer_box ul {
	float: left;
	margin-top: 14px;}

#footer_box ul li {display: inline;}

#footer_box address {
	float: right;
	margin-top: 14px;}


/*-- global navi & local navi & パンくず ---------------------*/
#global_navi {
	clear: both;
	width: 805px;
	height: 52px;}

#global_navi li {float: left;}

#local_navi_top {
	float: left;
	width: 285px;}

#local_navi_naka {
	position: relative;
	float: left;
	width: 224px;}

#local_navi_naka .bottom {
	position: absolute;
	bottom: -11px;
	left: 0;}

#navi_main_second {width: 224px;}

#navi_main_second .on,
#navi_sub .on {color: #333333;}

#navi_main_second li {
	padding: 8px 17px 8px 40px;
	font-size: 10px;
	background: url(../img/local_second.gif) no-repeat 0 0;}

#navi_main_second li a {
	display: block;
	width: 168px;}

#navi_sub {margin: 12px 0 0 16px;}

#navi_sub li {
	display: inline-block;
	margin-bottom: 8px;
	padding-left: 12px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 center;}

#breadcrumbs {
	margin: 12px 0 14px;
	font-size: 85%;}

#breadcrumbs li {display: inline;}


/*-- main_contents ---------------------*/

/* トップページ */
#flash_box {
	width: 804px;
	height:330px;
	background: url(../img/fla_bg.gif) no-repeat 0 0;}

#main_contents_top {
	float: right;
	width: 504px;}

#news_wrap {
	width: 504px;
	background: url(../img/bg_news_middle.gif) repeat-y 0 0;}

#news_box {
	padding-bottom: 8px;
	width: 504px;
	background: url(../img/bg_news_bottom.gif) no-repeat 0 bottom;}

#news_box h3 {position: relative;}

#news_box h3 .news_list {
	position: absolute;
	top: 0;
	left: 406px;}

#news_box h3 .news_rss {
	position: absolute;
	top: 0;
	left: 440px;}

#news_box_sub {width: 520px;}

#news_box dl {
	margin: 12px 0 0 17px;
	width: 470px;}

#news_box_sub dl {padding: 12px 20px 20px;}

#news_box dt,
#news_box_sub dt {
	clear: left;
	float: left;
	padding-left: 38px;}

#news_box dd,
#news_box_sub dd {
	margin-bottom: 14px;
	padding: 0 0 10px 164px;
	background: url(../img/line_dotted.gif) repeat-x 0 bottom;}

#news_box .ir,
#news_box_sub .ir {background: url(../img/icon_ir.gif) no-repeat 0 center;}
#news_box .tps,
#news_box_sub .tps {background: url(../img/icon_tps.gif) no-repeat 0 center;}
#news_box .msp,
#news_box_sub .msp {background: url(../img/icon_msp.gif) no-repeat 0 center;}
#news_box .info,
#news_box_sub .info {background: url(../img/icon_info.gif) no-repeat 0 center;}

#main_contents_top ul {width: 504px;}

#main_contents_top ul li {float: left;}

#top_adobe01 {
	margin-top: 32px;
	padding-top: 12px;
	width: 804px;
	border-top: 1px dashed #cccccc;}

#top_adobe02 {
	margin-top: 8px;
	width: 804px;}

#top_adobe01 dt,
#top_adobe02 dt {
	clear: left;
	float: left;
	padding: 7px 20px 0 0;
	font-size: 10px;}

#top_adobe01 dd,
#top_adobe02 dd {
	float: left;
	font-size: 10px;}

/* 中ページ */
#main_contents_naka {
	float: right;
	padding-bottom: 8px;
	width: 565px;
	background: url(../img/bg_main_naka_bottom.gif) no-repeat 0 bottom;}

#main_contents_naka_bg {
	padding: 20px 0 30px;
	background: url(../img/bg_main_naka_middle.gif) repeat-y 0 0;}

#main_contents_naka_box {margin: 0 25px 0 20px;}

#main_contents_naka h1 {
	width: 565px;
	height: 44px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 12px;
	line-height: 3.0;
	color: #3f6e66;
	background: url(../img/tit_bg01.gif) no-repeat 0 0;
	overflow: hidden;}

#main_contents_naka .tit01 {
	margin-bottom: 16px;
	padding: 3px 3px 3px 9px;
	font-size: 12px;
	font-weight: bold;
	color: #48756d;
	border-left: 4px solid #3f6e66;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;}

#main_contents_naka .tit01 span {position: relative;}

#main_contents_naka .tit01 em {
	position: absolute;
	top: -1px;
	left: 240px;
	display: block;
	padding-left: 12px;
	width: 100px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 center;}

* html #main_contents_naka .tit01 em {padding-top: 2px;} /* end IE6_hack */
*:first-child+html .tit01 em {padding-top: 2px;} /* end IE7_hack */

#main_contents_naka .tit02 {
	margin-bottom: 16px;
	padding-left: 7px;
	width: 520px;
	line-height: 2.0;
	color: #48756d;
	border-left: 2px solid #48756d;
	border-bottom: 1px dashed #48756d;}

#main_contents_naka .tit03 {
	margin-bottom: 16px;
	width: 350px;
	height: 29px;
	font-size: 12px;
	text-indent: 12px;
	line-height: 2.4;
	color: #48756d;
	background: url(../img/tit_bg03.gif) no-repeat 0 0;
	overflow: hidden;}

#main_contents_naka .tit04 {
	width: 150px;
	height: 20px;
	font-size: 12px;
	text-indent: 4px;
	color: #ffffff;
	background: url(../img/bg_ir_right_tit.gif) no-repeat 0 0;}

#main_contents_naka .tit05 {
	margin-bottom: 20px;
	padding: 12px;
	font-size: 14px;
	font-weight: bold;
	color: #48756d;
	border-top: 1px dashed #48756d;
	border-bottom: 1px dashed #48756d;}

#main_contents_naka h4 {
	margin-bottom: 12px;
	padding-left: 12px;
	color: #48756d;
	background: url(../img/icon_point01.gif) no-repeat 0 6px;}

.float_box .img_left {
	float: left;
	padding-right: 20px;}

.float_box_left01 {
	float: left;
	width: 300px;}

.float_box_left01 dd {
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #cccccc;}

.float_box .img_right {
	float: right;
	padding-left: 20px;}

#ir_top_left {
	float: left;
	padding-bottom: 28px;
	width: 350px;}

#ir_top_left h2 {position: relative;}

#ir_top_left .tab_rss {
	position: absolute;
	top: 0;
	left: 112px;}

#ir_top_left .tab01 {
	position: absolute;
	top: 0;
	left: 151px;}

#ir_top_left .tab02 {
	position: absolute;
	top: 0;
	left: 277px;}

#ir_top_left dd {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #cccccc;}

#ir_top_right {
	float: right;
	padding-bottom: 28px;
	width: 150px;}

#ir_top_right dl {margin-bottom: 12px;}

#ir_top_right dt {
	margin-top: 4px;
	padding-left: 8px;
	font-size: 85%;
	background: url(../img/icon_arrow02.gif) no-repeat 0 6px;}

#ir_top_right dd {
	margin-top: 2px;
	padding: 0 0 4px 1em;
	font-size: 85%;
	border-bottom: 1px dashed #cccccc;}

#ir_top_right .p_deco01 {
	padding-left: 12px;
	font-size: 85%;
	background: url(../img/icon_arrow02.gif) no-repeat 0 7px;}

#ir_top_right .p_deco02 {
	margin-top: 4px;
	padding: 0 0 4px 1em;
	font-size: 85%;
	border-bottom: 1px dashed #cccccc;}

.ir_top_center {
	padding-bottom: 20px;
	width: 520px;}

.ir_top_center .left {
	float: left;
	margin-right: 20px;
	width: 250px;}

.ir_top_center .right {
	float: right;
	width: 250px;}

.ir_top_center .left dt,
.ir_top_center .right dt {
	padding-left: 12px;
	color: #48756d;
	background: url(../img/icon_arrow02.gif) no-repeat 0 6px;}

.ir_top_center .left dd,
.ir_top_center .right dd {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px dashed #48756d;}

.bnr_sr {
	margin-bottom: 20px;
	font-size: 0;}

.ir_naka_center {padding-bottom: 20px;}

.ir_naka_center .center {width: 520px;}

.ir_naka_center .center p {
	float: left;
	padding-right: 20px;}

.ir_naka_center .center ul {
	float: left;}

.ir_naka_center .left {
	float: left;
	margin-right: 20px;
	width: 250px;}

.ir_naka_center .right {
	float: right;
	width: 250px;}

.ir_naka_center .box {
	display: block;
	padding: 12px;
	border: 1px dashed #48756d;}

.ir_naka_center .height90 {
	min-height: 90px;
	height: auto !important;
	height: 100px; /* for IE6 */}

.ir_naka_center .height50 {
	min-height: 50px;
	height: auto !important;
	height: 70px; /* for IE6 */}

.special_deco01 {
	width: 520px;
	text-align: center;
	letter-spacing: 2.0px;
	border: 1px dashed #48756d;}

.special_deco01 strong {
	display: block;
	padding: 20px;
	font-size: 120%;
	font-weight: bold;
	color: #48756d;}

.special_deco01 em {
	display: block;
	padding: 12px;
	font-weight: bold;
	text-align: left;}

#inquiry input,
#inquiry textarea,
#inquiry select {
	padding: 2px;
	border: 1px solid #cccccc;
	font-size: 100%;
	color: #444444;
	vertical-align: middle;}

#inquiry {width: 520px;}

#inquiry dl {margin-top: 20px;}

#inquiry dt {
	clear: left;
	float: left;}

#inquiry dd {padding: 0 0 20px 140px;}

#inquiry dd textarea {width: 360px;}

#inquiry #submit {text-align: center;}

#inquiry #submit p {
	padding: 12px 0 6px;
	color: #48756d;
	border-top: 1px dashed #cccccc;}

#inquiry #submit button {width: 80px;}

#inquiry #verisine {
	margin-top: 20px;
	text-align: center;}

#sitemap .first {
	margin-top: 12px;
	padding-left: 12px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 7px;}

#sitemap li ul li {
	margin: 6px 0 0 12px;
	padding-left: 12px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 7px;}

#tab_box {
	position: relative;
	margin-bottom: 28px;
	height: 29px;
	background: url(../img/tab_bg.gif) no-repeat 0 0;}

#tab_box .tab_ship {
	position: absolute;
	top: 0;
	left: 236px;}

#tab_box .tab_ghs {
	position: absolute;
	top: 0;
	left: 402px;}

#tab_box .tab_g {
	position: absolute;
	top: 0;
	left: 102px;}

#tab_box .tab_ghs_g {
	position: absolute;
	top: 0;
	left: 236px;}

#tab_box .tab_candl_g {
	position: absolute;
	top: 0;
	left: 370px;}

/*-- 共通 ---------------------*/
.block {display: block;}

/* flat関係 */
.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

/* テキスト関係 */
.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}
.f_bold {font-weight: bold;}
.c_green {color: #48756d;}
.c_red {color: red;}
.indent01 {text-indent: -1em; padding-left: 1em;}

/* margin & padding */
.m_both3 {margin: 0 3px;}
.m_top3 {margin-top: 3px;}
.m_top6 {margin-top: 6px;}
.m_top12 {margin-top: 12px;}
.m_top15 {margin-top: 15px;}
.m_top20 {margin-top: 20px;}
.m_top28 {margin-top: 28px;}
.m_right8 {margin-right: 8px;}
.m_bottom8 {margin-bottom: 8px;}
.m_bottom12 {margin-bottom: 12px;}
.m_bottom20 {margin-bottom: 20px;}
.m_left8 {margin-left: 8px;}

/* アイコン */
.icon01 {
	margin: 0 14px 10px 0;
	padding-right: 6px;
	text-align: right;
	background: url(../img/icon_arrow01.gif) no-repeat right center;}

.icon02 {
	padding-left: 12px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 7px;}

/* list */
.pdf_list li {
	margin-bottom: 8px;
	padding-left: 18px;
	background: url(../img/icon_pdf.gif) no-repeat 0 center;}
	
.movie_list li {
	margin-bottom: 8px;
	padding-left: 22px;
	background: url(../img/icon_movie.gif) no-repeat 0 center;}	

.icon_list li {
	margin-bottom: 8px;
	padding-left: 18px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 center;}

/* ol */
.ol_deco01 li {
	list-style: decimal;
	list-style-position: inside;}

/* dl */
.dl_deco01 dt {
	color: #48756d;}
.dl_deco01 dd {margin-top: 4px;}

.dl_deco02 dt {
	padding-left: 12px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 7px;}
.dl_deco02 dd {margin-bottom: 8px;}

.dl_deco03 dt {
	display: block;
	clear: left;
	float: left;
	padding-left: 12px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 7px;}
.dl_deco03 dd {
	margin-bottom: 12px;
	padding-left: 60px;}

.dl_deco04 dt {
	clear: left;
	float: left;}
.dl_deco04 dd {padding: 0 0 6px 80px;}

.dl_deco05 dt {
	font-weight: bold;
	color: #48756d;}

.dl_deco06 {
	margin-bottom: 12px;
	border-bottom: 1px dashed #cccccc;}
.dl_deco06 dt {
	clear: left;
	float: left;
	padding-left: 12px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 7px;}
.dl_deco06 dd {
	margin-bottom: 6px;
	padding-left: 60px;}

.dl_deco07 {
	margin-top: 20px;
	padding: 12px;
	border: 1px dashed #cccccc;}
.dl_deco07 dt {
	padding-left: 12px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 7px;}
.dl_deco07 dd {margin: 4px 0 8px;}

.dl_deco08 {
	margin-top: 20px;
	padding: 20px;
	text-align: center;
	border: 1px dashed #cccccc;}
.dl_deco08 dt {margin-bottom: 12px;}
.dl_deco08 dt a {
	padding-left: 18px;
	background: url(../img/icon_arrow02.gif) no-repeat 0 center;}

/* table */
.table_deco01 .txt_left {text-align: left;}
.table_deco01 .txt_center {text-align: center;}
.table_deco01 .txt_right {text-align: right;}

.width110 {width: 110px;}

.table_deco01 {
	width: 520px;
	font-size: 100%;
	text-align: left;
	border-collapse: collapse;}

.table_deco02 {
	float: left;
	width: 300px;
	font-size: 100%;
	text-align: left;
	border-collapse: collapse;}

.table_deco01 .nowrap {white-space: nowrap;}

.table_deco01 th,
.table_deco01 tr,
.table_deco01 td,
.table_deco02 th,
.table_deco02 tr,
.table_deco02 td {
	padding: 5px;
	font-weight: normal;
	line-height: 1.8;
	border: 1px solid #cccccc;
	vertical-align: middle;}

.table_deco01 th,
.table_deco02 th {
	text-align: center;
	background-color: #ecfaf7;}

.table_deco01 .th_deco01
.table_deco02 .th_deco01 {
	font-weight: bold;
	text-align: left;
	color: #48756d;}

.table_deco01 .th_deco02,
.table_deco02 .th_deco02 {
	width: 100px;
	text-align: left;
	background-color: #f9f9f9;}

.history_box {
	width: 520px;
	font-size: 100%;
	border-collapse: collapse;}

.history_box .nowrap {white-space: nowrap;}

.history_box tr,
.history_box td {
	padding: 8px;
	font-weight: normal;
	line-height: 1.8;
	border: 1px solid #cccccc;
	vertical-align: middle;}

.history_box .left {
	width: 210px;
	text-align: right;
	background-color: #f9f9f9;}

.history_box .left_tit {
	width: 210px;
	font-weight: bold;
	text-align: right;
	background-color: #f9f9f9;}

.history_box .right {
	width: 210px;
	text-align: left;
	background-color: #ecfaf7;}

.history_box .right_tit {
	width: 210px;
	font-weight: bold;
	text-align: left;
	background-color: #ecfaf7;}

.history_box .center {
	width: 100px;
	text-align: center;}