@charset "utf-8";

/* ━━━━━━━ コンテンツ共通部分 ━━━━━━━ */
#ct_hdr{
	width:898px;
	margin:0px auto 15px auto;
	padding:0px;
	text-align:center;
}

#ct_container{
	width:882px;
	margin:0px auto;
	text-align:left;
}


/* ━━━━━━━ レフトメニュー ━━━━━━━ */

#ct_left{
	float:left;
	width:236px;
	margin:0px;
	padding:0px;
	text-align:left;
}


#ct_left dl{
	clear:both;
	width:218px;
	margin:0px;
	padding-bottom:10px;
	line-height:130%;
	background:url(../images/common/ct_lmenu_btm.gif) no-repeat left bottom;
}

#ct_left dl dt{
	clear:both;
	width:198px;
	height:25px;
	_width:218px;
	_height:38px;
	margin:0px;
	padding:12px 0px 0px 20px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../images/common/second_lmenu_title.jpg) no-repeat left top;
}

#ct_left dl dt a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

#ct_left dl dt a:hover{
	text-decoration:none;
}

#ct_left dl dd{
	clear:both;
	width:204px;
	margin:0px 0px 5px 8px;
	padding:5px 0px 10px 0px;
	text-align:left;
	text-indent:3px;
	background:url(../images/common/dot_row.gif) repeat-x left bottom;
}

#ct_left dl dd p{
	clear:both;
	width:194px;
	margin:5px 0px 5px 10px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

#ct_left dl dd .page_now{
	padding-left:10px;
	background:url(../images/common/ico_arrow_black.gif) no-repeat left top;
}

#ct_left dl dd a{
	padding-left:10px;
	color:#0743BE;
	background:url(../images/common/ico_arrow_top.gif) no-repeat left top;
}


/* ━━━━━━━ 右コンテンツ ━━━━━━━ */

#ct_right{
	float:left;
	width:644px;
	margin:0px;
	padding:0px;
	text-align:left;
	line-height:150%;
}

.ct_body{
	width:644px;
	margin-bottom:20px;
	padding:0px;
	text-align:left;
	background:url(../images/common/ct_bg.gif) repeat-y left top;
}

/* ━━━━━━━━━━━━━━　2009/01 AF　━━━━━━━━━━━━━━ */
.ct_body_about{
	width:614px;
	_width:644px;
	margin:0px;
	padding:0px 15px;
	text-align:left;
	background:url(../images/common/ct_bg.gif) repeat-y left top;
}
.ct_body_about h2{
	width:614px;
	font-size:14px;
	line-height:24px;
	color:#D10213;
	margin-bottom:10px;
}

.ct_body_d_about{
	position:static;
	width:614px;
	margin-bottom:15px;
	padding-bottom:20px;
	background:url(../images/common/dot_row.gif) repeat-x left bottom;
}

.ct_body_d_about p{
	position:absolute;
	top: -5000px;
	left: -999px;
}

/* ━━━━━━━━━━━━━━　2009/01 AF　━━━━━━━━━━━━━━ */


.ct_body h2{
	width:604px;
	font-size:16px;
	color:#D10213;
	text-indent:18px;
	margin-bottom:10px;
}

.ct_body_d{
	width:608px;
	margin-left:18px;
	margin-bottom:15px;
	padding-bottom:20px;
	background:url(../images/common/dot_row.gif) repeat-x left bottom;
}


.pw_325{
	width:310px;
	_width:325px;
	float:left;
	margin:0px;
	padding-right:15px;
}

.pw_280{
	width:280px;
	float:right;
	margin:0px;
	text-align: center;
}

.pfr{
	float:right;
	text-align:right;
}

/* ━━━━━━━　パンくず　━━━━━━━ */

#bread_navi{
	width:644px;
	margin-bottom:15px;
	padding-bottom:10px;
	background:url(../images/common/dot_row.gif) repeat-x left bottom;
}

