@charset "utf-8";
/* CSS Document */
body{font-size:12px; }
body{margin-top:0; margin-bottom:0; padding:0; background-color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width:100%;}
a{text-decoration:underline;}
a:link{color:#1f4182; text-decoration:underline;}
a:visited{color:#1f4182; text-decoration:underline;}
a:hover{color:#4791C4; text-decoration:underline;}
a:active{color:#1f4182; text-decoration:underline;}

p{margin:0; padding:0;}
h1{margin:0; padding:0;}
h2{margin:0; padding:0;}
h3{margin:0; padding:0;}
h4{margin:0; padding:0;}
h5{margin:0; padding:0;}
img{border:0; padding:0; vertical-align:bottom;}
a:hover img{opacity:0.8;}

header{background:url(../img/header_bg.jpg) repeat-x; margin:0; padding:0;}
.header_bg{background:url(../img/header.jpg) no-repeat center; width:100%; height:287px; padding-bottom:0; text-indent:-9999px; margin:0 auto; _display:inline; _zoom:1; min-width:950px;}
#header{background:url(../img/header.jpg) no-repeat center; width:966px; height:287px; padding-bottom:0; text-indent:-9999px; margin:0 auto;}

#menu{margin:19px 0 0 0; padding:0; height:38px;}
#menu ul{margin-left:auto; margin-right:auto; margin-top:0; width:900px; padding:0; list-style:none; height:38px;}
#menu li a{display:block;}
#menu li{float:left; text-indent:-9999px;}
#navi1 {width:134px; height:38px; background:url(../img/menu1.jpg) no-repeat; margin:0;}
#navi1 a {width:134px; height:38px; background:url(../img/menu1.jpg) no-repeat;}
#navi1-1 {width:134px; height:38px; background:url(../img/menu1.jpg) no-repeat; margin:0; background-position:0px -38px}
#navi2 {width:134px; height:38px; background:url(../img/menu2.jpg) no-repeat; margin:0 0 0 18px;}
#navi2 a {width:134px; height:38px; background:url(../img/menu2.jpg) no-repeat;}
#navi2-1 {width:134px; height:38px; background:url(../img/menu2.jpg) no-repeat; margin:0 0 0 18px; background-position:0px -38px;}
#navi3 {width:134px; height:38px; background:url(../img/menu3.jpg) no-repeat; margin:0 0 0 18px;}
#navi3 a {width:134px; height:38px; background:url(../img/menu3.jpg) no-repeat;}
#navi3-1 {width:134px; height:38px; background:url(../img/menu3.jpg) no-repeat; margin:0 0 0 18px; background-position:0px -38px;}
#navi4 {width:134px; height:38px; background:url(../img/menu4.jpg) no-repeat; margin:0 0 0 18px;}
#navi4 a {width:134px; height:38px; background:url(../img/menu4.jpg) no-repeat;}
#navi4-1 {width:134px; height:38px; background:url(../img/menu4.jpg) no-repeat; margin:0 0 0 18px; background-position:0px -38px;}
#navi5 {width:134px; height:38px; background:url(../img/menu5.jpg) no-repeat; margin:0 0 0 18px;}
#navi5 a {width:134px; height:38px; background:url(../img/menu5.jpg) no-repeat;}
#navi5-1 {width:134px; height:38px; background:url(../img/menu5.jpg) no-repeat; margin:0 0 0 18px; background-position:0px -38px;}
#navi6 {width:134px; height:38px; background:url(../img/menu6.jpg) no-repeat; margin:0 0 0 18px;}
#navi6 a {width:134px; height:38px; background:url(../img/menu6.jpg) no-repeat;}
#navi6-1 {width:134px; height:38px; background:url(../img/menu6.jpg) no-repeat; margin:0 0 0 18px; background-position:0px -38px;}
#navi7 {width:134px; height:38px; background:url(../img/menu7.jpg) no-repeat; margin:0 0 0 18px;}
#navi7 a {width:134px; height:38px; background:url(../img/menu7.jpg) no-repeat;}
#navi7-1 {width:134px; height:38px; background:url(../img/menu7.jpg) no-repeat; margin:0 0 0 18px; background-position:0px -38px;}
li#navi1 a:hover,li#navi2 a:hover,li#navi3 a:hover,li#navi4 a:hover,li#navi5 a:hover,li#navi6 a:hover,li#navi7 a:hover{background-position: 0px -38px;}

h1.top{font-size:170.0%; line-height:150%; color:#129edb; margin-top:22px; text-align:center;}
h1.sub{width:898px; margin:20px auto; text-align:center;}
h1.sub2{width:898px; margin:45px auto; text-align:center;}

.contents{margin-top:0; margin-left:auto; margin-right:auto; width:1000px;}

.top_l1{float:left; margin:20px 0 0 73px; width:376px;}
.top_r1{float:left; margin:20px 0 0 11px; width:470px; font-size:150.0%; line-height:150%; color:#129edb; font-weight:bold;}
.top_border{border:1px solid #20a4dd; margin:20px auto; width:895px;}
.top_l2{float:left; margin:24px 0 0 82px; width:260px; padding:0 0 0 152px; height:293px; background:url(../img/top_img1.jpg) no-repeat left top; position:relative;}
.top_r2{float:left; margin:24px 0 0 66px; width:260px; padding:0 0 0 116px; height:293px; background:url(../img/top_img2.jpg) no-repeat left top; position:relative;}
.top_l3{float:left; margin:16px 0 0 92px; width:260px; padding:0 148px 0 0; height:297px; background:url(../img/top_img3.jpg) no-repeat right top; position:relative;}
.top_r3{float:left; margin:14px 0 0 60px; width:258px; padding:0 131px 0 0; height:297px; background:url(../img/top_img4.jpg) no-repeat right top; position:relative;}
.top_bg{background:url(../img/top_bg.gif) #0599d9 no-repeat center bottom; font-size:140.0%; line-height:150%; color:#fff; width:244px; padding:0 5px 10px 11px;}
.top_link a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px;}
.top_link a:hover{background-color:#fff; opacity:0.2;}
.top_l4{float:left; margin:31px 0 0 47px; width:520px;}
.top_r4{float:left; margin:31px 0 0 25px; width:357px;}
.info iframe{margin:6px 0 0 0; width:520px; height:150px; border:0; overflow-y:scroll;}
#footer{background-color:#0599d9; margin-top:45px; padding-bottom:13px;}
#footer ul{width:900px; padding:13px 0 0 0; margin:0 auto; list-style:none;}
#footer li{float:left;font-size:130%; line-height:140%; color:#fff; background:url(../img/footer_mark.gif) no-repeat; padding-left:22px;}
#footer li a:link{color:#fff; text-decoration:none;}
#footer li a:visited{color:#fff; text-decoration:none;}
#footer li a:hover{color:#fff; text-decoration:underline;}
#footer li a:active{color:#fff; text-decoration:none;}
#footer li.home{background:none;}
#footer p{font-size:100%; line-height:140%; color:#fff; text-align:center; margin-top:20px;}

.pct_box p{font-size:110.0%; line-height:140%; color:#000; margin:2px 3px 1px 3px; font-weight:bold; z-index:2; position:relative;}
.pct_box img{z-index:1; position:relative;}

.design_l1{float:left; margin:67px 0 0 50px; width:471px;}
.design_r1{float:left; margin:67px 0 0 21px; width:411px;}
.design_l2{float:left; margin:0; width:231px;}
.design_r2{float:left; margin:0 0 0 7px; width:233px;}
.design_l3{float:left; margin:0; width:202px;}
.design_r3{float:left; margin:0 0 0 6px; width:203px;}
.design_l4{float:left; margin:0 0 0 110px; width:143px;}
.design_r4{float:left; margin:0 0 0 12px; width:143px;}
.design_51{float:left; margin:25px 0 0 50px; width:174px;}
.design_52{float:left; margin:25px 0 0 8px; width:175px;}
.design_53{float:left; margin:25px 0 0 57px; width:146px;}
.design_54{float:left; margin:25px 0 0 42px; width:146px;}
.design_55{float:left; margin:64px 0 0 8px; width:145px;}
.design_l6{float:left; margin:44px 0 0 50px; width:322px;}
.design_r6{float:left; margin:44px 0 0 0; width:330px;}
.design_61{float:left; margin:0; width:144px;}
.design_62{float:left; margin:0 0 0 10px; width:144px;}
.design_63{float:left; margin:0; width:143 px;}
.design_64{float:left; margin:0 0 0 10px; width:144px;}
.design_71{float:left; margin:17px 0 0 321px; width:144px;}
.design_72{float:left; margin:17px 0 0 24px; width:144px;}
.design_73{float:left; margin:17px 0 0 24px; width:144px;}
.design_74{float:left; margin:58px 0 0 8px; width:143px;}
.design_l8{float:left; margin:28px 0 0 50px; width:466px;}
.design_r8{float:left; margin:92px 0 0 0; width:437px;}
.design_81{float:left; margin:0; width:144px;}
.design_82{float:left; margin:0 0 0 6px; width:287px;}
.design_l9{float:left; margin:0 0 0 50px; width:140px;}
.design_r9{float:left; margin:0 0 0 12px; width:140px;}
.print_11_2{float:left; margin:0; width:50%;}
.print_11{float:left; margin:89px 0 0 35px; width:288px;}
.print_12{float:left; margin:130px 0 0 28px; width:343px;}
.print_13{float:left; margin:89px 0 0 25px; width:241px;}
.print_21{float:left; margin:30px 0 0 35px; width:382px;}
.print_22{float:left; margin:30px 0 0 34px; width:510px;}
.print_31{float:left; margin:20px 0 0 35px; width:501px;}
.print_32{float:left; margin:20px 0 0 0; width:435px;}
.print_41{float:left; margin:22px 0 0 35px; width:334px;}
.print_42{float:left; margin:22px 0 0 0; width:343px;}
.print_43{float:left; margin:22px 0 0 0; width:242px;}
.sign_l{float:left; margin:40px 0 0 51px; width:288px;}
.sign_r{float:left; margin:40px 0 0 16px; width:288px;}
.nobori_l1{float:left; margin:37px 0 0 0; width:179px;}
.nobori_r1{float:left; margin:37px 0 0 26px; width:179px;}
.nobori_l2{float:left; margin:48px 0 0 5px; width:194px;}
.nobori_r2{float:left; margin:48px 0 0 17px; width:247px;}
.event_l1{float:left; margin:42px 0 0 11px; width:229px;}
.event_r1{float:left; margin:42px 0 0 22px; width:229px;}
.event_l2{float:left; margin:42px 0 0 11px; width:244px;}
.event_r2{float:left; margin:42px 0 0 17px; width:229px;}
.event_l3{float:left; margin:42px 0 0 11px; width:229px;}
.event_r3{float:left; margin:42px 0 0 22px; width:229px;}
.event_l4{float:left; margin:170px 0 0 130px; width:160px;}
.event_c4{float:left; margin:170px 0 0 49px; width:235px;}
.event_r4{float:left; margin:170px 0 0 64px; width:235px;}
.screen1{float:left; margin:67px 0 0 45px; width:306px;}
.screen2{float:left; margin:67px 0 0 24px; width:313px;}
.screen3{float:left; margin:67px 0 0 24px; width:227px;}
.screen4{float:left; margin:70px 0 0 45px; width:233px;}
.screen5{float:left; margin:70px 0 0 36px; width:298px;}
.screen6{float:left; margin:70px 0 0 41px; width:286px;}

table.company{border-collapse:collapse; margin:60px 0 70px 0;}
table.company th{width:183px; vertical-align:top; font-size:160%; line-height:140%; color:#000; text-align:center; padding:16px 0 16px 0; box-sizing:border-box;}
table.company td{width:773px; vertical-align:top; font-size:160%; line-height:140%; color:#000; padding:16px 16px 0 16px; box-sizing:border-box;}
table.company td span.bold{font-weight:bold;}
table.company td span.txt1{font-size:120%;}
table.company td.box1{width:400px; margin:0; padding:16px 0 0 16px; }
table.company td.box2{width:300px; margin:0; padding:16px 0 0 16px; }



table.form{border-collapse:collapse; margin:55px 0 0 58px;}
table.form th{width:260px; vertical-align:top; font-size:160%; line-height:140%; color:#000; text-align:left; padding:16px 0 16px 0; box-sizing:border-box;}
table.form th span{color:#ea2433;}
table.form td{width:748px; vertical-align:top; font-size:160%; line-height:140%; color:#000; padding:12px 16px 0 16px; box-sizing:border-box;}
table.form td p{font-size:80%; font-weight:normal; margin-top:5px; line-height:140%;}
table.form td span{font-size:80%; font-weight:normal;}
table.form td.box1{text-align:center; padding:10px 18px 7px 18px; font-weight:bold;}
table.form td.box1 p{font-size:80%; font-weight:normal; margin-top:1px; line-height:140%;}
table.form td input[type="text"]{font-size:90%;}
table.form td select{font-size:90%;}
table.form td textarea{font-size:90%;}
.contact_box{margin-top:20px; margin-bottom:10px;}
.contact_btn{margin-top:16px; text-align:center;}
.contact_btn input[type="image"]:hover{opacity:0.80;}

.txt16{font-size:160.0%; line-height:150%; color:#000; margin-top:22px; text-align:center;}
.thanks_box{width:750px; margin:50px auto 90px auto;}
.thanks_box p{font-size:160.0%; line-height:150%; color:#000;}



.red{color:#ea2433;}
.font80{font-size:80%;}
.nowrap{white-space:nowrap;}
.center{text-align:center;}
.right{text-align:right;}
.clear{clear:both; margin:0; padding:0;}
.hover{opacity:0.2;}
.h25em{height:2.4em;}

.spt6_1{margin-top:-6px;}
.spt18_1{margin-top:-18px;}

.spt2{margin-top:2px;}
.spt5{margin-top:5px;}
.spt10{margin-top:10px;}
.spt15{margin-top:15px;}
.spt20{margin-top:20px;}
.spt25{margin-top:25px;}
.spt28{margin-top:28px;}
.spt32{margin-top:32px;}
.spt40{margin-top:40px;}
.spt45{margin-top:45px;}
.spt50{margin-top:50px;}
.spt64{margin-top:64px;}
.spt96{margin-top:96px;}

.spl2{margin-left:2px;}
.spl8{margin-left:8px;}
.spl11{margin-left:11px;}
.spl15{margin-left:15px;}
.spl35{margin-left:35px;}
.spl40{margin-left:40px;}
.spl45{margin-left:45px;}
.spl50{margin-left:50px;}
.spl110{margin-left:110px;}

.spb40{margin-bottom:40px;}


.red{color:#ff4141; font-weight:bold;}


#page_top{position:fixed; bottom:30px; left:850px; right:0; margin-right:auto; margin-left:auto; width:48px;}
#page_top a{padding:0; text-align:center; display:block; opacity:0.70;}
#page_top a:hover{opacity:0.90;}

#container{width:898px; margin-left:auto; margin-right:auto; margin-top:20px; display:block; overflow:hidden; position:relative; overflow:hidden;}
.thumbs{text-align:center; width:134px; margin-left:auto; margin-right:auto; margin-top:10px; z-index:14; position:relative;}
#carousel-holder{width:898px; margin:0 auto; position:relative; z-index:12; display:block; height:329px; padding:0 0 0 0;}
#carousel{width:898px; margin:0 auto 0;}
#carousel ul{list-style:none; width:4000px; margin:0; padding:0; position:relative; z-index:12;}
#carousel li{display:inline; float:left;} 
.thumb{display:block; width:20px; height:14px; float:left; margin:0 3px; background:url(../img/top_navigator.jpg) no-repeat; display:inline; cursor:pointer; text-indent:-9999px;}

/* items inside navigator */
a.thumb{width:20px; height:14px; float:left; cursor:pointer; margin:0 3px; background:url(../img/top_navigator.jpg) no-repeat; display:block; text-indent:-9999px;}
/* mouseover state */
a.thumb:hover{background-position:0 -14px;}
/* active state (current page state) */
a.thumb.active{background-position:0 -28px;}

.sub_main1{width:898px; margin:20px auto; text-align:center; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.sub_main2{width:501px; margin:45px auto; text-align:center; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.sub_main1_l{float:left; margin:20px 0 0 98px; width:181px;}
.sub_main1_r{float:left; margin:53px 0 0 19px; width:501px;}
.sub_main2_l{float:left; margin:53px 0 0 98px; width:501px;}
.sub_main2_r{float:left; margin:20px 0 0 19px; width:181px;}
.sub_main_box{background:url(../img/sub_main_box_bg.jpg) no-repeat; width:501px; height:140px;}
.sub_main_box h1{font-size:191.7%; line-height:130%; color:#fff; font-weight:normal; width:476px; padding-top:23px;}
.sub_main_box p{font-size:116.7%; line-height:130%; color:#fff; font-weight:normal; width:426px; margin:5px 0 0 25px; border-top:2px solid #bfdef3; padding-top:16px;}
.sub_main_text1{font-size:141.7%; line-height:150%; color:#0098db; text-align:left; margin:8px 15px 0 0;}
.sub_main_text2{font-size:208.3%; line-height:150%; color:#0599d9; text-align:center; margin-top:20px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.sub_main_text2_1{font-size:208.3%; line-height:150%; color:#0599d9; text-align:center; margin-top:32px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.sub_main_text2_2{font-size:208.3%; line-height:150%; color:#0599d9; text-align:center; margin-top:45px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.sub_main_text3{font-size:150.0%; line-height:130%; color:#0599d9; text-align:center; margin-top:40px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.sub_main_text3_1{font-size:150.0%; line-height:130%; color:#0599d9; text-align:center; margin-top:3px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.sub_main_text3_2{font-size:150.0%; line-height:130%; color:#0599d9; text-align:center; margin-top:20px; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
.design_flow{background:url(../img/design_img_bg.jpg) no-repeat; width:897px; height:146px; margin-left:auto; margin-right:auto; margin-top:20px;}
.design_flow ul{margin:0; padding:0; list-style:none;}
.design_flow li{float:left; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-size:125.0%; line-height:140%; color:#0599d9; text-align:center;}
.design_flow li.flow_text1{width:136px; margin:66px 0 0 53px;}
.design_flow li.flow_text2{width:136px; margin:66px 0 0 29px;}
.design_flow li.flow_text3{width:136px; margin:66px 0 0 30px;}
.design_flow li.flow_text4{width:136px; margin:66px 0 0 48px;}
.design_flow li.flow_text5{width:136px; margin:66px 0 0 28px;}
.print_flow{background:url(../img/print_img2_bg.jpg) no-repeat; width:897px; height:105px; margin-left:auto; margin-right:auto; margin-top:20px;}
.print_flow ul{margin:0; padding:0; list-style:none;}
.print_flow li{float:left; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-size:125.0%; line-height:140%; color:#0599d9; text-align:center;}
.print_flow li.flow_text1{width:220px; margin:66px 0 0 46px;}
.print_flow li.flow_text2{width:230px; margin:66px 0 0 69px;}
.print_flow li.flow_text3{width:240px; margin:66px 0 0 58px;}
.sign_flow{background:url(../img/sign_img_bg.jpg) no-repeat; width:897px; height:208px; margin-left:auto; margin-right:auto; margin-top:20px;}
.sign_flow ul{margin:0; padding:0; list-style:none;}
.sign_flow li{float:left; font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; font-size:125.0%; line-height:140%; color:#0599d9; text-align:center;}
.sign_flow li.flow_text1{width:136px; margin:80px 0 0 44px;}
.sign_flow li.flow_text2{width:136px; margin:80px 0 0 3px;}
.sign_flow li.flow_text3{width:136px; margin:80px 0 0 4px;}
.sign_flow li.flow_text4{width:136px; margin:80px 0 0 2px;}
.sign_flow li.flow_text5{width:136px; margin:80px 0 0 4px;}
.sign_flow li.flow_text6{width:136px; margin:80px 0 0 4px;}

#privacy{width:748px; margin-left:auto; margin-right:auto; margin-top:100px;}
.privacy_title{font-size:180%; line-height:140%; color:#000; font-weight:bold; padding:0 10px 0 10px;}
.privacy_text{font-size:130%; line-height:140%; color:#000; font-weight:bold; margin-top:30px; margin-left:16px; text-indent:-16px; padding:0 10px 0 10px;}
#privacy ul{margin:0; padding:0; list-style:none;}
#privacy li{margin-top:10px;}
#privacy dt{font-size:160%; line-height:140%; color:#000; font-weight:bold; border-top:1px dashed #0599d9; padding:10px 10px 0 10px;}
#privacy dd{font-size:130%; line-height:140%; color:#000; margin-top:10px; padding:0 10px 0 10px;}
#privacy dd ul{list-style:disc; margin-left:38px;}
#privacy dd li{font-size:100%; line-height:140%; color:#000; margin-top:5px;}