@charset "shift_jis";
	
/*-------------------------------------------------------------------

	fonts.css"

--------------------------------------------------------------------*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body { font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; }
select,input,button,textarea,button{ font:99% arial,helvetica,clean,sans-serif; }
table { font-size:inherit;font:100%;}
pre,code,kbd,samp,tt { font-family:monospace;*font-size:108%;line-height:100%; }


/*  additional font-family for Japanese */
body { line-height:1.5; }
/*default*/
body {font-family: meiryo,"���C���I","Hiragino Kaku Gothic", "�q���M�m�p�S","MS P Gothic", "�l�r �o�S�V�b�N", Verdana, Geneva, Arial, sans-serif; }


/*
YUI Fonts Example: Setting Font Size
Note: To set the font size, always use percentages (%) from the conversion chart for maximum consistency and accessibility.
Lorem ipsum dolor. [77% = 10px]
Lorem ipsum dolor. [85% = 11px]
Lorem ipsum dolor. [93% = 12px] (was 92%)
Lorem ipsum dolor. [100% = 13px]
Lorem ipsum dolor. [108% = 14px] (was 107%)
Lorem ipsum dolor. [116% = 15px] (was 114%)
Lorem ipsum dolor. [123.1% = 16px] (was 122%)
Lorem ipsum dolor. [131% = 17px] (was 129%)
Lorem ipsum dolor. [138.5% = 18px] (was 136%)
Lorem ipsum dolor. [146.5% = 19px] (was 144%)
Lorem ipsum dolor. [153.9% = 20px] (was 152%)
Lorem ipsum dolor. [161.6% = 21px] (was 159%)
Lorem ipsum dolor. [167% = 22px]
Lorem ipsum dolor. [174% = 23px]
Lorem ipsum dolor. [182% = 24px]
Lorem ipsum dolor. [189% = 25px]
Lorem ipsum dolor. [197% = 26px]
/*

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

	reset.css"

--------------------------------------------------------------------*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,a,hr,span,p { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style:inherit; font-weight:inherit; }
del,ins { text-decoration:none; }
li { list-style:none; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
*html sub { vertical-align: sub; }
legend { color:#000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select { *font-size:100%; }


/* additional tems */
/* * { text-indent:0px; zoom:1; }*/
li { zoom:normal; }
/* div { position:relative; width:auto; height:auto; overflow:hidden; } */
/* span { position:relative; width:auto; height:auto; overflow:hidden; } */
a { outline:0px none #fff; }
hr { display:block; height: 1px; background: #333; text-align: left; border: 0px none #333; }
img { display:block; }
sup { vertical-align:text-top; font-size:77%;line-height:100%;}
sub { vertical-align:text-bottom; font-size:77%;line-height:100%;}
/**:first-child+html sup { vertical-align:super; }*/
/**html sup { vertical-align:super; }*/
em { font-style:normal; }


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

	style.css"

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

#easyTooltip{
	color:#fff;
	padding:5px;
	background:#ffcc00;
	}

a:focus				{color:#1583d7;text-decoration:none;}
a:link				{color:#1583d7;text-decoration:none;}
a:link:hover		{color:#1583d7;text-decoration:underline;}
a:link:active		{color:#1583d7;text-decoration:none;}
a:visited			{color:#1583d7;text-decoration:none;}
a:visited:hover		{color:#1583d7;text-decoration:underline;}
a:visited:active	{color:#1583d7;text-decoration:none;}
a.blank {
	padding:0 2em 0 0;
	background-image: url("/cms/ene/images/suffix-blank.png");
	background-position: right center;
	background-repeat: no-repeat;
}
/*
a.sp1 {
	padding:0 2em 0 2em;
	background-image: url("/cms/ene/images/sp1.png");
	background-position: left center;
	background-repeat: no-repeat;
}
a.sp2 {
	padding:0 2em 0 2em;
	background-image: url("/cms/ene/images/sp2.png");
	background-position: left center;
	background-repeat: no-repeat;
}
a.sp3 {
	padding:0 2em 0 2em;
	background-image: url("/cms/ene/images/sp3.png");
	background-position: left center;
	background-repeat: no-repeat;
}
a.pdf_link{
	overflow:visible;
	padding:1em 2.5em 1em 0;
	background-image: url("/cms/ene/images/icon-pdf.png");
	background-position: right center;
	background-repeat: no-repeat;
}
*/

a:link:hover     img.banner,
a:link:active    img.banner,
a:visited:hover  img.banner,
a:visited:active img.banner { 
    border:1px solid #1583d7;
    margin:-1px;
}

/*
a.top {
	color:#333;
	padding:0 0 0 1.5em;
	background-image: url("/cms/ene/images/ar-.png");
	background-position: left center;
	background-repeat: no-repeat;
	}

a.top:hover {
	color:#1583d7;
	background-image: url("/cms/ene/images/ar.png");
	background-position: left center;
	background-repeat: no-repeat;
	}
a.top:visited {
	color:#333;
	}
a.top:visited:hover  {
	color:#1583d7;
	}
*/

body {
	/* width: 960px; */
	color: #222;
	/*background-color: #fff;*/
	line-height: 1.8;
	/* text-align:center; */
}
a#pagetop {
width: 710px;
	display: inline !important;
	height: 0px !important;
	line-height: 0 !important;
}
#wrapper {
	width: 100%;
	min-width: 710px;
}
#wrapper_top {
	width: 710px;
	margin-left: 20px;
	/* margin:0px auto; */
	text-align: left;
	background-image: url("/sunvista/images/content_bg.png");
	background-repeat:no-repeat;	
	/background-image: url("/sunvista/images/content_bg2.png"); 
	/background-repeat:no-repeat;	
}
#header {
	width: 710px;
	clear: both;
	margin: 15px auto 0px;
	overflow: hidden;
}
#header h1 {
	width: 102px;
	float: left;
	display: inline;
}
#header ul {
	display: inline;
	float: right;
}
#header ul li {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}
#header form {
	display: inline;
}
#header table.search {
	height: 24px;
	vertical-align: middle;
}
#header table.search td {
	padding: 2px;
}
#contents {
/*
	width: 100%;
	clear: both;
*/
	width: 710px;
	clear: both;
	margin: 0 auto;
}
#thick-contents {
	width: 100%;
	clear: both;
}
#site_title{
/* �ύX�@e_solution�̋����C�A�E�g�y�[�W�̃w�b�_�[�ɂĎg�p�A
		���ɂȂ����T���r�X�^�ƃ��S�̑傫�����Ⴄ�̂Ń}�[�W��top��ݒ肷��K�v����@*/
	/* margin: 0 0 0 0; */
	margin: 10px 0 0 0;
}
h2 {
	float:left;
	margin: 0 0 0 0;
}
#shoulder_link{
	float:right;
	margin:16px 0 0 0;
}
#footer {
	width: 710px;
	clear: both;
	margin: 12px auto 20px;
	text-align: right;
}
#footer img {
	display: inline;
}
#footer hr {
	margin: 14px 0px 7px 0px;
	clear: both;
}
*html #footer hr {
	margin: 5px 0 0 0;
}
*:first-child+html #footer hr {
	margin: 5px 0 0 0;
}
#footer #under {
	width: 100%;
	float: left;
}
#footer #under .policy {
	width: 65px;
	float: left;
	display: inline;
}
#footer #under .copyright {
	width: 158px;
	float: right;
	display: inline;
}
.PAGETOP {
	width: 120px;
	float: right;
	display: block;
	margin-bottom: 20px;
}
#header,
#contents,
#thick-contents,
#site_title,
#footer {
	min-height: 1px;
	zoom: 1;
}
#header:after,
#contents:after,
#thick-contents:after,
#site_title:after,
#footer:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0px;
}

