@charset "utf-8";
@import url(products.css);
/* CSS Document */

/*　レイアウト　*/
body.top { font-size:13px; color:#464646; line-height:180%; background-color: transparent; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: 0 0; margin: 0; padding: 0; }
body.sub { font-size:13px; color:#464646; line-height:180%; background-color: transparent; background-image: url(../images/sub_bg.jpg); background-repeat: repeat-x; background-position: 0 0; margin: 0; padding: 0; }
body.sub02 { font-size:13px; color:#464646; line-height:180%; background-color: transparent; background-position: 0 0; margin: 0; padding: 0; }
#wrap_top { background-image: url(../images/body_bg.gif); background-repeat: no-repeat; background-position: center top; width: 100%; margin: 0 auto; }
#wrap { width: 918px; margin-right: auto; margin-left: auto; }
#layout { width:918px; background:url(../images/layout_bg.jpg) repeat-y; overflow:hidden; margin-right: auto; margin-left: auto; }
#layout_sub { width:918px; background:url(../images/sub_layout.jpg) repeat-y; overflow:hidden; margin-right: auto; margin-left: auto; padding-top: 10px; }

#top_left { width:565px; float:left; display:inline; margin:0 0 0 29px; overflow:hidden; }

#top_right { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:262px; float:right; display:inline; margin:0 39px 0 0; overflow:hidden; }
.top_right_cnts { width:262px; overflow:hidden; margin:0 0 15px; }

#main_cnts { width: 840px; margin-right: auto; margin-left: auto; }
#main_cnts .sub_left { background-color: #f3f3f3; width: 175px; float: left; padding: 20px 15px 20px 10px; }
#main_cnts .sub_right { width: 620px; float: right; margin-left: 20px; }
#main_cnts .lead_text { padding: 20px; }
#main_cnts .lead_text img { margin-left: 10px; }
#main_cnts02 { width:870px; margin:0 auto; overflow:hidden; }
#main_cnts02 .sub_left02 { background-color: #f3f3f3; width:228px; float: left; }
#main_cnts02 .sub_right02 { width: 620px; float: right; }
h1, h2, h3, h4, h5, h6, p, ul, li, tr, td, th, dl, dt, dd { list-style-type:none; margin:0; padding:0; }

.none {	display:none; }

.clear { font-size: 0; line-height: 0; height: 0; clear:both; }
a { color: #464646; text-decoration: underline; }
a:visit { color: #464646; text-decoration: underline; }
a:hover { color: #929292; text-decoration: none; }
a:active { color: #929292; text-decoration: none; }

/* ヘッダー */
#heder_area { width:900px; height: 93px; margin-right: auto; margin-left: auto; padding-top: 6px; }

.h1_heder { color:#FFF; font-size:12px; margin:6px 0;  }
.h1_heder a { }
#top_ap { color: #909090; font-size: 10px; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 900px; height:22px; font-weight:normal; }

.snorkel_hd a {  width:227px; height:44px; margin:11px 0 0 29px; background:url(../images/logo_big.gif) no-repeat; float:left; display:block; text-indent:-9999px;}
#info { width: 240px; height: 57px; float: right; }
.tel { background-image: url(../images/tel.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:177px; height:17px; text-indent:-9999px; margin: 0 0 0 62px; padding: 0; }

.contact a { background-image: url(../images/contact.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:240px; height:24px; display:block; text-indent:-9999px; margin: 5px 0 0; padding: 0; }
.contact a:hover { background-image: url(../images/contact.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; width:240px; height:24px; display:block; text-indent:-9999px; margin: 5px 0 0; padding: 0; }

/* フッター*/

#footer_area { width:900px; overflow:hidden; font-size:10px; background-color: #fff; clear:both; margin-right: auto; margin-left: auto; }
#totop , .totop { font-size: 12px; height: 15px; float: right; margin-top: 30px; margin-right: 23px; margin-bottom: 30px; }
#totop a , .totop a { line-height: 15px; background-image: url(../images/arrow_to_top.gif); background-repeat: no-repeat; background-position: 0 1px; width: 73px; height: 15px; padding-left: 15px; display: block; }
#adobe { font-size: 10px; line-height: 150%; width: 500px; margin-top: 10px; margin-right: auto; margin-left: auto; }
#adobe img { margin-right: 10px; }
#footer_area .navi { width: 900px; margin-top: 40px; margin-right: auto; margin-left: auto; }
h4#footer_logo , p#footer_logo { width:112px; height:31px; background:url(../images/foter_logo.gif) no-repeat; text-indent:-9999px; float:left; margin: 0 0 5px 30px; display:inline; }
#footer_area ul { float: left; margin-bottom: 10px; margin-left: 30px; }
#footer_area ul li { display:inline; padding:0 12px; border-left:1px solid #000; }
#copy_area { background-image: url(../images/copy_bg.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width:900px; height:60px; clear: both; margin-right: auto; margin-bottom: 0; margin-left: auto; }

#copy_area h4 , #copy_area p.copy{ font-size:10px; font-weight: normal; margin-left: 30px; padding-top: 10px; }
#contact { background-color: #f5f5f5; width: 100%; margin-right: auto; margin-left: auto; padding-top: 30px; }
#contact ul li { background-image: url(../images/dot_maru.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 15px; }
#contact .ttl { color: #ff7d16; font-size: 12px; line-height: 30px; background-color: #e8e8e8; text-indent: 20px; width: 545px; margin-top: 30px; margin-right: auto; margin-left: auto; font-weight: bold; }
#contact .box { background-color: #fff; width: 505px; margin-right: auto; margin-left: auto; padding: 20px; }
#contact .btn a { background-image: url(../images/btn_contac.jpg); text-indent: -9999px; width: 308px; height: 52px; margin-top: 30px; margin-right: auto; margin-left: auto; display: block; }
#contact .btn a:hover { background-image: url(../images/btn_contac.jpg); background-position: 0 bottom; }

#contact02 { background-color: #ffffff; width: 100%; margin:0 auto; text-align:center;  }
#contact02 .box { background-color: #fff; width: 505px; margin-right: auto; margin-left: auto; padding: 20px; }
#contact02 .btn { margin:0 0 8px 0; }
#contact02 .btn a { background-image: url(../images/btn_contac.jpg); text-indent: -9999px; width: 308px; height: 52px; margin-top: 30px; margin-right: auto; margin-left: auto; display: block; }
#contact02 .btn a:hover { background-image: url(../images/btn_contac.jpg); background-position: 0 bottom; }



/*　gnavi */

#g_navi { height:31px; background:url(../images/bg_gnavi.gif) repeat-x; width: 900px; margin: 0 auto; }

#g_navi ul { margin:0 auto; }

#g_navi ul li { height: 31px; float:left; display:inline; }

#g_navi a { display:block; text-indent:-9999px; height: 31px; overflow:hidden; }

#g_navi01 { width:120px; background:url(../images/gnavi01.jpg) no-repeat 0 bottom; }
#g_navi02 { width:133px; background:url(../images/gnavi02.jpg) no-repeat 0 bottom; }
#g_navi03 { width:133px; background:url(../images/gnavi03.jpg) no-repeat 0 bottom; }
#g_navi04 { width:133px; background:url(../images/gnavi04.jpg) no-repeat 0 bottom; }
#g_navi05 { width:133px; background:url(../images/gnavi05.jpg) no-repeat 0 bottom; }
#g_navi06 { width:106px; background:url(../images/gnavi06.jpg) no-repeat 0 bottom; }
#g_navi07 { width:142px; background:url(../images/gnavi07.jpg) no-repeat 0 bottom; }

#g_navi01on { width:120px; background:url(../images/gnavi01.jpg) no-repeat 0 top; }
#g_navi02on { width:133px; background:url(../images/gnavi02.jpg) no-repeat 0 top; }
#g_navi03on { width:133px; background:url(../images/gnavi03.jpg) no-repeat 0 top; }
#g_navi04on { width:133px; background:url(../images/gnavi04.jpg) no-repeat 0 top; }
#g_navi05on { width:133px; background:url(../images/gnavi05.jpg) no-repeat 0 top; }
#g_navi06on { width:106px; background:url(../images/gnavi06.jpg) no-repeat 0 top; }
#g_navi07on { width:142px; background:url(../images/gnavi07.jpg) no-repeat 0 top; }


#g_navi01 a:hover { background-image: url(../images/gnavi01.jpg); background-repeat: no-repeat; background-position: 0 top; }
#g_navi02 a:hover { background-image: url(../images/gnavi02.jpg); background-repeat: no-repeat; background-position: 0 top; }
#g_navi03 a:hover { background-image: url(../images/gnavi03.jpg); background-repeat: no-repeat; background-position: 0 top; }
#g_navi04 a:hover { background-image: url(../images/gnavi04.jpg); background-repeat: no-repeat; background-position: 0 top; }
#g_navi05 a:hover { background-image: url(../images/gnavi05.jpg); background-repeat: no-repeat; background-position: 0 top; }
#g_navi06 a:hover { background-image: url(../images/gnavi06.jpg); background-repeat: no-repeat; background-position: 0 top; }
#g_navi07 a:hover { background-image: url(../images/gnavi07.jpg); background-repeat: no-repeat; background-position: 0 top; }
/*ローカルナビゲーション*/
#local_navi { }
#local_navi h4 , #local_navi p.sidettl , .local_navi h4 , .local_navi p.sidettl { font-size: 12px; padding-left: 2px; border-bottom: 1px solid #b5b5b5; font-weight: bold;}
#local_navi ul , .local_navi ul { margin-bottom: 20px; }
#local_navi ul li , .local_navi ul li { background-image: url(../images/dot_bg_gray.gif); background-repeat: no-repeat; background-position: 0 7px; margin-top: 10px; padding-left: 16px; }
#local_navi ul li a  , .local_navi ul li a { width: 100%; display: block; }
#local_navi ul li a:hover , .local_navi ul li a:hover { background-color: #f9f9f9; }
#local_navi ul li.pdf , .local_navi ul li.pdf { background-image: url(../images/dot_pdf.gif); background-repeat: no-repeat; background-position: 0 3px; margin-top: 5px; padding-left: 16px; }
#local_navi ul li.youtube , .local_navi ul li.youtube { background-image: url(../images/icon_youtube.gif); background-repeat: no-repeat; background-position: 0 4px; margin-top: 5px; padding-left: 45px; }
#local_navi ul li.down , .local_navi ul li.down { margin-top: 5px; margin-left: 20px; }
#local_navi .btn01 , .local_navi .btn01 { line-height: 30px; background-image: url(../images/lnavi_btn.jpg); text-indent: 20px; width: 176px; height: 30px; margin-top: 10px; display: block; }
#local_navi .btn01 a , .local_navi .btn01 a { line-height: 30px; background-image: url(../images/lnavi_btn.jpg); text-indent: 20px; display: block; width: 176px; height: 30px; }
/* 部屋 */
#bread { font-size: 10px; line-height: 42px; width: 796px; margin-left: 42px; padding: 0;}
ol#bread li { display: inline; margin: 0;list-style: none; padding: 0; background: none; line-height: 42px }
ol#bread { margin-top: 0; margin-bottom: 0; }


#top_area { width: 900px; height: 355px; overflow:hidden; margin: 0 auto; }

#key_products{ width:900px; margin:0 auto; background:url(../../products/images/key.jpg); text-indent: -9999px; height: 132px; }
#key_products02{ width:900px; margin:0 auto; background:url(../../products/electric/images/ul38e_big_title.jpg) no-repeat; text-indent: -9999px; height: 132px; }
#key_basic_knowledge{ width:900px; margin:0 auto; background:url(../../basic_knowledge/images/key.jpg); text-indent: -9999px; height: 132px; }
#key_case{ width:900px; margin:0 auto; background:url(../../case/images/key.jpg); text-indent: -9999px; height: 132px; }
#key_company{ width:900px; margin:0 auto; background:url(../../company/images/key.jpg); text-indent: -9999px; height: 132px; }
#key_404{ width:900px; margin:0 auto; background:url(../../company/images/404.jpg); text-indent: -9999px; height: 132px; }
#key_contact{ width:900px; margin:0 auto; background:url(../../contact/images/key.jpg); text-indent: -9999px; height: 132px; }
#key_faq{ width:900px; margin:0 auto; background:url(../../faq/images/key.jpg); text-indent: -9999px; height: 132px; }
#key_utility01{ width:900px; margin:0 auto; background:url(../../utility/images/key01.jpg); text-indent: -9999px; height: 132px; }
#key_utility02{ width:900px; margin:0 auto; background:url(../../utility/images/key02.jpg); text-indent: -9999px; height: 132px; }
#key_utility03{ width:900px; margin:0 auto; background:url(../../utility/images/key03.jpg); text-indent: -9999px; height: 132px; }
#key_movie{ width:900px; margin:0 auto; background:url(../../movie/images/key.jpg); text-indent: -9999px; height: 132px; }
#key_news{ width:900px; margin:0 auto; background:url(/news/images/key.jpg); text-indent: -9999px; height: 132px; }

.left_gla { width:150px; background:repeat-y; margin:0 auto; float:left; display:inline; }

.midle_keyarea{ width:1200px; background:url(../images/top_key.gif) repeat-y; text-indent:-9999px; }

.midle_flash { width:900px; height:352px; }

.right_gla { width:186px;  background:url(../images/black_right_gla.gif) repeat-y; margin:0 0 0 1051px; float:left; display:inline; }

#because_area {width:565px; margin:25px auto;}
#because_area01 { width:565px; background:url(/common/images/top_section01_pic011.jpg) no-repeat;}
#because_area01 h4 { text-indent:-9999px; margin:0; padding:0; line-height:100%;}
#because_area01 p { line-height:130%; padding:70px 10px 0 60px;}
#because_area02 { width:565px; background:url(/common/images/top_section01_pic012.jpg) no-repeat;}
#because_area02 h4 { text-indent:-9999px; margin:0; padding:0; line-height:100%;}
#because_area02 p { line-height:130%; padding:70px 10px 0 60px;}
#because_area03 { width:565px; background:url(/common/images/top_section01_pic013.jpg) no-repeat;}
#because_area03 h4 { text-indent:-9999px; margin:0; padding:0; line-height:100%;}
#because_area03 p { line-height:130%; padding:70px 10px 0 60px;}

#because_area_btm { background:url(../images/top_section01_pic014.gif) top left no-repeat; height:10px; width:565px;}

.mark {	font-size:110%;	font-weight:bold; background-color:#FFFF66;}

/*
#because_area01 { width:565px; height:194px; background:url(/common/images/top_section01_pic011.jpg) no-repeat;}
#because_area02 { width:565px; height:194px; background:url(/common/images/top_section01_pic012.jpg) no-repeat;}
#because_area03 { width:565px; height:194px; background:url(/common/images/top_section01_pic013.jpg) no-repeat;}
*/

.gaiyou_area { width:560px; margin:0px 0px 25px 5px; overflow:hidden; }
.gaiyou_area .firast { width:140px; float:left; display:inline; }
.gaiyou_area .second { width:400px; float:right; display:inline;}

.news_area { width:555px; overflow:hidden; margin:0 0 0 10px;}
.news_area strong { font-size:12px; color:#FF0000; font:normal;}
.news_area02 { width:222px; overflow:hidden; margin:0 auto; }
.news_area02 strong { font-size:12px; color:#FF0000; font:normal;}

#movie_sec01 { margin:15px;}
#movie_section { margin:0 0 10px 0;}
.movie_section01 { margin:10px 0 0 0;}

#ul38e_section strong { color:#000; font-weight:bold; }

#three_colum_ul38e { width:620px; overflow:hidden; margin:0 0 25px 0; }
#three_colum_ul38e .first { width:200px; float:left; display:inline; margin:0 10px 0 0; }
#three_colum_ul38e .second { width:200px; float:left; display:inline; margin:0 10px 0 0; }
#three_colum_ul38e .third { width:200px; float:right; display:inline; }



/*　ul li　*/
ul.right_ul {}
ul.right_ul li { text-align:right;}

#because_area ul { padding:5px 0 0 340px;}
#because_area ul li{ height:27px; background:url(/common/images/jirei_pic.jpg) no-repeat; padding:0 0 0 102px;}

#case_area ul li{ font-size:14px; font-weight:normal; padding:0 0 0 16px; }
#case_area ul li.top{ font-size:14px; font-weight:bold; padding:0 0 0 15px; background:url(/common/images/arrow_w.gif) no-repeat 0px 5px;}


/* h要素 */

/* h1 */
#ul38e_section h1 { margin:0 0 20px 0; }

/* h2 */

/* h3 */

h3.title_h3 ,p.title_h3 { margin:0 0 15px 0;}

h3#top_because_h3 {width:560px; height:41px; background:url(/common/images/top_section01_title.jpg) no-repeat; text-indent:-9999px; margin:0 0 10px 5px;}

h3.top_snorkel_savice_h3 { width:560px; height:41px; background:url(/common/images/top_section02_title.jpg) no-repeat; text-indent:-9999px; margin:0 0 10px 0;}

h3.top_news_h3 { width:555px; height:29px; background:url(../images/ttl_news.gif) no-repeat; text-indent:-9999px;}

h3.top_pick_h3 { width:555px; height:29px; background: url(../images/ttl_pick_up.gif) no-repeat; text-indent:-9999px; }

h3.top-h301 { width:530px; height:33px; background:url(/images/top-h301-back.gif) no-repeat; margin:0 0 15px 0; font-size:18px; color:#ffffff; padding:8px 0 0 30px; }

h3.top-h302 { width:186px; height:26px; background:url(/images/top-h302-back.gif) no-repeat; margin:15px auto 0; font-size:15px; color:#ffffff; padding:5px 0 0 30px; }

/* h4 */

h4.top-h401 { background:#d9d9d9; color:#e9670a; font-size:14px; padding:5px; margin:0 0 15px; }

/* 文字装飾 */
strong , .lact , .bold { color: #ef7616; font-weight: bold; }
.relation_link { margin-top: 60px; margin-bottom: 0; margin-left: 30px; border-bottom: 1px solid #c1c1c1; font-weight: bold; }
ol { }
ol li { background-image: url(../images/dot_maru.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left: 12px; }
.fs16 { font-size:16px; }
.fs80 { font-size:80px; }
em.em_dekamoji { font-size:60px; font-style:normal; }

strong.red { color: #ff0000; font-weight: bold; }


/*　マージン　*/
.mb10 { margin:0 0 10px 0; }
.mb20 { margin:0 0 20px 0; }


/* ul */
ul.top_news {width:519px; margin:17px 0 0 14px;}
ul.top_news li { margin:16px 0 0 0; border-bottom-style: dashed; border-color:#909090; border-bottom-width:1px; }
ul.top_news02 {width:200px; margin:17px 0 0 0;}
ul.top_news02 li { margin:16px 0 0 0; border-bottom-style: dashed; border-color:#909090; border-bottom-width:1px; }
#movie_section ul li { margin:0 0 25px 0;}
ul.top-ul { width:560px; background:#f1f1f1; overflow:hidden; margin:0 0 15px; padding:9px 0; }
ul.top-ul li { width:174px; float:left; display:inline; margin:0 0 0 9px; }
ul.top02-ul { width:560px; overflow:hidden; margin:0 0 15px; padding:0 0 5px; border-bottom:1px solid #cccccc; }
ul.top02-ul li { width:254px; float:left; display:inline; margin:0 0 0 17px; }
ul.top03-ul { width:560px; overflow:hidden; margin:0 0 15px; }
ul.top03-ul li { width:149px; float:left; display:inline; margin:0 0 0 11px; border:1px solid #cccccc; padding:10px; }

/*　dl dt dd　*/
#movie_section dl{ width:620px; margin:10px 0 0 0; overflow:hidden;}
#movie_section dl dt{ width:300px; float:left; display:inline;}
#movie_section dl dd{ width:300px; float:right; display:inline;}
dl.top-dl { width:254px; overflow:hidden; }
dl.top-dl dt { width:137px; float:left; display:inline; margin:0 10px 5px 0; }
dl.top-dl dd { width:107px; float:left; display:inline; font-size:14px; color:#fd7600; font-weight:bold; }
dl.top02-dl { width:149px; overflow:hidden; }
dl.top02-dl dt { width:47px; float:left; display:inline; margin:0 0 0 10px; }
dl.top02-dl dd { width:92px; float:left; display:inline; font-size:14px; color:#e9670a; font-weight:bold; }
dl.top02-dl dt.center_pic { text-align:center; }

/* TOP 右のリンク */

ul.top-ul a { width:174px; height:80px; display:block; }

#case_area {width:222px; margin:0px auto 0px; overflow:hidden;}

.link_right { width: 222px; margin:25px auto 0px; overflow:hidden; }
.link_right a { width: 222px; height: 102px; display: block; }
.miryoku { width:222px; height:102px; background:url(../images/bana01.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.miryoku a:hover { width:222px; height:102px; background:url(../images/bana01.jpg) no-repeat right 0; display:block; text-indent:-9999px; }

.staff { width:222px; height:102px; background:url(../images/bana02.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.staff a:hover { width:222px; height:102px; background:url(../images/bana02.jpg) no-repeat right 0; display:block; text-indent:-9999px;}

.soukan { width:222px; height:102px; background:url(../images/bana03.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.soukan a:hover { width:222px; height:102px; background:url(../images/bana03.jpg) no-repeat right 0; display:block; text-indent:-9999px;}

.soukan02 { width:174px; height:80px; background:url(/images/bana03-2015.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.soukan02 a:hover { width:174px; height:80px; background:url(/images/bana03-2015.jpg) no-repeat right 0; display:block; text-indent:-9999px;}

.movie { width:222px; height:102px; background:url(../images/bana04.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.movie a:hover { width:222px; height:102px; background:url(../images/bana04.jpg) no-repeat right 0; display:block; text-indent:-9999px;}

.movie02 { width:174px; height:80px; background:url(/images/bana04-2015.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.movie02 a:hover { width:174px; height:80px; background:url(/images/bana04-2015.jpg) no-repeat right 0; display:block; text-indent:-9999px;}

.tawer { width:222px; height:102px; background:url(../images/bana05.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.tawer a:hover { width:222px; height:102px; background:url(../images/bana05.jpg) no-repeat right 0; display:block; text-indent:-9999px; }

.tawer02 { width:174px; height:80px; background:url(/images/bana05-2015.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.tawer02 a:hover { width:174px; height:80px; background:url(/images/bana05-2015.jpg) no-repeat right 0; display:block; text-indent:-9999px;}

.kousyo { width:222px; height:102px; background:url(../images/bana06.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.kousyo a:hover { width:222px; height:102px; background:url(../images/bana06.jpg) no-repeat right 0; display:block; text-indent:-9999px; }

.case { width:222px; height:102px; background:url(../images/bana07.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.case a:hover { width:222px; height:102px; background:url(../images/bana07.jpg) no-repeat right 0; display:block; text-indent:-9999px; }

.product { width:222px; height:102px; background:url(../images/bana08.jpg) no-repeat; display:block; text-indent:-9999px; margin-bottom: 10px; }

.product a:hover { width:222px; height:102px; background:url(../images/bana08.jpg) no-repeat right 0; display:block; text-indent:-9999px; }






/*　ピックアップ */

.pick_area { width:555px; margin:30px 0 0 0; overflow:hidden;}

.pick_area storong { font-size:12px; color:#000;}
.pick_area .cnts { background-image: url(../images/pic_area.gif); width: 493px; height: 116px; margin-top: 20px; padding: 20px; }
.pick_area .cnts img { float: left; margin-right: 15px; }
.pick_area ul { }

.pick_area ul li {  }
/*会社案内*/
#company_cnt { }
#company_cnt .ttl_company { background-image: url(../../company/images/ttl_company.jpg); text-indent: -9999px; width: 618px; height: 147px; margin-bottom: 15px; }
#company_cnt .ttl_company2014 { background-image: url(../../company/images/ttl_company2014.jpg); text-indent: -9999px; width: 618px; height: 147px; margin-bottom: 15px; }
#company_cnt .ttl_performance { background-image: url(../../company/images/ttl01.gif); text-indent: -9999px; width: 618px; height: 75px; }
#company_cnt p { padding: 20px; }
#company_cnt table { width: 618px; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; }
#company_cnt table th { color: #ef7616; background-color: #e6e6e6; width: 150px; padding: 5px; border-bottom: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; }
#company_cnt table td { padding: 5px; border-bottom: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; }
#company_cnt h2 , #company_cnt #popttl { color: #fff; font-size: 14px; line-height: 28px; background-image: url(../images/sub_ttl_bg_long.jpg); text-indent: 10px; width: 618px; height: 28px; }
#company_cnt .value_case { margin-top: 20px; margin-bottom: 30px; padding: 20px 20px 10px 10px; border: solid 1px #b5b5b5; }
#company_cnt .value_case img { margin-left: 10px; }
#tanfield { text-align: center; width: 400px; margin-right: auto; margin-bottom: 30px; margin-left: auto; }
/*会社案内Value*/
#value { }
#value .ttl { background-image: url(../../company/images/ttl03.jpg); text-indent: -9999px; width: 618px; height: 75px; }
#value .ttl01 { background-image: url(../../company/images/val1.jpg); text-indent: -9999px; width: 170px; height: 64px; margin-top: 30px; margin-left: 20px; }
#value .ttl02 { background-image: url(../../company/images/val2.jpg); text-indent: -9999px; width: 198px; height: 65px; margin-top: 30px; margin-left: 20px; }
#value .ttl03 { background-image: url(../../company/images/val3.jpg); text-indent: -9999px; width: 189px; height: 65px; margin-top: 30px; margin-left: 20px; }
#value .point01 { background-image: url(../../company/images/po1.gif); text-indent: -9999px; width: 600px; height: 26px; }
#value .point02 { background-image: url(../../company/images/po2.gif); text-indent: -9999px; width: 600px; height: 26px; }
#value .point03 { background-image: url(../../company/images/po3.gif); text-indent: -9999px; width: 600px; height: 26px; }
#value .gray_bg { background-color: #f5f5f5; margin-top: 20px; padding: 20px; }
/*会社案内スタッフ*/
#staff { }
#staff .ttl_top { background-image: url(../../company/images/ttl04.jpg); text-indent: -9999px; width: 618px; height: 75px; }
#staff .white_bg { background-color: white; width: 558px; margin: 20px auto; padding: 30px 20px; }
#staff .gray_bg { background-color: #f5f5f5; padding-top: 10px; }
#staff .ttl01 { background-image: url(../../company/images/staff/stt01.gif); text-indent: -9999px; width: 101px; height: 30px; margin: 20px; }
#staff .ttl02 { background-image: url(../../company/images/staff/stt02.gif); text-indent: -9999px; width: 120px; height: 30px; margin: 30px 20px 20px; }
#staff .ttl03 { background-image: url(../../company/images/staff/stt03.gif); text-indent: -9999px; width: 278px; height: 30px; margin: 30px; }
#staff .imgRight { width: 300px; float: right; margin-left: 10px; }
#staff .imgRight img { margin-bottom: 20px; }
#staff .text {  }
/*地図*/
#map { }
#map .ttl { background-image: url(../../company/images/ttl02.gif); text-indent: -9999px; width: 618px; height: 75px; }
#map h1.ttl {
	margin: -30px 0 30px;
}
#map .detail { width: 405px; margin-right: auto; margin-left: auto; }
#map .print_btn a { background-image: url(../../company/images/map/map_print_off.gif); text-indent: -9999px; width: 155px; height: 36px; float: right; display: block; }
#map .print_btn a:hover { background-image: url(../../company/images/map/map_print_on.gif); }
/*基礎知識*/
#basic_knowledge { }
#basic_knowledge h3 { font-size: 12px; margin-bottom: 0; margin-left: 10px; padding-bottom: 0; border-bottom: 1px dotted #ddd; }
#basic_knowledge .ttl01 { background-image: url(../../basic_knowledge/images/ttl01.jpg); text-indent: -9999px; width: 618px; height: 75px; }
#basic_knowledge .ttl02 { background-image: url(../../basic_knowledge/images/ttl02.gif); text-indent: -9999px; width: 618px; height: 75px; }
#basic_knowledge .ttl03 { background-image: url(../../basic_knowledge/images/ttl03.gif); text-indent: -9999px; width: 618px; height: 75px; }
#basic_knowledge .ttl04 { background-image: url(../../basic_knowledge/images/ttl04.gif); text-indent: -9999px; width: 618px; height: 75px; }
#basic_knowledge .ttl05 { background-image: url(../../basic_knowledge/images/ttl05.gif); text-indent: -9999px; width: 618px; height: 75px; }
#basic_knowledge h1.ttl01 {
	margin: -20px -20px 20px;
}
#basic_knowledge h1.ttl02 ,
#basic_knowledge h1.ttl03 ,
#basic_knowledge h1.ttl04 ,
#basic_knowledge h1.ttl05 {
	margin: -30px 0px 30px;
}
/*FAQ*/
#faq .ttl01 { background-image: url(../../faq/images/ttl01.gif); text-indent: -9999px; width: 618px; height: 100px; }
#faq .ttl02 { background-image: url(../../faq/images/ttl02.gif); text-indent: -9999px; width: 618px; height: 75px; }
#faq .ttl03 { background-image: url(../../faq/images/ttl03.gif); text-indent: -9999px; width: 618px; height: 75px; }
#faq .ttl04 { background-image: url(../../faq/images/ttl04.gif); text-indent: -9999px; width: 618px; height: 145px; }
#faq .ttl05 { background-image: url(../../faq/images/ttl05.gif); text-indent: -9999px; width: 618px; height: 75px; }
#faq .ttl06 { background-image: url(../../faq/images/ttl06.gif); text-indent: -9999px; width: 618px; height: 75px; }
#faq .ttl07 { background-image: url(../../faq/images/ttl07.gif); text-indent: -9999px; width: 618px; height: 75px; }
#faq p { margin: 20px 30px 30px 50px; }
#faq h2 , #faq p.ans { color: #616161; line-height: 160%; margin: 30px; padding: 20px; border: solid 3px #ef7616; font-weight: bold; font-size: 20px;}
#faq table { width: 500px; margin-right: auto; margin-left: auto; }
/*お問合わせ*/
#contact_cnt { }
#contact_cnt .soon { margin-left: 20px; padding: 10px 20px; border: solid 1px #c1c1c1; }
#contact_cnt .telme { font-size: 30px; font-weight: bold; }
#contact_cnt .red { color: #f00; font-size: 10px; }
#contact_cnt table { width: 576px; margin-left: 20px; }
#contact_cnt td.table_ttl { font-weight: bold; background-color: #eee; }
/*サイトマップ*/
#sitemap_cnt table { font-size: 10px; width: 618px; margin-bottom: 10px; border-top: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; }
#sitemap_cnt table th { color: #ef7616; background-color: #e6e6e6; width: 150px; padding: 5px; border-bottom: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; }
#sitemap_cnt table td { line-height: 160%; padding: 3px; border-bottom: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; }
/*社名*/
.corp_name { color: white; font-size: 10px; background-image: url(../../images/produced_by.gif); text-indent: -9999px; width: 254px; height: 28px; float: left; margin-top: 22px; margin-left: 5px; }
.corp_name2014-2 { color: white; font-size: 10px; background-image: url(../../images/produced_by_none.gif); text-indent: -9999px; width: 254px; height: 28px; float: left; margin-top: 22px; margin-left: 5px; }
.corp_name2014 { color: white; font-size: 10px; background-image: url(../../images/produced_by2014.gif); text-indent: -9999px; width: 138px; height: 28px; float: left; margin-top: 22px; margin-left: 5px; }

/*14.07.17 高さを90emから330ｐｘに変更*/
.infobox { height:330px; overflow: auto; margin:10px 0 0 0; }
.infobox02 { height:330px; overflow: auto; margin:0; }

/*　movie　*/
.product_button { width:202px; height:26px; background:url(/movie/images/btn_off_pro.gif) no-repeat; float:right; margin-top: 10px; margin-bottom: 0; margin-left: 40px; display:inline; }
.product_button a  { text-indent:-9999px; display:block; width:202px; height:26px; overflow:hidden;  }
.product_button a:hover  { width:202px; height:26px; background-image:url(/movie/images/btn_on_pro.gif); background-repeat:no-repeat;  }

/*　case　*/
.section_bunkatu { font-size:17px; margin:8px 0 8px 0; text-align:center; }


.top #top_left {
	padding-bottom: 10em;
}
.top #wrap {
	position: relative;
}
.top #heder_area .topleadtxt {
	position: absolute;
	left: 30px;
	bottom: 175px;
	width: 565px;
}

.bold2 {
	font-weight: bold;
}
.m0 {
	margin: 0 !important;
}

/*　table　*/

table.table01 {
	width:300px;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 20px;
	}

table.table01 th {
	padding:5px;
	border-width:0 0 1px 1px;
	background:#221915;
	color:#ffffff;
	text-align:left;
	}

table.table01 td {
	padding:5px;
	border-bottom:#221915 1px solid;
	border-width:0 0 1px 1px;
	background:#e9e9e9;
	text-align:left;
	}

table.table01 td.td_none {
	padding:5px;
	border-bottom:#e9e9e9 1px solid;
	border-width:0 0 1px 1px;
	background:#FFF;
	background:#e9e9e9;
	text-align:left;
	}


h1.tophl { width:530px; height:33px; background:url(/images/top-h301-back.gif) no-repeat; margin:0 0 15px 0; font-size:18px; color:#ffffff; padding:8px 0 0 30px; margin-top: 20px;}

h2.top-h301 { width:530px; height:33px; background:url(/images/top-h301-back.gif) no-repeat; margin:0 0 15px 0; font-size:18px; color:#ffffff; padding:8px 0 0 30px; }

h2.top-h302 { width:186px; height:26px; background:url(/images/top-h302-back.gif) no-repeat; margin:15px auto 0; font-size:15px; color:#ffffff; padding:5px 0 0 30px; }

h3.top-h401 { background:#d9d9d9; color:#e9670a; font-size:14px; padding:5px; margin:0 0 15px; }

ul.top03-ul { margin-bottom: 0;}
ul.top03-ul li { margin-bottom: 15px;}
ul.top02-ul li { width: 263px;}
ul.top02-ul .li-top { min-height: 200px; margin-bottom: 10px; border-bottom: 1px solid #ccc; margin-left: 0; padding-left: 17px;}

dt.top-h302 { width:186px; height:26px; background:url(/images/top-h302-back.gif) no-repeat; margin:15px auto 0; font-size:15px; color:#ffffff; padding:5px 0 0 30px; font-weight: bold;}

#because_area.top_because > ul { padding: 0;}
#because_area.top_because > ul > li{ height:auto; background:none; padding:0;}

#because_area01 dt,
#because_area02 dt,
#because_area03 dt { text-indent:-9999px; margin:0; padding:0; line-height:100%;}