@charset "UTF-8";
/* CSS Document */



*{margin:0;padding:0;}
html {}
body, body p{padding:0 0 25px 0; font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size:10.5pt; line-height:1.8;}
body {margin:0;padding:0; background:#F7F7F3; color:#333; text-align:center; scrolling:yes; overflow-y:scroll;}
a, a:visited{color:#333; text-decoration:underline; overflow:hidden; outline:none;}
a:hover{color:#BAA710; text-decoration:underline;}

img{border:none;}
table{border-collapse:collapse;}
ul, li{list-style-type:none;}

/*GENERAL*/
#wrap{}
#header{height:170px; background:#FFF; padding:10px 0 0 0;}
#header #inner{width:960px; height:150px; margin:0 auto; position:relative; overflow:hidden;}
#header #inner h1{float:left; width:400px; height:40px; padding:22px 0 0 0;}
#header #inner .description{font-size:8pt; color:#A7A7A7; text-align:right; font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;}
#header #inner .contact{position:absolute; right:0; top:27px; width:170px; height:32px; padding:0;}
#header #inner .tel{width:250px; height:32px; right:185px; top:25px; position:absolute; text-align:right; font-size:9pt; line-height:1.6; color:#444; font-family: 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;}
#header #inner ul.menu{width:960px; height:62px; position:absolute; bottom:0; left:0;}
#header #inner ul.menu li{width:137px; height:62px; float:left;}
#header #inner ul.menu li:first-child{width:138px;}

#content{min-height:300px; padding:25px 0 120px;}
#content h2{padding:0 0 25px 0;}

#footer{position:relative; width:100%;}
#footer p.copyright{color:#764F22; font-size:8pt; padding:50px 0 80px;}
#footer p.tree{width:120px; height:150px; position:absolute; right:0; top:200px; padding:70px 0 0 0; background:url(/img/public/footer/bird_bg.png) no-repeat 30px 0;}
#footer p.tree.active{background:none;}
#footer p.birdStop{width:85px; height:85px; position:absolute; right:40px; top:270px; overflow:hidden; padding:0; cursor:pointer;}
#footer p.birdPlay{width:85px; height:85px; position:absolute; right:40px; top:270px; overflow:hidden; background:url(/img/public/footer/bird_play.png) no-repeat 0 0; padding:0; display:none; z-index:100;}
#footer p.birdPlay.frame1{background-position:0 0;}
#footer p.birdPlay.frame2{background-position:0 -85px;}
#footer p.birdPlay.frame3{background-position:0 -170px;}
#footer ul.bnList{margin:0 auto; padding:50px 0 0 0; width:660px; text-align:center;}
#footer ul.bnList li{display:inline-block;}
#footer ul.bnList li:first-child{width:100%;}
#footerInfo{background:#FFF; width:640px; padding:40px 50px 20px; margin:0 auto; border-radius:5px; text-align:left;}
#footerInfo p{font-size:9.5pt; line-height:1.6;}
#footerInfo p.title{font-size:11pt;}


/*INDEX*/
#indexImgBase{background:url(/img/index/sld_bg.png) repeat center top #f2f1e8;}
#indexImgWrap{position:relative; width:100%; max-width:1300px; height:450px; margin:0 auto; background:#FFF;}
#indexImgWrap p{position:absolute; top:0; left:0; padding:0; width:100%; height:100%;}
#indexImgWrap p.sld{}
#indexImgWrap p.sld1{background:url(/img/index/sld1.jpg) no-repeat center center; background-size:cover;}
#indexImgWrap p.sld2{background:url(/img/index/sld2.jpg) no-repeat center center; background-size:cover;}
#indexImgWrap p.sld3{background:url(/img/index/sld3.jpg) no-repeat center center; background-size:cover;}
#indexImgWrap p.sld4{background:url(/img/index/sld4.jpg) no-repeat center center; background-size:cover;}
#indexImgWrap p.sld5{background:url(/img/index/sld5.jpg) no-repeat center center; background-size:cover;}
#indexImgWrap p.sld6{background:url(/img/index/sld6.jpg) no-repeat center center; background-size:cover;}
#indexImgWrap p.copy{text-align:center;}

#content.index{position:relative; padding-top:0;}
#content.index p.message{width:300px; height:115px; padding:0; position:absolute; left:3%; top:70px; z-index:5;}
#content.index p.indexLead{position:relative; width:900px; margin:0 auto 20px;}
#content.index p.indexLead a{display:block; position:absolute; left:0; bottom:-20px; width:280px; height:200px;}

#indexWorks{padding:10px 0 0 0;}
#indexVoiceWrap{padding:40px 0 10px 0; background:#FFF; position:relative;}
#indexVoiceWrap p.btnArchive{padding: 30px 0 70px;}

#indexNews{width:960px; margin:0 auto; _zoom:1; overflow:hidden; padding:60px 0 0 0;}
#indexNews #block{width:320px; height:320px; float:left; position:relative;}
#indexNews #block p{padding:0 0 15px; font-size:9.5pt;}
#indexNews #block p:first-child{padding:0;}
#indexNews #block p.date{padding:0 0 5px;}
#indexNews #block p.title{overflow:hidden; height:30px;}
#indexNews #block p.more{padding:0; position:absolute; width:180px; height:30px; bottom:0; left:70px;}
#indexNews #block a{position:absolute; width:100%; height:100%; left:0; top:0;}

/*PAGE*/

/*INTRO*/
#introWrap{width:800px; padding:0 0 90px; margin:0 auto 40px; background:#FFF; border-radius:5px; position:relative;}
#introWrap p{font-size:13pt; line-height:2.3;}
#introWrap p.title{font-size:17pt; line-height:1.8; font-weight:bold;  padding:30px 0; margin:0 0 45px 0; background:url(/img/public/pattern1.png) repeat center center;}
#introWrap p.img{position:absolute; padding:0;}
#introWrap p.img1{left:-55px; top:60px;}
#introWrap p.img2{right:-90px; top:250px;}
#introWrap p.img3{left:-55px; bottom:-100px;}
#introWrap p.img4{right:-50px; bottom:60px;}

/*REFORM*/
#reformWrap{width:960px; margin:0 auto;}
#reformWrap #block{_zoom:1; overflow:hidden; padding:0 0 20px 55px;}
#reformWrap #block #left{width:190px; float:left;}
#reformWrap #block #right{width:650px; min-height:210px; float:right; border-bottom:2px solid #c0bdba; padding:20px 0 20px 0; text-align:left;}
#reformWrap #block #right p.title{font-size:16pt; font-weight:bold;}

/*MATERIALS*/
#materialWrap{width:960px; margin:0 auto;}
#materialWrap p.lead{padding:15px 0; margin:0 0 40px; background:url(/img/public/pattern1.png) repeat center center;}
#materialWrap p.lead strong{font-size:17pt;}
#materialWrap p.badgetTitle{font-size:13pt; font-weight:bold; padding:0 0 35px;}
#materialWrap2{width:960px; margin:0 auto; padding:50px 0 0 0;}
#materialBlock1{padding:0 0 35px;}
#materialBlock1 #inner{_zoom:1; overflow:hidden; width:960px; margin:0 auto; text-align:left;}
#materialBlock1 #inner #left{width:270px; float:left;}
#materialBlock1 #inner #left p{text-align:center; font-size:11pt;}
#materialBlock1 #inner #left p.title{text-align:center; font-size:18pt; color:#BAA710;}
#materialBlock1 #inner #right{width:640px; float:right;}
#materialBlock1 #inner #right #block{padding:15px 30px 20px; background:#FFF; border-radius:5px; margin:0 0 15px 0;}
#materialBlock1 #inner #right #block p{padding:0;}
#materialBlock1 #inner #right #block p.title{font-size:14pt; font-weight:bold; padding:0 0 5px;}
#materialBlock2{background:#FFF; padding:50px 0 35px;}
#materialBlock2 #inner{_zoom:1; overflow:hidden; width:960px; margin:0 auto; text-align:left;}
#materialBlock2 #inner #left{width:270px; float:left;}
#materialBlock2 #inner #left p{text-align:center; font-size:11pt;}
#materialBlock2 #inner #left p.title{font-size:18pt; line-height:1.4; color:#579666;}
#materialBlock2 #inner #left p.title span{font-size:14pt;}
#materialBlock2 #inner #right{width:640px; float:right;}
#materialBlock2 #inner #right #block{padding:15px 30px 20px; background:#F7F7F3; border-radius:5px; margin:0 0 15px 0;}
#materialBlock2 #inner #right #block p{padding:0;}
#materialBlock2 #inner #right #block p.title{font-size:14pt; font-weight:bold; padding:0 0 5px;}
#materialBlock3{padding:0 0 20px;}
#materialBlock3 #inner{_zoom:1; overflow:hidden; width:960px; margin:0 auto; text-align:left;}
#materialBlock3 #inner #left{width:270px; float:left;}
#materialBlock3 #inner #left p{text-align:center; font-size:11pt;}
#materialBlock3 #inner #left p.title{text-align:center; font-size:18pt; color:#BAA710;}
#materialBlock3 #inner #right{width:640px; float:right;}
#materialBlock3 #inner #right #block{_zoom:1; overflow:hidden; padding:0 0 20px;}
#materialBlock3 #inner #right #block p{padding:0;}
#materialBlock3 #inner #right #block p.img{float:left;}
#materialBlock3 #inner #right #block #inner{float:right; width:380px; height:125px; padding:0 25px; background:#FFF; border-radius:5px;}
#materialBlock3 #inner #right #block #inner p{height:125px; display:table-cell; vertical-align:middle;}

/*FLOW*/
#flowWrap{width:960px; margin:0 auto;}
#flowWrap #block{_zoom:1; overflow:hidden; padding:15px 0 0 110px; background:url(/img/page/flow/vector.png) no-repeat 250px top;}
#flowWrap #block:first-child{background:none;}
#flowWrap #block #left{width:80px; float:left;}
#flowWrap #block #right{width:730px; float:right; padding:30px 0 10px 0; text-align:left; position:relative;}
#flowWrap #block #right p.title{font-size:15pt; padding:0 0 15px 0; font-weight:bold;}
#flowWrap #block #right p.img{position:absolute; right:0; top:30px;}

/*WORKS*/
#worksArchiveWrap{width:980px; _zoom:1; overflow:hidden; margin:0 auto; padding:0;}
#worksArchiveWrap #inner{width:1020px; _zoom:1; overflow:hidden; margin:0 0 0 -20px; padding:0;}
#worksArchiveWrap #inner #block{width:300px; height:410px; margin:0 20px 60px; float:left; position:relative; overflow:hidden;}
#worksArchiveWrap #inner #block a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
#worksArchiveWrap #inner #block h2{font-size:16pt; padding:0 0 10px; z-index:2; position:relative;}
#worksArchiveWrap #inner #block p{font-size:10pt;}
#worksArchiveWrap #inner #block p.img{padding:0 0 20px 0;}
#worksArchiveWrap #inner #block p.img img{border-radius:5px; width:300px; height:200px;}
#worksArchiveWrap #inner #block p.location{padding:0 0 15px 0;}
#worksArchiveWrap #inner #block p.more{padding:0; position:absolute; width:180px; height:30px; bottom:0; left:60px;}
#worksSingleWrap{width:810px; margin:0 auto; padding:0 0 0;}
#worksSingleWrap h2{font-size:21pt; font-weight:bold; padding:0 0 0 0;}
#worksSingleWrap p.caption{text-align:right; padding:0 0 10px;}
#worksSingleWrap #worksImgWrap{position:relative; padding:0 0 40px 0;}
#worksSingleWrap #worksImgWrap #inner{width:100%; height:540px; overflow:hidden; margin:0 0 40px;}
#worksSingleWrap #worksImgWrap #inner #belt{width:8100px;}
#worksSingleWrap #worksImgWrap #inner #belt p{width:810px; height:540px; padding:0; float:left; text-align:center; overflow:hidden;}
#worksSingleWrap #worksImgWrap .btnL{width:40px; height:40px; position:absolute; padding:0; top:250px; left:-75px; cursor:pointer;}
#worksSingleWrap #worksImgWrap .btnR{width:40px; height:40px; position:absolute; padding:0; top:250px; right:-75px; cursor:pointer;}
#worksSingleWrap #worksImgWrap ul.btnList{width:850px; margin:0 0 0 -1px; _zoom:1; overflow:hidden;}
#worksSingleWrap #worksImgWrap ul.btnList li{width:66px; height:66px; float:left; margin:0 17px 0 0;}
#worksSingleWrap #worksImgWrap ul.btnList li img{border:3px solid #CACACA;}
#worksSingleWrap #worksImgWrap ul.btnList li.active img{border:3px solid #222;}
#worksSingleWrap #contentBlock{text-align:left; padding:0 0 30px 0;}
#worksRelatedWrap{width:100%; padding:35px 0 45px; background:#FFF;}
#worksRelatedWrap h2{padding:0 0 40px;}
#worksRelatedWrap #inner{width:840px; _zoom:1; overflow:hidden; margin:0 auto; padding:0;}
#worksRelatedWrap #inner #block{width:180px; height:240px; margin:0 15px; float:left; position:relative; overflow:hidden;}
#worksRelatedWrap #inner #block a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
#worksRelatedWrap #inner #block h2{font-size:11pt; padding:0 0 5px; z-index:2; position:relative;}
#worksRelatedWrap #inner #block p.img{padding:0 0 10px 0;}
#worksRelatedWrap #inner #block p.img img{border-radius:5px; width:180px; height:120px;}
#worksRelatedWrap #inner #block p.location{padding:0 0 10px 0; font-size:9pt;}

/*Q&A*/
#qaWrap{width:750px; margin:0 auto; border-bottom:2px solid #c0bdba;}
#qaWrap #block{text-align:left; border-top:2px solid #c0bdba; padding:15px 0;}
#qaWrap #block p.title{padding:0 0 0 20px; font-size:13pt; background:url(/img/page/qa/mark_on.png) no-repeat left 7px; cursor:pointer;}
#qaWrap #block p.title.off{background:url(/img/page/qa/mark_off.png) no-repeat left 7px;}
#qaWrap #block p.answer{padding:15px 0 0 20px; display:none;}

/*INTERVIEW*/
#interviewArchiveWrap{width:980px; _zoom:1; overflow:hidden; margin:0 auto; padding:10px 0 0;}
#interviewArchiveWrap #block{width:325px; height:270px; margin:0 0 50px 0; float:left; position:relative;}
#interviewArchiveWrap #block a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;}
#interviewArchiveWrap #block h2{font-size:12pt; padding:0; margin:0 30px -25px 10px; z-index:2; position:relative;}
#interviewArchiveWrap #block p.img{margin:0; padding:0 0 10px 15px;}
#interviewArchiveWrap #block p.caption1{padding:0 0 15px; font-size:11pt; line-height:1.6;}
#interviewArchiveWrap #block p.caption2{padding:0 0 15px; font-size:9pt;}
#interviewSingleWrap{width:960px; margin:-15px auto 90px;}
#interviewSingleWrap #titleWrap{_zoom:1; overflow:hidden; padding:0 0 45px; position:relative;}
#interviewSingleWrap #titleWrap p, #interviewSingleWrap #titleWrap h2{text-align:left;}
#interviewSingleWrap #titleWrap p.mainImg{float:left; width:470px; padding:0 35px 0 0;}
#interviewSingleWrap #titleWrap p.caption1{font-size:11.5pt; line-height:1.8;}
#interviewSingleWrap #titleWrap p.caption2{font-size:10pt;}
#interviewSingleWrap #titleWrap p.face{width:120px; height:120px; padding:0; position:absolute; right:0; bottom:25px;}
#interviewSingleWrap #titleWrap p.num{padding:20px 0 5px; color:#baa759; font-size:11pt;}
#interviewSingleWrap #titleWrap h2{font-weight:normal; font-size:24pt; padding:0 0 10px; text-indent:-2px;}
#interviewSingleWrap #inner{width:700px; padding:70px 130px; text-align:left; background:#FFF; border-radius:5px;}
#interviewSingleWrap #inner h3{color:#2D8F83; border-bottom:1px dashed #2D8F83; font-size:13pt; font-weight:bold; padding:0 0 5px; margin:0 0 10px;}
#interviewSingleWrap #inner img{display:block; margin:0 auto;}
#interviewSingleWrap #inner #block{padding:0 0 15px;}

#interviewSingleWrap ul.guestList{border:1px solid #DDD; padding: 20px; margin: 0 0 40px; _zoom:1; overflow: hidden;}
#interviewSingleWrap ul.guestList li{float: left; width: 50%;}
#interviewSingleWrap ul.guestList li span{font-weight: normal;}
#interviewSingleWrap span.guest1{font-weight:bold; color:#3f88b6;}
#interviewSingleWrap span.guest2{font-weight:bold; color:#73b119;}
#interviewSingleWrap span.guest3{font-weight:bold; color:#b4501e;}
#interviewSingleWrap span.guest4{font-weight:bold; color:#D78B3D;}
#interviewSingleWrap span.guest5{font-weight:bold; color:#8E3D9A;}
#interviewSingleWrap span.guest6{font-weight:bold; color:#C856A5;}
#interviewSingleWrap span.guest7{font-weight:bold; color:#888;}
#interviewSingleWrap span.guest8{font-weight:bold; color:#2450a6;}
#interviewSingleWrap span.guest9{font-weight:bold; color:#317a13;}
#interviewSingleWrap span.guest10{font-weight:bold; color:#8a6a4e;}

#interviewRelatedWrap{width:100%; padding:35px 0 45px; margin: 0 0 60px; background:#FFF;}
#interviewRelatedWrap h2{padding:0 0 40px;}

/*BLOG*/
#blogWrap{width:960px; margin:0 auto; _zoom:1; overflow:hidden;}
#blogWrap #mainBlock{width:700px; float:left; text-align:left; padding:0 0 20px 0;}
#blogWrap #mainBlock #postWrap{padding:35px 40px 50px; background:#FFF; border-radius:5px; margin:0 0 50px;}
#blogWrap #mainBlock #postWrap #titleBlock{border-bottom:2px solid #E0E0E0; padding:0 0 5px; margin:0 0 35px 0;}
#blogWrap #mainBlock #postWrap #titleBlock h2{font-size:18pt; font-weight:bold; line-height:1.5; padding:0 0 25px 0;}
#blogWrap #mainBlock #postWrap #titleBlock h2 a{text-decoration:none;}
#blogWrap #mainBlock #postWrap #titleBlock h2 a:hover{text-decoration:underline;}
#blogWrap #mainBlock #postWrap #titleBlock p.date{padding:0 0 10px 0;}
#blogWrap #mainBlock #postWrap #inner{padding:0 0 20px ; overflow:hidden;}
#blogWrap #sidebar{width:205px; padding:25px 20px 40px; margin:0 0 20px; background:#FFF; border-radius:5px; text-align:left; float:right;}
#blogWrap #sidebar h3{font-size:12pt; font-weight:bold; padding:0 0 15px 0;}
#blogWrap #sidebar ul{}
#blogWrap #sidebar ul li{padding:0 0 10px; margin:0 0 12px; border-bottom:2px solid #E0E0E0; line-height:1.6;}
#blogWrap #sidebar ul li a{text-decoration:none;}
#naviWrap{padding:0; clear:both;}
ul.page-numbers{text-align:center; padding:5px 0 35px 0;}
ul.page-numbers li{display:inline-block; padding:0 2px;}
ul.page-numbers li a{padding:5px 9px; color:#BCA700; border:1px solid #BCA700; border-radius:3px; text-decoration:none;}
ul.page-numbers li a:hover{background:#EEE; color:#555; border:1px solid #777;}
ul.page-numbers li span{padding:5px 9px; color:#FFF; background:#BCA700; border:1px solid #BCA700; border-radius:3px;}

/*COMPANY*/
#companyWrap{width:760px; padding:40px 100px; margin:0 auto; background:#FFF; border-radius:5px;}
#companyWrap h3{color:#717171; font-size:18pt; font-weight:normal; padding:10px 0; margin:0 0 35px; background:url(/img/public/pattern1.png) repeat center center;}
#companyWrap #seg1{width:640px; margin:0 auto; text-align:left;}
#companyWrap #seg1 table{margin:0 0 35px;}
#companyWrap #seg1 table th, #companyWrap #seg1 table td{font-weight:normal; border-bottom:1px solid #DDD; padding:10px 0;}
#companyWrap #seg1 table th{width:20%;}
#companyWrap #seg1 h4{text-align:center; padding:0 0 25px; font-size:13pt; font-weight:normal;}
#companyWrap #seg1 #placeWrap{_zoom:1; overflow:hidden; padding:20px 0 60px;}
#companyWrap #seg1 #placeWrap #block{width:270px; padding:20px; border-radius:3px; background:#F7F7F3; float:left;}
#companyWrap #seg1 #placeWrap #block:first-child{margin:0 20px 0 0;}
#companyWrap #seg1 #placeWrap #block p{padding:0 0 20px 0; font-size:9.5pt;}
#companyWrap #seg1 #placeWrap #block p.title{text-align:center; font-size:13pt;}
#companyWrap #seg1 #placeWrap #block p img{display:block; margin:0 auto;}
#companyWrap #seg2{}
#companyWrap #seg2 #inner{width:800px; _zoom:1; overflow:hidden; padding:10px 0 30px;}
#companyWrap #seg2 #inner #block{width:360px; height:270px; padding:0 40px 0 0; float:left; text-align:left;}
#companyWrap #seg2 #inner #block p{line-height:1.6;}
#companyWrap #seg2 #inner #block p.img{width:120px; height:120px; padding:0 20px 20px 0; float:left;}
#companyWrap #seg2 #inner #block p.name1{font-size:14pt; padding:10px 0 5px;}
#companyWrap #seg2 #inner #block p.name2{font-size:14pt; padding:25px 0 5px;}
#companyWrap #seg2 #inner #block p.caption1{font-size:9pt; padding:0;}
#companyWrap #seg2 #inner #block p.caption2{font-size:9pt; clear:both;}
#companyWrap #seg3{}
#companyWrap #seg3 #inner{width:800px; _zoom:1; overflow:hidden; padding:10px 0 45px; margin:0 0 0 -20px;}
#companyWrap #seg3 #inner #block{width:155px; padding:0; display:inline-block; text-align:center;}
#companyWrap #seg3 #inner #block p{line-height:1.6; font-size:9pt; padding:0 0 10px;}
#companyWrap #seg3 #inner #block p.name{font-size:13pt;}
#companyWrap #seg5{_zoom:1; overflow:hidden;}
#companyWrap #seg5 #inner{width:760px; _zoom:1; overflow:hidden; padding:10px 0 60px; text-align:center;}
#companyWrap #seg5 #inner .title{display:inline-block; margin:0 14px 25px; font-size:11pt; background:#f0f0f0; color:#717171; padding:3px 0;}
#companyWrap #seg5 #inner #block{width:135px; padding:0 0 10px; display:inline-block; text-align:center;}
#companyWrap #seg5 #inner #block p{line-height:1.6; font-size:9pt; padding:0 0 10px;}
#companyWrap #seg5 #inner.float{display:inline-block; padding:0 16px 50px;}
#companyWrap #seg5 #inner.float #block{width:110px;}

/*MEDIA*/
#mediaWrap{width:760px; padding:50px 100px 70px; margin:0 auto; _zoom:1; overflow:hidden; background:#FFF; border-radius:5px;}
#mediaWrap #block{border-bottom:2px solid #E0E0E0; float:left; width:370px; height:205px; margin:0 5px 30px; _zoom:1; overflow:hidden; text-align:left;}
#mediaWrap #block p{padding:0 0 10px; font-size:9.5pt; line-height:1.5;}
#mediaWrap #block p.img{width:130px; float:left; padding:0 15px 0 0;}
#mediaWrap #block p.title{font-size:12pt; font-weight:bold;}
#mediaWrap #block p.date{padding:0 0 5px 0;}

/*CONTACT*/
#contactWrap{width:630px; padding:50px 165px 100px; margin:0 auto; _zoom:1; overflow:hidden; background:#FFF; border-radius:5px;}
#contactWrap .red{color:#C83828;}
#contactWrap .tel{float:right;}
#contactWrap .note{text-align:left;}
#contactWrap table#confirm{width:100%; margin:0 0 60px 0;}
#contactWrap table#confirm th, #contactWrap table#confirm td{text-align:left; padding:8px 10px; border:1px solid #A8A4A3;}
#contactWrap table#confirm th{width:20%;}
#contactWrap table.inputTable{width:100%; margin:0 0 40px 0;}
#contactWrap table.inputTable th{width:24%;}
#contactWrap table.inputTable th, table.inputTable td{text-align:left; vertical-align:middle; padding:10px 0;}
.form1{width:300px; padding:5px 7px; border:1px solid #A8A4A3; width:95%; font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size:10.5pt; line-height:1.7;}
.form2{padding:5px 7px; border:1px solid #A8A4A3; width:95%; height:200px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif; font-size:10.5pt; line-height:1.7;}
.btnConfirm{font-size:11pt; font-weight:bold; padding:10px 0; width:270px; background:#FAE100; border-radius:5px; border:none; cursor:pointer;}
#contactWrap button#myreset{font-size:11pt; font-weight:bold; padding:10px 0; width:270px; background:#dddddd; color:#555; border-radius:5px; border:none; cursor:pointer;}

.wtn_copyright{display:none;}

input[type=radio], input[type=checkbox] {
  /*display: none;*/
}

.radio,
.checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover,
.checkbox:hover {
  opacity:0.7;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #C83828;
}
.radio:after,
.checkbox:after {
  -webkit-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  content: '';
  border-radius: 3px;
}
.radio:after {
	border-radius: 50%;
}

.radio:before {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #C83828;
  content: '';
  opacity: 0;
}
input[type=radio]:checked+.radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #C83828;
  border-bottom: 3px solid #C83828;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

/*その他*/
small{font-size:8pt; color:#999;}
.clear{clear:both;}

.aligncenter{text-align:center!important;}
.alignleft{text-align:left!important;}
.alignright{text-align:right;}

.flLeft{float:left; padding:0 25px 25px 0;}
.flRight{float:right; padding:0 0 25px 25px;}

.margin0{padding:0!important;}
.margin5{padding:0 0 5px 0!important;}
.margin10{padding:0 0 10px 0!important;}
.margin15{padding:0 0 15px 0!important;}
.margin20{padding:0 0 20px 0!important;}
.margin25{padding:0 0 25px 0!important;}
.margin30{padding:0 0 30px 0!important;}
.margin35{padding:0 0 35px 0!important;}
.margin40{padding:0 0 40px 0!important;}
.margin45{padding:0 0 45px 0!important;}
.margin50{padding:0 0 50px 0!important;}
.margin60{padding:0 0 60px 0!important;}