/*
Theme Name: MG BOOKS Tetsu-tabi  ver 0.3
Theme URI: http://www.mgc-p.com/tetsu-tabi/
Description: 鉄道の旅
Version: 0.3
Author: 株式会社 エムジー・コーポレーション
Author URI: http://www.mgc-p.com/
Tags: MG BOOKS,鉄道の旅,鉄道,旅

*/

@charset "<?php bloginfo('charset'); ?>";

/* Master Setting -------------------*/

*{
margin: 0;
padding: 0;
}

body{
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","MS Pゴシック","MS P Gothic",Helvetica,Arial,sans-serif;
color: #333333;
font-size: 10px;
line-height: 1.4;
text-align: left;
background: #fff url(images/bg-shadow.gif) repeat-y center 0;

}

*:first-child+html body{
background: #fff;
}

*:first-child+html #wwrapper{
width: 930px;
margin: 0 auto;
padding: 0;
background: #fff url(images/bg-shadow.gif) repeat-y center 0;
}

h1,h2,h3,h4{
margin: 0;
padding: 0;
}

h3{
font-size: 140%;
}

h4{
font-size: 120%;
}

img{
border: 0;
vertical-align: bottom;
}

a{
color: #000;
text-decoration: underline;
overflow: hidden;
}

a:hover{
color: #FF6318;
text-decoration: none;
}

a img{
border: 0;
}

ul, ul li, ol, ol li{
list-style-type: none;
}

.alignleft{
text-align: left;
}

.alignright{
text-align: right;
}

.fleft{
float: left;
}

.fright{
float: right;
}

.font-l{
font-size: 120%;
}

.font-s{
font-size: 85%;
}

.font-wb{
font-size: 105%;
font-weight: bold;
}

.amazon{
padding-top: 5px;
text-align: center;
}

/*
.amazon img{
padding: 2px;
background: #fff;
border: #cdcdcd 1px solid;
}
*/


/* Master Layout Setting -------------------*/

#wrapper{
margin: 0 auto;
width: 900px;
text-align: left;
background: #fff url(images/wrap-bg.jpg) no-repeat 0 0;
}

/*
#header{
margin: 0;
padding: 0;
height: 500px;
}

#navi{
height: 56px;
margin-bottom: 20px;
background: #fff url(images/navi_bg.jpg) repeat-x 0 0;
}
*/

#container{
width: 850px;
margin: 0 25px;
padding: 30px 0;
text-align: left;
}

#footer{
margin: 0;
padding: 0;
height: 100px;
background: #DEDEDE;
clear: both;
}


/* Header Layout Setting -------------------*/

#headerinbox{
margin: 0;
padding: 0;
text-align: left;
}

#headerinbox h1{
margin: 0;
padding: 0;
margin-left: 25px;
}

.description{
float: right;
text-indent: -9999px;
text-align: left;
}

#img_main{
background-color: #000;
}

#img_main img{
display:block;
margin: 0;
padding: 0;
}

#header p{
height: 10px;
margin: 2px 0 0 25px;
text-align: left;
}


/* Container Master Layout Setting -------------------*/

#content{
width: 570px;
text-align: left;
float: left;
margin: 0;
padding-right: 19px;
border-right: #cdcdcd 1px dotted;
}

#content_fp{
margin-top: -20px;
width: 850px;
text-align: left;
background-color: #FFF;
}

#content_fp p{
height: 28px;
text-align: center;
}

#post{
width: 570px;
margin-top: 15px;
}

#content h2{
margin-bottom: 3px;
height: 21px;
text-indent: 3px;
/*border-left: #5699FF 5px solid;*/
}

#content .post{
font-size: 140%;
line-height: 160%;
}

#content .entry{
padding: 15px 0;
clear: both;
}

#sidebar{
font-size: 120%;
color: #000;
width: 240px;
text-align: left;
float: right;
}


/* Home-Page Container Layout Setting -------------------*/

#news{
font-size: 120%;
margin-top: 3px;
padding: 5px 5px 0;
border: #cdcdcd 1px solid;
}

#news ul{
margin: 0;
padding: 5px;
}

#news li{
padding: 5px;
border-top: #cdcdcd 1px dotted;
}

#news a{
text-decoration: none;
}

#top-banner{
margin: 20px 0 20px;
}

#top-banner p{
padding-right: 10px;
}


/* Template 'single' Content Layout Setting -------------------*/

#content .navigation{
height: 24px;
margin: 5px 0 12px 0;
border-bottom: #bcbcbc 3px solid;
}

.s-title{
padding: 90px 0 0 0;
}

#pho_A{
width: 270px;
padding: 2px;
border: #cdcdcd 1px solid;
float: right;
}

#pho_A p{
color: #000;
padding: 3px 3px 0;
font-size: 10px;
line-height: 135%;
}