@media print {
}


/* �e�L�X�g�J���[�p*/

.txblue {
	color:#1583d7;
}

.txred {
	color: red;
}



/* clearfix2 */

.clearfix2 {
	clear: both;
	display: block;
}







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

	style-2nd.css"

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


@charset "shift_jis";

a.tip {
	position: relative;
}

a.tip span {
	display: none;
}

a:hover.tip {
	font-size: 99% !important;
}

a:hover.tip span {
	position: absolute;
	z-index: 1;
	display: block;
	background: #1583d7;
	top: -40px;
	left: -10px;
	width: 30em;
	padding: 10px 10px;
	color: #fff;
	font-size: 10px !important;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}

em {
	font-weight: bold;
}


#content-column {
	width: 710px;
	/* float: left; */
	padding-bottom: 30px;
	margin: 0 auto;
}

#content-column .bg_blue {
	background: #ebf6ff;
}
#content-column .bg_green {
	background: #e0f5dd;
}
#content-column .bg_yellow {
	background: #fffae5;
}
#content-column .column-1by1 {
	width: 710px;
	float: left;
}
#content-column .column-1by2 {
	width: 355px;
	float: left;
}
#content-column .column-1by3 {
	width: 237px;
	float: left;
}
#content-column .column-2by3 {
	width: 472px;
	float: left;
}
#content-column .column-1by4 {
	width: 178px;
	float: left;
}
#content-column .column-3by4 {
	width: 534px;
	float: left;
}
#content-column .column-1by1-20 {
	width: 692px;
	float: left;
}
#content-column .column-1by2-20 {
	width: 336px;
	float: left;
}
#content-column .column-1by3-20 {
	width: 217px;
	float: left;
}
#content-column .column-2by3-20 {
	width: 454px;
	float: left;
}
#content-column .column-1by4-20 {
	width: 158px;
	float: left;
}
#content-column .column-3by4-20 {
	width: 514px;
	float: left;
}

#content-column .paragraph {
	margin:0 0 30px 0;
}

#content-column .paragraph2 {
	margin:0 0 1em 0;
}

#content-column .paragraphT {
	margin:0 0 1em 0;
}

	#content-column .paragraph dl {
		clear: both;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
/*
	#content-column .paragraph dl dt.h4 {
		width :710px;
		height :30px;
		clear: both;
		margin: 0px  0px 10px 0px;
		padding: 7px 0 7px 30px;
		font-size: 123.1%;
		letter-spacing: 0.1em;
		font-weight: bold;
		background-image: url('/cms/ene/images/old_background-h4.png');
		background-repeat:repeat-y;
		}
	#content-column .paragraph dl dt.h4.bg {
		margin: 0px  0px 0px 0px;
		padding: 7px 0 7px 35px;
		background-image: url('/cms/ene/images/background-h5.png');
		background-repeat:repeat-y;
		}
	#content-column .paragraph dl dt.h4 span.r {
		height :30px;
		float:right;
		text-align: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 40px 0px 0px;
		}
	#content-column .paragraph dl dt.h4 span.img {
		height :30px;
		float:right;
		text-align: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 0px;
		}
	#content-column .paragraph dl dt.h4 span.l {
		height :30px;
		float:left;
		text-align: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		}
*/




.clearfix:after{ content: ""; clear: both; display: block; }



/*
#content-column .article {
	padding: 10px 0;
	margin: 32px 0 32px 0 ;
	background: #f0f0f0;
}
#content-column .article h4,#content-column .article h5 {
	font-size: 108%;
	background: none;
	margin-bottom: 10px;;
}
#content-column .article h6 {
	font-size: 100%;
	background: url("/cms/ene/images/old_prefix-article.png") 0px -0.1em;
	background-repeat: no-repeat;
	padding: 0.4em 36px;
	margin: 0.5em 0 1em;
}
#content-column .article p {
	font-size: 93%;
}
#content-column .article p img {
	margin: 10px 0;
}
*/


#content-column .point {
	padding: 10px 0;
	margin: 0px 0px 0px 0px ;
}
#content-column .point h6 {
	font-size: 108%;
	padding: 10px 0px 0 10px;
	margin: 0;
}
#content-column .point p {
	font-size: 100%;
	margin: 0em 0em 1em 0em;
	border-bottom: 1px #c0c0c0 dotted;
}


#content-column .point p img {
	margin: 10px 0;
}


#content-column a.arrow {
	background-image: url("/cms/ene/images/prefix-arrow-5by5-blue_on_white.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0.5em 0 1em ;
}

#content-column em.highlight {
	margin: 0 0.5em;
	padding: 0.2em 0.6em;
	background: #f50;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
}
#content-column em.new {
	margin: 0 0.5em;
	padding: 0.2em 0.6em;
	background: #f00;
	color: #fff;
	font-weight: normal;
	font-family: "Gill Sans","Century Gothic";
	font-size: 77%;
}
#content-column small {
	font-size: 77%;
}
#content-column small sup {
}
#content-column small.blue_bg {
	line-height:200%;
	padding:2px 4px;
	background: #1583d7;
	color: #fff;
}
#content-column h1 {
	clear: both;
	margin-bottom: 14px;
}
#content-column h3 {
	clear: both;
	margin-bottom: 14px;
}
#content-column h3 img {
	display: inline;
}
#content-column h4 {
	width :710px;
	height :30px;
	_height :31px;
	clear: both;
	line-height: 31px;
	margin: 3em 0 1em 0;
	padding: 7px 0px 7px 30px;
	_padding: 6px 0px 7px 30px;
	font-size: 146.5%;
	_font-weight: bold;
	background-image: url('/cms/ene/images/old_background-h4.png');
	background-repeat: repeat-y;
}

