@charset "utf-8";

body{
background-color:#80A7C6;
position:relative;
}

#base{
background-color: transparent;
}

#header{
background-color:#ffffff;
}

div#header{
margin:0;
padding:0 10px;
}

div.social_button{
margin-left: -30px;
padding: 5px 10px 0;
width: 980px;
}

#wrapper{
position:relative;
margin-bottom: -106px;
}

div#wrapperBase{
background-image:url("../img/pr/bg_line.gif");
opacity:0.5;
width:980px;

height:1800px;
/*height:1953px;*/
position:relative;
z-index:-1;
margin:0 -30px;
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
}

div#top{
color: #FFFFFF;
display: inline;
float: left;
margin-left: -6px;
margin-right: 55px;
position: absolute;
top: 82px;
z-index: 2;
}

div#img_h1{
position:relative;
z-index:-1;
background-color:#000000;
opacity:0.5;
height:280px;
width:933px;
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
}

p.header_img{
position:absolute;
top:0;
z-index:1;
left:0;
}

#top p{
font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

#top p.it_title{
position:absolute;
float: left;
margin-left: 18px;
top: 15px;
z-index: 10;
}

#top p.it_title02{
left: -1px;
margin-left: 18px;
position: absolute;
top: 90px;
z-index: 11;
}

#top p.it_title03{
display: inline;
font-size: 15px;
left: 695px;
position: absolute;
top: 123px;
z-index: 3;
}

#top p.it_title04{
display: inline;
font-size: 15px;
left: 693px;
position: absolute;
top: 159px;
z-index: 3;
}

#top p.it_title05{
display: inline;
font-size: 15px;
left: 693px;
position: absolute;
top: 193px;
z-index: 3;
}


#middle{
position:relative;
}

/* 201112後述･特典 */
.tokuten{
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
}

/* Infra */

#left_g{
background-color:#00FF00;
width:456px;
height:780px;
margin-top: -1475px;
margin-left:-5px;
opacity:0.15;
-ms-filter: "alpha( opacity=15 )";
filter: alpha( opacity=15 );
float:left;
position:relative;
}

#right_p{
background-color:#FF0099;
width:456px;
height:780px;
margin-top: -1475px;
margin-right:-8px;
opacity:0.15;
-ms-filter: "alpha( opacity=15 )";
filter: alpha( opacity=15 );
float:right;
position:relative;
}


#it_left{
display: inline;
float: left;
margin-left: 9px;
margin-right: 530px;
margin-top: -1461px;
position: relative;
}

#it_left p.title_infra{
position:absolute;
}

#it_left p.price_g{
position:absolute;
left: 292px;
}


#it_left p.btn_g{
left: 292px;
position: absolute;
top: 75px;
}

#it_left p.text_g{
font-family:"ＭＳ ゴシック", "Osaka－等幅";
font-size:12px;
color:#ffffff;
position: absolute;
letter-spacing:0.3px;
top:3px;
left:8px;
}

/* Application */

#it_right{
float:right;
position:relative;
margin-top: -1463px;
margin-left:490px;
margin-right:430px;
display:inline;
}

#it_right p.title_appli{
position:absolute;
}

#it_right p.price_p{
position:absolute;
left: 292px;
}


#it_right p.btn_p{
left: 292px;
position: absolute;
top: 75px;
}

#it_right p.text_p{
font-family:"ＭＳ ゴシック", "Osaka－等幅";
font-size:12px;
color:#ffffff;
position: absolute;
letter-spacing:0.3px;
top:3px;
left:3px;
}



#middle p.it_curriculum{
left: 10px;
position: absolute;
top: -1335px;
}

#middle p.curriculum_title{
color: #FFFFFF;
margin-left: 20px;
margin-top: -1328px;
position: absolute;
}

#middle p.curriculum_text{
font-family:"ＭＳ ゴシック", "Osaka－等幅";
font-size: 14px;
left: 165px;
line-height: 110%;
position: absolute;
top: -1250px;
}

#middle p.curriculum_text span{
color: #0000FF;
padding-left: 100px;
}


#middle p.pluse_l{
left: 195px;
position: absolute;
top: -1040px;
}

#middle p.pluse_r{
left: 670px;
position: absolute;
top: -1040px;
}


#middle p.it_curriculum_infra{
left: 11px;
position: absolute;
top: -1003px;
}

