/*---------------------------------------------------------------------- Box1st -----------------------------------------------------------------------*/ #box1st { width: 100%; overflow: hidden; } #box1st .infiniteslide { height: 360px; } #box1st .infiniteslide ul li { padding-right: 2px; display: none; } /*---------------------------------------------------------------------- Box2nd -----------------------------------------------------------------------*/ #box2nd { width: 100%; margin: auto; padding: 0; } #box2nd .box2nd-inner { margin: auto; padding: 30px 0 0; text-align: center; } #box2nd h2 { padding: 0 0 20px; } #box2nd .box2nd-contents { margin: 20px auto 0; padding: 30px 0; text-align: center; background: url(../img/bg/bg02.png) left top repeat; } /*---------------------------------------------------------------------- Box3rd -----------------------------------------------------------------------*/ #box3rd { width: 100%; margin: auto; padding: 0; } #box3rd .box3rd-inner { width: 1050px; margin: auto; padding: 40px 0; text-align: center; } #box3rd .box3rd-contents { width: 300px; height: 200px; margin: 30px 25px; padding: 25px 25px 0; background: url(../img/contents/box3rd-bg.png) left top no-repeat; float: left; } #box3rd .box3rd-contents p { color: #cdae40; font-size: 20px; font-weight: bold; } #box3rd .box3rd-contents ul { padding: 10px 0; } #box3rd .box3rd-contents ul li { font-size: 15px; text-align: left; display: block; } /*---------------------------------------------------------------------- Box4th -----------------------------------------------------------------------*/ #box4th { width: 100%; margin: auto; padding: 0; } #box4th .box4th-inner { width: 1100px; margin: auto; padding: 0; } #box4th h2 { margin: auto; padding: 30px 0; text-align: center; background: url(../img/bg/bg03.png) left top repeat; } #box4th .box4th-contents01 { width: 100%; min-height: 240px; margin: 20px 0; background: url(../img/contents/box4th-img01.jpg) right top no-repeat; } #box4th .box4th-contents02 { width: 100%; min-height: 240px; margin: 20px 0; background: url(../img/contents/box4th-img02.jpg) right top no-repeat; } #box4th .box4th-contents03 { width: 100%; min-height: 240px; margin: 20px 0 40px; background: url(../img/contents/box4th-img03.jpg) right top no-repeat; } #box4th h3 { min-height: 60px; padding: 15px 0 0 80px; font-size: 20px; } #box4th .box4th-contents01 h3 { background: url(../img/contents/box4th-icon01.png) left top no-repeat; } #box4th .box4th-contents02 h3 { background: url(../img/contents/box4th-icon02.png) left top no-repeat; } #box4th .box4th-contents03 h3 { background: url(../img/contents/box4th-icon03.png) left top no-repeat; } #box4th p { padding: 0 0 0 80px; } /*---------------------------------------------------------------------- Box5th -----------------------------------------------------------------------*/ #box5th { width: 100%; margin: auto; padding: 0; background: url(../img/bg/bg04.png) left top repeat; } #box5th .box5th-inner { width: 1100px; margin: auto; padding: 30px 0; } #box5th .box5th-contents01 { margin: 0 0 30px; padding: 40px; background: url(../img/contents/box5th-img01.jpg) right 40px top 80px no-repeat #fff; border-radius: 10px; } #box5th .box5th-contents02 { overflow: hidden; } #box5th .box5th-contents02 img { width: 200px; float: left; } #box5th .box5th-contents02 p { width: 870px; margin: 0 0 20px 30px; float: right; font-size: 13px; line-height: 1.4; } /*---------------------------------------------------------------------- Box6th -----------------------------------------------------------------------*/ #box6th { width: 100%; margin: auto; padding: 0; } #box6th .box6th-inner { width: 1100px; margin: auto; padding: 40px 0; } #box6th h2 { text-align: center; } #box6th .box6th-contentsL, #box6th .box6th-contentsR { padding: 40px 0 20px; border-top: 1px solid #efe3b3; overflow: hidden; } #box6th .noline { border: none; } #box6th .box6th-contentsR img { width: 50%; float: right; padding: 0 0 0 20px; } #box6th .box6th-contentsR dl { width: 50%; float: left; } #box6th .box6th-contentsL img { width: 50%; float: left; padding: 0 20px 0 0; } #box6th .box6th-contentsL dl { width: 50%; float: right;} #box6th dl dt { min-height: 78px; padding: 24px 0 0 98px; font-size: 20px; background:url(../img/contents/box6th-icon.png) left center no-repeat; background-size: 78px 78px; } #box6th p { margin-top: 20px; } /*---------------------------------------------------------------------- Box7th -----------------------------------------------------------------------*/ #box7th { width: 100%; margin: auto; padding: 0; } #box7th .box7th-inner { width: 900px; margin: auto; padding: 40px 0 20px; } #box7th h2 { padding-bottom: 30px; text-align: center; } #box7th dl { margin-bottom: 20px; overflow: hidden; } #box7th dl dt { float: left; padding: 0 20px 0 0; } #box7th dl dd { padding: 15px 0 0 0; font-size: 16px; } /*---------------------------------------------------------------------- Box8th -----------------------------------------------------------------------*/ #box8th { width: 100%; margin: auto; padding: 0; background: url(../img/bg/bg05.png) left top repeat; } #box8th .box8th-inner { width: 1100px; margin: auto; padding: 40px 0 10px; text-align: center; } #box8th h2 { padding-bottom: 20px; } #box8th dl.box8th-plan { background: #cdae40; border: 5px solid #efe3b3; margin-bottom: 20px; padding: 20px 40px 10px; color: #fff; font-size: 20px; text-align: left; overflow: hidden; } #box8th dl.box8th-plan dt { padding: 20px 40px 0 0; float: left; } #box8th dl.box8th-plan dd { padding: 0; float: left; } #box8th p { padding-bottom: 20px; } #box8th img { margin-bottom: 30px; } /*---------------------------------------------------------------------- Box9th -----------------------------------------------------------------------*/ #box9th { width: 100%; margin: auto; padding: 0; } #box9th .box9th-inner { width: 1100px; margin: auto; padding: 40px 0; } #box9th h2 { text-align: center; } #box9th dl { margin-bottom: 20px; overflow: hidden; font-size: 14px; } #box9th dl dt { min-height: 60px; margin-bottom: 5px; padding: 20px 0 0 80px; background: url(../img/contents/box9th-icon01.png) left top no-repeat; } #box9th dl dd { min-height: 60px; padding: 5px 0 0 80px; background: url(../img/contents/box9th-icon02.png) left top no-repeat; } /*---------------------------------------------------------------------- Box10th -----------------------------------------------------------------------*/ #box10th { width: 100%; margin: auto; padding: 0 0 30px; background: #efe3b3; } #box10th .box10th-inner { width: 1000px; margin: auto; padding: 0; } #box10th h2 { padding: 30px 0 0; text-align: center; }