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

 pc style setting

---------------------------------------------------------------------- */
body { margin:0; padding:0; background:url(../img/background1.gif) repeat-x left top;
       font-family:"Century Gothic",Arial,sans-serif;
       color:#333; }
#index body { background:none; }

.fade {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}
h4{margin: 0 auto 15px;}

/* layout */
.content { width:100%; min-width:1000px; }
.content_inner { width:1000px; margin:0 auto; padding:40px 0; }

#top_headline { width:1000px; margin:0 auto 4px; height:58px; line-height:58px; overflow:hidden; }

#main_image { width:100%; min-width:1000px; background:url(../img/background2.jpg) repeat-x left top; height:356px; padding:13px 0 0 0; }
#main_image img { display:block; margin:0 auto; width:1000px; height:340px; }

#contents { width:1000px; margin:0 auto; }
#main_col { width:660px; float:left; padding:70px 0; }
#side_col { width:300px; float:right; padding:33.62px 0; }
#main_col h2{background: url('../img/main_h2.png')no-repeat; font-family:'Hiragino Mincho ProN', serif; height: 75px; padding: 30px 0 0 10px; color: #2A58A6; margin-top: 0;}
#main_col h3{background: url('../img/h3_br.png')no-repeat; height: 40px; padding: 10px 0 0 20px;}
#no_side_page { width:800px; margin:0 auto; padding:50px 0; }
#no_side_page_wide { width:1000px; margin:0 auto; padding:50px 0; }

#side_col .side_listmenu a{display: block; background: url(../img/arrow_blue.gif) no-repeat; background-position: 10px center; text-decoration: none; border-bottom: 1px solid #ccc; padding: 10px 1px 10px 35px; margin-bottom: 1px; font-size: 15px; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms;}
#side_col .side_listmenu a:hover{background-position: 20px center;}
/*#side_col .side_listmenu a{display: block; background-color: #333; color: #fff; text-decoration: none; padding: 10px 1px 10px 10px; margin-bottom: 1px; font-size: 11px; -webkit-transition: background-color 400ms ease-in-out; -moz-transition: background-color 400ms ease-in-out; -ms-transition: background-color 400ms ease-in-out;}*/
/*#side_col .side_listmenu a:hover{background-color: #00A2D9;}*/
#side_col h3{color: #fff; background-color: #2A58A6; padding: 6px 1px 7px 8px; margin-bottom: 10px;}
li{background: transparent;}

/* ----------------------------------------------------------------------
 company info
---------------------------------------------------------------------- */
#company_info { margin:0 0 50px 0; padding:1px 0 0 0; }
#company_info p { margin:0; }
#company_info dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; }
#company_info dt { float:left; width:150px; display:inline; margin:0 0 0px 0; line-height:200%; font-weight:bold; font-size:11px; border-top:1px solid #ddd; padding:12px 10px 10px 0; }
#company_info dd { margin:0 0 0px 150px; line-height:200%; background:#f9f9f9; padding:12px 10px 10px 10px; border-top:1px solid #ddd; }
#company_info ul { margin:0 0 40px 0;}
#company_info li {font-size: 11px; font-weight: bold; padding: 12px 10px 10px 10px; border-bottom: 1px solid #ccc; background: none;}

#company_info h4, #company_map_area h4 { font-size:16px; background:url(../img/dot2.gif) repeat-x left bottom; padding:0 0 10px 0; width:100%; }
#company_map { text-align:right; }
#company_map a { color:#333; }
#company_map iframe { width:100%; }
#company_map_desc { padding:20px 0 0; margin-bottom:-30px; }

#company_pre div{float: left; width: 400px;}
#company_pre #pre_photo{float: right;}


/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
/* slider */
#slider_base { width:100%; height:auto; margin:0 0 -4px 0; z-index:1; }
#slider { z-index:1; min-width:1000px; }


/* topics */
#index_topics { width:100%; min-width:1000px; height:241px; background:url(../img/index/topics_bg.jpg) left top; }
#index_topics ol { width:1000px; margin:0 auto; padding:0; list-style-type:none; }
#index_topics li { float:left; width:333px; }
#index_topics .title { margin:10px 0 20px; padding:0; height:45px; line-height:45px; font-size:14px; background:url(../img/dot1.gif) repeat-y left top; overflow:hidden; }
#index_topics .num1 .title { background:none; padding:0; }
#index_topics .num2 .title { margin-left:-5px; padding-left:15px; }
#index_topics .num3 .title { margin-left:5px; padding-left:15px; }
#index_topics .title a { color:#fff; text-decoration:none; display:block; }
#index_topics .title a:hover { color:#00a2d9; }
#index_topics .title2 { margin:10px 0 20px; padding:0; height:45px; line-height:45px; font-size:15px; background:url(../img/dot1.gif) repeat-y left top; overflow:hidden; }
#index_topics .num1 .title2 { background:none; padding:0; }
#index_topics .num2 .title2 { margin-left:-5px; padding-left:15px; }
#index_topics .num3 .title2 { margin-left:5px; padding-left:15px; }
#index_topics .title2 span { display:block; font-size:11px; font-weight:normal; color:#ccc; }
#index_topics .title2 a { color:#fff; text-decoration:none; display:block; line-height:140%; padding:3px 0; }
#index_topics .title2 a:hover, #index_topics .title2 a:hover span { color:#00a2d9; }
#index_topics .image { background:#000; display:block; width:315px; height:150px; margin:15px 0 0 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#index_topics .image img { display:block; width:315px; height:150px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; }
#index_topics .image:hover img { opacity:0.5; }
#index_topics .num2 .image { margin-left:10px; }
#index_topics .num3 .image { margin-left:20px; }


/* new product */
#index_product_area { width:100%; min-width:1000px; background:#f2f2f2; }
#index_product { width:1000px; margin:0 auto; padding:40px 0 30px; }
#index_product .headline { margin:0 0 15px 0; padding:0; line-height:100%; font-size:20px; }
#index_product ol { margin:0; padding:0; list-style-type:none; }
#index_product li { float:left; width:230px; margin:0 26px 0 0; }
#index_product .num4 { margin:0; }
#index_product .image { display:block; margin:0 0 10px 0; background:#000; }
#index_product .image img { display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; }
#index_product .image:hover img { opacity:0.5; }
#index_product .title { display:block; margin:0 0 10px 0; padding:0; line-height:160%; font-size:15px; }
#index_product .title a { text-decoration:none; display:block; }
#index_product .title a:hover { }
#index_product .desc { font-size:14px; line-height:180%; margin:0; padding:0; }


/* news */
#index_news { width:485px; float:left; position:relative; }
#index_news .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; background:url(../img/dot2.gif) repeat-x left bottom; }
#index_news ol { margin:0; padding:0; list-style-type:none; }
#index_news ol li { background:url(../img/dot2.gif) repeat-x left bottom; margin:0 0 14px 0; padding:0 0 11px 0; }
#index_news ol li:last-child { background:none; margin:0; padding:0; }
#index_news .news_date { font-size:14px; width:70px; height:70px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; }
#index_news .date { background:#091928; color:#fff; display:block; height:35px; line-height:35px; }
#index_news .month { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; }
#index_news .title { margin:0 0 5px 0; padding:0; line-height:160%; font-size:15px; }
#index_news .title a { text-decoration:none; display:block; }
#index_news .title a:hover { }
#index_news .desc { font-size:13px; line-height:160%; margin:0 0 5px 0; padding:0; }


/* blog */
#index_blog { width:485px; float:right; position:relative; }
#index_blog .headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:20px; background:url(../img/dot2.gif) repeat-x left bottom; }
#index_blog ol { margin:0; padding:0; list-style-type:none; }
#index_blog ol li { background:url(../img/dot2.gif) repeat-x left bottom; margin:0 0 12px 0; padding:0 0 10px 0; }
#index_blog ol li:last-child { background:none; margin:0; padding:0; }
#index_blog .image { background:#000; float:left; margin:0 15px 5px 0; }
#index_blog .image img { display:block; width:72px; height:72px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; }
#index_blog .image:hover img { opacity:0.5; }
#index_blog .info { float:left; width:395px; }
#index_blog ul { margin:0 0 7px 0; padding:0; }
#index_blog ul li { background:none; margin:0; padding:0; float:left; font-size:13px; line-height:120%; }
#index_blog .post_date { margin:0 10px 0 0; padding:0 10px 0 0; color:#00a2d9; font-weight:bold; }
#index_blog .title { margin:0; padding:0; line-height:160%; font-size:15px; }
#index_blog .title a { text-decoration:none; display:block; }
#index_blog .title a:hover { }


/* archive link */
.index_archive_link a { display:inline-block; text-decoration:none; color:#fff; background:#00a2d9; font-size:12px; padding:5px 10px; position:absolute; right:0px; top:0px;  -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
.index_archive_link a:hover { background:#75dcff; color:#fff; }


/* banner */
#index_banner { clear:both; margin:0 0 5px 0; padding:40px 0 0 0; line-height:100%; }
#index_banner li { float:left; margin:0 27px 0 0; padding:0; }
#index_banner li.num3 { margin:0; }
#index_banner li a { background:#000; display:block; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -webkit-background-clip: padding-box; }
#index_banner li img { display:block; margin:0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; -webkit-background-clip: padding-box; }
#index_banner li a:hover img { opacity:0.5; }



/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
/* headline and tag line*/
.archive_headline { color:#fff; font-size:16px; margin:0; line-height:100%; padding:22px 0 0 0; font-weight:normal; }
.archive_headline span { margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px dotted #aaa; font-weight:normal; }


/* blog archive */
#post_list { margin:0; padding:0; list-style-type:none; }
#post_list li { background:url(../img/dot2.gif) repeat-x left bottom; margin:0 0 22px 0; padding:0 0 20px 0; }
#post_list .image { float:left; margin:0 15px 0 0; background:#000; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#post_list .image img { display:block; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; }
#post_list .image:hover img { opacity:0.5; }
#post_list .info { float:left; width:310px; }
#post_list .post_date { width:70px; height:70px; text-align:center; margin:0 0 10px 0; line-height:100%; display:block; }
#post_list .date { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; }
#post_list .month { background:#091928; color:#fff; display:block; height:35px; line-height:35px; }
#post_list .title { margin:0 0 5px 0; padding:0; line-height:180%; font-size:16px; }
#post_list .title a { text-decoration:none; display:block; }
#post_list .desc { font-size:11px; line-height:180%; margin:0 0 5px 0; padding:0; }
#post_list li.no_thumbnail .info { float:none; width:auto; }
#post_list li.no_thumbnail .post_date { float:left; margin:0 15px 0 0; }


/* product archive */
#product_list { padding:40px 0 10px; }
#product_list ol { margin:0; padding:0; list-style-type:none; }
#product_list ol li { margin:0 0 2px 0; padding:0; line-height:0; height:210px; }
#product_list ol li .image { float:left; margin:0 2px 0 0; background:#000; }
#product_list ol li .image img { width:410px; height:210px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; }
#product_list ol li .image:hover img { opacity:0.5; }
#product_list ol li .info { float:left; width:548px; padding:20px; height:170px; oveflow:hidden; background:#222222; color:#fff; }
#product_list ol li .title { font-size:21px; margin:0 0 10px 0; padding:0; line-height:160%; height:35px; overflow:hidden; }
#product_list ol li .title a { color:#00a2d9; text-decoration:none; }
#product_list ol li .title a:hover { color:#75dcff; }
#product_list ol li .sub_title { font-size:14px; margin:0 0 10px 0; padding:0; line-height:160%; font-weight:bold; height:20px; overflow:hidden; }
#product_list ol li .desc { font-size:15px; margin:0; padding:0; line-height:260%; height:100px; overflow:hidden; }
#product_list ol li.even .image { float:right; margin:0 0 0 2px; }


/* news archive */
#news_list { position:relative; }
#news_list .headline { font-size:18px; line-height:100%; background:url(../img/dot2.gif) repeat-x left bottom; margin:0 0 12px 0; padding:0 0 7px 0; }
#news_list ol { margin:0; padding:0; list-style-type:none; }
#news_list ol li { background:url(../img/dot2.gif) repeat-x left bottom; margin:0 0 12px 0; padding:0 0 7px 0; }
#news_list .news_date { font-size:14px; width:70px; height:70px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; }
#news_list .date { background:#091928; color:#fff; display:block; height:35px; line-height:35px; }
#news_list .month { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; }
#news_list .title { margin:0 0 5px 0; padding:0; line-height:160%; font-size:16px; }
#news_list .title a { text-decoration:none; display:block; }
#news_list .title a:hover { }
#news_list .desc { font-size:12px; line-height:160%; margin:0 0 5px 0; padding:0; }



/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */
.post { margin:0 0 10px 0; }


/* title */
#post_title { margin:0 0 30px 0; }
#post_title h2,#news_title h2 { background:#363636; color:#fff; height: auto; float:left; width:535px; margin:0; padding:21px 20px; font-size:18px; line-height:160%; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#post_title .post_date { width:70px; height:70px; text-align:center; line-height:100%; display:block; float:left; margin:0 5px 0 0; }
#post_title .date { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; }
#post_title .month { background:#091928; color:#fff; display:block; height:35px; line-height:35px; }
#post_title h2.no_date { float:none; width:auto; }


/* post thumbnail */
.post_image { text-align:center; margin:-26px 0 30px 0; }
.post_image img { margin:0; width:100%; height:auto; }


/* next page */
#post_pagination { margin:0 0 30px 0; }
#post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
#post_pagination p { background:#999; color:#fff; }
#post_pagination a:hover { background:#00a2d9; color:#fff; }


/* meta and bookmark */
#post_meta { border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; margin:0 0 40px 0; padding:15px 0; }
#post_meta #meta { float:left; width:60%; margin:0; font-size:12px; }
#post_meta #meta li { padding:0; margin:0 0 6px 0; line-height:160%; }
#post_meta #meta li.meta_author { background:url(../img/icon_author.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_comment { background:url(../img/icon_comment.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta #meta li.meta_category { background:url(../img/icon_category.png) no-repeat 3px 4px; padding:0 0 0 18px; }
#post_meta #meta li.meta_tag { background:url(../img/icon_tag.png) no-repeat left 5px; padding:0 0 0 18px; }
#post_meta .bookmark { float:right; margin:0; }
#post_meta .bookmark li { float:left; margin:0 0 0 10px; }


/* related post*/
#related_post { margin:0 0 35px 0; }
#related_post .headline { font-size:18px; margin:0 0 12px 0; line-height:100%; }
#related_post ul { margin:0 -10px 0 0; }
#related_post li { float:left; display:inline-block; margin:0 10px 10px 0; width:303px; min-height:72px; border:1px solid #ccc; padding:10px; }
#related_post .image { float:left; margin:0 15px 0 0; background:#000; }
#related_post .image img { width:72px; height:72px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
#related_post .image:hover img { opacity:0.5; }
#related_post .info { }
#related_post .date { margin:0 0 5px 0; line-height:100%; font-size:12px; color:#00a2d9; font-weight:bold; }
#related_post .title { font-size:14px; margin:0; }
#related_post .title a { text-decoration:none; display:block; }


/* next prev post link */
#previous_next_post { margin:0; padding:0; }
#previous_next_post a { }
#previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:11px; background:url(../img/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; }
#next_post a { margin:0; width:42%; float:right; text-align:right; line-height:140%; font-size:11px; background:url(../img/arrow_right.gif) no-repeat right 2px; padding:8px 30px 8px 0; }



/* ----------------------------------------------------------------------
 product single page
---------------------------------------------------------------------- */
.product_headline { font-size:16px; margin:0; line-height:100%; padding:22px 0 0 0; float:left; font-weight:normal; }
.product_headline a { color:#fff; text-decoration:none; }
.product_headline a:hover { color:#00a2d9; }
#top_headline .title { font-size:16px; color:#00a2d9; margin:22px 0 0 15px; padding:0 0 0 15px; border-left:1px dotted #aaa; float:left; line-height:100%; font-weight:normal; }
#top_headline .sub_title { font-size:12px; color:#fff; margin:24px 0 0 15px; padding:0; float:left; line-height:100%; }

#product_main_image { width:1000px; height:340px; margin:0 auto; }
#product_main_image img { width:680px; height:340px; float:left; margin:0; }
#product_main_image .info { float:right; width:300px; background:#000; height:340px; overflow:hidden; }
#product_main_image .title { color:#fff; background:#00a2d9; margin:0; padding:15px 15px; line-height:150%; }
#product_main_image .desc { padding:15px; color:#fff; font-size:15px; line-height:220%; }



/* ----------------------------------------------------------------------
 news single page
---------------------------------------------------------------------- */
#news_title { margin:0 0 30px 0; }
#news_title h2 { margin:0; font-size:18px; line-height:160%; }
#news_title .news_date { width:70px; height:70px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; }
#news_title .date { background:#091928; color:#fff; display:block; height:35px; line-height:35px; }
#news_title .month { background:#00a2d9; color:#fff; display:block; height:35px; line-height:35px; }



/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header { width:1000px; height:60px; margin:0 auto; position:relative; }
#index #header { width:1000px; height:60px; margin:0 auto; position:absolute; top:auto; left:0; right:0; background:#F2F2F2; z-index:9999; border: 1px solid #ccc;}


/* logo */
#logo_text { float:left; margin:0; padding:0; line-height:60px; height:60px; width:300px; font-size:24px; font-weight:normal; color:#fff; overflow:hidden; }
#logo_text a { color:#fff; text-decoration:none; display:block; margin:0 20px 0 0; }
#index #logo_text a { margin:0 20px; }
#logo_text a:hover { color:#00a2d9; }
#logo_image { position:absolute; margin:0; padding:0; line-height:100%; }


/* global menu */
.menu_button { display:none; }
#global_menu { width:700px; height:60px; margin:0; float:right; z-index:999; }
#global_menu ul ul { display:none; position:absolute; top:60px; left:0px; margin:0; padding:0; }
#global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
#global_menu li { float:left; font-size:1%; position:relative; background: url("img/menu_border.png")no-repeat; background-position: left;}
#global_menu li a {
 font-size:14px; text-align:center; text-decoration:none; color:#000; background:#F2F2F2; display:block; height:60px; line-height:60px; text-decoration: underline;
 -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
background-image: url("../img/menu_border.png");background-repeat: no-repeat; background-position: left;}
#global_menu li a:hover { background:#00a2d9; color: #fff;}
#global_menu ul ul li { float:none; height:auto; line-height:26px; padding:0; margin:0; text-align:left; }
#global_menu ul ul a { font-size:14px; position:relative; padding:10px 20px 8px; height:auto; line-height:180%; margin:0 0 -1px 0; text-align:left; border-top:1px solid #3a4853; }
#global_menu ul ul a:hover { }



/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#return_top { z-index:999; position:fixed; right:0px; bottom:25px; margin:0; display:block; width:140px; height:46px; text-indent:-9999px; background:#666 url(../img/pagetop.png) no-repeat center; border-radius: 5px;}
#return_top:hover { }


#footer { clear:both; width:100%; min-width:1000px; background:#f2f2f2 url(../img/dot2.gif) repeat-x left bottom; }
#footer_inner { width:1000px; margin:0 auto; position:relative; font-size:11px; padding-top:40px; }
#footer a { }
#footer a:hover { }
#footer li { line-height:170%; margin:0 0 10px 0; padding:0; }


/* widget area */
#footer_widget { position:relative; }
.footer_widget { margin:0 45px 30px 0; width:300px; display:inline-block; vertical-align:top; }
.footer_widget.right_widget { margin-right:0; }
.footer_headline { font-size:16px; margin:0 0 15px 0; padding:0 0 8px 0; background:url(../img/dot2.gif) repeat-x left bottom; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 0 0; }
.footer_widget li { }
.footer_widget img { height:auto; max-width:100%; width:auto; }


/* logo */
#footer_logo_area { width:100%; min-width:1000px; clear:both; margin:0; background:#f2f2f2; }
#footer_logo_area_inner { width:1000px; margin:0 auto; height:70px; overflow:hidden; position:relative; }
#footer_logo_text { margin:0; line-height:100%; padding:0; line-height:100%; float:left; font-size:21px; font-weight:normal; }
#footer_logo_text a { text-decoration:none; display:block; height:70px; line-height:70px; }
#footer_logo_image { margin:0; padding:0; line-height:100%; position:absolute; }
#footer_menu { margin:30px -1px 0 0; float:right; font-size:11px; }
#footer_menu li { float:left; margin:0; line-height:100%; }
#footer_menu li a { text-decoration:none; border-right:1px solid #aaa; margin:0 0 0 0; padding:0 10px 0 10px; }


/* copyright */
#copyright { width:100%; min-width:1000px; clear:both; color:#fff; background:#2A58A6; margin:0; }
#copyright_inner { width:1000px; height:50px; margin:0 auto; }
#social_link { margin:12px 0 0 0; float:right; }
#social_link li { float:left; margin:0 0 0 5px; line-height:100%; }
#social_link li a {
  text-indent:100%; white-space:nowrap; overflow:hidden; display:block; width:26px; height:26px; background-color:#00a2d9; background-position:center; background-repeat:no-repeat;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
}
#social_link li a:hover { background-color:#75dcff; }
#social_link li.rss a { background-image:url(../img/rss.png); }
#social_link li.twitter a { background-image:url(../img/twitter.png); }
#social_link li.facebook a { background-image:url(../img/facebook.png); }

#copyright p { margin:10px 0 0 0; float:left; font-size:12px; }
#copyright a { text-decoration:none; color:#fff; }
#copyright a:hover { text-decoration:underline; }


/* ----------------------------------------------------------------------
 tsukinoura
---------------------------------------------------------------------- */
.tsuki_table{margin-bottom: 50px!important;}
.tsuki_table tr{border-bottom: 1px dotted #ccc;}
.tsuki_table th{border: none; background: transparent; font-weight: bold;}
.tsuki_table td{border:none;}
.f_left{float: left; padding: 10px 0 0 10px!important;}
.f_right{float: right; padding: 10px!important;}

/* ----------------------------------------------------------------------
 flow
---------------------------------------------------------------------- */
#flow dd{ float: right; width: 440px; border: 3px solid #ccc; margin-top: 23px; padding: 10px;}
#flow dt{clear: both;}

/* ----------------------------------------------------------------------
 solar
---------------------------------------------------------------------- */
.solar_title{font-family:'Hiragino Mincho ProN', serif; color: #fff; background: url('../img/subtitle_br.png')no-repeat; font-weight: bold; padding-left: 22px; background-position: center left; font-size: 17px;}

.solar_box p {margin:0 auto; text-align: center;}

p.solar_detaiil {
border: 1px solid #FF9393;
background: #FFEEEE;
padding: 20px;}

/* ----------------------------------------------------------------------
 voice
---------------------------------------------------------------------- */
.voice_item{
	border-bottom: 1px solid #2A58A6;
	padding: 10px 5px;
}

.voice_item dt{
	margin-right: 5px;
	background-color: #2A58A6;
	color: #fff;
	border-radius: 3px;
}

.voice_item dd{margin-right: 40px;}

.voice_item dt,.voice_item dd{
	float: left;
	padding: 3px 10px;
}


/* ----------------------------------------------------------------------
 faq
---------------------------------------------------------------------- */

.faq_text dt{background: url('../img/faq/q_bg.gif')no-repeat; background-position: center left; height: 39px; padding-left: 60px; margin-top: 30px;}
.faq_text dd{background: url('../img/faq/icon-01.gif')no-repeat; background-position: center left; border: 3px solid #ccc; padding: 5px 5px 5px 60px;;}


/* ----------------------------------------------------------------------
 lithiumion
---------------------------------------------------------------------- */

.bla_title{border-bottom: 1px solid #000; font-size: 25px; font-family: 'Hiragino Mincho ProN', serif; font-weight: bold; padding: 0px 15px; width: 600px; margin: 0 auto 30px;}
.contents_w p{width: 600px; margin: 0 auto;}
.normal h3,.blackout h3{ background: none!important; padding: 0 0 10px!important;}
.normal h4{border: 1px solid #00A481; font-family: sans-serif; padding: 8px 10px; width: 615px; margin: 0 auto; color: #00A481; font-weight: 100; font-size: 17px;}
.normal table{width: 600px; margin: 0 auto;}
.normal tr{display: block!important; margin: 10px auto; width: 600px; border-bottom: 2px dotted #00A481; padding-bottom: 10px;}
.normal th{background: #00A481; width: 90px; color: #fff; padding: 7px 0; border: none; font-weight: bold;}
.normal td{padding-left: 25px; border: none;}
.blackout h4{border: 1px solid #EA5404; font-weight: bold; font-family: sans-serif; padding: 8px 10px; width: 615px; margin: 0 auto; color: #EA5404; font-weight: 100; font-size: 17px;}
.cloud_battery h4{background-color: #10A686; color: #fff; padding: 10px 20px; font-size: 15px; font-weight: 100;}
.cloud_battery h4 span{background-color: #fff; color: #10A686; padding: 3px 10px; margin-left: 10px; border-radius: 5px; font-size: 12px;}
.cloud_battery table{color: #00A481;}
.cloud_battery tr{display: block; border-bottom: 1px dotted #00A481; margin-bottom: 20px; padding-bottom: 5px;}
.cloud_battery th{text-align: left; font-size: 15px; width: 160px; background: none; border: none; font-weight: bold;}
.cloud_battery td{border: none;}
.btn_battery{text-align: center; margin: 50px auto 0;}

/* ----------------------------------------------------------------------
 work
---------------------------------------------------------------------- */
.txt_orange{color: #F90;}
.textalign img{width: 660px;}
#work_top div p{line-height: 160%;}
.img_area li{float: left; font-size: 85%; width: 165px; text-align: center;}
.img_area li span{font-weight: bold; color: red;}
.img_area img{width: 125px;}


/* ----------------------------------------------------------------------
 work
---------------------------------------------------------------------- */
.tab{overflow:hidden; margin-bottom: 0;}
.tab li{background:#ccc; padding:5px 25px; float:left; margin-right:1px; margin-left: 1.5px; cursor:pointer; width: 112px; height: 35px; text-align: center; vertical-align: middle; line-height: 38px; color: #fff; font-weight: bold;}
.tab li.select{background:#eee;}
.conte .tabs{background:#eee; padding:20px;}
.conte .alignleft{width: 250px!important;}
.conte .alignright{width: 350px!important;}
.hide {display:none;}
.tab01{background-color: #F18896!important;}
.tab02{background-color: #F29167!important;}
.tab03{background-color: #7AC165!important;}
.tab04{background-color: #B59D79!important;}
.conte_01{background-color: #fff!important; border: 3px solid #F18896; padding: 5px;}
.conte_02{background-color: #fff!important; border: 3px solid #F29167; padding: 5px;}
.conte_03{background-color: #fff!important; border: 3px solid #7AC165; padding: 5px;}
.conte_04{background-color: #fff!important; border: 3px solid #B59D79; padding: 5px;}
.btitle_p{border: 1px solid #F18896; color: #F18896; font-family: sans-serif; padding: 0 10px; /*width: 615px;*/ margin: 25px auto 2px!important; font-weight: 100; font-size: 17px;}
.btitle_or{border: 1px solid #F29167; color: #F29167; font-family: sans-serif; padding: 0 10px; /*width: 615px;*/ margin: 25px auto 2px!important; font-weight: 100; font-size: 17px;}
.btitle_gre{border: 1px solid #7AC165; color: #7AC165; font-family: sans-serif; padding: 0 10px; /*width: 615px;*/ margin: 25px auto 2px!important; font-weight: 100; font-size: 17px;}
.btitle_bra{border: 1px solid #B59D79; color: #B59D79; font-family: sans-serif; padding: 0 10px; /*width: 615px;*/ margin: 25px auto 2px!important; font-weight: 100; font-size: 17px;}
.hpyukadan_jisseki h4{background-color: #2A58A5; color: #fff; padding: 10px 20px; font-size: 15px; font-weight: 100;}
.hpyukadan_jisseki h4 span{background-color: #fff; color: #2A58A5; padding: 3px 10px; margin-left: 10px; border-radius: 5px; font-size: 12px;}
.hpyukadan_jisseki table{color: #2A58A5;}
.hpyukadan_jisseki tr{display: block; border-bottom: 1px dotted #2A58A5; padding-bottom: 5px;}
.hpyukadan_jisseki th{background: none; text-align: left; font-size: 15px; width: 160px; font-weight: bold; border: none;}
.hpyukadan_jisseki td{border: none;}


/* ----------------------------------------------------------------------
 Adoption
---------------------------------------------------------------------- */
table#adoption {
width: 580px;
margin: 0 auto;
text-align: left;
}

table#adoption th{
text-align: left;
width: 7em;
background: #EAEFF7;
border: 1px solid #ccc;
}

table#adoption td{
border: 1px solid #ccc;
}

#pdf{
	margin-top:20px;
	text-align:left;
}

/* ----------------------------------------------------------------------
 Area
---------------------------------------------------------------------- */
.sub .secLast {
width: 604px;
margin: 0 auto;
margin-bottom: 0!important;
text-align: left;
}

.sub .section {
overflow: hidden;
}

p.tac {
text-align: center;
text-indent: 0;
margin: 0;
padding: 0;
}

#area dl{
	overflow:hidden;
	padding:0px 10px;
}

#area dl dt{
	font-weight:bold;
	border-bottom:1px dotted #ccc;
	font-size:140%;
	margin-bottom:10px;
}

#area dl dd{
	margin-bottom:20px;
}

#area dl ul{
	overflow:hidden;
}

#area dl ul li{
	width:8em;
	float:left;
	display:inline;
	margin-right:20px;
	margin-bottom:10px;
}

#area .img{
	padding-top:20px;
	border-top:1px dotted #ccc;
}

/* ----------------------------------------------------------------------
 showroom
---------------------------------------------------------------------- */
ul.photo {
overflow: hidden;
margin: 0;
padding: 0;
width: 600px;
margin: 0 30px;
}
ul.photo li {
float: left;
display: inline;
margin-right: 10px;
margin-bottom: 10px;
}

/* ----------------------------------------------------------------------
 privecy
---------------------------------------------------------------------- */

#pp ul {
padding: 0 10px;
}

#pp li {
padding-left: 1em;
text-indent: -1em;
margin-bottom: 10px;
font-weight: bold;
}

#pp li.last {
margin-bottom: 0;
}

#pp p{
padding: 0 10px;
}

.priLast {
padding-top: 20px;
margin-bottom: 0;
}

/* ----------------------------------------------------------------------
 sitemap
---------------------------------------------------------------------- */
#sitemap dl dt {
font-weight: bold;
border-bottom: 1px dotted #ccc;
margin-top: 20px;
margin-bottom: 10px;
}

#sitemap dl a {
text-decoration: none;
color: #3E659C;
}

#sitemap dl dd {
text-indent: 1em;
}

/* ----------------------------------------------------------------------
 sanjuu
---------------------------------------------------------------------- */
.blue_box {
	border:1px solid #2A58A6;
	margin:10px auto;
}

.blue_box p {
	padding-left:10px;
	margin:0;
	color:#2A58A6;
	font-size:16px;
}

ul.gray_list {
	margin:5px auto;
	width:640px;
}
ul.gray_list li {
	color:#666666;
	line-height:1.5em;
	font-size:14px;
	list-style-type:disc;
	margin-left:10px;
}

.sanjuu_p p {
	float:left;
	margin:0 2px;
}

ul.li_orange li {
	background:url(../img/s_orange.jpg) no-repeat center left;
	padding-left:25px;
}

/* ----------------------------------------------------------------------
 HEMS
---------------------------------------------------------------------- */
p.green_line {
font-size: 17px;
border-bottom: 1px #00B700 solid;
text-align: center;
width: 390px;
margin: 0 auto;
}

p.green_ttl {
	font-size:18px;
	color:#11BC11;
	text-align:center;
	margin:5px auto;
line-height: 2em;
}

p.gray_txt {
color: #666666;
line-height: 1.8em;
text-align: center;
width: 440px;
margin: 0 auto;
}
p.gray_txtleft {
color: #666666;
line-height: 1.8em;
}

p.hems_p {
	margin:5px auto;
	text-align:center;
}

ul.hems_list li {
	float:left;
	margin-left:10px;
}

.green_box {
	background:#00939D;
	margin:10px 0;
}

.green_box p {
	color:#FFFFFF;
	text-align:center;
padding: 5px 0;
font-size: 16px;
}

ul.four {
	width:660px;
	margin:10px auto;
}

ul.four li.lb {
width: 300px;
margin-right: 30px;
float: left;
}
ul.four li.rb {
width: 300px;
float: left;
margin-left: 30px;
}

p.photo_c {
	margin:0 auto;
	text-align:center;
}

/* ----------------------------------------------------------------------
 solution-te
---------------------------------------------------------------------- */
#solution-te h3 {
	background:none;
	height:auto;
	margin-top: 0;
	padding-top:0;
}

#solution-te p {
	margin:0 auto;
	line-height:1.7em;
}

p.m10img {
	margin:10px auto;
}

#solution-te p.c_orange {
	color:#E3751B;
	margin:auto 0;
}
#solution-te p.c_green {
	color:#3BB543;
	line-height:1em;
	margin:2px 0;
}
#solution-te p.c_pink {
	color:#DE6CAB;
	margin:auto 0;
}
#solution-te p.c_blue {
	color:#3F98D2;
	margin:auto 0;
}

#solution-te .orange_box {
	color:#E3751B;
	margin:10px auto;
	padding:5px 0;
	border:1px solid #E3751B;
}
#solution-te .orange_box p {
	padding:0;
	margin:0;
	font-size:18px;
	padding-left:10px;
}

#solution-te .green_box {
	margin:10px auto;
	padding:5px 0;
	border:1px solid #39B243;
	background:#FFFFFF;
}
#solution-te .green_box p {
	color:#39B243;
	padding:0;
	margin:0;
	font-size:18px;
	text-align:left;
	padding-left:10px;
}

#solution-te .pink_box {
	margin:10px auto;
	padding:5px 0;
	border:1px solid #DE6CAB;
	background:#FFFFFF;
}
#solution-te .pink_box p {
	color:#DE6CAB;
	padding:0;
	margin:0;
	font-size:18px;
	text-align:left;
	padding-left:10px;
}

p.big_pink  {
	font-size:18px;
	font-weight:bold;
	color:#DE6CAB;
	text-align:center;
}
.success_list span {
	font-weight:bold;
}
.success_list {
	border-bottom:1px dotted #666;
	margin:5px auto;
	width:98%;
}
.success_list a {
	display:block;
	width:162px;
}
.success_list img {
	vertical-align:middle;
	margin:5px 0;
}

.f_img {
	float:left;
	margin-right:20px;
}
.f_l {
	float:left;
}

ul.time_zone {
	float:left;
	width:460px;
	line-height:none;
	margin:auto 0;
}

ul.time_zone li {
	line-height:none;
}

ul.time_zone img {
	padding-right:5px;
	vertical-align:middle;
}

ul.orange_list li {
	background:url(../img/s_orange.jpg) no-repeat center left;
	padding-left:25px;
	color:#E3751B;
	font-weight:bold;
	font-size:16px;
}

ul.orange_list img{
	vertical-align:middle;
	padding-left:5px;
}

ul.blue_list {
	padding:0;
	margin:5px auto;
}

ul.blue_list li {
	background:url(../img/s_blue.jpg) no-repeat center left;
	padding-left:25px;
	color:#3F98D2;
	font-weight:bold;
	font-size:16px;
}
ul.blue_list img{
	vertical-align:middle;
	padding-left:5px;
}

.bb_ttl {
	border-bottom:1px solid #000000;
	width:98%;
}

.bb_ttl p {
	font-weight:bold;
	margin:0;
	line-height:1.8em;
	font-size:18px;
}

p.photo01 {
	text-align:center;
	padding:10px 0;
	margin:10px auto;
}

ul.hems_photo {
	width:100%;
	margin:10px auto;
}

ul.hems_photo li {
	float:left;
	width:50%;
	text-align:center;
}

ul.hems_photo p {
	width:95%;
	margin:5px auto;
	padding-bottom:5px;
	text-align:left;
}

.ecl {
	margin:0 auto;
	width:95%;
}

.ecl p {
	margin-bottom:10px !important;
}

.right_01 {
	float:right;
	width:380px;
}

.right_02 {
	float:right;
	width:400px;
}
#header_wrap {
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    background: #F2F2F2;
    z-index: 9999;
    border: 1px solid #ccc;
}