@charset "shift_jis";

/*//////////////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - 2010-07-30 (Fri)
//////////////////////////////////////////////////////////*/

* {
	margin: 0 auto;
}

#konohito #contents {
	margin: 0 auto;
}

/* - base
----------------------------------------------------------*/
#konohito #contents { background: #FFFFFF url(../img/contents_bg.gif) repeat-y; }
#konohito #section { width: 980px; }
#konohito #main { width: 637px; float: left; padding-bottom: 30px; position: relative; z-index: 1; }
#konohito #side { width: 310px; float: left; padding-bottom: 30px; padding-top: 25px;} 

#konohito div.contentsArea {
	margin-left: 33px;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0;
	width: 600px;
	background: url(../img/main_bg.gif) repeat-y;
}
#konohito div.contentsEnd {
	margin-top: 0;
	margin-left: 33px;
	padding: 0;
	width: 600px;
}

/* -----font-----*/
.t10 { font-size: 84%; }
.t14 { font-size: 117%; }
.t16 { font-size: 134%; }

.ques {
	color: #CC9966;
	font-weight: bold;
}
.col_red {
	color: #CC0000;
}
.col_blue {
	color: #0033cc;
}

.ctr {
	text-align: center;
}

/* -----parsonal_page-----------------------------------------------------------------*/
#konohito #main .title{
	width: 600px;
	height: 280px;
	background: url(../img/title_bg01.gif) no-repeat 0 0;
	position: relative;
}

/*#konohito #main .title {
	background: url(../../img/title_bg02.gif) repeat-y;
	margin-left: 33px;
	width: 565px;
	position: relative;
	margin-top: 32px;
}
#konohito #main .title p.tit {
	position: absolute;
	top: -20px;
	width: 565px;
	background: url(../../img/title_bg01.gif) no-repeat 0 20px;
}*/
html>body#konohito #main #yoko p.ph { 
	background: url(../img/main_ph_bg.png) no-repeat;
	height: 205px;
	width: 270px;
	position: absolute;
	top: 80px;
	left: 277px;
	padding: 8px 0 0 8px;
}
* html #konohito #main #yoko p.ph {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/main_ph_bg.png', sizingMethod='scale');
	height: 205px;
	width: 270px;
	position: absolute;
	top: 80px;
	left: 277px;
	padding: 8px 0 0 8px;
}

#konohito #main div.title h2 {
	margin: 0 0 0 0;
	padding: 109px 0 10px 28px;
	background: url(../img/title_line.gif) no-repeat left bottom;
}
#konohito #main div#yoko p.txt {
	padding: 20px 20px 16px 20px;
}
#konohito #main div#yoko p.t10 {
	padding: 0px 20px 10px 20px;
	color: #999999;
}

html>body#konohito #main #tate p.ph { 
	background: url(../img/main_ph_bg2.png) no-repeat;
	height: 278px;
	width: 213px;
	position: absolute;
	top: 10px;
	left: 340px;
	padding: 8px 0 0 8px;
}
/** html #konohito #main #tate p.ph {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main_ph_bg2.png', sizingMethod='scale');
	height: 270px;
	width: 205px;
	position: absolute;
	top: -20px;
	left: 327px;
	padding: 8px 0 0 8px;
}*/
* html #konohito #main #tate p.ph {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main_ph_bg2.png', sizingMethod='scale');
	height: 270px;
	width: 205px;
	position: absolute;
	top: 20px;
	left: 0;
	padding: 8px 0 0 8px;
}
#konohito #main div#tate p.txt {
	padding-top: 20px;
	margin: 0 0px 16px 20px;
	width: 290px;
}
#konohito #main div#tate p.t10 {
	padding: 0px 20px 10px 20px;
	color: #999999;
}

/* SNS */
#konohito #main div.sns {
	clear: both;
	width: 520px;
	margin: 16px auto 10px 130px;
	padding: 0;
}
#konohito #main div.sns ul {
	list-style:none;
}
#konohito #main div.sns li {
	float:left;
}
#konohito #main div.sns li.twit {
	width:120px; margin-right:5px;
}
#konohito #main div.sns li.fb {
	width:100px; margin-right:5px;
}
#konohito #main div.sns li.hatena {
	width:55px; margin-right:5px;
}
#konohito #main div.sns li.mixi {
	width:65px; margin-right:5px;
}

/* */
#konohito #main div.box {
	clear: both;
	width: 520px;
	margin: 16px 0 0 43px;
}
#konohito #main div.box h3 { padding-top: 40px; }
#konohito #main div.box h3.top { padding-top: 22px; }

#konohito #main div.box p { padding-top: 20px; }

