@charset "utf-8";

/* レイアウト
******************************
*/

/* トップページ */

div.tp_newsbox {
	padding-right: 19px;
	padding-left: 19px;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 612px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #bfbfbf;
	border-left-color: #bfbfbf;
}

div.tp_newsbox ul {
	margin: 0px;
}

div.tp_newsbox li {
	background-image: url(images/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
	padding-left: 12px;
	display: block;
	list-style-position: outside;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 12px;
	padding-top: 8px;
	margin: 0px;
	font-size: 14px;
}

/* ニュース*/

.newslist li {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 12px;
	display: block;
	margin-bottom: 16px;
	list-style-position: outside;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 16px;
}

.newsbox {
	border: 1px solid #CCCCCC;
	padding: 30px;
}

.newstt {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #005982;
	font-weight: bold;
	padding-bottom: 10px;
}

/* グリーンマジック*/

.magiclist li {
	background-image: url(images/pdficon_s.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	display: block;
	vertical-align: middle;
	height: 30px;
	padding-top: 10px;
	list-style-position: outside;
	list-style-type: none;
}

/* その他デザイン */

.w_tt {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #4c4c4c;
	font-weight: bold;
	background-color: #eee;
	padding: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCC;
}

div.st {
	background-color: #e6e6e6;
	margin-bottom: 15px;
}

div.st_dot {
	margin-bottom: 15px;
	background-image: url(products/images/st_bg.gif);
}

.dot {
	background-image: url(products/images/st_bg.gif);
	height: 26px;
}

h1 {
	margin-bottom: 20px;
	background-image: url(images/tt_bg.gif);
}
h2 {
	background-image: url(images/st_bg.gif);
}

h3 {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

h4 {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #336600;
}
.right {
	text-align: right;
}

.center {
	text-align: center;
}
.left {
	text-align: left;
}



/* ボックス */

.box_tel {
	text-align: left;
	background-color: #e5edff;
	padding-top: 120px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	background-image: url(service/images/ft_tel.gif);
	background-repeat: no-repeat;
}

.box_t_u {
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e6e6e6;
	border-bottom-color: #e6e6e6;
}

.box_50 {
	width: 50%;
}

.box_75 {
	width: 75%;
}

.box_gry {
	padding: 15px;
	border: 2px solid #e6e6e6;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.box_w {
	padding: 20px;
	border: 1px dotted #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #ffffff;
}

.box_red {
	padding: 20px;
	border: 1px solid #D90000;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #ffffff;
}

.box_bg_e7 {
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #e7ebec;
}

.box_ad {
	padding: 27px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #e7ebec;
}

.box_sales {
	padding: 20px;
	border: 5px solid #e6e6e6;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* テーブル */

table.type1 {
	width: 100%;
	border-collapse:collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
table.type1 th {
	background-color: #eeeeee;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
table.type1 th, table.type1 td {
	padding: 6px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
table.type1 .rightcell {
	border-right-style: none;
}
table.type1 th.st {
	background-color: #F1EDDE;
}

table.type2 {
	width: 100%;
	border-collapse:collapse;
}
table.type2 th {
	background-color: #EEEEEE;
	font-weight: normal;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
}
table.type2 th, table.type2 td {
	padding: 12px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}table.type2 td.date {
	vertical-align: top;
	width: 130px;
}
table.type2 td.value {
	text-align: right;
}



table.type3 {
	width: 100%;
	border-collapse:collapse;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #4c4c4c;
}
table.type3 th {
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	background-color: #eee;
}
table.type3 th, table.type3 td {
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #4c4c4c;
}
table.type3 .rightcell {
	border-right-style: none;
}



table.type4 {
	width: 100%;
	border-collapse:collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
table.type4 th {
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
table.type4 th, table.type4 td {
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
table.type4 .rightcell {
	border-right-style: none;
}


table.type5 {
	width: 100%;
	border-collapse:collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
table.type5 th {
	background-color: #eeeeee;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}
table.type5 th, table.type5 td {
	padding: 6px;
	border: 1px solid #CCCCCC;
	font-size: 10px;
}
table.type5 th.st {
	background-color: #F1EDDE;
}




td table.type0 td{
	border-collapse:collapse;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 1px;
}

td table.type6p td{
	border-collapse:collapse;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 6px;
}

.annotation { color: #0000FF}

.g10bk {font-size: 10px}
.g12bk {font-size: 12px}
.g14bk {font-size: 14px; line-height: 150%;}
.g16bk {font-size: 16px}
.g18bk {font-size: 18px}
.g20bk {font-size: 20px}
.blu {color: #0A2E6B}
.pnk {color: #FA9AA3}
.red {color: #990000}
.grn {
	color: #324606
}
.org {color: #FF6600}
.brn {color: #663300}
.vlt {color: #9999C8}
.yrw {color: #FFBF00}
.wht {color: #FFFFFF}
.gry { color: #999999}
.pad {  padding-right: 5px; padding-left: 5px; font-size: 10px}


/* リンク関連 */


.link a {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	display: block;
	vertical-align: middle;
}

.link_right a {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	vertical-align: middle;
	padding-right: 15px;
	text-align: right;
}

.link_footer a {
	background-image: url(images/arrow_grn.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	display: block;
	vertical-align: middle;
	margin-left: -3px;
}

.pdf a {
	background-image: url(images/pdficon_s.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	display: block;
	vertical-align: middle;
	height: 30px;
	padding-top: 10px;
}
.pageup {
	width: 665px;
	text-align: right;
	background-image: url(images/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 10px;
	padding-right: 15px;
}
.pageclose {
	text-align: right;
	background-image: url(images/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 10px;
	padding-right: 15px;
}

.ad {
	display: block;
	list-style-position: outside;
	list-style-type: none;
	background-color: #FFFFCC;
	padding: 15px;
	border: 1px dotted #FFCC33;
}

/*-------------------------
 button
-------------------------*/
input.lbtn {  
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));  
    -moz-box-shadow: 1px 1px 2px #E7E7E7;  
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
    padding: 6px 20px 4px; 
}  
input.lbtn:hover {  
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));  
}