@charset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body,div,pre,p,blockquote,
h1,h2,h3,h4,h5,h6,form,fieldset,ol,ul,li,dl,dt,dd,
table,th,td,embed,object{
	margin:0;
	padding:0;
}
html{
	background:url(../img/common/bg.png) #fff;
}
body{
	position:relative;
	color:#2e2c34;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size:9pt;
	-webkit-text-size-adjust:none;
	line-height:1.61;
}
a, object, embed, area, input{
	outline:0;
}
a img{
	border:0;
}
em{
	font-style:normal;
}
ul, ol{
	list-style-type:none;
}
sup{
	vertical-align:super;
	font-size:0.6em;
}
hr{
	display:none;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
th, caption{
	text-align:left;
	font-weight:normal;
}
th,td{
	empty-cells:show;
}

/* -------------------------------
clearfix */

.clearfix{
	overflow:hidden;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
/*\*/
* html .clearfix{
	height:1em;
	overflow:visible;
}
/**/

/* -------------------------------
ヘッダー */

#header{
	margin:0 auto;
	padding:16px 0 0;
	width:960px;
	height:79px;
	background:url(../img/common/header_bg.png) no-repeat 0 16px;
	position:relative;
}
#header dt{
	position:absolute;
	top:23px;
	left:239px;
}
#header dd{
	position:relative;
}
#header .hmenu{
	position:absolute;
	top:36px;
	left:233px;
}
#header .hmenu li{
	float:left;
}
#header .hlinks{
	position:absolute;
	top:7px;
	right:32px;
}
#header .hlinks li{
	float:right;
}

/* -------------------------------
パンくずリスト */

#topicpath{
	margin:14px auto 0;
	width:906px;
	font-size:10px;
}
#topicpath li{
	display:inline;
	line-height:1.4;
	list-style-type:none;
}
#topicpath li a{
	padding-right:21px;
	color:#ff4988;
	background:url(../img/common/arrow.png) no-repeat right center;
	text-decoration:none;
}
#topicpath li a:hover{
	text-decoration:underline;
}

/* -------------------------------
ヘッドライン */

#headline{
	position:relative;
	margin:0 auto;
	width:988px;
	height:181px;
	background:url(../img/common/title_bg.png) no-repeat;
	overflow:hidden;
}
#headline .page-title{
	position:absolute;
	top:56px;
	left:94px;
}
#headline p{
	position:absolute;
	top:56px;
	left:303px;
}

/* -------------------------------
メンバー写真 */

#member{
	position:relative;
	margin:0 auto;
	width:900px;
}
#member img{
	position:absolute;
	top:-200px;
	left:624px;
	height:235px;
}


/* -------------------------------
メイン */

#main{
	margin:0 auto;
	width:988px;
	background:url(../img/common/content_bg.png) repeat-y;
}

/* -------------------------------
下段ナビ */

#footnavi{
	position:relative;
	margin:0 auto;
	width:988px;
	height:61px;
	background:url(../img/common/navi_bg.png) no-repeat;
}
#footnavi #back{
	position:absolute;
	top:24px;
	left:33px;
}
#footnavi #totop{
	position:absolute;
	top:24px;
	left:848px;
}

/* -------------------------------
ギャラリー用ナビ */

#footnavi #tophoto{
	position:absolute;
	top:24px;
	left:320px;
	width:118px;
	height:24px;
	background:url(../img/gallery/star.png) no-repeat right top;
}
#footnavi #toreport{
	position:absolute;
	top:24px;
	left:438px;
	width:129px;
	height:24px;
	background:url(../img/gallery/star.png) no-repeat right top;
}
#footnavi #towallpaper{
	position:absolute;
	top:24px;
	left:567px;
	width:114px;
	height:24px;
}

/* -------------------------------
フッター */

#footer{
	margin:0 auto;
	width:960px;
	height:190px;
	background:url(../img/common/line.png) no-repeat 0 112px;
	overflow:hidden;
}

/* -------------------------------
フッター - ブログバナー */

#footer .banners{
	position:relative;
}
#footer .banners dd{
	position:absolute;
	top:27px;
	left:162px;
}
#footer .banners dd ul{
	margin-right:-10px;
	width:808px;
}
#footer .banners dd ul li{
	margin:0 10px 0 0;
	float:left;
}

/* -------------------------------
フッター - リンク */

#footer .links{
	padding:6px 0 0;
	float:left;
}
#footer .links li{
	float:left;
}

/* -------------------------------
フッター - バナー */

#footer .logo{
	padding:4px 0 0;
	float:right;
}
#footer .logo li{
	float:right;
}

/* -------------------------------
フッター - コピーライト */

#footer .copyright{
	padding:15px 0 0;
	width:960px;
	clear:both;
}
#footer .copyright li{
	width:480px;
}
#footer .copyright li img{
	vertical-align:top;
}
#footer .copyright .e{
	float:left;
}
#footer .copyright .j{
	text-align:right;
	float:right;
}