#bread_navi a{
	color:#0743BE;
}

/* ━━━━━━━　ページトップへ　━━━━━━━ */

#ct_ftr{
	clear:both;
	width:892px;
	margin-bottom:0px;
	padding-top:20px;
	padding-bottom:0px;
	text-align:center;
}

#ct_ftr p{
	clear:both;
	width:884px;
	_width:874px;
	height:21px;
	_height:31px;
	padding-top:10px;
	text-align:right;
	background:url(../images/common/totop_bg.jpg) no-repeat right top;
}

*+html #ct_ftr p{
	width:874px;
}

#ct_ftr p a{
	margin-right:15px;
	_margin-right:25px;
	font-size:10px;
	color:#0743BE;
}

*:first-child+html #ct_ftr p a{
	_margin-right:25px;
}

div.pagetop p{
	clear:both;
	width:654px;
	_width:644px;
	height:21px;
	_height:31px;
	padding-top:10px;
	text-align:right;
	background:url(../images/common/totop_bg.jpg) no-repeat right top;
}

div.pagetop p a{
	margin-right:15px;
	_margin-right:25px;
	font-size:10px;
	color:#0743BE;
}

*:first-child+html div.pagetop p a{
	margin-right:25px;
}

/* ━━━━━━━　main　━━━━━━━ */

div#main {
	width:644px;
	background: #FFFFFF;
	margin: 0;
	paddign: 0;
}

div#main h3 {
	width: 630px;
	_width: 644px;
	margin: 0 0 10px 0;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 3px #4589db;
	padding: 5px 0 5px 14px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	background:url(../images/common/bg_title_grad.gif) repeat-x left bottom;
}

div#main h4 {
	width: 420px;
	_width: 430px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 10px;
	font-weight: bold;
	font-size: 12px;
	color: #385eb7;
	border-left: 3px solid #4589db;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}

/* ━━━━━━━━━━━━━━　2009/01 AF　━━━━━━━━━━━━━━ */
div#main h2.pr {
	width: 634px;
	_width: 644px;
	margin: 20px 0 15px 0;
	padding: 0 0 3px 10px;
	font-weight: bold;
	font-size: 12px;
	color: #385eb7;
	border-left: 3px solid #4589db;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}
/* ━━━━━━━━━━━━━━　2009/01 AF　━━━━━━━━━━━━━━ */

div#main h4.pr {
	width: 634px;
	_width: 644px;
	margin: 0 0 10px 0;
	padding: 0 0 3px 10px;
	font-weight: bold;
	font-size: 12px;
	color: #385eb7;
	border-left: 3px solid #4589db;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}

div#main p {
	margin: 10px 0 10px 0;
}

/* ━━━━━━━　スペースエナジーについて　━━━━━━━ */

#about_ind_top{
	width:644px;
	margin-bottom:20px;
}

#about_ind_top img{
	float:left;
}


/* ━━━━━━━　採用情報　━━━━━━━ */

.line_senior{
	clear:both;
	width:644px;
	height:115px;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}

.senior_l{
	float:left;
	width:330px;
	height:115px;
	margin:0px;
	padding:0px;
	margin:0px;
}

.senior_r{
	float:left;
	width:312px;
	height:115px;
	margin:0px;
	padding:0px;
	margin:0px;
}

.senior_main{
	clear:both;
	width:644px;
	height:198px;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}

.photo_l{
	clear:both;
	width:644px;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	line-height:180%;
}

.photo_l img{
	float:left;
	margin-right:20px;
}



.photo_r{
	clear:both;
	width:644px;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	line-height:180%;
}

.photo_r img{
	float:right;
	margin-left:20px;
}

div#main table.table01 {
	width: 644px;
	border :1px solid #ccc;
}

div#main table.table01 th{
	background: #f3f7f5;
	width: 144px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: dotted 1px #CCCCCC;
	padding: 2px 5px;
}

