@charset "UTF-8";

* {
margin: 0px;
padding: 0px;
}

body {
background: url(../img/bg.gif) repeat;
margin : 0;
padding : 0;
text-align : center;
line-height : 150%;
overflow-x: hidden;
}

a:link	 { color: #4B669F; text-decoration: none }
a:visited { color: #4B669F; text-decoration: none }
a:hover	{ color: #ff9933; text-decoration: underline }
a:active	{ color: #4B669F; } 

img {
border: 0;
max-width: 100%;
height: auto;
vertical-align: bottom;
}

li { list-style-type: none; display: block;}

body,td,div,li	{
font-family: メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',"Osaka";
line-height : 20px;	
color: #333;
}

@media print, screen and (min-width:1066px) {

body { font-size: 14px; }

.br-pc {
display: block;
}
.br-sp {
display: none;
}

.pc {
display: none !important;
}

#wrapper {
background: url(../img/wrapper_bg.jpg) repeat-y;
width : 1066px;
text-align: left;
margin: 0px auto;
padding: 0px;
}

#container {
position: relative;	
width: 986px;
margin: 0px auto;
padding: 0px;
}

#seoArea {
background-color: #4B669F;
width: 100%;
margin: 0px auto;
padding: 0px;
}

#seo {
width: 986px;
font-size: 11px;
text-align: left;
color: #fff;
margin: 0px auto;
padding: 5px 0px;
line-height: 100%;
}

#parts01 {
position: absolute;
background: url(../img/parts02.png) no-repeat;
width: 241px;
height: 229px;
margin: 0px;
font-size: 0px;
padding: 0px;
right: -50px;
top: -52px;
text-indent: -10000px;
}

#jireiArea {
position: absolute;
width: 885px;
margin: 0px;
padding: 0px;	
top: 664px;
left: 50px;
}

#jireiL {
position: relative;
float: left;
width: 430px;
text-align: center;
margin: 0px 0px 30px 0px;
padding: 0px;
border: 1px solid #ccc;		
}

#jireiR {
position: relative;
float: right;
width: 430px;
text-align: center;
margin: 0px 0px 30px 0px;
padding: 0px;
border: 1px solid #ccc;		
}

.jireiMark {
position: absolute;	
width: 62px;
height: 62px;
top: -23px;
left: -19px;	
}

.jireiTitle {
background-color: #4B669F;
color: #fff;
margin: 0px auto;
padding: 5px;
}

.jireiPhotobgL {
background: url(../img/jirei_bg01.jpg) no-repeat;
width: 400px;	
margin: 0px auto;
padding: 15px;
}

.jireiPhotobgR {
background: url(../img/jirei_bg02.jpg) no-repeat;
width: 400px;	
margin: 0px auto;
padding: 15px;
}

.jireiLRinnerbg {
background: url(../img/jirei_innerbg.png) repeat;
font-size: 13px;
margin: 0px auto;
padding: 15px;
line-height: 15px;
}

#jireiFace {
position: absolute;
top: 773px;
right: 45px;
}

.price {
width: 200px;
margin: 0px auto;
padding: 2px;
border: 2px solid #4B669F;	
}

.jireiBottomTxt {
background-color: #F00;
color: #fff;
font-size: 16px;
margin: 0px auto;
padding: 5px;	
}

.jireiNormalTxt {
font-size: 14px;
}

.yellowLarge {
color: #FF0;
font-size: 22px;
line-height: 24px;
}

.siteColor {
color: #4B669F;
}

.siteColorLarge {
color: #4B669F;
font-size: 18px;
}

.red {
color: #F00;
}

.purple {
color:#CC00CC;
}

.redLarge {
color: #F00;
font-size: 22px;
line-height: 25px;
}

.redLarge2 {
color: #F00;
font-size: 18px;
line-height: 25px;
}

.contactArea {
clear: both;
background-color: #FFE806;
width: 986px;
text-align: center;
margin: 20px 0px 5px 0px;
padding: 22px 0px 15px 0px;		
}

#courseArea {
width: 949px;
margin: 0px 0px 20px 25px;
padding: 0px;
}

.strengthFlex {
margin: 20px auto;
display: flex;
justify-content: space-between;
align-items: center;
}

.strengthNumber {
width: 110px;
}

.strengthPoint {
width: 755px;
}

