@charset 'utf-8';


/*----------------------------------------------------
    すべて
----------------------------------------------------*/
/* 画像縦並べのときに隙間ができるのを回避(本家から上書き)
　意図がつかめてないので念のためlowConAの中のみに適用 */
.lowConA img {
	vertical-align: bottom;
}

/* IE7でsupのある行が陥没して見えなくなるので文字を上揃えにしてしまう */
*+html sup {
	vertical-align: top;
	line-height: 1em;
}

.imgRight {
	float: right;
	padding: 0 0 20px 20px;
}

/*----------------------------------------------------
    Caption
----------------------------------------------------*/
.subContents ul.caption {
    font-size: 85%;
    line-height: 1.5em;
    margin: 5px 0 25px 0;
    color: #1a1a1a;
}
/* captionが複数行になるとIE6で崩れるので、
　clearfixと同じことをリストに施す */
.subContents ul.caption li {
    overflow: hidden;
	min-height:1px;
	zoom:1;
}
.subContents ul.caption li:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

.subContents ul.caption li .star {
    width: 2.5em;
    text-align: center;
    color: #00A0E9;
    float: left;
}

.subContents ul.caption li .text {
    width: auto;
    overflow: hidden;
    zoom: 1;
    float: none;
}


/* feature page class 上書き--- */
.subContents .lowConColumn {
    width: 628px;
    margin: 0 auto;
/*
    text-align: justify;
*/
}
/*
.subContents .lowConColumn .lowConText{
    text-align: justify;
}
*/


/*----------------------------------------------------
    Caption no subContents
----------------------------------------------------*/
ul.caption {
    font-size: 85%;
    line-height: 1.5em;
    margin: 15px 0 25px 0;
    color: #1a1a1a;

}
/* captionが複数行になるとIE6で崩れるので、
　clearfixと同じことをリストに施す */
ul.caption li {
    overflow: hidden;
	min-height:1px;
	zoom:1;
}
ul.caption li:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

ul.caption li .star {
    width: 2.5em;
    text-align: center;
    color: #00A0E9;
    float: left;
}

ul.caption li .text {
    width: auto;
    overflow: hidden;
    zoom: 1;
    float: none;
}

/*----------------------------------------------------
    仕様一覧PDFボタン
----------------------------------------------------*/
.btnPdf{
	height: 35px;
	margin: 0 2px 10px 0;
	text-align: right;
}
.btnPdf a {
	overflow: hidden;
	height: 35px;
	width: 235px;
	display: inline-block;
	text-align: left;
	text-decoration: none;
	text-indent: -9999px;
    background: url(/cms/sun/images/buttonPdf-.png) no-repeat;
}
.btnPdf a:hover { background: url(/cms/sun/images/buttonPdf.png) no-repeat; }



/*----------------------------------------------------
    sup_color
----------------------------------------------------*/
.sup_color{color: #00A0E9;}

sup.white{color:#fff;}

/*----------------------------------------------------
    Title関連
----------------------------------------------------*/

/* 汎用BtoCを上書き */
.lowTitle {
    padding: 11px 0 0 0px;
    background: url(/cms/images/000022046.jpg) no-repeat left top;
    font-weight: bold;
    clear: both;
}

span.lowTitleMg {
    display: block;
    padding: 0 22px 5px 22px;
    background: url(/cms/images/000022069.jpg) no-repeat left bottom;
}

/* faq用（背景画像クリックでもリンク飛ばす） */
.lowTitleMg_link {
    display: block;
    padding: 8px 22px 8px 22px;
    margin-top: -8px;
    background: url(/cms/images/000022069.jpg) no-repeat left bottom;
    zoom: 1;
}


/* 別パターン上書き */
.lowTitle_cover {
    background: url(/cms/sun/images/lowTitle_bg_long02.jpg) no-repeat left top !important;
}


/*----------------------------------------------------
    パンくず
----------------------------------------------------*/

#bread {
    width: 700px;
    float: left;
    padding: 2px 0 0;
    margin-top:5px;
}   

/*----------------------------------------------------
    ページトップ
----------------------------------------------------*/

.pageTop{
	padding-bottom: 30px;
}

/*----------------------------------------------------
    ソーシャルボタン　アキ
----------------------------------------------------*/
#socialArea li {
    margin-left: 0.5em;
}

/*----------------------------------------------------
    汎用リンクボタン
----------------------------------------------------*/
.link_box {
	position: relative;
	text-align: center;
}
.link_box a {
	text-decoration: none;
}
.link_box a,
.link_box a:visited,
.link_box a:focus {
    color: #0b70b8;
}
.link_box a:hover {
    color: #00a0e9;
}

.link_box span.bg {
	padding: 10px 20px 6px 20px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	border: 1px #c0c0c0 solid;
	background: url('/cms/sun/images/common_maru_button.png') repeat-x center center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	behavior: url(/sunvista/common/css/ie-css3.htc);
	display: inline-block;
}
.link_box span.bg:hover {
	background: url('/cms/sun/images/common_maru_button_over.png') repeat-x center center;
}
.link_box span.link_box_lefttxt {
	display: inline;
	margin: 10px 15px 10px 15px;
	overflow: hidden;
	/* vertical-align:15px; */
	_margin:20px 0px 0 0;
}