@charset "UTF-8";

@import "base.css";

@import "fonts.css";

@import "digi.css";

@import "fvn.css";

/*==========================================================================*/

/*//////////////////////////////////////////////////////////////////////////*/

/*//////                                                              //////*/

/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/

/*//////                                                              //////*/

/*//////////////////////////////////////////////////////////////////////////*/

/*                                                                          */

/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */

/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */

/*                                                                          */

/*==========================================================================*/



/*==========================================================================*/

/*                           Common-Setting                                 */

/*==========================================================================*/



/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */

h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {

	font-size: 120%;	

}

h1 {

	margin:0;

	padding:0

} /* Header内で設定 */

h2 {

	margin:0;

	padding:0;

}



a {

	color: #0099e0;

	text-decoration: underline;

}

a:hover, a:active {

	color: #ff7f00;

	text-decoration:none;

}





.image_l {

	float: left;

	margin: 0 15px 10px 0;

}

.image_r {

	float: right;

	margin: 0 0 10px 15px;

}



.f_L {

	float:left;

}

.hidden

{

	display:none;

}

.cl_red

{

	color:#ff3366;

}

.cl_violet{color: #90339D;}

/* add

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



.mb05 {

	margin-bottom : 5px;

}

.mb10 {

	margin-bottom : 10px;

}

.mb15 {

	margin-bottom : 15px;

}

.mb20 {

	margin-bottom : 20px;

}

.mb30 {

	margin-bottom : 30px;

}

.mb50 {

	margin-bottom : 50px;

}

.mR20 {

	margin-right:20px;

}

.mL5 { margin-left:5px;}

.pR_20 {

	padding-right:20px;

}

.al_C

{

	text-align:center;

}

.txt_bold

{

	font-weight:bold;

}

/*==========================================================================*/

/*                            Container                                     */

/*==========================================================================*/



html {

	background: none;

}

body {

	color: #3f3f3f;

}



#main {

	margin: 0 auto;

	width:950px;

}





#content {

	width: 660px;	

	text-align: left;

	float: left;

	margin: 20px 0 0 0;

}

 



/*==========================================================================*/

/*                               Header                                     */

/*==========================================================================*/



#index #header {

	background:url(../images/bg_header.gif) repeat-x; height:164px;

	width:100%;

	text-align:center;

	}

	

#header_inner { width:952px; margin:0 auto; background:url(../images/bg_header.gif) repeat-x;}

	

#header #header_inner h1 {

	font-size:11px;

	float:left;

	text-align:left;

	padding:5px 0 0 5px;

	color:#b2b2b2;

	height:15px;

	width:952px;

}



*html #header #header_inner h1 { padding:6px 0 0 5px; height:20px;}





#header .logo { float:left; margin:17px 0 0 0;}

*html #header.logo { float:left; margin:17px 0 0 0;}



#header ul.htel { float:right; margin:17px 2px 16px 0;}

*html #header ul.htel { float:right; margin:17px 2px 15px 0;}



#header ul.htel li { float:left;}



#header h2,

#header p,

#header ul li { font-size:0;}



#header ul.nav li { float:left;}









/*==========================================================================*/

/*                              Footer                                      */

/*==========================================================================*/



#footer { background-color:#e5e5e5; width:100%; margin:35px 0 0 0; height:140px; _height:160px;  padding:20px 0 0 0; text-align:center; min-width:950px;}

#footer #fot_inner { width:950px; margin:0 auto; padding:0 0 24px 0; background-color:#e5e5e5;}

#footer #fot_inner p.fottel { float:left;}

#footer #fot_inner ul { float:right;}

#footer #fot_inner ul li { float:left;}

#footer #fot_inner ul li.fotbnrF { margin:0 16px 0 0;}







/*==========================================================================*/

/*                            navigation                                    */

/*==========================================================================*/





#snavL{

	float: right;

	width: 260px;

	margin:7px 0 0 0;

}

#snavL #snavL_box { background:url(../images/bg_snavL.gif) repeat-y;}

#snavL_inner { background:url(../images/top_leftbgbot.jpg) no-repeat bottom; padding:10px 10px 17px 15px; text-align:left;}

#snavL_inner dl { border-bottom:dotted 1px #b2b2b2; padding:10px 0;}

#snavL_inner dl dt { font-weight:bold; color:#004CA9; margin:0 0 10px 0;}

#snavL_inner dl.itemsend { border:none; padding:10px 0 0 0;}



#snav li { margin:0 0 10px 0; font-size:0;}











/*==========================================================================*/

/*                             Contents                                     */

/*==========================================================================*/