#konohito #main p.listpage { padding-top: 20px; margin-left: 33px; }
#konohito #main div.box p.img img { border: 1px solid #ccc; }
#konohito #main div.box p span { font-weight: bold; padding-right: 12px; }


/* */
#konohito #main div.ibox {
	clear: both;
	width: 520px;
	margin: 20px 0 10px 43px;
	overflow: hidden;
}
#konohito #main div.ibox h3{
	clear: both;
	margin-bottom: 10px;
}
#konohito div.ibox p.ph {
	width: 170px; float: left; 
}
#konohito div.ibox p.ph img { border: solid 1px #ccc; }

#konohito div.ibox div.text { float: left; width: 350px; }
#konohito div.ibox dt,
#konohito div.ibox dd.tit { font-weight: bold; }
#konohito div.ibox p.line { clear: both; height:21px; background: url(../../../img/common/dots_cya.gif) repeat-x left center; }
#konohito div.ibox p.btn { padding-top: 5px; padding-right: 5px; float: right;}
#konohito div.ibox p { padding-top: 10px; }
#konohito .t10 { padding-top: 5px; }

#konohito .box-title {
	clear: both;
	margin-bottom : 10px;
    padding: 4px 10px ;
	background-color:#000000;
	color:#fff;
	font-weight:bold;
}

/* ページ送り*/
#konohito div.pageNavi {
	clear: both;
	margin-left: 43px;
	width: 520px;
	margin-top: 20px;
}
#konohito div.pageNavi ul { position: relative }
#konohito div.pageNavi ul li.next { position:absolute; top: 12px; right:0; z-index: 1; }
#konohito div.pageNavi ul li.back { position:absolute; top: 12px; left:0; z-index: 1; }

#konohito div.pageNavi p.number {
	background: url(../../../img/common/dots_g_w.gif) repeat-x left top;
	text-align: center;
	padding: 12px 0 0 0;
	font-weight: bold;
}
#konohito div.pageNavi p.number a,
#konohito div.pageNavi p.number span {
	border-left: solid 1px #CCCCCC;
	padding: 0 4px;
}
#konohito div.pageNavi p.number span { font-weight: bold; color: #999999; }
#konohito div.pageNavi p.number .last {
	border-right: solid 1px #CCCCCC;
}

/* 更新日*/
#konohito div.date {
	clear: both;
	text-align: right;
	margin: 10px 38px 0 10px;
	padding: 0;
}

#konohito #side {
	margin-top: 30px;
}
/* - 右サイド バックナンバー
----------------------------------------------------------*/

#konohito #side div.konohito { background: url(../img/y_bg.gif) repeat;  margin-top: 15px; }
#konohito #side div.konohito div { padding: 12px; }
#konohito #side div.konohito ul {
	margin-top: 10px;
}
#konohito #side div.konohito ul li {
	background: url(../../../img/common/dots_cya.gif) repeat-x left top;
	padding: 10px 0;
	clear: both;
	float: left;
	width: 285px;
}
#konohito #side div.konohito p.ph {
	width: 90px;
	float: left;
}
#konohito #side div.konohito p.ph img { border: solid 1px #CDCDCD; }
#konohito #side div.konohito dl {
	width: 195px;
	float: left;
}
#konohito #side div.konohito dt a,
#konohito #side div.konohito dt { font-weight: bold; }
#konohito #side div.konohito dd { font-size: 84%; }
#konohito #side div.konohito p.t10 {
	clear: both;
	padding: 10px 0 0 0;
	width: 285px;
	background: url(../../../img/common/dots_cya.gif) repeat-x left top;
	text-align: right
}
#konohito #side div.konohito p.t10 a.icon02 {
	background-position: 0 3px;
	display: inline;
}

#konohito .bn_100q {
	margin-top: 15px;
}
#konohito .bn_100q p.bn a:hover {
	opacity: 0.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-ms-filter: "alpha(opacity=80)";
}
#konohito .bn_100q p.t10 {
	clear: both;
	padding: 10px 12px;
	text-align: right;
}
/* -----copyright-----------------------------------------------------------------*/
div#copyright { 
	color: #999999;
	background: #FFF url(../img/common/hakushi_btm.gif) repeat-x left bottom;
	padding-bottom: 7px;
	margin-bottom: 10px;
	width: 100%;
}

p.pagetop { width: 947px; text-align: right; padding-top: 10px; padding-bottom: 10px; }

/* -----footer-----------------------------------------------------------------*/
#footer { background: #f0f0f0 ;margin: 0 auto;}
#footer address { width: 980px;}
#footer address img { float:right;}