@charset "UTF-8";

/* CSS Document */

/* =========================================================
 オクトパス君プロフィール用スタイルシート
========================================================= */

/* コンテンツ
--------------------------------------------------------- */
#contents {
	margin: 20px auto;
	padding: 0;
	width: 930px;
}
#contents #main {
	margin: 0;
	padding: 0;
	float: none;
	width: 930px;
	text-align: left;
}


/* プロフィール */
div.section.profile {
	margin:0 0 50px;
	padding:0;
	clear:both;
	overflow:hidden;
}
div.section.profile p.photoArea {
	margin:0;
	padding:0;
	width:368px;
	float:left;	
}
div.section.profile div.profArea {
	width:540px;
	float:right;
}

div.section.profile h3{
	margin:0 0 10px;
	padding: 0;
}

div.section.profile dl {
	margin:0;
	padding:0;
}
div.section.profile dt {
	margin: 0 0 3px;
	padding: 10px 0 10px 15px;
	float:left;
	width:9.5em;
	background:url(../../images/arrowBtn.png) no-repeat left center;
	line-height:1.5;
}
div.section.profile dd {
	margin: 0 0 3px;
	padding:10px 10px 10px 10.5em;
	background:url(../../images/line.png) repeat-x left bottom;
	line-height:1.5;
}



/* オクトパス君ものがたり */
div.negai {
	margin: 0 0 50px;
	padding: 0;
	clear: both;
}
div.negai h3 {
	margin: 0 0 20px;
	padding:0;
}
div.negai p.photoArea {
	margin:0;
	padding:0;
}



/* 志津川タコ */
div.tako {
	margin: 0 0 50px;
	padding: 0;
	clear: both;
	overflow:hidden;
	_zoom:1;
}
div.tako p.photoArea {
	margin:0 30px 0 0;
	padding:0;
	float:left;
}
div.tako h3 ,
div.tako .textArea {
	overflow:hidden;
	_zoom:1;
	line-height:1.5;
	font-size:108%;
}




/* 写真ギャラリー
--------------------------------------------------------- */
div.photogalleryWrap {
	margin: 0 0 50px;
	padding: 0;
	clear: both;
	background:url(../../octpuskun/images/bg_photogallery.gif) repeat left top;
}
div.photogalleryWrap h3 {
	margin:0 0 20px;
	padding:0;
}

div.photogallery {
	margin:0;
	padding:0 0 10px 10px;
	background:url(../../octpuskun/images/bg_photogalleryBottom.gif) no-repeat left bottom;
}
div.photogallery div.photoBox {
	width:160px;
	margin: 0px 0px 30px 15px;
	padding: 0px;
	overflow: hidden;
	/* 以下、ボックスを横並べにするCSS */
	vertical-align:top;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
}

/* サムネイル写真 */
div.photogallery div.photoBox div.block{/* <p class="photo">の外側に<div class="block">を追加しました。 */
	margin:0;
	padding:0;
	float: left;
	position:relative;
	left: 50%;
}
div.photogallery div.photoBox p.photo{
	margin:0;
	padding:0;
	float: left;
	position:relative;
	left: -50%;
}
div.photogallery div.photoBox p.photo a{
	display:block;
	padding:3px;
	background-color:#FFF;
	border:1px solid #CCC;
	text-decoration:none;
}
div.photogallery div.photoBox p.photo a:hover{
	background-color:#FCC;
}
div.photogallery div.photoBox p.photo a img{
	margin:0;
	padding:0;
	vertical-align: bottom;/* IEで写真下のスペース対策で追加 */
}