.redLine {
background: url(../img/red_underline.gif) repeat-x bottom;
}

#meritArea table {
table-layout: fixed;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
width: 930px;
margin: 10px auto;
}

#meritArea td {
border: 1px solid #ccc;
}

.meritL1T {
width: 130px;
}

.meritL1 {
background-color: #F2F2F2;
width: 130px;
text-align: center;
}

.meritL2T {
background-color: #096;
color: #fff;
text-align: center;
padding: 5px;
}

.meritL2 {
background: #D9FFD8 url(../img/merit_m_g.png) no-repeat center;
padding: 25px;
height: 130px;
}

.meritL2x {
background: #D9FFD8 url(../img/merit_x_g.png) no-repeat center;
padding: 25px;
height: 130px;
}

.meritCT {
background-color: #06C;
color: #fff;
text-align: center;
padding: 5px;
}

.meritC {
background: #DFFFF9 url(../img/merit_m_b.png) no-repeat center;
padding: 25px;
}

.meritCx {
background: #DFFFF9 url(../img/merit_x_b.png) no-repeat center;
padding: 25px;
}

.meritRT {
background-color: #F00;
color: #fff;
text-align: center;
padding: 5px;
}

.meritR {
background: #FFDFE8 url(../img/merit_m_r.png) no-repeat center;
padding: 25px;
}

.meritRC {
background: #FFDFE8 url(../img/merit_m_r.png) no-repeat center;
text-align: center;
padding: 15px;
}

#flowArea {
position: relative;
width: 936px;
margin: 0px auto;
padding: 10px 0px 0px 0px;
}

#flowAreaBottom {
width: 936px;
text-align: center;
margin: 0px auto;
padding: 0px;
}

#flowWrap {
width: 936px;
text-align: center;
margin: 0px auto;
padding: 0px;
}

.flowFlex {
display: flex;
justify-content: space-between;
align-items: center;
}

.flowNumber {
width: 254px;
}

.flow {
position: relative;
width: 655px;
text-align: justify;
top: -10px;
}

.commonAreaT {
background: url(../img/enclosure_t_bg.gif) no-repeat;
width: 936px;
height: 11px;
margin: 0px auto;
padding: 0px;
}

.commonAreaM {
position: relative;
overflow: hidden;
background: url(../img/enclosure_m_bg.gif) repeat-y;
width: 886px;
font-weight: normal;
margin: 0px auto;
padding: 10px 25px;
}

.commonAreaB {
background: url(../img/enclosure_b_bg.gif) no-repeat;
width: 936px;
height: 11px;
margin: 0px auto;
padding: 0px;
}

.qa dl {
margin: 0px;
padding: 0px;
text-align: left;
}

.qa dt {
clear: left;
float: left;
padding: 0px 0px 3px 0px;
}

.qa dd {
margin-left: 0;
padding: 9px 0px 9px 3.5em;
}

.voiceL {
float: left;
margin: 0px 30px 10px 0px;
}

.voiceL2 {
float: left;
margin: 0px 30px 350px 0px;
}

.voiceLine {
clear: both;
margin: 15px auto;
border-bottom: 1px dotted #ccc;
}


#friendsArea {
background: url(../img/friends_bg.gif) no-repeat;
width: 876px;
height: 206px;
font-weight: normal;
margin: 20px auto;
padding: 30px;
}

.friendsImgR {
float: right;
width: 370px;
margin-top: 16px;
}

#pageTop {
width: 932px;
text-align: right;
margin: 0px auto;
padding: 0px;
}

/* ----------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------- */

#footerArea {
background-color: #4B669F;
width: 100%;
margin: 0px auto;
padding: 0px;
}

#footer {
position: relative;
width : 946px;
height: 230px;
text-align: left;
color: #fff;
font-size: 11px;
margin: 0px auto;
padding: 25px 20px;
line-height: 150%;
}

.en {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#footer a:link	 { color: #ffffcc; text-decoration: none }
#footer a:visited { color: #ffffcc; text-decoration: none }
#footer a:hover	{ color: #ff9933; text-decoration: underline }
#footer a:active	{ color: #ffffcc; } 

#call {
position:fixed;
background: url(../img/footer_call.png) no-repeat;	
width: 309px;
height: 97px;
right: 20px;
bottom: 0px;
}

}