@charset "Shift_JIS";

/* kotsu_index.css */
/*---------------------------------------------------------------------
//=====RESET=====//
* 01 reset 

//=====LAYOUT=====//
* 02 book_wrap

//=====etc=====//

-----------------------------------------------------------------------*/


/* 01 reset
---------------------------------------------------------------------- */


/* 02 bookandtwitter
---------------------------------------------------------------------- */

div#bookandtwitter{
margin: 20px auto 20px auto;
width:715px;
clear: both;
}

/* 03 book_wrap
---------------------------------------------------------------------- */
div.book_wrap{
float: left;
width: 352px;
}

div.book_wrap h2{
margin-bottom:10px;
}

div.book_wrap div.dlgroup{
margin:0 auto;
width:336px;
}

div.book_wrap div.dlgroup dl{
margin-bottom:10px;
padding-bottom:10px;*
width:336px;
background:url(../train/img/common/dot_line01.gif) left bottom repeat-x;

}

div.book_wrap div.dlgroup dt{
width:52px;
float:left;
}
div.book_wrap div.dlgroup dt img{
padding:1px;
border:1px solid #CCCCCC;
}
div.book_wrap div.dlgroup dd{
padding:0 10px 0 0;
width:265px;
line-height:120%;
float:right;
}

div.book_wrap div.dlgroup dd.bookname{
font-weight:bold;
padding-bottom:8px;
}

div.book_wrap p.more_btn{
margin:0 auto;
width:336px;
font-weight:bold;
text-align:right;
}

div.book_wrap p.more_btn img{
margin:0 8px 0 0;
vertical-align:-0.2em;
}


/* 03 twitter_wrap
---------------------------------------------------------------------- */
div.twitter_wrap{
float:right;
width:344px;
/*border:1px solid #cccccc;
padding:1px;*/
}

div.twitter_wrap .text_twitter {
width: 336px;
margin: 0 0 0 8px;
padding-top: 10px;
padding-bottom: 8px;
background:url(../train/img/common/dot_line01.gif) left top repeat-x;
line-height: 1.4em;
}

div.twitter_wrap .twitter_section {
padding-left:22px;
}

div.twitter_wrap .follow_btn {
/*width:322px;*/
padding:5px 0px;
text-align:center;
}


/* 04 .ekiben_wrap(2011_september)
---------------------------------------------------------------------- */
div#ekiben_wrap{
margin:0 auto;
width:715px;
}

div#ekiben_wrap .ekiben_title img{
vertical-align:bottom;
}

div#ekiben_wrap .ekiben_box{
padding:17px 0 25px 13px;
border:1px solid #CCCCCC;
}

div#ekiben_wrap .ekiben_box ul{
width:665px;
background:url(../train/img/index/ekiben_dotline.gif) 171px 0 repeat-y;
}

div#ekiben_wrap .ekiben_box ul li{
float:left;
}

div#ekiben_wrap .ekiben_box ul li.leftbox{
padding-right:15px;
width:170px;
}

div#ekiben_wrap .ekiben_box ul li.rightbox{
padding-right:37px;
width:375px;
}

div#ekiben_wrap .ekiben_box ul li.ekiben_btn{
float:right;
padding-top:21px;
}

div#ekiben_wrap li.rightbox dl{
width:412px;
}

div#ekiben_wrap dd{
line-height:normal;
}

div#ekiben_wrap dd img{
vertical-align:-5px;
}

div#ekiben_wrap dd.sub_leftbox{
float:left;
padding-right:12px;
display:inline;
}

div#ekiben_wrap dd.sub_rightbox{
float:left;
display:inline;
}