@charset "UTF-8";

/*CSSDocument*/

/* main_layout.css
--------------------------------------------------------------

:: CSS Index

 1 : html body base
        
 2 : body base
        
 3 : header
     �Emenu

 4 : footer
       
 5 : TOP Page
 
 6 : Contents Page
       


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



/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/


*{ margin: 0px; padding: 0px;}

body{
color:#000;
margin:0;
background:url(../images/poor_soul/back.jpg) repeat top center;
font-family:Helvetica, Arial, YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
padding:0px;
text-align:center;
line-height:22px;
font-size:12px;
}

body.second{ background:none;}



a:link{ color:#0061b4;text-decoration:none;}
a:visited{ color:#0061b4;text-decoration:none;}
a:hover{ color:#0061b4;text-decoration:underline;}
a:active{ color:#8b4242;text-decoration:underline;}


.link_arrow{ background: url(../images/link_arrow.gif) no-repeat left 8px; padding:2px 0 2px 7px;}
.link_arrow_square{ background:url(../images/rink_arrow_square.gif) no-repeat left 3px; padding:4px 0 4px 16px;}


img {
border:none;
vertical-align:top;
}


input, select, textarea {
font-size: 12px;
}

ul, ol {
list-style: none;
}


/*
html ----------------------------------------------------------*/


/*
Module --------------------------------------------------------*/

 
.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
display: inline-block;
}

.access_log{ height:1px; margin:-1px 0 0 0; font-size:1px; clear:both;}


.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


span.caution{  line-height:16px;}

.iepngfix{behavior: expression(IEPNGFIX.fix(this));}

img{
margin:0;
padding:0;
border:0;
}

/*
Module --------------------------------------------------------*/



/* html body base
===============================================================*/

/*
body base -----------------------------------------------------*/

#main{
width:100%;
background:url(../images/poor_soul/illust.png) no-repeat top center;
}

#pageContent{ width:1000px; margin:0 auto; text-align:left;}






/* header
===============================================================*/

#header_wrap{
width:100%;
height:837px;
background:url(../images/poor_soul/main_vis.png) no-repeat top center;
margin-bottom:51px;
}

.hukidashi{
padding:74px 0 0 13px;
text-align:left;
width:1000px;
margin:0 auto;
position:relative;
}

#header_wrap h1{
position:absolute;
top:96px;
right:0
}
#header_wrap .author{
right:0;
top:232px;
position:absolute;
}
#header_wrap .copy{
right:0;
top:368px;
position:absolute;
}



.youtube{
text-align:center;
margin-bottom:65px;
position:relative;
}
.youtube_sign{
position:absolute;
bottom:-50px;
right:100px;
width:180px;
}
.youtube_sign img{
width:100%;
height:auto;
}
/* header
-------------------------------------------------------------- */

.back_01{
padding-bottom:30px;
text-align:center;
}
.back_01 img{
display:inline-block;
padding:0;
margin:0;
}


.first{
padding-bottom:45px;
}


p{
font-size:18px;
margin-bottom:30px;
line-height:1.8;
}

p.caution{
font-size:14px;
margin-bottom:50px;
}

p strong{
font-weight:bold;
font-size:18px;
margin-bottom:-20px;
}

.tit_r{
position:relative;
margin-left:-13px;
}


.media_result{
background:#fff;
border-radius:10px;
box-shadow:inset 5px 5px 10px #d1d0d0;
padding:33px 0 20px 59px;
overflow:hidden;
margin-bottom:60px;
}

.media_result li{
width:460px;
float:left;
color:#656565;
font-size:14px;
margin-bottom:10px;
box-sizing:border-box;
}

.media_result li.tv{
background:url(../images/poor_soul/ico_tv.gif) no-repeat left 50%;
padding-left:36px;
}
.media_result li.magazine{
background:url(../images/poor_soul/ico_magazine.gif) no-repeat left 50%;
padding-left:36px;
}
.media_result li.radio{
background:url(../images/poor_soul/ico_radio.gif) no-repeat left 50%;
padding-left:36px;
}

.media_result li.more{
text-align:right;
}


.book_l{
width:270px;
float:left;
padding-top:46px;
}
.book_l img{
box-shadow:3px 3px 3px #C5C5C5;
margin-bottom:20px;
}

.book_l p{
font-size:12px !important;
line-height:1.5;
color:#484848;
}
.book_l p strong{
font-size:12px !important;
}

.book_r{
width:722px;
float:left;
padding-bottom:158px;
}

.book_r li{
float:left;
margin-left:33px;
margin-bottom:25px;
font-size:12px;
line-height:1.7;
}

.book_r_tit{
text-align:center;
font-size:17.66px;
margin-bottom:20px;
font-weight:bold;
}


.link{
padding-bottom:165px;
clear:both;
text-align:center;
}



/* header
===============================================================*/




/* footer
===============================================================*/

/* footer
-------------------------------------------------------------- */


#footer{ 
clear:both; 
width:100%; 
text-align:center; 
margin:0 auto;
background:url(../images/poor_soul/poor_img_24.gif) repeat-x top center;
}

.footer_in{ width:960px; margin:0 auto; overflow:hidden;}

.footer_logo{ float:left; display:inline;}
.footer_copy{ float:right; display:inline; color:#fff; line-height:56px;}


/* footer
-------------------------------------------------------------- */



