@charset "UTF-8";

/* ******************************************* _

	タイトル：ojt.css
	
	概要：TOPページ用 CSSファイル
	制作日：2010.1.4
	変更日：

_ ******************************************* */

/*============================================
/* link
========================================== */
a:link{ color: #0087ef; text-decoration:underline; }
a:visited{ color: #0087ef; text-decoration:underline; }
a:hover{ color: #0087ef; text-decoration:underline;}
a:active{ color: #0087ef; text-decoration:underline; }

/* yutori style
---------------------------------------------------------------------------- */
body{
background:url(/lp/ojt/img/bg_ojt_02.gif) top center repeat-y;
color:#333333;
line-height:1.5;
}
#wrapper,#header,#contents,#contentsR,#footer{
margin:0;
padding:0;
}
#wrapper{
width:100%;
background: url(/lp/ojt/img/bg_ojt_01.gif) top center no-repeat;
}


/* header style
---------------------------------------------------------------------------- */
#header{
background: url(/lp/ojt/img/bg_ojt_01.gif) top center no-repeat;
width:860px;
margin:0 auto;
height:459px;
}
#logo{
position:absolute;
top:33px;
left:40px;
}
#header h1{
position:absolute;
top:38px;
left:185px;
font-size:8pt;
line-height:1.2;
}
#header ul#topnavi {
position:absolute;
top:37px;
left:705px;
line-height:0;
}
#header h2{
position:absolute;
top:129px;
left:57px;
}
#header h2.lead{
position:absolute;
top:264px;
left:54px;
font-weight:bold;
}
#header .pageLead{
position:absolute;
top:336px;
left:61px;
}
#header .siryoBtn{
position:absolute;
top:380px;
left:273px;
}
#header .kv{
position:absolute;
top:117px;
left:502px;
}





/* contents style
---------------------------------------------------------------------------- */
#contents{
width:860px;
margin:0 auto;
background: url(/lp/ojt/img/bg_ojt_02.gif) top center repeat-y;
padding-top:10px;
}
.txtbox{
}
.txtbox h3{
padding-top:29px;
margin-left:54px;
}
.txtbox p{
margin-left:60px;
margin-top:17px;
padding-right:60px;
}
.txtbox p strong{
color:#ff9967;
}
.txtbox .yutoritoha{
background:url(/lp/ojt/img/bg_ojt_03.gif) top left no-repeat;
width:664px;
height:161px;
margin-left:136px;
margin-top:26px;
overflow:hidden;
font-weight:bold;
padding-top:23px;
font-size:117%;
}
.txtbox .yutoritoha li{
margin-left:29px;
margin-bottom:3px;
}
.txtbox .yutoritoha li.etc{
padding-left:354px;
margin-top:-24px;
}
.txtbox h3.feature{
margin-bottom:10px;
margin-top:-15px;
}
.txtbox .itemBox1{
margin-left:60px;
background:url(/lp/ojt/img/bg_ojt_04.gif) top left no-repeat;
margin-bottom:13px;
height:283px;
}
.txtbox .itemBox1 dl{
padding-top:43px;
margin-left:39px;
}
.txtbox .itemBox1 dt,.txtbox .itemBox1 dd{
line-height:0;
}
.txtbox .itemBox1 dt img,.txtbox .itemBox1 dd img{
vertical-align:bottom;
}
.txtbox .itemBox1 p{
width:660px;
margin-top:20px;
margin-left:39px;
line-height:1.8;
}
.txtbox .itemBox2{
margin-left:60px;
background:url(/lp/ojt/img/bg_ojt_05.gif) top left no-repeat;
margin-bottom:15px;
height:313px;
}
.txtbox .itemBox2 dl{
padding-top:43px;
margin-left:39px;
}
.txtbox .itemBox2 dt,.txtbox .itemBox2 dd{
line-height:0;
}
.txtbox .itemBox2 dt img,.txtbox .itemBox2 dd img{
vertical-align:bottom;
}
.txtbox .itemBox2 p{
width:660px;
margin-top:20px;
margin-left:39px;
line-height:1.8;
}
.txtbox .itemBox3{
margin-left:60px;
background:url(/lp/ojt/img/bg_ojt_06.gif) top left no-repeat;
margin-bottom:16px;
height:268px;
}
.txtbox .itemBox3 dl{
padding-top:43px;
margin-left:39px;
}
.txtbox .itemBox3 dt,.txtbox .itemBox3 dd{
line-height:0;
}
.txtbox .itemBox3 dt img,.txtbox .itemBox3 dd img{
vertical-align:bottom;
}
.txtbox .itemBox3 p{
width:660px;
margin-top:43px;
margin-left:39px;
line-height:1.8;
}
.txtbox .btnArea2{
padding-left:210px;
padding-top:4px;
}
.txtbox .btnArea3{
background:url(/lp/ojt/img/bg_ojt_07.jpg) top left no-repeat;
height:103px;
padding-left:270px;
padding-top:48px;
}
.subimage{
margin-top:-76px;
margin-left:687px;
z-index:10;
}
h3.yutori{
margin-left:60px;
margin-top:-26px;
}
.ojtinfo{
background:url(/lp/ojt/img/bg_ojt_03.jpg) top left no-repeat;
width:625px;
margin-top:12px;
margin-left:79px;
padding-top:14px;
padding-left:76px;
height:338px;
position:relative;
_letter-spacing:0.01em;
}
.reason01{
position:absolute;
width:600px;
top:28px;
left:76px;
}
.reason02{
position:absolute;
width:600px;
top:129px;
left:76px;
}
.reason03{
position:absolute;
width:500px;
top:230px;
left:76px;
}
.ojtinfo div strong{
padding-bottom:4px;
display:block;
}
.ojtinfo div span{
display:block;
padding-right:100px;
}
div.problem{
padding-left:79px;
padding-top:12px;
}

/* footer style
---------------------------------------------------------------------------- */
#footer{
clear:both;
width:801px;
padding-left:59px;
padding-top:24px;
margin:0 auto;
color:#f35804;
font-size:110%;
}
#footer h3{
font-size:134%;
font-weight:bold;
}
#footer #btnArea{
text-align:center;
width:742px;
background:url(/lp/ojt/img/bg_ojt_04.gif) top left no-repeat;
padding-top:22px;
padding-bottom:40px;
}
#footer #btnArea p{
margin-bottom:4px;
}
#footer #btnArea p strong{
display:block;
}
#relationLink{
clear:both;
width:801px;
padding-left:59px;
padding-bottom:25px;
margin:0 auto;
}
#relationLink h3{
color:#169131;
font-weight:bold;
margin-bottom:2px;
}
#relationLink a{
font-size:90%;
}