/* index

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





#index #wrapper {

	width: 100%;

	min-width:952px;

	background:url(../images/top_bgmainimg.jpg) no-repeat center 164px;

	*background:url(../images/top_bgmainimg.jpg) no-repeat center 164px;

	_background:url(../images/top_bgmainimg.jpg) no-repeat center 165px;

	text-align:center;

}



#index #mainimg { background:url(../images/top_mainimg.jpg) no-repeat 0 0; height:378px; width:950px; margin:0 auto; position:relative;}

#index #mainimg .hot_news { width:248px; height:220px; position:absolute; top:108px; right:41px; overflow-y:scroll; overflow-x:hidden;}

#index #mainimg .hot_news dl { border-bottom:dotted 1px #b2b2b2; padding:10px 0; width:220px}

#index #mainimg .hot_news dl dt { float:left; color:#004CA9; font-weight:bold; width:70px; text-align:left;}

#index #mainimg .hot_news dl dd { float:left; width:150px; text-align:left;}



.bnrtop { background:url(../images/top_bgbnr.gif); border-left:solid 1px #c3c3c3; border-right:solid 1px #c3c3c3; border-bottom:solid 1px #c3c3c3; padding:0 0 0 10px;}

.bnrtop ul li { float:left;}



#index .section { background:url(../images/top_bgbox.jpg) no-repeat bottom right; border-bottom: solid 1px #c3c3c3; border-left: solid 1px #c3c3c3; border-right: solid 1px #c3c3c3; padding:8px 20px 0 20px;}

#index .section p { margin-bottom:18px;}







/* under

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



.under #wrapper {

	width: 100%;

	min-width:950px;

	background:url(../images/bg_under.gif) no-repeat center 160px;

	*background:url(../images/bg_under.gif) no-repeat center 160px;

	_background:url(../images/bg_under.gif) no-repeat center 161px;

	text-align:center;

}



.under #header {

	background:url(../images/bg_header.gif) repeat-x; 

	height:160px;

	width:100%;

	text-align:center;

	}



	

.under #content { margin:35px 0 0 0;}

.under #snavL { margin:35px 0 0 0;}



.under .section { margin:15px 0 20px 0; background:none;}

.under .section p { margin:0 0 18px 0;}



*html .under #footer { margin:10px 0 0 0;}





.under1 #wrapper {

	width: 100%;

	min-width:950px;

	background:url(../images/bg_under1.gif) no-repeat center 160px;

	*background:url(../images/bg_under1.gif) no-repeat center 160px;

	_background:url(../images/bg_under1.gif) no-repeat center 161px;

	text-align:center;

}



.under1 #header {

	background:url(../images/bg_header.gif) repeat-x; 

	height:160px;

	width:100%;

	text-align:center;

	}

	

.under1 #content { margin:35px 0 0 0;}

.under1 #snavL { margin:35px 0 0 0;}



.under1 .section { margin:15px 0 20px 0; background:none;}

.under1 .section p { margin:0 0 18px 0;}



*html .under1 #footer { margin:10px 0 0 0;}



.toppage { float:right;}





.conbox { background-color:#e9f5ff; padding:20px; margin:0 0 20px 0;}

.conbox ul li { background:url(../images/arrow.gif) no-repeat left; padding: 0 0 0 20px; line-height:20px;}

.under1 .conbox p { margin:0;}



/* comapany

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



#map  { border:solid 1px #c3c3c3; margin-bottom:20px;}

#map01  { border:solid 1px #c3c3c3; margin-bottom:20px;} 



.under .section p.bnrfmail,

.under1 .section p.bnrfmail { margin:0;}

.col20 { width:20%;}



/* electric

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



.marR10 { margin-right:10px;}



.electricbox dl { border:solid 2px #5ba8fe; width:321px; float:left; margin:0 10px 10px 0; height:300px; display:block;}

.electricbox dl.box0 { height:283px;}

.electricbox dl.last { margin:0 0 10px 0;}

.electricbox dl dd { padding:10px;}

.electricbox dl dd.txt1 { height:90px}

.electricbox dl dd.txt0 { height:70px}



#map01 , #map02

{	

	height:400px;

	margin-bottom:20px;

}

/* battery

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



.marR10 { margin-right:10px;}

.batterybox div.wrapbox { width:212px; float:left; margin:0 10px 10px 0;}
.batterybox div.wrapbox_last { width:212px; float:left; margin:0 0 10px 0;}

.batterybox dl { border:solid 2px #5ba8fe; width:212px; height:160px;}


.batterybox dl.last { margin:0 0 10px 0;}

.batterybox dl dd { padding:10px;}

.batterybox dl dd.txt1 { height:90px}

.batterybox dl dd.txt0 { height:70px}