@charset "UTF-8";

/* ------------------------------------------------------------
 layout col2　CSS
 更新日:08/04/09
------------------------------------------------------------ */



/* 
 壁紙ダウンロードレイアウト
------------------------------ */

div.wpdl{
width:330px;
float:left;
padding:0 9px 10px 5px;
}

div.wpdl img{
float:left;
}

div.wpdl p{
padding-left:142px;
}

div.wpdl ul{
list-style:none;
}

div.wpdl ul li{
display:inline;
}

div.wpdl ul li img{
padding-left:5px;
}

/* 
 INDEX一覧レイアウト
------------------------------ */
li#cat01{background:url(../img/indexlist01_img.jpg) no-repeat;}
li#cat02{background:url(../img/indexlist02_img.jpg) no-repeat;}
li#cat03{background:url(../img/indexlist03_img.jpg) no-repeat;}
li#cat04{background:url(../img/indexlist04_img.jpg) no-repeat;}





/*
　本のプレゼント
------------------------------*/
div.section span.bold{
color:#696969;
font-weight:bold;
background:none;
}

div.subSection{
width:480px;
margin:15px 0;
}

div.rightImg{
float:right;
padding:0 40px 30px 0;
text-align:center;
}

div.rightImg img.btn{
margin:22px 0 0 0;
}

.rightImg{
float:right;
padding:0 20px 20px 0;
}

.rockImg{
/*float:right;*/
padding:0 0 20px 0;
position:absolute;
top:290px;
right:50px;
}

ul.notice{
font-size:80%;
margin:0 0 5px 10px;
color:#823828;
}

div.section span.sml_ttl{
font-size:80%;
padding:10px 12px;
}

/*
　Style BOOK
------------------------------*/

div.section .centerImg{
margin:20px 20px;
}

div.imgArea{
padding:20px;
text-align:center;
}

div.imgArea img{
margin: 0 20px;
}

div.section h5{
padding:20px 0 0 10px;
margin:0 0 5px 0;
font-weight:bold;
color:#696969;
border-bottom:1px #696969 dashed;
}

div.colL{
width:380px;
float:left;
padding:0 20px 20px 10px;
}

div.colL ul,
div.colR ul{
margin-left:10px;
}

div.colR{
float:right;
width:255px;
padding-right:15px;
}

div.colR p{
padding:10px 0;
}

div.section div.inner span.ttl{
font-weight:bold;
margin:0;
background:none;
}

div.inner table{
font-size:80%;
}

div.inner table.form{
font-size:100%;
}

div.inner table th{
text-align:left;
vertical-align:top;
padding:0 10px 0 10px;
background:url(../stylebook/img/list_org_bg.gif) no-repeat 0px 5px;
}

div.inner table th.none{
background:none;
}

div.section_bg1{
background:url(/books/resoul/img/resoul_img.jpg) no-repeat 500px 50px;
}
div.section_bg2{
background:url(/books/book/img/book_img.jpg) no-repeat 500px 50px;
position:relative;
zoom:1;
}


/*
　本の申し込みフォーム
------------------------------*/
div.section box01 div.inner table.form{
border-collapse:collapse;
}

table.form th{
width:130px;
padding:10px;
text-align:left;
vertical-align:top;
color:#696969;
font-weight:bold;
border-bottom:1px solid #e0e0e0;
}

table.form th.nob{
border:none;
background:none;
}

table.form th span{
color:#802105;
font-size:100%;
font-weight:normal;
}

table.form td{
width:470px;
padding:10px 10px 10px 0;
vertical-align:middle;
border-bottom:1px solid #e0e0e0;
}

table.form td.nob{
border:none;
background:none;
}

table.form span{
font-size:80%;
}

table.form table.formset1 td{
padding:0;
width:230px;
border:none;
}

table.form tr td table.formset2{
width:400px;
margin-left:-15px;
}

table.form tr td table.formset2 td{
text-align:right;
padding:0;
margin:0;
border:none;
}

table.form tr td table.formset2 tr td select{
width:180px;
padding:0;
margin:0;
}

.imgCenter{
margin:20px 260px;
}

div.section p.pdb15{padding-bottom:15px;}