#content-column h4 img {
		display:inline;
		margin: 0px 5px -3px 3px;
		_margin: 3px 5px -3px 3px;
		}

#content-column h4 sup {
	line-height: 20px;
	font-size: 50%;
}
#content-column h5.title {
	clear: both;
	margin: 3em 0 1em 0;
	padding: 7px 0 7px 30px;
	font-size: 123.1%;
	letter-spacing: 0.1em;
	font-weight: bold;
	background-image: url('/cms/ene/images/background-h4_title.png');
	background-repeat: repeat-y;
}
#content-column h5 {
	clear: both;
	border-bottom: 1px solid #ddd;
	margin: 1em 0 2em 0.15em;
	padding: 6px 0 6px 10px;
	border-left: 2px solid #1583d7;
	font-size: 108%;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#content-column h5 a {
	padding-left: 1.5em;
}
#content-column h6 {
	clear: both;
	font-size: 108%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 2em 0 1em 0;
}

#content-column h6 img.badge{
	display:inline;
	float: none;
	position: relative;
	bottom: -20px;
	margin-right: 5px;
}
#content-column img {
}
#content-column img.math {
	display: inline;
	vertical-align: middle;
}
#content-column p {
	padding: 0 10px;
	margin: 10px 0;
}
#content-column div.box {
	margin:32px 0 32px 0 ;
	background: #fff;
	padding: 10px;
	border: 1px dotted #ccc;
}
#content-column div.box em a.blank,
#content-column div.box em a.blank:focus,
#content-column div.box em a.blank:link,
#content-column div.box em a.blank:link:hover,
#content-column div.box em a.blank:link:active,
#content-column div.box em a.blank:visited,
#content-column div.box em a.blank:visited:hover {
	text-decoration:none;
	margin-bottom: 0;
}



#content-column table {
	line-height: 120%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0em 0 1em 0;
	width: 100%;
}
#content-column table img {
	display: inline;
}
#content-column table caption {
	padding: 0 10px 0 10px;
	font-size: 108%;
	font-weight: bold;
}

#content-column table caption.normal {
	padding: 0 10px 3px 0;
	font-size: 108%;
	font-weight: normal;
}

#content-column table tr.even {
	background: #ebf6ff;
}
#content-column table th {
	text-align: center;
	font-size: 93%;
	padding: 6px 10px 6px 10px;
	background: #1583d7;
	border: 1px solid #1373bd;
	color: #fff;
}


#content-column table th.orange {
	text-align: center;
	font-size: 93%;
	padding: 6px 10px 6px 10px;
	background: #fee290;
	border: 1px solid #999;
	color: #000;
}

#content-column table th.inside {
	background: #d0e6f7;
	color: #000;
	border: 1px solid #ddd;
}
#content-column table td {
	text-align: center;
	font-size: 93%;
	padding: 6px 10px 6px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#content-column table td.product ul li {
	font-size: 85%;
	margin: 0 ;
	padding: 0 ;
	display: inline;
}
#content-column table td.product ul li em {
	padding: 0.3em 0.6em ;
	background: #1583d7;
	color: #fff;
	font-weight: normal;
	font-size: 100%;
	display: inline;
}
#content-column table td.product ul li strong {
	padding: 0.3em 0.6em ;
	background: #ffcc00;
	color: #fff;
	font-weight: normal;
	font-size: 100%;
	display: inline;
}
#content-column table.small {
	font-size: 85%;
}
#content-column table.small tr th {
	padding: 10px;
}
#content-column table.small tr td {
	margin: 0;
	padding: 4px;
}
#content-column table.sumi tr.even {
	background: #eeeeee;
}
#content-column table.sumi tr td.first {
	background: #ccc;
	color: #fff;
}
#content-column table.sumi tr.even td.first {
	background: #999;
	color: #fff;
}
#content-column table.sumi th {
	background: #999;
	border: 1px solid #808080;
}
#content-column table.sumi th.inside {
	background: #eee;
	color: #000;
	border: 1px solid #ddd;
}
#content-column table.sumi td {
	border: 1px solid #ddd;
}