div#main table.table01 td{
	width: 500px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: dotted 1px #CCCCCC;
	padding: 2px 5px;
}

div#main table.text {
	width: 644px;
	margin: 0 0 10px 0;
}

div#main table.text th{
	width: 15px;
	vertical-align: top;
	font-weight: normal;
}

/* ━━━━━━━　2010/12/09　追加　━━━━━━━ */
div#main table.table02 {
	width: 644px;
	border :1px solid #ccc;
}

div#main table.table02 th{
	text-align: left;
	color: #494949;
	background: #f3f7f5;
	width: 288px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: dotted 1px #CCCCCC;
	padding: 12px 5px;
}

div#main table.table02 td{
	width: 356px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: dotted 1px #CCCCCC;
	padding: 12px 5px;
}

/* ━━━━━━━　事業内容　━━━━━━━ */

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

	business class

----------------------------------------------------------- */
div#main div#busi_top {
	width: 644px;
}

div#main div#busi_top ul.left{
	width: 330px;
	float: left;
}

div#main div#busi_top ul.right{
	float:left;
	width:312px;
}

div#main div#busi_top ul li {
	margin: 10px 0 0 0;
}

div#main div#busi_top2 {
	width: 604px;
	margin: 10px 0 0 0;
}

div#main div#product {
	width: 644px;
	margin: 0 0 15px 0;
}

div#main div#product .image {
	width: 204px;
	float: left;
	border: 1px solid #ccc;
}

div#main div#product .text {
	width: 430px;
	float: right;
}

div#main table.product_data {
	width:644px;
	border:2px solid #CFCFCF;
	border-collapse : collapse;
	border-spacing : 0px;
	margin-bottom:30px;
}

div#main table.product_data th{
	width:95px;
	_width:105px;
	padding:13px 10px;
	text-align: left;
	vertical-align:top;
	font-weight:bold;
	color:#666;
	background-color:#EEEEEE;
	border-left: 1px solid #ccc;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}

div#main table.product_data th.name {
	width: 644px;
}

div#main table.product_data td{
	padding:13px 10px;
	text-align:left;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
	border-left: 1px solid #ccc;
}

div#main table.product_data th.tb_last, div#main table.product_data td.tb_last {
	background-image:none;
}


/* ━━━━━━━━━━━━━━　太陽電池が出来るまで　━━━━━━━━━━━━━━ */

#main_solar {
	width:644px;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
}

#solar1_5{
	clear:both;
	width:644px;
	margin:0px;
	padding:0px;
}

#solar_recycling{
	float:right;
	width:84px;
	margin:0px;
	padding:0px;
}

#solar1_5 h2{
	float:left;
	width:240px;
	margin:0px;
	padding:0px;
}

.solar_block{
	float:left;
	width:548px;
	_width:560px;
	padding:10px 10px 10px 0px;
	margin:0px;
	border:1px solid #6699FF;
}

.solar_photo{
	float:left;
	width:172px;
	padding:0px;
	margin:0px;
}

.solar_text{
	float:right;
	width:370px;
	padding:0px;
	margin:0px;
}

.solar_text span{
	color:#458CDC;
}

.solar_text_detail{
	float:right;
	width:370px;
	padding:0px;
	margin-bottom:10px;
	_margin-bottom:5px;
	text-align:right;
}

*+html .solar_text_detail{
	margin-bottom:5px;
}

.solar_text_detail a{
	padding-left:7px;
	background:url(../images/common/ico_arrow_blue.gif) no-repeat left center;
}

.solar_factory{
	float:right;
	width:370px;
	padding:0px;
	margin-bottom:10px;
	border-bottom:2px solid #6699FF;
	color:#333399;
}

.solar_factory_link{
	float:right;
	width:370px;
	padding:0px;
	margin:0px;
}