#pho_BCD{
margin: 0;
padding: 0;
}

#pho_BCD li{
width: 180px;
padding-right: 10px;
float: left;
text-align: center;
}

#pho_BCD li p{
color: #000;
padding: 3px 0 0;
margin-bottom: 10px;
font-size: 10px;
text-align: left;
line-height: 135%;
}

.cat-5_single{
padding: 0 10px 0 0;
}

.book_data{
padding: 5px;
border: #bbbbbb 1px solid;
}

.flv-paper_thumb p{
font-size: 120%;
padding: 15px 0 5px;
}

.thumb_box{
margin-bottom: 10px;
padding: 2px;
border: #bbbbbb 1px solid;
}

.flv-paper{
margin-top: 5px;
}

/* Template 'page(Master)' Contents Layout Setting -------------------*/

.p-title{
font-size: 120%;
margin-top: 3px;
padding: 5px;
border-top: #cdcdcd 1px solid;
border-right: #cdcdcd 1px solid;
border-bottom: #cdcdcd 1px solid;
border-left: #333333 5px solid;
}

*:first-child+html .p-title{
padding: 0 5px 8px;
}

.post{
margin-top: 15px;
}

#post-79 table#company {
	width: 570px;
	border-collapse: collapse;
	font-size: 1.0em;
	margin: 10px 0;
}
	
#post-79 table#company td {
	border: 1px solid #ccc;
	padding: 8px;
	line-height: 1.4;
}
	
#post-79 table#company td.td_01 {
	width: 85px;
	background-color: #e7e7e7;
	line-height: 1.4;
}
	
#post-79 table#company td.td_02 p{
	margin-bottom: 10px;
	line-height: 1.4;
}


/* Template 'page(Category-3,5)' Contents Layout Setting ---------------*/

.page-list{
width: 555px;
margin: 0;
padding: 20px 5px;
font-size: 120%;
border-bottom: #cdcdcd 1px dotted;
}

body:first-of-type .page-list{
width: 580px;
margin-left: -25px;
padding: 20px 5px;
font-size: 120%;
border-bottom: none;
}

.page-list a{
margin: 0;
padding: 0;
text-decoration: none;
}


/* Template 'page(Category-5)' Contents Layout Setting ---------------*/

.magazine-box{
margin: 0;
padding: 0;
width: 100px;
}

.magazine-box img{
margin: 0;
padding: 3px;
border: #dedede 1px solid;
}

.magazine-de{
margin: 0;
padding: 0;
width: 440px;
}

.magazine-de p{
margin: 0;
padding-top: 2px;
}


/* Sidebar Layout Setting -----------------*/

#sidebar p{
margin: 0;
padding: 0;
}

#sidebar ul{
margin: 0;
padding: 0;
background-color: #DEDEDE;
line-height: 1.5em;
position: relative;
}

.widgettitle{
margin: 0;
padding: 0;
font-size: 120%;
color: #FFF;
text-align: center;
line-height: 235%;
width: 240px;
height: 35px;
background: #DEDEDE url(images/widgettitle_bg.jpg) no-repeat 0 0;
}

#sidebar ul li{
margin: 0;
padding: 0 0 10px;
}

#sidebar ul li ul li{
margin: 0;
padding: 0 10px 0;
}

#new_book p.nb-img{
margin-left: 37px;
padding: 0 0 10px 0;
}

#new_book p.absolute-img{
margin: 0;
padding: 0;
position: absolute;
top: 120px;
left: 150px;
_left: 100px;
}

#side-bnr{
margin: 8px 0 0;
}

#side-bnr{
width: 240px;
height: 80px;
}

#side-bnr a{
width: 240px;
height: 80px;
display:block;
text-indent: -9999px;
background: #FFF url(images/side_bnr_quiz.jpg) no-repeat 0 0;
}

#side-bnr a:hover{
background: #FFF url(images/side_bnr_quiz_on.jpg) no-repeat 0 0;
}

#inq-mail{
padding: 20px 0 0 0;
line-height: 1.2;
}

#inq-mail p img{
padding: 0 5px 0 0;
}


/* Footer Layout Setting -------------------*/

#footerinbox{
margin: 0 25px 0 15px;
padding-top: 15px;
text-align: left;
}

#footer-navi{
margin: 0;
padding-top: 5px;
width: 450px;
text-align: left;
}

#footer-logo{
width: 350px;
}

#footer-navi li{
margin: 0;
padding: 0;
display: block;
text-indent: 10px;
}

#footer-logo p{
margin: 0;
padding: 0;
}

#footer-logo p#credit{
color: #969696;
}

#footerinbox a{
text-decoration: none;
}


/* Clearfix -------------------------------*/

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
display: inline-block;
}

.clearfix{
display: block;
}