#content-column ol li {
	list-style: decimal outside;
	margin: 0 0 0 2.5em;
	padding: 0.25em 0;
}
#content-column ul li {
	background-color:#ffffff;
	background-position: -0.3em 0.6em;
	background-repeat:no-repeat;
	padding: 0.1em 0 0.1em 10px;
}
#content-column div.page_index-box {
}
#content-column ul.page_index {
	overflow: visible;
	float: right;
	margin: 10px 0 0px 0;
	padding: 1px 1px 4px 3px;
	border: 1px solid #ddd;
	border-bottom: none;
	background-image: url("/cms/ene/images/background-shadow-3by3.png");
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: bottom;
}
#content-column ul.page_index li {
	float: left;
	overflow: visible;
	font-size: 83%;
	margin: 0 0 0 -1px;
	padding: 0;
	background-image: url("/cms/ene/images/background-button-25by25.png");
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: bottom;
}
#content-column ul.page_index li a {
	float: left;
	display: block;
	margin: 0 0 0 -1px;
	padding: 2px 8px 2px 20px;
	background-image: url("/cms/ene/images/prefix-arrow-5by5-blue_on_white.png");
	background-repeat:no-repeat;
	background-position:8px center ;
}
#content-column ul.page_index li a.on {
	color: #fff;
	background: #1583d7;
	padding: 2px 8px 2px 8px;
}


#gnavi-row,
#navi-column,
#navi-column2,
a.to_pagetop,
#content-column div.menu_list div h4,
#content-column .paragraph,
#content-column .paragraph2,
#content-column .qaTitle,
#content-column div.box,
#content-column div.product,
#content-column div.page_index-box,
ul.page_index,
#contents_index {
	min-height: 1px;
	zoom: 1;
}
#gnavi-row:after,
#navi-column:after,
#navi-column2:after,
a.to_pagetop:after,
#content-column div.menu_list div h4:after,
#content-column .paragraph:after,
#content-column .paragraph2:after,
#content-column .paragraph:after,
#content-column .qaTitle:after,
#content-column div.box:after,
#content-column div.product:after,
#content-column div.page_index-box:after,
ul.page_index:after,
#contents_index:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0px;
}
@media print {#wrapper {
}
#gnavi-row {
}
#content-column {
	width: 732px;
	float: left;
}

}


#content-column .paragraph .big {
	border-bottom: solid 1px #555;
	list-style: none;
	font-weight: bold;
	font-size: 120%;
	margin: 0px 0px 0px 0px;
	}





ul.cap01 {
	float:left;
	font-size:77%;
	line-height:1.5;
	color:#424242;
	margin:10px 0px 30px 0px;
	}

ul li.cap {
	width:30px;
	float:left;
	text-align:left;
	color:#424242;
	margin:3px -5px 0px 0px;
	}




ul.cap02 {
	float:left;
	font-size:77%;
	line-height:1.5;
	color:#424242;
	margin:5px 0px 20px 0px;
	}

ul.cap03 {
	float:left;
	font-size:77%;
	line-height:1.5;
	color:#424242;
	background: none;
	margin:5px 0px 20px 0px;
	}

ul li.cap02 {
	width:30px;
	float:left;
	text-align:left;
	color:#424242;
	margin:3px 0px 0px 0px;
	}

ul li.cap03 {
	float:left;
	text-align:left;
	background: none;
	margin:3px 5px 0px 0px;
	}

ul.cap04 {
	float:left;
	font-size:77%;
	line-height:1.5;
	color:#424242;
	background: none;
	margin:-5px 0px 0px 0px;
	}

ul li.cap04 {
	float:left;
	text-align:left;
	color:#424242;
	background: none;
	margin:3px 0px 0px 0px;
	}



ul li.txt {
	width:660px;
	float:left;
	margin:3px 0px 0px 0px;
	}
ul li.txt02 {
	float:left;
	margin:3px 0px 0px 0px;
	}

ul li.txt03 {
	background: none;
	width:660px;
	_width:630px;
	width/*�_**/: 630px;�_9;
	margin:3px 0px 0px 0px;
	/margin:3px 0px 0px 0px;
	}

ul li.txt04 {
	background: none;
	width:660px;
	margin:3px 0px 0px 0px;
	}
ul li.txt05 {
	background: none;
	margin:3px 0px 0px 0px;
	}




.gr { background-color: #000;
	border-top: 1px solid #ddd;
	 }





/* �NjL/sunvista/n/mieruka/products/matching �ɂĎg�p�@*/

.ml-20 {
	margin-left: 20px !important;
}