@charset "UTF-8";/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-family: inherit; }iframe { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #999999; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #999999; }/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}.gradient01	{	background: -moz-linear-gradient(top, #ffffff, #f2f2f2);　/* Firefox用 */	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));　/* Safari,Google Chrome用 */}/* ---------------------------------------------------------------- *	共通設定ここから * ---------------------------------------------------------------- */body { font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif; font-size: 12px; line-height: 1.6; margin: 0;  /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */ padding: 0; text-align: center;  /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */ color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; }.oneColFixCtrHdr #container { width: 900px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-right: 50px; padding-left: 50px; }.oneColFixCtrHdr #header { padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 0px; }.header_top { font-size: 91%; font-weight: bold; background-color: #1a1a1a; display: block; padding-top: 14px; padding-bottom: 14px; text-align: right; padding-right: 10px; padding-left: 10px; }.a_logo { padding-top: 31px; display: block; float: left; }.facebook { float: right; padding-top: 24px; padding-bottom: 50px; }.oneColFixCtrHdr #header h1 {	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */}.oneColFixCtrHdr #mainContent { padding: 0; }.oneColFixCtrHdr #grd_back { background: #f2f2f2; overflow: hidden; padding-bottom: 30px; }.oneColFixCtrHdr #grd_back { background: -moz-linear-gradient(left top 315deg, #EFEFF0, #F7F7F7, #DCDDDD);background: -webkit-gradient(linear, left top, right bottom, from(#EFEFF0), color-stop(40%, #F7F7F7), color-stop(60%, #DCDDDD));　/* Safari,Google Chrome用 */  overflow: hidden; padding-bottom: 30px; }.oneColFixCtrHdr #clear_both { padding: 0; display: block; margin: 0px; clear: both; }.oneColFixCtrHdr #footer { clear: both; background: #EFEFF0; padding-right: 25px; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; }.oneColFixCtrHdr #footer { clear: both; background: -moz-linear-gradient(left top 315deg, #EFEFF0, #F7F7F7, #DCDDDD); background: -webkit-gradient(linear, left top, right bottom, from(#EFEFF0), color-stop(40%, #F7F7F7), color-stop(60%, #DCDDDD)); padding-right: 25px; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; }.oneColFixCtrHdr #footer p { margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */ padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */ font-size: 92%; }.footer_com { display: block; padding-top: 10px; }.address { font-size: 92%; display: block; margin: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }.copyright { font-size: 92%; display: block; margin: 0; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; text-align: center; }.footer_bar { display: block; clear: both; width: 850px; }a:link { text-decoration: none; color: #666666; }a:visited { text-decoration: none; color: #991620; }a:hover { text-decoration: underline; color: #6633FF; }a:active { text-decoration: none; }/* パン屑リスト */#pan { width: 850px; text-align: left; font-size: 100%; line-height: 100%; display: block; padding-top: 14px; padding-right: 25px; padding-bottom: 14px; padding-left: 25px; clear: both; }/* パン屑リスト */a.example:link { color: #6275B5; }a.example:visited { text-decoration: underline; color: #000066; }a.example:hover { text-decoration: underline; color: #3366CC; }a.example:active { text-decoration: underline; color: #ff8000; }.btn_pagetop { text-align: center; display: block; margin-right: 0px; margin-left: 0px; clear: both; }.img_clear { display: block; clear: both; }.tex_white { color: #FFFFFF; }.tex_b3b3b3 { color: #b3b3b3; } /* ---------------------------------------------------------------- *	index * ---------------------------------------------------------------- */.oneColFixCtrHdr #swf { clear: both; background-image: url(../img/dummy_flash.png); background-repeat: no-repeat; background-position: left top; }.oneColFixCtrHdr #contents { display: block; width: 850px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; }.copy_chart { display: block; }.copy_chart_l { display: block; float: left; width: 530px; }.copy_chart_r { display: block; float: right; width: 315px; }.tex_15 { font-size: 125%; line-height: 1.67em; font-weight: bold; display: block; padding-bottom: 15px; padding-top: 50px; }.tex_11 { font-size: 92%; line-height: 1.67em; }.news_btn { display: block; clear: both; width: 850px; padding-top: 30px; }.news_btn_l { display: block; width: 520px; padding: 0px; float: left; }.whats_new { display: block; width: 460px; padding-top: 5px; }.news_btn_r { display: block; width: 325px; padding: 0px; float: right; }.solae_banner { display: block; padding-left: 25px; padding-top: 20px; }.2660ac { color: #2660ac; }/* ---------------------------------------------------------------- *	whatsnew * ---------------------------------------------------------------- */#whatsnew { center top; text-align: left; width: 410px; padding: 10px; height: 60px; }.ws_line { display: block; width: 410px; overflow: visible; margin-top: 3px; margin-bottom: 3px; }.ws_title { font-size: 109%; font-weight: bold; display: block; width: 410px; padding-bottom: 10px; }.ws_tex { font-size: 100%; display: block; width: 95px; float: left; }.wsb_tex { font-size: 100%; display: block; width: 310px; float: left; padding-bottom: 5px; }/* ---------------------------------------------------------------- *	共通　worksからinformationまで * ---------------------------------------------------------------- */.oneColFixCtrHdr #main_img { clear: both; }.oneColFixCtrHdr #contents900 { display: block; width: 900px; padding-bottom: 25px; }.left_navi { display: block; float: left; width: 205px; }.right_contents { display: block; float: right; width: 654px; }/* ---------------------------------------------------------------- *	works * ---------------------------------------------------------------- */.tab_title { display: block; padding-bottom: 20px; }/* 表示領域全体 */div.tabbox { display: block; width: 650px; padding: 0px; }/* タブ中身のボックス */div.tab { height: 150px; overflow: auto; clear: left; margin-bottom: 25px; }div#tab1 { display: block; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; padding-top: 20px; padding-bottom: 20px; background-color: #fcfcfc; padding-left: 35px; }div#tab2 { display: block; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; padding-top: 20px; padding-bottom: 20px; background-color: #fcfcfc; padding-left: 35px; }div#tab3 { display: block; border-top-width: 2px; border-right-width: 0px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; padding-top: 20px; background-color: #fcfcfc; padding-left: 35px; padding-bottom: 0px; }div.tab p { margin: 0.5em; }/* 製品実例の写真ボックス */.works_waku { display: block; float: left; height: 140px; width: 145px; }.works_photo { display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #666666; height: 95px; width: 110px; }.works_kakudai { display: block; width: 110px; padding-top: 5px; text-align: right; }/* ---------------------------------------------------------------- *	process * ---------------------------------------------------------------- */.p_tex_13 { font-size: 109%; line-height: 1.67em; font-weight: bold; display: block; padding-bottom: 15px; }.p_tex_12 { font-size: 100%; line-height: 1.67em; display: block; padding-bottom: 40px; width: 630px; }.process_waku { display: block; clear: both; margin-bottom: 40px; overflow: hidden; }.pro_waku { display: block; height: 140px; width: 130px; float: left; }.pro_photo { display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #666666; height: 95px; width: 110px; }.pro_kakudai { display: block; width: 110px; padding-top: 5px; text-align: right; }.process_waku_setsubi { width: 630px; clear: both; padding-bottom: 40px; overflow: hidden; }.process_waku_setsubi_l { width: 300px; float: left; }.process_waku_setsubi_r { width: 300px; float: right; }.under_line { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; padding-top: 5px; padding-bottom: 5px; }/* ---------------------------------------------------------------- *	about us * ---------------------------------------------------------------- */.right_contents_about { display: block; float: right; width: 500px; font-size: 109%; }.map_waku { display: block; padding-top: 30px; padding-bottom: 30px; }/* ---------------------------------------------------------------- *	contact * ---------------------------------------------------------------- */.right_contents_contact { display: block; float: right; width: 560px; background-color: #f2f2f2; padding: 20px; margin-bottom: 20px; }.tex_109b { font-size: 109%; font-weight: bold; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding-bottom: 10px; }.form_left { display: block; width: 560px; padding-top: 10px; }.form_naiyou { display: block; width: 560px; padding-top: 10px; padding-bottom: 10px; }.form_naiyou2 { display: block; width: 490px; padding-bottom: 10px; }.form_naiyou3 { display: block; width: 490px; padding-bottom: 10px; padding-top: 10px; }.form_naiyou4 { display: block; width: 490px; padding-top: 10px; }.form_otoiawase { display: block; clear: both; width: 560px; padding-bottom: 20px; }.base_color { background-color: #CCCCCC; }.color3366FF { color: #3366FF; }/* ---------------------------------------------------------------- *	information * ---------------------------------------------------------------- */.right_contents_info { display: block; float: right; width: 560px; background-color: #f2f2f2; padding: 20px; margin-bottom: 20px; }.info { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; }.info_date { display: inline-block; width: 120px; float: left; }.info_naiyou { display: inline-block; width: 420px; }/* ---------------------------------------------------------------- *	privacy * ---------------------------------------------------------------- */.right_contents_priv { display: block; float: right; width: 560px; background-color: #f2f2f2; padding: 20px; margin-bottom: 20px; }.pri_naiyou { display: block; }.pri_title { font-weight: bold; font-size: 134%; display: block; width: 798px; } .pri_subtitle { font-weight: bold; font-size: 125%; display: block; width: 540px; background-color: #CCCCCC; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #999999; border-bottom-color: #FFFFFF; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }.pri_naiyou_komidashi { padding: 10px; margin: 0px; font-weight: bold; }.pri_naiyou p { padding: 10px; margin: 0px; }.pri_naiyou li { list-style-type: disc; list-style-position: inside; padding-right: 10px; padding-left: 10px; text-indent: 1em; }/* グローバルナビ *//* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */#base_g_navi { background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: left top; height: 45px; clear: both; }#g_navi { height:45px; margin:0; background-repeat: no-repeat; clear: both; background-position: top; width: 900px; background-image: url(../img/btn_gnavi.png); }#g_navi ul { padding:0px; }#g_navi li { display:inline; list-style-type:none; }#g_navi li a { height:45px; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden; }/*------off*/#g_navi li.g_navi01 a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: 0px 0px; }#g_navi li.g_navi02 a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -150px 0px; }#g_navi li.g_navi03 a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -300px 0px; }#g_navi li.g_navi04 a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -450px 0px; }#g_navi li.g_navi05 a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -600px 0px; }#g_navi li.g_navi06 a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -750px 0px; }/*------hover*/#g_navi li.g_navi01 a:hover { background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: 0px -45px; }#g_navi li.g_navi02 a:hover { background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -150px -45px; }#g_navi li.g_navi03 a:hover { background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -300px -45px; }#g_navi li.g_navi04 a:hover { background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -450px -45px; }#g_navi li.g_navi05 a:hover { background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -600px -45px; }#g_navi li.g_navi06 a:hover { background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -750px -45px; }/*------on*/#g_navi li.g_navi01_on a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: 0px -45px; }#g_navi li.g_navi02_on a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -150px -45px; }#g_navi li.g_navi03_on a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -300px -45px; }#g_navi li.g_navi04_on a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -450px -45px; }#g_navi li.g_navi05_on a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -600px -45px; }#g_navi li.g_navi06_on a { width:150px; background-image: url(../img/btn_gnavi.png); background-repeat: no-repeat; background-position: -750px -45px; }/* グローバルナビ2 *//* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style 2 */#g_navi2 { height:150px; margin:0; background-repeat: no-repeat; background-position: left top; width: 325px; background-image: url(../img/navi2.png); }#g_navi2 ul { overflow: hidden; width: 325px; height: 150px; }#g_navi2 li { height: 30px; list-style-type: none; }#g_navi2 li a { display: block; height: 30px; text-indent:-9877em; text-decoration:none; overflow:hidden; }/*------off*/#g_navi2 li.nav01 a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: -325px 0px; }#g_navi2 li.nav02 a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: -325px -30px; }#g_navi2 li.nav03 a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: -325px -60px; }#g_navi2 li.nav04 a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: -325px -90px; }#g_navi2 li.nav05 a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: -325px -120px; }/*------hover*/#g_navi2 li.nav01 a:hover { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px 0px; }#g_navi2 li.nav02 a:hover { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px -30px; }#g_navi2 li.nav03 a:hover { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px -60px; }#g_navi2 li.nav04 a:hover { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px -90px; }#g_navi2 li.nav05 a:hover { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px -120px; }/*------on*/#g_navi2 li.nav01_on a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px 0px; }#g_navi2 li.nav02_on a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px -30px; }#g_navi2 li.nav03_on a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px -60px; }#g_navi2 li.nav04_on a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px -90px; }#g_navi2 li.nav05_on a { width :325px; background-image: url(../img/navi2.png); background-repeat: no-repeat; background-position: 0px -120px; }/* グローバルナビ3 *//* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style 3 */#g_navi3 { height:150px; margin:0; background-repeat: no-repeat; background-position: left top; width: 200px; background-image: url(../img/navi3.png); }#g_navi3 ul { overflow: hidden; width: 200px; height: 150px; }#g_navi3 li { height: 30px; list-style-type: none; }#g_navi3 li a { display: block; height: 30px; text-indent:-9877em; text-decoration:none; overflow:hidden; }/*------off*/#g_navi3 li.nav01 a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: -200px 0px; }#g_navi3 li.nav02 a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: -200px -30px; }#g_navi3 li.nav03 a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: -200px -60px; }#g_navi3 li.nav04 a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: -200px -90px; }#g_navi3 li.nav05 a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: -200px -120px; }/*------hover*/#g_navi3 li.nav01 a:hover { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px 0px; }#g_navi3 li.nav02 a:hover { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px -30px; }#g_navi3 li.nav03 a:hover { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px -60px; }#g_navi3 li.nav04 a:hover { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px -90px; }#g_navi3 li.nav05 a:hover { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px -120px; }/*------on*/#g_navi3 li.nav01_on a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px 0px; }#g_navi3 li.nav02_on a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px -30px; }#g_navi3 li.nav03_on a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px -60px; }#g_navi3 li.nav04_on a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px -90px; }#g_navi3 li.nav05_on a { width :200px; background-image: url(../img/navi3.png); background-repeat: no-repeat; background-position: 0px -120px; }/* ---------------------------------------------------------------- *	site map * ---------------------------------------------------------------- */.oneColFixCtrHdr #contents_sitemap { display: block; width: 498px; padding-right: 200px; padding-bottom: 30px; padding-left: 200px; padding-top: 30px; margin-bottom: 35px; border: 1px solid #999999; }.sm_subtitle { font-weight: bold; font-size: 125%; display: block; width: 477px; background-color: #DBEBFE; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #999999; border-bottom-color: #CCCCCC; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; margin-bottom: 20px; }.oneColFixCtrHdr #contents_sitemap li { font-size: 117%; line-height: 3; }.sm_home { display: block; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; margin-bottom: 10px; text-indent: 2px; }.sm_in { background-image: url(../img/m_triangle.gif); background-repeat: no-repeat; background-position: left center; text-indent: 23px; display: block; width: 480px; margin-left: 15px; }.sm_in2 { background-image: url(../img/m_triangle2.gif); background-repeat: no-repeat; background-position: left center; text-indent: 20px; display: block; width: 480px; margin-left: 38px; }