@charset "utf-8"; /*================================================================ 1 : Basic Setting ================================================================*/ html { height:100%; } /*======== 1-1 : Universal Selector ========*/ * { margin:0; padding:0; } /*======== 1-2 : ========*/ body { font-family : Arial, 'ＭＳＰゴシック', sans-serif; color:#01304D; line-height:1.46; text-align:center; min-height:100%; background-position:center; background-repeat:repeat-y; background-image:url(../image/baseimage/wrapper_bg.jpg); font-size: 13px; /* font13px default(1) */ *font-size: small; /* font13px default(2) */ *font: x-small; /* font13px default(3) */ } body { _height:100%; /*IEハック*/ } /*======== 1-3 : Block Level ========*/ h1, h2, h3, div, p, ul, ol, li { text-align:left; } h1 { font-size:123.1%; background-repeat:no-repeat; line-height:36px; text-indent:1em; } h1.lib { background-image:url(../image/baseimage/h1_bk_lib.png); } h1.none { margin:0; padding:0; line-height:1em; text-indent:0; } h1.geo { background-image:url(../image/baseimage/h1_bk_geo.png); } h1.event { background-image:url(../image/baseimage/h1_bk_event.png); } h1.etc { background-image:url(../image/baseimage/h1_bk_etc.png); } h1.movie { background-image:url(../image/baseimage/h1_bk_movie.png); } h2.dfh2 { font-size:116%; font-weight:bold; padding-top:2px; margin:20px 15px 20px 15px; } h2.lib { color:#1f6522; } h2.geo { color:#00738c; } h2.xh2 { /*background-image:url(../image/baseimage/bar.png); */ font-size:100%; background-color:#AAAAAA; border:1px solid #AAAAAA; color:#FFFFFF; padding:2px 0; text-indent:0.8em; margin:20px 10px 10px 10px; } h2.none { margin:0; padding:0; line-height:1em; text-indent:0; } h3 { /*background-image:url(../image/baseimage/bar.png); */ font-size:108%; background-color:#F3F3F3; border:1px solid #CCCCCC; padding:2px 0; margin-top:0px; text-indent:0.8em; } h4 { font-weight:bold; margin-bottom:0.8em; margin-top:30px; color:#08A7FC; text-indent:0.3em; } h4.dfh4 { font-size:108%; border-bottom:1px solid #9AB6CA; } /*IE6*/ * html h1, * html h2, * html h3, * html div { height:1px; } /*======== 1-4 : List ========*/ ul { list-style-type:square; } ol { list-style-type:decimal; } /*======== 1-5 : ========*/ a:link { color:#66A1BF; text-decoration:none; } a:visited { color:#66A1BF; text-decoration:none; } a:hover { color:#006699; text-decoration:underline; } a:active { color:#006699; text-decoration:underline; } /*======== 1-6 :

========*/ hr { display:none; } /*======== 1-7 : ========*/ img { margin: 0px; border: 0px; padding : 0px; } p.imgstyle { margin: 0px; border: 0px; padding: 0px; font-size: 0px; } .clear { clear: both; font-size: 0; line-height: 0; height: 0px; visibility: hidden; } /*======== 1-8 : ========*/ .clearfix:after { /*floatの解除*/ display:block; clear:both; height:0px; visibility:hidden; content:"."; } .clearfix { min-height: 1px; /*IE6、7対策*/ } * html .clearfix { height: 1px; /*¥*//*/ /*MAC IE5.x対策*/ height: auto; overflow: hidden; /**/ } /*================================================================ 2 : Layout Setting ================================================================*/ /*======== 2-1 : div#All ========*/ div#topwide { width:100%; margin:0 auto; background-repeat:repeat-x; } div#All { width:800px; background-color:#FFFFFF; margin:0 auto; } /*======== 2-2 : div#Header ========*/ div#Header { width:800px; margin:auto; } /*======== 2-3 : div#top ========*/ div#top { width:800px; vertical-align:text-bottom; padding:0 0 2px 0; border-bottom:1px solid #dddee1; } div#top img { vertical-align:bottom; } div#top200 { width:215px; float:right; } /*======== 2-4 : div#Main ========*/ div#Main { background:#FFFFFF; width:585px; float:left; } div#Main div.Content { margin:0px 0px 0px 0px; width:570px;/* background-color:#CCFF00;*/ } div#Main div.Content h3.h3img { margin:0px 0px 10px 0px; } div#Main div.Content h3.h3imgtm { margin:10px 0px 10px 0px; } div#Main div.Content h4.h4img { margin:10px 0px 10px 0px; } div#Main p.ctxt { font-weight:bold; margin-bottom:0.8em; color:#FF0000; } div#Main p.txt { line-height:1.6; margin-bottom:1.5em; } div#Main p.smalltxt { font-size:85% } div#Main p.margintxt { margin-left:30px; margin-right:30px; } /*メイン画像用old可能なら削除*/ div#Main .cenimgbar { padding:3px; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; background-color:#C9DAE2; } div#Main .cenimg { padding:10px; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; } div#Main .cenimgw { padding:10px; border:1px solid #999999; text-align:center; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; } div#Main p.lefimg { float:left; margin-right:15px; } div#Main p.rigimg { float:right; margin-left:15px; margin-bottom:15px; } /*メイン画像用new*/ div#Main div.imgleft { float:left; margin-right:15px; margin-bottom:15px; } div#Main img.imgleft { margin-bottom:15px; } div#Main div.imgright { float:right; margin-left:15px; margin-bottom:15px; } div#Main div.imgcent { text-align:center; margin-bottom:15px; } div#Main div.mdlinetxt { margin-bottom:10px; border-bottom:1px dashed #999999; font-size:108%; font-weight:bold } div #Main div.detailtxt { float:right; margin-top:0px; font-size:77%; } /*リスト1 記号なし*/ div#Main ul.list_nor { padding:0; margin:0 0 0 1.35em; text-indent:-1.35em; list-style-type:none; } div#Main ul.list_nor li { line-height:1.4em; margin-bottom:0.8em; } /*リスト2 記号あり*/ div#Main ul.list_nor2 { padding:0; margin:0 0 0 1.35em; } div#Main ul.list_nor li { line-height:1.4em; margin-bottom:0.8em; } div#Main ul.listxt1 { list-style-type:disc; padding:10px 1em 10px 2em; background-color:#F0F0F0; border:1px solid #CCCCCC; margin-bottom:1em; } div#Main li.list08lh { margin-bottom:0.8em; } div#Main ul.listxt2 { list-style-type:circle; margin: 0 0 1.6em 1em; padding: 0; text-align: left; display: block; line-height: 1.6; } div#Main ul.linklist { list-style: none; margin: 30px 0px 20px 0px; padding: 0; text-align: left; display: block; line-height: 1.6; } div#Main ul.menulist { margin: 0 0 1.6em 1em; padding: 0; text-align: left; display: block; list-style:none; } div#Main div.kanren { background-color:#9AB5CA; padding:3px 3px 3px 10px; font-weight:bold; } div#Main ul.productlist { list-style:none; margin: 0px 0px 10px 0px; padding:10px 10px 10px 20px; background-color:#DDE7ED; line-height: 1.6; } div#Main li.productmark { background:url(../image/baseimage/linkarrow.png) left center no-repeat; padding-left:20px; } /*======== 2-5 : acordion title ========*/ div.tuzukiwaku { display:block;/*== display:none;　隠す==*/ } div #Main .acotitle { padding:3px 20px 3px 10px; margin-right:15px; margin-left:15px; background-color:#CCCCCC; border-bottom:1px solid #FFFFFF; } div #Main img.acoicon { vertical-align:middle; margin-right:5px; } A#tuzuki1B2, A#tuzuki2B2, A#tuzuki3B2, A#tuzuki4B2, A#tuzuki5B2 { display:none; } /*======== 2-6 : div#Menu ========*/ div#Menu { width:200px; margin-left:15px; } div#Menu ul, div#Menu ol { margin:0px 0px 20px 0px; } div#Menu li { display:block; display:inline;/* li要素の隙間を無くす */ line-height: 1; /* 行間そろえる IE対策 */ } div#Menu li span.here { display: block; position: relative; /* IE6でマウス反応領域がおかしいのをFix */ color: #FFFFFF; text-decoration: none; background-color: #183C52; padding: 7px 0px 7px 12px; font-weight:bold; } div#Menu li a.link1_1 { display: block; position: relative; /* IE6でマウス反応領域がおかしいのをFix */ color: #FFFFFF; background-color:#4C7F9B; text-decoration: none; padding: 7px 0px 7px 12px; margin-bottom:0px; font-weight:bold; } div#Menu li.menu1_1 { display: block; position: relative; /* IE6でマウス反応領域がおかしいのをFix */ color: #000000; text-decoration: none; padding: 0px 0px 0px 12px; margin-bottom:5px; font-weight:bold; } div#Menu li a.menu1_2 { display: block; position: relative; /* IE6でマウス反応領域がおかしいのをFix */ color: #01304D; text-decoration: none; } div#Menu li a.linkhere { display: block; position: relative; /* IE6でマウス反応領域がおかしいのをFix */ color: #01304D; font-weight:bold; } div#Menu img.space { margin:0px 0px 8px 0px; border:0px; padding:0px; vertical-align:bottom; } div#Menu img.menutop { margin:0px 0px 0px 0px; border:0px; padding:0px; vertical-align:bottom; } div#Menu img.spaceno { margin:0px 0px 0px 0px; border:0px; padding:0px; vertical-align:bottom; } div#Menu p.imgstyle { margin:0px; border:0px; padding:0px } ul#sdnav { margin-top:44px; } ul#sdnav li { height:28px; line-height:28px; text-indent:1em; border-bottom:1px solid #E1E1E1; display:block; } ul#sdnav li a { color:#000000; display:block; } ul#sdnav li a.current { background-color:#E1E1E1; text-decoration:none; font-weight:bold; } ul#sdnav li a:hover { background-color:#D1D1D1; } ul#sdnav li a.current:hover { background-color:#E1E1E1; } ul#sdnav li.navtop { margin-top:34px; border-top:1px solid #E1E1E1; color:#FFFFFF; font-weight:bold; background-repeat:repeat-x; } ul#sdnav li.mn_psol { background-image:url(../image/baseimage/mn_psol_bg.png); } ul#sdnav li.mn_geo { background-image:url(../image/baseimage/mn_geosearch_bg.png); } ul#sdnav li.mn_event { background-image:url(../image/baseimage/mn_event_bg.png); } ul#sdnav li.mn_movie { background-image:url(../image/baseimage/mn_movie_bg.png); } ul#sdnav li.mn_etc { background-image:url(../image/baseimage/mn_etc_bg.png); } ul#sdnav li.mn_on { background-color:#DDDEE1; } /*======== 2-8 : div#footmap & Footer ========*/ div#footmap { padding:10px 0 10px 0; border-top:1px solid #dddee1; border-bottom:1px solid #dddee1; color:#b0b0b0; } div#footmap ul { padding:0; list-style:none; margin-left:10px; } div#footmap ul li { font-size:77%; font-weight:bold; margin:0; } div#footmap ul li a { font-weight:normal; color:#b0b0b0; text-decoration:none; } div#footmap a:hover { color:#b0b0b0; text-decoration:underline; } div#footmap p { padding:20px 0; } div#Footer { margin-top:2px; color:#b0b0b0; font-size:77%; } div#Footer p { text-align:right; letter-spacing:1px; } /*================================================================ 3 : Contents Setting ================================================================*/ /*======== 3-1 : Logo ========*/ div.logo { height:94px; background-image:url(../image/baseimage/head_bk.jpg); background-repeat:repeat-x; line-height: 0px; } div.cnslogo { float:left; } div.headlink { float:right; line-height:1.4; font-size:77%; margin:10px 10px 0 10px; margin-left : 250px\9; /* IE8 and below */ } div.headlink a { margin:0 5px; } div.headlink #langSelect { width: 90px; height: 18px; margin: 0px 10px 0px 10px; color: #666; padding: 0px; border: 1px solid #BBB; font-size: 93%; border-image: initial; } div.headlink a { float:left; } div.headlink form { float:left; } div.headlink img { float:left; } /*======== 3-2 : tabnone ========*/ div .tabnone { float:left; width:580px; text-align:right; margin-top:18px; } /*======== 3-3 : tabmenu1 ========*/ div .tabmenu1 { float:left; width:600px; height:5px; } /*======== 3-4 : tabmenu2 ========*/ div .tabmenu2 { width:800px; margin:2px 0; border-top:1px solid #dddee1; border-bottom:1px solid #dddee1; height:48px; } div .tabmenu2 img { vertical-align:bottom; } /*======== 3-5 : tabmenu2 dropdown ========*/ /*LEVEL ONE*/ ul.dropdown { position: relative; } ul.dropdown li { font-weight: bold; float: left; zoom: 1; list-style-type:none; position: relative; } ul.dropdown a:hover { color: #000; } ul.dropdown a:active { color: #ffa500; } ul.dropdown li a { display: block; color: #222; } ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover { background-color: #F3D673; color: black; position: relative; } ul.dropdown li.hover a { color: black; } /*LEVEL TWO*/ ul.dropdown ul { width: 160px; visibility: hidden; position: absolute; top: 100%; left: 0; } ul.dropdown ul li { height:30px; line-height:30px; font-weight: normal; background-color: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; display: block; padding:0 5px } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block } /*LEVEL THREE*/ ul.dropdown ul ul { left: 100%; top: 0; position: absolute; visibility: hidden } ul.dropdown li:hover > ul { visibility: visible; } /*================================================================ 4 : ================================================================*/ /*======== 4-1 : bx_01 ========*/ div #Main .bx_01 { width:auto; height:auto; padding:25px 15px 50px 15px; } div #Main .bx_02 { width:auto; height:auto; padding:15px; } /*======== 4-2 : bread ========*/ ol.path { margin: 0px; padding: 8px 10px 8px 0px; } ol.path li { font-size:85%;/* fix */ display: inline; background-image:url(../image/baseimage/path.gif); background-repeat:no-repeat; background-position:5px 3px; line-height:1.1em; padding-left: 14px; } .path li.top { background-image: none; padding-left: 0px; } .path li.end { font-weight:bold; } /*======== 4-3 : purpose ========*/ div .leftxt260 { float:left; width:260px; } div .r230img { float:left; width:240px; margin-left:20px; } /*======== 4-4 : bgwaku1 ========*/ div #Main .bgwaku1_top { height:40px; background-image:url(../image/baseimage/bg_waku_top.gif); } div #Main .bgwaku1_mid { background-image:url(../image/baseimage/bg_waku_mid.gif); background-repeat:repeat-y; } div #Main .bgwaku1_bottom { height:15px; background-image:url(../image/baseimage/bg_waku_bottom.gif); margin-bottom:20px; } div #Main .bgwaku1_title { padding-top:16px; margin:0px 20px 0px 20px; font-size:108%; border-bottom:3px double #51ACD4; font-weight:bold } .bgwaku1_mid ul.faq { padding-bottom:6px; border-bottom:1px dashed #999999; } .bgwaku1_mid li.question { margin:8px 0px 2px 0px; padding-top:8px; border-top:1px dashed #999999; font-weight:bold; list-style-type:none; } .bgwaku1_mid li.answer { margin-left:20px; list-style-type:square; } /*======== 4-5 : pg_back,pg_next ========*/ div.pg_move { margin:0 auto 20px auto; text-align:center; width:100%; } /*================================================================ 5 : ================================================================*/ /*======== 5-1 : maintitle ========*/ div.maintitle { width:570px; margin-bottom:20px; } img.maintitle { margin-bottom:10px; } div.righttitle { float:right; width:260px; margin-bottom:20px; } div.lefttitle { float:left; width:260px; margin-bottom:20px; } /*======== 5-2 : product text ========*/ div.prodmbox { float:left; width:420px; margin-left:8px; margin-bottom:20px; border:1px solid #999999; height:130px; } div.prodtxt { position:absolute; width:410px; height:115px; padding:10px; visibility:hidden; } /*======== 5-3 : success story ========*/ div.success { float:left; } div.successsp { float:left; margin-left:36px; } div.successtxt { float:left; width:167px; margin-left:16px; } div.successtxt strong { line-height:1.6; } div.successtxt span { font-size:11px; line-height:11px; } /*======== 5-4 : update info ========*/ div.snv_title { background-image:url(../image/baseimage/snv_title.png); background-position:top; height:32px; text-indent:0.5em; font-weight:bold; line-height:30px; border-bottom:1px solid #dddee1; margin-bottom:10px; } ul.update { font-size:93%; list-style:none; } ul.update li a { line-height:1.4; } ul.update div.date { padding-top:7px; margin:0 5px 2px 5px; border-top:1px solid #dddee1; } ul.update div.info { width:190px; margin-left:5px; margin-bottom:7px; } li.updatewh { } li.updategr { } /*======== 5-5 : eventlist ========*/ ul.eventlist { list-style-type:none; } ul.eventlist li { border-bottom:1px dashed #dddee1; margin:5px 0px; padding:5px 10px } /*================================================================ 6 : table line ================================================================*/ /*======== 6-1 : default setting ========*/ table.line { border-collapse:collapse; border:1px solid #999999; font-size:93%; } /*======== 6-2 : catalog table line ========*/ table.line th { border-bottom:3px double #999999; border-left:1px solid #999999; } table.line td { border-bottom:1px solid #999999; border-left:1px solid #999999; } table.line td.line { padding:5px 0px 5px 5px; } table.line td.linecenter { text-align:center; padding:5px 0px 5px 5px; } /*======== 6-3 : form table line ========*/ table.line td.linenor { padding:5px 10px 5px 10px; } table.line td.linenorb { background-color:#C9DAE2; padding:5px 10px 5px 10px; } table.line td span { color: #FF0000; } /*======== 6-4 : product table ========*/ table.product { border:1px solid #999999; } table.product th { width:150px; background-color:#C9DAE2; padding:5px; } table.product td { background-color:#EFEFEF; font-size:85%; line-height:1.3; padding:5px; } table.product td.dlink { width:50px; font-size:93%; text-align:center; background-color:#C9DAE2; } /*---------------------------------------------------------------- Index 1 : Basic Setting 1-1 : Universal Selector 1-2 : 1-3 : Block Level 1-4 : List 1-5 : 1-6 :

2 : Layout Setting 2-1 : div#All 2-2 : div#Header 2-3 : div#top 2-4 : div#Main 2-5 : div#tmenu 2-6 : div#Menu 2-7 : div#Sub 2-8 : div#footmap & Footer 3 : Contents Setting 3-1 : Logo 3-2 : tabnone 3-3 : tabmenu1 3-4 : tabmenu2 3-5 : tabmenu2 dropdown 4 4-1 : bx_01 4-2 : bread 4-3 : purpose 4-4 : bgwaku1 4-5 : pg_back,pg_next 5 5-1 : maintitle 5-2 : product text 5-3 : success story 5-4 : update info 6 : table line 6-1 : default setting 6-2 : catalog table line 6-3 : form table line 6-4 : product table ----------------------------------------------------------------*/