@charset "utf-8";
/*
Theme Name: トータルECOサービステーマ
Theme URI: 
Description: トータルECOサービステーマ
Version: 1.0
Author: S
Author URI: 
*/

/************************************************************
 * reset css
************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/************************************************************
 * etc
************************************************************/

/* link */
a { color:#999; text-decoration:none; outline:none; }
a:active,
a:hover { text-decoration:underline; }

/* float */
.fl    { float:left; }
.fr    { float:right; }
.clear { clear:both; }

/* color */
.color1 { color:#333; }
.color2 { color:#ED561B; }
.red { color:#C33; font-weight:bold;}
.blue { color:#06C;}
.orange { color:#F60;}

.big { font-size:18px; }
.large { font-size:22px;}
.bold { font-weight:bold;}


/************************************************************
 * body
************************************************************/

body { color:#333; font-size:14px; font-family:sans-serif; line-height:1.6em; background:#def4ff url(/images/common/back.gif) repeat-x; }

/************************************************************
 * article
************************************************************/

article { width:900px; margin:0 auto; }

/************************************************************
 * header
************************************************************/

header { background:#000; width:100%; margin:0 auto;}
header h1 { color:#CCC; text-align:center; background:#000; font-size:12px; width:100%; }
.header_img { width:900px; height:60px; margin:0 auto;}

/************************************************************
 * nav
************************************************************/

nav ul { display:block; overflow:hidden; clear:both; margin:0 auto; background:#000;  }
nav li { display:block; float:left; text-align:center; width:110px; height:40px; line-height:40px; border:#666 dotted 1px; }
nav li a { color:#FFF;}
nav li a:active,
a:hover { text-decoration:underline; color:#CCC; }
.nav_in { width:900px; margin:0 auto;}

/************************************************************
 * content
************************************************************/

#content { display:inline; width:900px; float:none; margin:0 auto; }
/************************************************************
#content img { box-shadow:#666 1px 1px 1px;}
************************************************************/

.list { padding:0 10px; font-size:10px; margin-bottom:10px;}
.list a { color:#3B3B3B}

/************************************************************
 * section
************************************************************/

section { overflow:hidden; clear:both; margin-bottom:10px; }
section h2 { display:block; color:#000; font-weight:bold; text-shadow:#FFF 1px 1px 1px; }
.section_b { overflow:hidden; padding:10px; background:#FFF; }
.section_b strong { font-size:18px; font-weight:bold; line-height:1.6em; }

.section_c { overflow:hidden; padding:10px 5px; background:#FCFCFC url(../images/common/headline.jpg) repeat-x top center; border-radius:10px; border:#FFF 2px solid; margin-bottom:5px;}
.section_c_title { width:860px; color:#36C; font-size:18px; margin:0 auto 10px; padding:0 5px 5px; font-weight:bold; line-height:20px; border-bottom:2px #36C solid; float:none; clear:both; text-shadow:#FFF 2px 2px 4px;}
.section_c_box { width:210px; height:290px; overflow:hidden; border:dotted #000000 1px; margin:5px; padding:10px 20px; float:left; line-height:1.2em; font-size:12px; background:#f0faff; color:#333;}
.section_c_box img { width:210px; margin:0 0 10px;}
.section_c_box2 { width:80px; height:auto; overflow:hidden; margin:4px; float:left; }

.section_c_method1 { background:url(../images/index/method01.png) no-repeat top left; width:410px; height:110px; overflow:hidden; border-bottom:dotted #000000 1px; margin:5px 2px 5px 15px; float:left;}
.section_c_method2 { background:url(../images/index/method02.png) no-repeat top left; width:410px; height:110px; overflow:hidden; border-bottom:dotted #000000 1px; margin:5px 20px 5px 2px; float:right;}
.section_c_method3 { background:url(../images/index/method03.png) no-repeat top left; width:410px; height:110px; overflow:hidden; border-bottom:dotted #000000 1px; margin:5px 2px 5px 15px; float:left;}
.section_c_method4 { background: #f0faff url(../images/index/method04.png) no-repeat top left; width:410px; height:110px; overflow:hidden; border-bottom:dotted #000000 1px; margin:5px 20px 5px 2px; float:right; font-weight:bold;}

.section_c_method5 { background:url(../images/index/method.png) no-repeat top left; width:410px; height:60px; overflow:hidden; border-bottom:dotted #000000 1px; margin:5px 2px 5px 15px; float:left;}

.section_c_method_in { width:260px; height:110px; padding:2px 0 0 0px; float:right; font-size:12px; line-height:1.5em;}
.section_c_method_in2 { width:380px; height:110px; padding:2px 0 0 0px; float:right; font-size:12px; line-height:1.5em;}
.section_c_method_in strong { font-size:14px; font-weight:bold;}
.section_c_method_in2 strong { font-size:14px; font-weight:bold;}

.section_c_news { background:url(../images/index/method.png) no-repeat top left; width:850px; height:25px; overflow:hidden; border-bottom:dotted #000000 1px; margin:5px 2px 5px 15px; float:none;}
.section_c_news_in { width:830px; height:20px; padding:4px 0 0 25px; float:none; font-size:12px; line-height:1.5em;}
.section_c_news_in strong { font-size:14px; font-weight:bold; margin-right:10px;}

.section_c_company { background:url(../images/index/method.png) no-repeat top left; width:100%; height:25px; overflow:hidden; border-bottom:dotted #000000 1px; margin:5px 2px 5px 15px; float:none;}
.section_c_company_in { width:860px; height:20px; padding:4px 0 0 2px; float:right; font-size:12px; line-height:1.5em;}
.section_c_company_in strong { font-size:14px; font-weight:bold; margin-right:10px; width:150px;}

.section_c_ex { background:url(../images/index/ex.png) no-repeat top left; width:410px; overflow:hidden; border-bottom:dotted #000000 1px; margin:5px 2px 5px 15px; float:left;}
.section_c_ex_img { width:160px; float:left; margin:5px 0 ;}
.section_c_ex_in { width:225px; padding:5px 0 0 0px; margin:5px; float:right; font-size:12px; line-height:1.5em;}
.section_c_ex_in strong { font-size:14px; font-weight:bold;}

.section_c_solar { background:url(../images/index/solar.png) no-repeat top left; width:420px; overflow:hidden; border-bottom:dotted #000000 1px; margin:2px 2px 5px 15px; float:left;}
.section_c_solar img { float:left; margin:10px;}
.solar_title { background:url(../images/index/method.png) no-repeat top left; padding:0 0 0 25px;  font-size:18px; font-weight:bold; color:#06C; border-bottom:dotted #000000 1px;}

.text_in { padding:0 15px;}
.text_img { width:850px; margin:0 auto; padding:0 0 0 20px; float:none; clear:both; }
.text_img2 { width:850px; margin:0 auto; padding:0 40px 0 100px; float:none; clear:both; }
.text_img img { margin:0 5px 5px 0; float:left;}
.text_img2 img { margin:0 15px 15px 0; float:left;}


.exsample_back { margin:10px; float:right; clear:both;}
/************************************************************
 * slideshow
************************************************************/

.slideshow { width:900px; height:240px; overflow:hidden; }
.slideshow img { display:none; }

/************************************************************
 * post
************************************************************/

.post { margin-bottom:10px; padding-bottom:10px; overflow:hidden; clear:both; border-bottom:1px dotted #333; }
.post h3 { font-size:20px; line-height:1.6em; }
.date { color:#999; background:#EEE; margin-bottom:10px; padding:0 5px; }
.pager { overflow:hidden; clear:both; }

/************************************************************
 * aside
************************************************************/

aside { display:inline; width:240px; float:right; margin:0 0 0 10px; }
.aside_b { margin-bottom:20px; }
.aside_b h3 { display:block; line-height:30px; background:#EEE; margin-bottom:10px; padding:0 10px; } 

/************************************************************
 * page
************************************************************/
.table_list { background:#fff; width:90%; margin:0 auto; text-align:center; }
.table_list .td01 { padding:3px 5px; background:#DEDEDE; width:100px; }
.table_list .td01-2 { padding:3px 5px; background:#DEDEDE; width:150px; }
.table_list .td02 { padding:3px 5px; }

.table_list2 { margin:10px 0 0 40px ; width:600px;  }
.table_list2 .td01 { border-bottom:1px #BDBDBD solid; background:url(../images/index/method.png) no-repeat center left; padding:5px 0 0 25px;}
.table_list2 .td02 { border-bottom:1px #BDBDBD solid;}

.table_list3 { margin:10px 40px 0 40px ;  }
.table_list3 .td01 { background:url(../images/index/method.png) no-repeat center left; padding:5px 25px 0 25px;}

/************************************************************
 * aside
************************************************************/

footer { padding:10px 0; clear:both; color:#CCC; text-align:center; background:#000; }
.footer_menu { background:#F6F6F6; font-size:10px; color:#000; padding:5px 10px 20px;}
.footer_menu a { color:#000;}
.footer_menu a:active,
a:hover { text-decoration:underline; color:#666; }
.footer_in { width:900px; margin:0 auto;}
.footer_top { float:right;}