.solar_factory_link a{
	display:block;
	float:left;
	width:90px;
	height:21px;
	_height:24px;
	padding-top:3px;
	margin-right:5px;
	_margin-right:4px;
	text-align:center;
	text-decoration:none;
	background:url(../images/business/solar_btn.jpg) no-repeat left top;
	color:#666666;
}

.solar_factory_link a:hover{
	background:url(../images/business/solar_btn_on.jpg) no-repeat left top;
}

.solar_factory_link img{
	float:left;
	padding:0px;
	margin:0px;
}

#business_arrow_5{
	clear:both;
	width:644px;
	padding:0px;
	margin:0px;
	text-align:left;
}

#business_arrow_5_6{
	clear:both;
}

#business_arrow_6{
	float:left;
	width:83px;
	height:222px;
	padding:0px;
	margin:0px;
}

.solar_block_68{
	clear:both;
	width:620px;
	_width:644px;
	padding:10px 10px 10px 10px;
	margin:0px;
	border:2px solid #6699FF;
}

.solar_block_68 div{
	clear:both;
	width:600px;
	_width:620px;
	padding:10px 10px 0px 10px;
	margin-top:10px;
	border:1px solid #6699FF;
}

.solar_block_68 div p{
	clear:both;
	margin-bottom:10px;
}

.solar_block_68 div p span{
	font-weight:bold;
	color:#333399;
}


/* ━━━━━━━　会社案内　━━━━━━━ */


#cp_tb{
	width:644px;
	border:2px solid #CFCFCF;
	border-collapse : collapse;
	border-spacing : 0px;
	margin-bottom:30px;
}

#cp_tb tr{
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}

#cp_tb tr th{
	width:185px;
	_width:105px;
	padding:13px 10px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	color:#666;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
	background-color:#EEEEEE;
}

#cp_tb tr td{
	padding:13px 10px;
	text-align:left;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}


#cp_tb tr .tb_last{
	background-image:none;
}

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

	greeting class

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

div#main div#photo {
	width: 204px;
	float: left;
}

div#main div#photo p{
	margin: 5px 0 0 0;
}

div#main div#greeting_text p{
	width: 430px;
	float: right;
}

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

	office class

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

div#main .office {
	width: 644px;
	margin: 0 0 20px 0;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}

div#main .office div.office_img {
	width: 200px;
	float: left;
	border: 1px solid #ccc;
	margin: 0 0 15px 0;
}

div#main .office .office_info {
	width: 430px;
	float: right;
}

div#main .office .office_info p {
	margin: 5px 0 10px 0;
}

div#main .office .office_info p.text {
	margin: 5px 0 5px 0;
}

div#main div.office_info h4 {
	height: 25px;
}

div#main div.office_info h4 p{
	width: 300px;
	float: left;
	margin: 0;
	padding: 0;
}

div#main div.office_info h4 a {
	display: block;
	overflow: hidden;
	width: 49px;
	height: 0 !important;
	height /**/: 19px;
	float: right;
	padding: 19px 0 0 0;
	background:url(../images/company/detail.jpg) no-repeat left top;
	margin: 2px 0 0 0;
}

div#main div.office_info h4 a:hover {
	background:url(../images/company/detail_ov.jpg) no-repeat left top;
}

div#main div#map_info {
	margin: 20px 0 0 0;
}

div#main div#map_info .name {
	font-weight: bold;
}

div#main sup {
	font-size: 0.7em;
}

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

	officer class
	table

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


div#main table.officer {
	width:644px;
	border:2px solid #CFCFCF;
	border-collapse : collapse;
	border-spacing : 0px;
	margin-bottom:20px;
}

div#main table.officer th {
	padding:5px 5px;
	text-align: center;
	vertical-align:top;
	font-weight:bold;
	color:#666;
	background-color:#EEEEEE;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#main table.officer th.yaku {
	width:110px;
	_width:105px;
}

div#main table.officer th.name {
	width:90px;
	_width:105px;
}

