@charset "UTF-8";

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

	タイトル：yutori.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/yutori/img/bg_yutori_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/yutori/img/bg_yutori_01.gif) top center no-repeat;
}


/* header style
---------------------------------------------------------------------------- */
#header{
background: url(/lp/yutori/img/bg_yutori_01.gif) top center no-repeat;
width:860px;
margin:0 auto;
height:391px;
}
#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:58px;
}
#header h2.siryoseikyu{
position:absolute;
top:248px;
left:61px;
font-weight:bold;
}
#header .pageLead{
position:absolute;
top:268px;
left:61px;
}
#header .pageLead strong{
display:block;
margin-bottom:2px;
}
#header .siryoBtn{
position:absolute;
top:317px;
left:100px;
}
#header .bookinfo{
position:absolute;
top:112px;
left:511px;
background:url(/lp/yutori/img/bg_yutori_08.gif) top left no-repeat;
width:293px;
padding-right:10px;
font-size:84%;
}
#header .bookinfo .book{
padding:16px 14px 13px 18px;
float:left;
}
#header .bookinfo p{
margin-bottom:16px;
line-height:1.6;
}
#header .bookinfo strong{
font-size:117%;
margin-top:14px;
display:block;
}






/* contents style
---------------------------------------------------------------------------- */
#contents{
width:860px;
margin:0 auto;
background: url(/lp/yutori/img/bg_yutori_02.gif) top center repeat-y;
}
.txtbox{
}
.txtbox h3{
padding-top:31px;
margin-left:60px;
}
.txtbox p{
margin-left:60px;
margin-top:17px;
padding-right:60px;
}
.txtbox p strong{
color:#ff9967;
}
.txtbox .yutoritoha{
background:url(/lp/yutori/img/bg_yutori_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/yutori/img/bg_yutori_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/yutori/img/bg_yutori_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/yutori/img/bg_yutori_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/yutori/img/bg_yutori_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;
}
.yutorinoinfo{
background:url(/lp/yutori/img/bg_yutori_09.gif) top left no-repeat;
width:750px;
margin-left:60px;
padding-bottom:10px;
}
.yutorinoinfo dl.info{
padding-top:13px;
margin-bottom:20px;
}
.yutorinoinfo dl.info dt{
margin-left:21px;
margin-bottom:14px;
}
.yutorinoinfo dl.info dd{
margin-left:20px;
padding-right:50px;
line-height:1.4;
margin-bottom:17px;
}
.yutoriKeii{
}
.yutoriKeii h4{
cursor:pointer;
}
.yutoriKeii .btn{
margin-left:486px;
}
.yutoriKeii dl{
background:url(/lp/yutori/img/bg_yutori_10.gif) top left repeat;
border:3px solid #fff5bc;
width:696px;
margin-left:14px;
padding-top:10px;
}
.yutoriKeii dl dt{
margin-left:8px;
line-height:0;
}
.yutoriKeii dl dt img{
vertical-align:bottom;
}
.yutoriKeii dl dd{
margin-left:27px;
padding-right:20px;
padding-bottom:10px;
}
.yutoriKeii dl dd img{
}

/* footer style
---------------------------------------------------------------------------- */
#footer{
background:url(/lp/yutori/img/bg_yutori_02.gif) top center repeat-y;
clear:both;
width:801px;
padding-left:59px;
padding-top:48px;
padding-bottom:25px;
margin:0 auto;
color:#c3721f;
font-size:110%;
}
#footer h3{
font-size:134%;
font-weight:bold;
}
#footer #btnArea{
text-align:center;
width:727px;
background:url(/lp/yutori/img/bg_yutori_11.gif) top left no-repeat;
padding-top:25px;
padding-bottom:40px;
}
#footer #btnArea p{
margin-bottom:8px;
}
#footer #btnArea p strong{
display:block;
}