@charset "utf-8";

/* CSS Document */

body { font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 'MS PGothic','ＭＳ Ｐゴシック', 'MS Gothic', sans-serif; font-size:13px; margin:0px; text-align:center; background:url(images/mainbg.gif); background-color:#FFFFFF; line-height:150%; color:#474747; min-width:1024px; word-wrap:break-word; }

p, form { margin:0px; padding:0px; }
img { border:none; margin:0px; padding:0px; }
a { text-decoration:none; outline:none; color:#676767; }
a:hover { text-decoration:underline; }
a:hover img { filter:alpha(opacity=75); opacity:0.75; }
a, a img, input, textarea { transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; }
input, textarea, select { outline:none; }
h1, h2, h3, h4, ul, dl, dt, dd { margin:0px; padding:0px; font-weight:normal; list-style:none; }
.nan { transition:none; -webkit-transition:none; -moz-transition:none; }
.cf { width:100%; }

.main { margin:0 auto; width:940px; text-align:left; }

/* Header */

.header { text-align:center; background:url(images/headerbg.gif) repeat-x top; position:relative; z-index:100; }
.header .cf { width:1024px; margin:0 auto; text-align:left; }
.header .cf .lf { padding:22px 0px 22px 0px; }
.header .cf .rh { padding:18px 25px 0px 0px; }
.header .cf h1 { float:left; font-size:16px; padding:38px 0px 0px 20px; }
.header .hbnr { background:url(images/hbnr.jpg) no-repeat center top; height:672px; }
.header .hbnr .btns { width:1024px; margin:0 auto; text-align:left; position:relative; height:672px; }
.header .hbnr .btns a { position:absolute; }
.header .hbnr .btns a.b1 { top:514px; left:84px; background:url(images/btnhover.gif) no-repeat 0px 0px; width:840px; height:100px; text-indent:-9999px; filter:alpha(opacity=0); opacity:0; }
.header .hbnr .btns a.b1:hover { filter:alpha(opacity=100); opacity:1; }
.header .hbnr .btns a.b2 { top:637px; left:275px; }

/* content */

.content { width:1024px; margin:0 auto; text-align:left; background-color:#FFFFFF; margin-top:30px; -webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 8px rgba(0, 0, 0, 0.1); }
.content .cont { padding:0px 62px 40px 62px; }
.content .bg1 { background:url(images/bg1.gif) no-repeat; height:270px; padding:0px 40px 0px 280px; margin-top:30px; }
.content .bg1 h3 { font-size:32px; font-weight:bold; color:#0969a5; padding:40px 0px 20px 0px; }
.content .bg1 p { font-size:22px; line-height:150%; font-weight:bold; }
.content .bg1 p span { color:#0969a5; }

.content .bl1 { background:url(images/img1.gif) no-repeat right top; margin-top:30px; height:300px; }
.content .bl1 p { font-size:17px; line-height:160%; padding:20px 0px 0px 0px; }

.content .bg2 { background:url(images/bg2.gif) no-repeat; }
.content .bg3 { background:url(images/bg3.gif) no-repeat; }
.content .bl2 { background:url(images/img2.gif) no-repeat right top; }
.content .bl3 { background:url(images/img3.gif) no-repeat right top; height:auto; }

.block2 { width:100%; position:relative; }
.block2 h3 { left:-20px; width:940px; position:absolute; background:url(images/titlebg.gif) repeat-x bottom; border-bottom:#386bc2 solid 1px; }
.block2 h3 span { background:url(images/arrow.gif) no-repeat 12px center; display:block; font-size:26px; font-weight:bold; color:#0969a5; padding:20px 0px 20px 40px; }
.block2 p { background:url(images/shadow.gif) no-repeat center bottom; font-size:16px; line-height:170%; padding:80px 0px 70px 540px; }
.block2 p span { color:#0969a5; font-size:18px; font-weight:bold; }

.content .bk1 { background:url(images/img21.gif) no-repeat 0px 85px; margin-top:30px; }
.content .bk2 { background:url(images/img22.gif) no-repeat 0px 85px; }
.content .bk3 { background:url(images/img23.gif) no-repeat 0px 85px; }
.content .bk4 { background:url(images/img24.gif) no-repeat 0px 85px; }
.content .bk5 { background:url(images/img25.gif) no-repeat 0px 85px; }
.content .bk3 p { padding-bottom:90px; }
.content .bk5 p { background:none; padding-bottom:30px; }

.midcont { background:url(images/midbg.gif) repeat-x top; height:270px; margin-top:30px; }
.midcont .cont { background:url(images/midbg2.jpg) no-repeat center top; height:270px; }
.midcont .btns { width:1024px; margin:0 auto; text-align:left; position:relative; height:270px; }
.midcont .btns a { position:absolute; }
.midcont .btns a.b1 { top:80px; left:594px; background:url(images/btnhover2.gif) no-repeat 0px 0px; width:420px; height:115px; text-indent:-9999px; filter:alpha(opacity=0); opacity:0; }
.midcont .btns a.b1:hover { filter:alpha(opacity=100); opacity:1; }
.midcont .btns a.b2 { top:218px; left:580px; }
.midcont2 { margin-top:0px; }

.desc { margin-top:30px; }
.desc img { float:right; margin-left:40px; }
.desc h3 { font-size:24px; background:url(images/arrow.gif) no-repeat 0px center; padding:7px 0px 5px 17px; }
.desc p { font-size:16px; line-height:170%; padding:20px 0px 0px 0px; }
.sps { text-align:center; font-size:30px; font-weight:bold; color:#005bac; padding:40px 0px 0px 0px; line-height:40px; }

.block3 { padding:30px 0px 0px 0px; }
.block3 .lf, .block3 .rh { -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); border-radius:10px; width:430px; height:360px; margin-top:35px; position:relative; }
.block3 h3 { font-size:22px; font-weight:bold; color:#005bac; line-height:28px; padding:45px 30px 0px 30px; }
.block3 p { padding:20px 30px 0px 30px; font-size:16px; line-height:170%; }
.block3 p span { color:#005bac; font-size:18px; font-weight:bold; }
.block3 .lf img, .block3 .rh img { position:absolute; top:-15px; left:-20px; }
.block3 .lf div, .block3 .rh div { background:url(images/ribbon.png) no-repeat 0px 0px; width:450px; line-height:20px; position:absolute; left:-10px; bottom:0px; color:#FFFFFF; font-size:18px; padding:25px 0px 19px 0px; text-align:center; }
.block3 .lf div span, .block3 .rh div span { font-size:15px; background-color:#1c8a83; padding:3px 15px 3px 15px; border-radius:5px; margin:0px 15px 0px 15px; }

.content .ic1 { background:url(images/ic2.gif) no-repeat right top; }
.content .ic2 { background:url(images/ic1.gif) no-repeat right top; }
.content .ic3 { background:url(images/ic3.gif) no-repeat right top; }
.content .ic4 { background:url(images/ic4.gif) no-repeat right top; }
.content .ic4 p span { letter-spacing:-1px }

h3.block4 { font-size:30px; font-weight:bold; color:#5c9019; text-align:center; padding:50px 0px 20px 0px; }
div.block4 { padding:0px 0px 0px 270px; height:170px; margin-top:20px; }
div.block4 h4 { font-size:28px; font-weight:bold; color:#7e623f; padding:20px 0px 20px 0px; }
div.block4 p { font-size:16px; line-height:170%; }

.content .im1 { background:url(images/im1.gif) no-repeat left top; }
.content .im2 { background:url(images/im2.gif) no-repeat left top; }
.content .im3 { background:url(images/im3.gif) no-repeat left top; }
.content .im4 { background:url(images/im4.gif) no-repeat left top; }
.content .im5 { background:url(images/im5.gif) no-repeat left top; height:190px; }

h2.spc { height:115px; position:relative; width:100%; }
h2.spc img { position:absolute; left:0px; top:-45px; }
h2.tpt { padding-top:40px; }

.block5 h3 { padding:30px 0px 20px 0px; }
.block5 li { font-size:19px; border-bottom:#eef3cc solid 1px; line-height:20px; padding:30px 0px 10px 150px; }
.block5 li span { font-size:24px; color:#f08300; font-weight:bold; }
.block5 li.pt1 { background:url(images/pt1.gif) no-repeat 0px bottom; }
.block5 li.pt2 { background:url(images/pt2.gif) no-repeat 0px bottom; }
.block5 li.pt3 { background:url(images/pt3.gif) no-repeat 0px bottom; }
.block5 li.pt4 { background:url(images/pt4.gif) no-repeat 0px bottom; }

/* Footer */

address { text-align:center; background-color:#005bac; font-size:15px; color:#FFFFFF; font-style:normal; padding:30px 0px 25px 0px; -webkit-box-shadow:inset 0px 6px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow:inset 0px 6px 6px rgba(0, 0, 0, 0.2); box-shadow:inset 0px 6px 6px rgba(0, 0, 0, 0.2); }
.ptop { position:fixed; right:0px; bottom:0px; width:75px; height:75px; overflow:hidden; z-index:1000; }
.ptop a { position:absolute; top:75px; left:0px; }

/* Enviroments */

.mcetxt p { text-indent:0px; padding:0px; }
.fs11 { font-size:12px; }
.lsmin { letter-spacing:-1px; }
.bl { display:block; }
.b { font-weight:bold; }
.hide { display:none; }
.show { display:block; }
.center { text-align:center; }
.right { text-align:right; }
.lf { float:left; }
.rh { float:right; }
.clr { clear:both; }
.bold { font-weight:bold; }
.cf:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }