@import url("base.css");
@charset "Shift_JIS";





/* ------------------------------
 インタビュー記事ページ
 id="prof" プロフィール
 class="paragraph" 写真なし段落
 class="paragraph_right" 写真右段落
 class="paragraph_left" 写真左段落
 ------------------------------ */

div#prof h2,div#prof_addpara h2,div.paragraph h2,div.paragraph_left h2,div.paragraph_right h2 {
 font-size:115%;
 margin:30px 0 20px 40px;
 color:#333;

}

div#prof h2 a,div#prof_addpara h2 a,div.paragraph h2 a,div.paragraph_left h2 a,div.paragraph_right h2 a {
 color:#333;
}

div#prof img ,div#prof_addpara img {
 float:left;
 margin:4px 15px 12px 0px;
}

div.paragraph {
 clear:both;
}

div.paragraph_right {
 clear:both;
}

div.paragraph_right img {
 float:right;
 margin:4px 0px 12px 15px;
}

div.paragraph_left {
 clear:both;
}

div.paragraph_left img {
 float:left;
 margin:4px 15px 12px 0px;
}

#page {
 height:30px;
 margin-bottom:30px;
}

#page ul {
 width:240px;
 height:30px;
 clear:both;
 float:right;
 text-align:left;
 margin:25px 0 0 0;
}
#page ul#center {
 width:340px;
}
#page li {
float:left;
width:120px;
height:30px;
overflow:hidden;
}
#page li.pagetop {
width:100px;
}
#page a {
display:block;
width:120px;
height:30px;
clear:both;
text-indent:-9999px;
background-repeat:no-repeat;
overflow:hidden;
}


#page li.pagenext a {
background-image:url(../images/intpage_pagenext.jpg);
}
#page li.pagetop a {
width:100px;
background-image:url(../images/intpage_pagetop.jpg);
}
#page li.pageback a {
background-image:url(../images/intpage_pageback.jpg);
}

#page a {
background-position:0 0;
}
#page a:hover {
background-position:0 -30px;
}
#page a#now_on {
background-position:0px 0;
}




/* ------------------------------
 コンテナ設定
#header
#body
 #left_menu,#int_container
  -#int_container
	#page_navi,#contents
#footer
------------------------------ */

#body {
width:960px;
height:auto;
min-height:400px;
}

#left_menu {
width:176px;
height:400px;
float:left;
z-index:100;
}

#int_container {
width:784px;
padding:0;
height:auto;
min-height:400px;
float:right;
}

#int_container #page_navi {
 float:left;
 width:20px;
 overflow:hidden;
}


#int_container #contents {
 width:734px;
}

#footer {
position:relative;
}

#page_navi ul {
 margin:10px 0 0 0;
}
#page_navi li {
float:left;
width:20px;
height:60px;
overflow:hidden;
}
#page_navi a {
display:block;
width:20px;
height:60px;
clear:both;
text-indent:-9999px;
background-repeat:no-repeat;
overflow:hidden;
}


#page_navi a.page1 {
background-image:url(../images/intpage_navi1.jpg);
}
#page_navi a.page2 {
background-image:url(../images/intpage_navi2.jpg);
}
#page_navi a.page3 {
background-image:url(../images/intpage_navi3.jpg);
}

#page_navi a {
background-position:-20px 0;
}
#page_navi a:hover {
background-position:-40px 0;
}
#page_navi a#now_on {
background-position:0px 0;
}

/* ------------------------------
 アマゾン広告（左メニュー下）
id = left_ad
親要素＝#body
 ------------------------------ */

#left_ad {
position:absolute;
top:-620px;
left:17px;
height:570px;
width:160px;
}

/* ------------------------------
 アマゾン広告（プロフ内）
id = prof_ad iframe
p#profがp#prof_addparaになる。
 ------------------------------ */

#prof_addpara {
position:relative;
}

#prof_addpara p {
margin-right:130px;
}

#prof_ad {
position:absolute;
width:120px;
top:100px;
right:15px;
}

#prof_ad p#prof_ad_text {
margin:10px 0 0 0;
font-size:11px;
line-height:105%;
color:#333;
}

/* ------------------------------
 アマゾン広告（ページ下部）
class = pagebottom_ad
 ------------------------------ */

.pagebottom_ad{
width:728px;
height:90px;
text-align:center;
margin:15px auto 10px auto;
}