@charset "utf-8"; /*================================================================ 1 : Basic Setting ================================================================*/ html{ height:100%; } /*======== 1-1 : Universal Selector ========*/ *{ margin:0; padding:0; } /*======== 1-2 : ========*/ body{ font-family: Arial, Helvetica, sans-serif; color:#01304D; font-size:75%; line-height:1.46; text-align:center; min-height:100%; background-position:center; background-repeat:repeat-y; background-image:url(../image/baseimage/bg4.gif); } body{ _height:100%; /*IEハック*/ } /*======== 1-3 : Block Level ========*/ h1,h2,h3,div,p,ul,ol,li{ font-size:100%; text-align:left; } h2 { color:#01304D; font-size:114%; font-weight:bold; padding-top:2px; } h2.small { font-size:84%; } h3.h3bold { font-weight:bold; font-size:100%; margin-bottom:0.8em; color:#4C7F9B; } h4.h4bold { font-weight:bold; font-size:100%; color:#4C7F9B; } /*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:#006699; text-decoration:underline; } a:visited{ color:#0099CC; text-decoration:underline; } 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 { content: url(../image/baseimage/sp.gif); display: block; clear: both; height: 0; } .clearfix { display: inline-block; } .clearfix { display: block; } /*================================================================ 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{ background:#183C52; width:800px; margin:auto; } /*======== 2-3 : div#top ========*/ div#top{ width:800px; vertical-align:text-bottom; margin:auto; background-color:#FFFFFF; } div#top img{ vertical-align:bottom; border-bottom:1px solid #01304D; } 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 15px; width:550px; } 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; font-size:110%; margin-bottom:0.8em; color:#08A7FC; } div#Main p.txt{ font-size:108%; line-height:1.4; margin-bottom:1.2em; } div#Main p.smalltxt{ font-size:95% } div#Main p.margintxt{ margin-left:30px; margin-right:30px; } div#Main div.titleimg{ background-image:url(../image/baseimage/bar.png); height:24px; margin-top:0px; text-indent:1em; } 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; background-color:#FFFFFF; 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; } div#Main div.mdlinetxt { margin-bottom:10px; border-bottom:1px dashed #999999; font-size:117%; font-weight:bold } div #Main div.detailtxt { float:right; margin-top:0px; font-size:88.8%; } 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; line-height: 1.4; 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; } 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 } /*======== 2-8 : div#Footer ========*/ div#Footer{ font-size:84%; background:#FFFFFF; color:#183C52; width:800px; margin-top:15px; } div#Footer ul{ text-align:center; background:#FFFFFF; border-top:1px solid #183C52; border-bottom:1px solid #183C52; padding:5px 0; padding-left:10px; list-style:none; } div#Footer ul li{ margin:0 5px; display:inline; } div#Footer p{ text-align:center; padding:20px 0; } /*================================================================ 3 : Contents Setting ================================================================*/ /*======== 3-1 : Logo ========*/ div .logo { float:left; width:200px; height:120px; } /*======== 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 { background-color:#FFFFFF; width:800px; border-bottom:1px solid #183C52; } /*================================================================ 4 : ================================================================*/ /*======== 4-1 : h3waku ========*/ div #Main .h3waku { width:auto; height:auto; padding:15px 15px 15px 15px; } div #Main .h3wakuol { background-color:#FFFFFF; margin-top:20px; float:left; width:200px; height:150px; border:1px solid #9AB5CA; padding:10px 10px 10px 10px; } div #Main .h3wakuint { background-color:#FFFFFF; width:auto; height:auto; padding:15px 15px 15px 15px; border-bottom:1px solid #9AB5CA; border-right:1px solid #9AB5CA; border-left:1px solid #9AB5CA; } /*======== 4-2 : bread ========*/ div .Bread { font-size:88.8%; margin-left:15px; } .path { font-size: 10px;/* fix */ margin: 0px; padding: 12px 10px 12px 0px; } .path li { display: inline; background: url(../image/baseimage/path.gif) no-repeat 5px 2px; 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:14px; 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; } /*================================================================ 5 : ================================================================*/ /*======== 5-1 : maintitle ========*/ div.maintitle { width:550px; 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 ========*/ ul.update { font-size:90%; line-height:1.2; list-style:none; } ul.update li { padding-bottom:4px; padding-top:4px; } ul.update div.date { float:left; margin-left:5px; margin-right:5px; width:60px; } ul.update div.info { float:left; width:195px; } li.updatewh { background-color:#FFFFFF; } li.updategr { background-color:#CCCCCC; } /*================================================================ 6 : table line ================================================================*/ /*======== 6-1 : default setting ========*/ table.line { border-collapse:collapse; border:1px solid #999999; font-size:100%; } /*======== 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:90%; line-height:1.3; padding:5px; } table.product td.dlink { width:50px; font-size:100%; 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#Footer 3 : Contents Setting 3-1 : Logo 3-2 : tabnone 3-3 : tabmenu1 3-4 : tabmenu2 4 4-1 : h3waku 4-2 : bread 4-3 : purpose 4-4 : bgwaku1 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 ----------------------------------------------------------------*/