div#main table.officer td {
	padding:13px 5px;
	text-align:left;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
	border-left: 1px solid #ccc;
}


div#main table.officer td.yaku {
	width:110px;
	_width:105px;
}

div#main table.officer td.name {
	width:90px;
	_width:105px;
}

div#main table.officer td.tb_last {
	background-image:none;
}

div#main table.officer td dl {
	width: 410px;
}

div#main table.officer td dt {
	width: 90px;
	float: left;
}

div#main table.officer td dd {
	width: 320px;
	float: right;
}


div#main table.officer_2 {
	width:644px;
	border:2px solid #CFCFCF;
	border-collapse : collapse;
	border-spacing : 0px;
	margin-bottom:30px;
}

div#main table.officer_2 th {
	padding:13px 10px;
	text-align: left;
	font-weight: normal;
	border-left: 1px solid #ccc;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}

div#main table.officer_2 th.yaku {
	width:105px;
	_width:105px;
}

div#main table.officer_2 td {
	padding:13px 10px;
	text-align:left;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
	border-left: 1px solid #ccc;
}

div#main table.officer_2 th.tb_last, div#main table.officer_2 td.tb_last {
	background-image:none;
}

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

	history class
	table

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

div#main table.history {
	width:644px;
	border:2px solid #CFCFCF;
	border-collapse : collapse;
	border-spacing : 0px;
	margin-bottom:30px;
}

div#main table.history th {
	width:85px;
	_width:105px;
	padding:13px 10px;
	text-align: left;
	vertical-align:top;
	font-weight:bold;
	color:#666;
	background-color:#EEEEEE;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#main table.history td {
	padding:13px 10px;
	text-align:left;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
	border-left: 1px solid #ccc;
}

div#main table.history td.tb_last {
	background-image:none;
}

/* ━━━━━━━　個人情報保護　━━━━━━━ */

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

	privacy class

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

div#main div#privacy {
	width: 644px;
}

div#main div#privacy dl dt {
	width: 20px;
	float: left;
	clear: both;
	display: inline;
	margin: 3px 0 0 0;
}

div#main div#privacy dl dd {
	width: 620px;
	float: right;
	display: inline;
	margin: 3px 0 0 0;
}

div#main p.date {
	float: right;
}


/* ━━━━━━━　サイトマップ　━━━━━━━ */

div#main div#sitemap {
	width: 634px;
	_width: 644px;
}

div#main div#sitemap .site_l {
	width: 300px;
	float: left;
}

div#main div#sitemap .site_r {
	width: 300px;
	float: right;
	padding: 25px 0 0 0;
	_margin: 20px 0 0 0;
	display: inline;
}

div#main div#sitemap h4 {
	width: 290px;
	_width: 300px;
	margin: 20px 0 10px 0;
	padding: 0 0 3px 10px;
	font-weight: bold;
	font-size: 12px;
	color: #385eb7;
	border-left: 3px solid #4589db;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}

div#main div#sitemap ul {
	margin: 0 0 0 15px;
}

div#main div#sitemap ul li {
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	background:url(../images/common/ico_arrow_top.gif) no-repeat left 2px;
}

div#main div#sitemap ul li dl{
	margin: 0 0 0 20px;
}

div#main div#sitemap ul li dd{
	margin: 3px 0 0 0;
	padding: 0 0 0 10px;
	background:url(../images/common/ico_arrow_top.gif) no-repeat left top;
}

/* ━━━━━━━　ニュース一覧　━━━━━━━ */

div#main ul#news li {
	margin: 5px 0;
	padding: 0 0 5px 0;
	background:url(../images/common/dot_row_t.gif) repeat-x left bottom;
}

/* ━━━━━━━　お問い合わせ　━━━━━━━ */

div#main div#contact {
	margin: 0 0 0 25px;
}

div#main .mail {
	margin: 4px 0 0 0;
}