@charset "UTF-8";

body{ background-color:#fff; color:#333; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic",Arial, sans-serif; font-size:80%; line-height:1.3em; text-align:center; margin:0px 0px 0px 0px;}
img{ border:0; margin:0; padding:0;}
table{ font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", "MS P Gothic",Arial, sans-serif; margin:0;}
a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:underline;}
a:active{ text-decoration:underline;}
h1,h2,h3,h4{ padding:0; margin:0; font-size:100%; font-weight:normal;}
ul,li{ list-style-type:none; margin:0; padding:0;}
table{ margin:0; padding:0;}
form{ margin:0; padding:0;}
p{ margin:0; padding:0;}

/* general */
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.le{ text-align:left;}
.ri{ text-align:right;}
.ce{ text-align:center;}

.font-red{ color:#f60;}

.wid{ position:relative; width:750px; margin:0 auto;}
.w100{ width:100px;}
.w320{ width:320px;}

.pa-l5{ padding-left:5px;}
.pa-t5{ padding-top:5px;}
.pa-t10{ padding-top:10px;}
.ma-t20{ margin-top:20px;}

.bold{ font-weight:bold;}
.font-min{ font-size:85%; color:#999;}
.font-red{ color:#f30;}
.font-blue{ color:#03f;}
.font-green{ color:#0c3;}

/* contents */
h1{ margin-bottom:10px; text-align:left;}

#PAGETOP{ padding-top:10px;}
#frame-t{ width:750px; height:44px; background:#fff url(../Img/frame_t.png) no-repeat;}
#frame-m{ width:750px; background:#fff url(../Img/frame_m.png) repeat-y;}
.frame-m{ width:750px; background:#fff url(../Img/frame_m.png) repeat-y;}
#frame-m img{ padding-left:1px;}
#frame-b{ width:750px; height:44px; background:#fff url(../Img/frame_b.png) no-repeat;}
#menu{ position:absolute; width:160px; height:190px; top:20px; left:20px;}
#menu-frame-t{ width:165px; height:28px; background:#fff url(../Img/menu/menu_t.png) no-repeat;}
#menu-frame-m{ width:165px; background:#fff url(../Img/menu/menu_m.png) repeat-y;}
#menu-frame-b{ width:165px; height:43px; background:#fff url(../Img/menu/menu_b.png) no-repeat;}
#menu-frame-m img{ margin:0px 5px 0px 5px;}
#menu-frame-b div{ margin:0px 5px 0px 5px;}
#menu-frame-t img{ position:absolute; top:-35px; left:600px;}
#pagetitle{ position:absolute; width:517px; _width:522px; height:16px; top:20px; left:205px; _left:204px; padding:3px 0px 2px 20px; _padding-top:4px; background:url(../Img/pagetitle/title_bg.png) no-repeat; text-align:left;}
#pagetitle h2{ font-weight:bold;}
#footer{ font-size:90%; height:100px; background:#fff url(../Img/footer.png) repeat-x; padding-top:14px; _padding-top:16px; text-align:center;}
#footer img{ margin:0px 10px 10px 10px;}

#JSNG{ float:left; margin-left:200px; _margin-left:100px;}
#JSOK{ float:left; margin-left:200px; _margin-left:100px;}


/*** ドロップダウンメニュー ***/
/* メインメニュー */
#dropdown ul{ display:block; list-style-type: none; margin:0; padding:0;}

/* サブメニュー1段目 */
#dropdown ul ul{ display:none; position:absolute; left:100%; top:0; width:155px; background:#fff;}
#dropdown ul ul li{ width:155px; height:15px; _height:30px; border:#7dc151 1px solid; padding:5px 0px 5px 0px; _padding-top:10px;}

/* リスト */
#dropdown li:hover{ position:relative;}
#dropdown li:hover > ul{ display:block;}
/*** ドロップダウンメニュー　ここまで ***/


/* index */
#index{ position:relative; width:750px; margin:0 auto;}
#index h2 img{ _margin-top:10px;}
#index #frame-m div{ margin-top:5px;}
#index #frame-b{ position:relative; width:750px; height:60px; background:#fff url(../Img/frame_b.png) no-repeat; padding-left:10px;}
#topics{ text-align:left;}
#topics li{ width:680px; border-bottom:#999 1px solid; padding-left:10px; margin-left:20px;}
#topics img{ margin:2px 10px 0px 50px;}
#topics iframe{ margin:0; padding:0;}
#index #system .pa-l5 h3{ height:20px; margin:10px 0px 5px 0px; font-weight:bold;}
#index #system .border-t h3{ height:20px; margin:10px 0px 5px 0px; padding-top:10px; font-weight:bold;}
#index #system .area{ float:left; height:60px; width:515px; margin:0px 0px 0px 10px; _padding-bottom:10px; text-align:left;}
#index #frame-m{ padding-right:10px;}
#index #frame-m #system img.fr{ margin-right:10px; text-align:right;}
#index h3.img-area{ float:left; border:#ccc 1px solid; margin:5px 0px 0px 10px;}
#index p.txt-area{ float:right; width:350px; margin:10px 8px 0px 7px; text-align:left; font-size:90%;}
#index .border-t{ margin:10px 5px 0px 5px; border-top:#666 1px dotted;}
#index .border-t h3.img-area{ float:left; border:#ccc 1px solid; margin:5px 0px 0px 5px; _margin-bottom:5px;}
#index .border-t p.txt-area{ float:right; width:350px; margin:10px 0px 0px 0px; text-align:left; font-size:90%;}
#facebook img{ border:#ccc 1px solid; margin:10px 10px 10px 10px;}
.wid .cb img{ padding:5px;}

/* company */
#company{ position:relative; width:750px; margin:0 auto;}
#company table{ margin-left:205px; _margin-left:180px; font-size:90%; border-top:1px solid #999; border-left:1px solid #999; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show;}
#company th{ width:70px; border-right:1px solid #999; border-bottom:1px solid #999; font-weight:normal; color:#330000; background-color:#ccdc76; background-position:left top; padding:2px 10px; text-align:left;}
#company .line1{ background:#ccdc76 url(../Img/tableline/line1.gif) no-repeat;}
#company .line2{ background:#ccdc76 url(../Img/tableline/line2.gif) no-repeat;}
#company .line3{ background:#ccdc76 url(../Img/tableline/line3.gif) no-repeat;}
#company .line4{ background:#ccdc76 url(../Img/tableline/line4.gif) no-repeat;}
#company .line5{ background:#ccdc76 url(../Img/tableline/line5.gif) no-repeat;}
#company .line6{ background:#ccdc76 url(../Img/tableline/line6.gif) no-repeat;}
#company .line7{ background:#ccdc76 url(../Img/tableline/line7.gif) no-repeat;}
#company .line8{ background:#ccdc76 url(../Img/tableline/line8.gif) no-repeat;}
#company td{ width:410px; border-right:1px solid #999; border-bottom:1px solid #999; padding:2px 10px;}
#company li{ list-style-type:none;}
#company p{ margin:0; padding:0;}
#company #frame-b{ margin-bottom:40px;}

#company .box{ padding-top:10px; margin-left:205px; font-size:90%;}
#company .table-l1{ float:left; width:90px; height:20px; padding:5px 0px 0px 10px; text-align:left; border-bottom:1px solid #999;}
#company .table-l2{ float:left; width:90px; height:40px; padding:5px 0px 0px 10px; text-align:left; border-bottom:1px solid #999;}
#company .table-l3{ float:left; width:90px; height:60px; padding:5px 0px 0px 10px; text-align:left; border-bottom:1px solid #999;}
#company .table-l4{ float:left; width:90px; height:80px; padding:5px 0px 0px 10px; text-align:left; border-bottom:1px solid #999;}
#company .table-l5{ float:left; width:90px; height:100px; padding:5px 0px 0px 10px; text-align:left; border-bottom:1px solid #999;}
#company .table-l6{ float:left; width:90px; height:120px; padding:5px 0px 0px 10px; text-align:left; border-bottom:1px solid #999;}
#company .table-l7{ float:left; width:90px; height:140px; padding:5px 0px 0px 10px; text-align:left; border-bottom:1px solid #999;}
#company .table-l8{ float:left; width:90px; height:160px; padding:5px 0px 0px 10px; text-align:left; border-bottom:1px solid #999;}
#company .table-r1{ float:left; width:405px; _width:432px; height:20px; padding:5px 0px 0px 5px; text-align:left; border-bottom:1px solid #999; border-left:1px dotted #999;}
#company .table-r2{ float:left; width:405px; _width:432px; height:40px; padding:5px 0px 0px 5px; text-align:left; border-bottom:1px solid #999; border-left:1px dotted #999;}
#company .table-r3{ float:left; width:405px; _width:432px; height:60px; padding:5px 0px 0px 5px; text-align:left; border-bottom:1px solid #999; border-left:1px dotted #999;}
#company .table-r4{ float:left; width:405px; _width:432px; height:80px; padding:5px 0px 0px 5px; text-align:left; border-bottom:1px solid #999; border-left:1px dotted #999;}
#company .table-r5{ float:left; width:405px; _width:432px; height:100px; padding:5px 0px 0px 5px; text-align:left; border-bottom:1px solid #999; border-left:1px dotted #999;}
#company .table-r6{ float:left; width:405px; _width:432px; height:120px; padding:5px 0px 0px 5px; text-align:left; border-bottom:1px solid #999; border-left:1px dotted #999;}
#company .table-r7{ float:left; width:405px; _width:432px; height:140px; padding:5px 0px 0px 5px; text-align:left; border-bottom:1px solid #999; border-left:1px dotted #999;}
#company .table-r8{ float:left; width:405px; _width:432px; height:160px; padding:5px 0px 0px 5px; text-align:left; border-bottom:1px solid #999; border-left:1px dotted #999;}
#company #table-end-l{ border-bottom:none;}
#company #table-end-r{ border-bottom:none;}

/* business */
#business{ position:relative; width:750px; margin:0 auto;}
#business p{ text-align:left;}
#business #box{ width:522px; margin-left:205px; _margin-left:180px; text-align:left;}
#business #box img{ border:#999 1px solid;}
#business #box .txt1{ margin:5px 0px 5px 0px;}
#business .area{ margin:40px 10px 0px 10px;}
#business .area img{ margin-right:10px; border:#999 1px solid;}
#business .area p{ margin-bottom:7px;}
#business .cb{ _margin-top:10px; padding-top:10px; _padding-top:0px;}
#business h3.sub{ margin:20px 0px 10px 0px; padding:3px 0px 0px 20px; background:url(../Img/contents_titlebg.gif) no-repeat; text-align:left; font-weight:bold;}
#business h4.sub{ margin-top:20px; padding:3px 0px 0px 20px; background:url(../Img/contents_titlebg.gif) no-repeat; text-align:left; font-weight:bold;}
#business #frame-b{ margin-bottom:40px;}
#business .fl p{ _padding-top:10px;}
#business .area2{ margin:10px 10px 0px 10px;}
#business .img-area img{ border:#ccc 1px solid;}
#business table{ border-collapse:collapse; border-spacing:0; font-size:90%; margin:0 auto; margin-top:10px;}
#business table th{ width:280px; padding:10px 10px 10px 30px; background-color:#f0f8fc; border:#8ab8d4 1px solid; text-align:left;}
#business table td{ width:175px; padding:10px; background-color:#fff; border:#8ab8d4 1px solid; text-align:center;}
#business p.ma{ margin:5px 0px 20px 10px;}
#business .pagetop{ text-align:right; margin-right:20px;}
#business .pagetop img{ border:0px;}

/* fbpage */
#fbpage{ position:relative; width:750px; margin:0 auto;}
#fbpage p{ text-align:left;}
#fbpage #box{ width:522px; margin-left:205px; _margin-left:180px; text-align:left;}
#fbpage #box img{ border:#999 1px solid;}
#fbpage #box span{ font-size:110%;}
#fbpage #box .txt1{ margin:5px 0px 5px 0px;}
#fbpage .area{ margin:40px 10px 0px 10px;}
#fbpage .area img{ margin-right:10px; border:#999 1px solid;}
#fbpage .area p{ margin-bottom:7px;}
#fbpage .cb{ _margin-top:10px; padding-top:10px; _padding-top:0px;}
#fbpage h3.sub{ margin:20px 0px 10px 0px; padding:3px 0px 0px 20px; background:url(../Img/contents_titlebg.gif) no-repeat; text-align:left; font-weight:bold;}
#fbpage h4.sub{ width:750px; margin-top:20px; margin-left:-10px; padding:3px 0px 0px 20px; background:url(../Img/contents_titlebg.gif) no-repeat; text-align:left; font-weight:bold;}
#fbpage #frame-b{ margin-bottom:40px;}
#fbpage .fl p{ _padding-top:10px;}
#fbpage .area2{ margin:10px 10px 0px 10px;}
#fbpage .img-area img{ border:#ccc 1px solid;}
#fbpage table{ width:700px; border-collapse:collapse; border-spacing:0; font-size:90%; margin:0 auto; margin-top:10px;}
#fbpage table th{ padding:10px 10px 10px 30px; background-color:#f0f8fc; border:#8ab8d4 1px solid; text-align:left;}
#fbpage table td{ width:175px; padding:10px; background-color:#fff; border:#8ab8d4 1px solid; text-align:center;}
#fbpage p.ma{ margin:5px 0px 20px 10px;}
#fbpage div.ma{ margin:5px 0px 20px 10px; text-align:center;}
#fbpage .pagetop{ text-align:right; margin-right:20px;}
#fbpage .pagetop img{ border:0px;}
#fbpage .box{ float:left; width:230px; height:200px; padding-right:5px; text-align:left;}

/* HP */
#hp{ position:relative; width:750px; margin:0 auto;}
#hp p{ text-align:left;}
#hp #box{ width:522px; margin-left:205px; _margin-left:180px; text-align:left;}
#hp #box img{ border:#999 1px solid;}
#hp #box span{ font-size:110%;}
#hp #box .txt1{ margin:5px 0px 5px 0px;}
#hp #box #space{ height:300px;}
#hp .area{ margin:10px 10px 0px 10px;}
#hp .area img{ margin-right:10px; border:#999 1px solid;}
#hp .area p{ margin-bottom:7px;}
#hp .area .img-btn{ margin:5px; text-align:center;}
#hp .area .img-btn img{ border:none;}
#hp .cb{ _margin-top:10px; padding-top:10px; _padding-top:0px;}
#hp h3.sub{ margin:20px 0px 10px 0px; padding:3px 0px 0px 20px; background:url(../Img/contents_titlebg.gif) no-repeat; text-align:left; font-weight:bold;}
#hp h4.sub{ width:750px; margin-top:20px; margin-left:-10px; padding:3px 0px 0px 20px; background:url(../Img/contents_titlebg.gif) no-repeat; text-align:left; font-weight:bold;}
#hp #frame-b{ margin-bottom:40px;}
#hp .fl p{ _padding-top:10px;}
#hp .area2{ margin:10px 10px 0px 10px;}
#hp .img-area img{ border:#ccc 1px solid;}
#hp table{ border-collapse:collapse; border-spacing:0; font-size:90%; margin:0 auto; margin-top:10px;}
#hp table th{ padding:10px 10px 10px 30px; background-color:#f0f8fc; border:#8ab8d4 1px solid; text-align:left;}
#hp table td{ width:175px; padding:10px; background-color:#fff; border:#8ab8d4 1px solid; text-align:center;}
#hp p.ma{ margin:5px 0px 20px 10px;}
#hp .pagetop{ text-align:right; margin-right:20px;}
#hp .pagetop img{ border:0px;}
#hp .box{ float:left; width:230px; height:200px; padding-right:5px; text-align:left;}

/* HPtemp */
#hptemp{ position:relative; width:750px; margin:0 auto;}
#hptemp p{ text-align:left;}
#hptemp #box{ width:522px; margin-left:205px; _margin-left:180px; text-align:left;}
#hptemp #box img{ border:#999 1px solid;}
#hptemp #box span{ font-size:110%;}
#hptemp #box .txt1{ margin:5px 0px 5px 0px;}
#hptemp #box #space{ height:300px;}
#hptemp .area{ margin:10px 10px 0px 10px;}
#hptemp .area img{ margin-right:10px; border:#999 1px solid;}
#hptemp .area p{ margin-bottom:7px;}
#hptemp .area .img-btn{ padding-top:20px; text-align:center;}
#hptemp .area .img-btn img{ border:none;}
#hptemp .cb{ _margin-top:10px; padding-top:10px; _padding-top:0px;}
#hptemp h3.sub{ margin:20px 0px 10px 0px; padding:3px 0px 0px 20px; background:url(../Img/contents_titlebg.gif) no-repeat; text-align:left; font-weight:bold;}
#hptemp h4.sub{ width:750px; margin-top:20px; margin-left:-10px; padding:3px 0px 0px 20px; background:url(../Img/contents_titlebg.gif) no-repeat; text-align:left; font-weight:bold;}
#hptemp #frame-b{ margin-bottom:40px;}
#hptemp .fl p{ _padding-top:10px;}
#hptemp .area2{ margin:10px 10px 0px 10px;}
#hptemp .img-area img{ border:#ccc 1px solid;}
#hptemp table{ width:690px; border-collapse:collapse; border-spacing:0; font-size:90%; margin:0; margin:10px 0px 10px 0px;}
#hptemp table th{ padding:10px 10px 10px 30px; background-color:#f0f8fc; border:#8ab8d4 1px solid; text-align:center;}
#hptemp table td{ width:345px; padding:10px; background-color:#fff; border:#8ab8d4 1px solid; text-align:left;}
#hptemp p.ma{ margin:5px 0px 20px 10px;}
#hptemp .pagetop{ text-align:right; margin-right:20px;}
#hptemp .pagetop img{ border:0px;}
#hptemp .box{ float:left; width:350px; height:220px;}

/* sitemap */
#sitemap{ position:relative; width:750px; margin:0 auto;}
#sitemap #box{ width:522px; margin-left:225px; _margin-left:180px; text-align:left; padding-bottom:60px;}
#sitemap .listd li{ padding-top:5px; list-style-type:circle;}
#sitemap .listd li.listd1{ list-style-type:circle;}
#sitemap .listd li.listd2{ list-style-type:square; margin-left:20px; _margin-left:30px;}
#sitemap #frame-b{ margin-bottom:40px;}

/* contact */
#contact{ position:relative; width:750px; margin:0 auto;}
#contact #box{ width:522px; margin-left:205px; _margin-left:180px; text-align:left;}
#contact table{ margin-left:205px; _margin-left:180px; font-size:90%; border-collapse:collapse; empty-cells:show;}
#contact table caption{ padding-top:10px;}
#contact td{ border-bottom:1px solid #999; padding:4px 0px 4px 5px;}
#contact .table-l{ width:95px;}
#contact .table-r{ width:405px; border-left:#999 1px dotted;}
#contact #table-bordernone { border-bottom:none;}
#contact #table-end-l{ border-bottom:none;}
#contact #table-end-r{ border-bottom:none;}
#contact .box{ width:522px; margin-left:205px; _margin-left:180px; padding-top:10px; text-align:left;}
#contact #frame-b{ margin-bottom:40px;}
#contact span{ color:#f30;}
#contact #table-end-r span{ color:#00f; font-weight:bold;}
#contact span#msg1{ color:#666; font-weight:normal;}
#contact hr{ height: 1px; border:none; border-top: #999 1px solid;}