#middle p.it_curriculum_appli{
position: absolute;
top: -1003px;
left: 485px;
}

#middle p.curriculum_title_i{
color: #FFFFFF;
margin-left: 20px;
margin-top: -996px;
position: absolute;
}

#middle p.curriculum_title_a{
color: #FFFFFF;
margin-left: 20px;
margin-top: -996px;
left:475px;
position: absolute;
}

#middle p.curriculum_text_infra{
font-family:"ＭＳ ゴシック", "Osaka－等幅";
font-size: 14px;
left: 55px;
position: absolute;
top: -868px;
line-height: 110%;
}

#middle p.curriculum_text_infra span{
color:#00CA00;
margin-left:35px;
}

#middle p.curriculum_text_appli{
font-family:"ＭＳ ゴシック", "Osaka－等幅";
font-size: 14px;
left: 520px;
position: absolute;
top: -867px;
line-height: 110%;
}

#middle p.curriculum_text_appli span{
color:#FF00FF;
margin-left: 20px;
}


/* botoom */

#bottom{
position:relative;
}

#bottom #bottom_bg{
background-color: #000000;
height: 385px;
opacity: 0.5;
position:absolute;
width: 933px;
top:-670px;
left:-4px;
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
}

#bottom p.b_title{
left: 250px;
position: absolute;
top: -625px;
}

#bottom p.b_line_up{
color: #FFFFFF;
font-size: 14px;
left: 12px;
position: absolute;
top: -650px;
}

#bottom p.b_line_down{
color: #FFFFFF;
font-size: 14px;
left: 15px;
position: absolute;
top: -590px;
}


/* dimension01 */

#bottom div.dimension01{
left: 15px;
position: absolute;
top: -560px;
color:#ffffff;
}

#bottom p.dimension01_title{
left: 7px;
position: absolute;
top: 20px;
font-size:14px;
}

#bottom p.dimension01_txt{
font-size:14px;
margin-top:10px;
line-height:120%;
}

/* dimension02 */

#bottom div.dimension02{
left: 15px;
position: absolute;
top: -470px;
color:#ffffff;
font-size:14px;
}

#bottom p.dimension02_title{
left: 7px;
position: absolute;
top: 20px;
font-size:14px;
}

#bottom p.dimension02_txt{
font-size:14px;
margin-top:10px;
line-height:120%;
}


/* dimension03 */

#bottom div.dimension03{
left: 15px;
position: absolute;
top: -380px;
color:#ffffff;
font-size:14px;
}

#bottom p.dimension03_title{
left: 7px;
position: absolute;
top: 20px;
font-size:14px;
}

#bottom p.dimension03_txt{
font-size:14px;
margin-top:10px;
line-height:120%;
}


#bottom .bg_g{
float: left;
height: 105px;
left: -5px;
position: relative;
top: -265px;
width: 456px;

}


#bottom .b_g_img{
left: 20px;
position: absolute;
top: 16px;
}

#bottom .b_g_btn{
left: 305px;
position: absolute;
top: 27px;
}


#bottom .bg_p{
float: right;
height: 105px;
left: 7px;
position: relative;
top: -265px;
width: 456px;

}


#bottom .b_p_img{
left: 20px;
position: absolute;
top: 15px;
}

#bottom .b_p_btn{
left: 305px;
position: absolute;
top: 27px;
}


#bottom .btn_link{
left: 478px;
position: absolute;
top: -150px;
}

#bottom .topLink{
font-size: 16px;
left: 853px;
position: absolute;
top: -50px;
}

p.topLink a {
color: #FFFFFF;
}

p.topLink a:hover {
color: #FFFFFF;
text-decoration:underline;
}


/* #footer */

div#footer {
background-color: #FFFFFF;
font-size: 12px;
margin: 0;
padding: 0 18px;
position:absolute;
}

.ftContacTell , .ftContacMail , img.ftVarie{
margin-left:10px;
}

/* カリキュラムリンク */

.curriculum_text a{
color:#0000FF;
}

.curriculum_text a:hover{
text-decoration:underline;
}

.curriculum_text_infra a{
color:#00CA00;
}

.curriculum_text_infra a:hover{
text-decoration:underline;
}

.curriculum_text_appli a{
color:#FF00FF;
}

.curriculum_text_appli a:hover{
text-decoration:underline;
}