@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

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

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* basic
-------------------------------------------------------------------------------*/

.fltL{ float: left; }
.fltR{ float: right; }
.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }
.small{ font-size: 12px; }

.mt35{ margin-top: 35px; }

.clear{ clear: both; }
.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

.inline{ outline: none; }

/* layout
-------------------------------------------------------------------------------*/

body{
	font:14px/2.0 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:.05em;
	color: #333;
	background: url(../images/bg.jpg) repeat-y center 1910px;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.wrapper{ background: url(../images/bg_wrapper.jpg) no-repeat center top; }

.content{
	width: 830px;
	margin: 0 auto;
	padding-bottom: 36px;
}

#header{
	width: 830px;
	margin: 0 auto;
	position: relative;
	height: 835px;
	background: url(../images/bg_wrapper.jpg) no-repeat center top;
	
}

#header1{
	position: absolute;
	top: 9px;
	left: 340px;
}
#header h1{
	position: absolute;
	top: 77px;
	left: 121px;
}
#header2{
	position: absolute;
	top: 440px;
	left: 220px;
}
#header3{
	position: absolute;
	top: 539px;
	left: 242px;
}
#header4{
	position: absolute;
	top: 534px;
	left: 306px;
}
#header .inline{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

#profile{ padding: 30px 30px 0 30px; }

#contentLink{
	width: 700px;
	margin: 178px auto 0 auto;
}

#contentLink ul{
	margin-top: 28px;
	padding-bottom: 68px;
	background: url(../images/bg_log.gif) no-repeat center bottom;
}

#contentLink li{
	margin-bottom: 53px;
}

.taidan{
	margin: 70px 0 40px 140px
}

.taidan dl,
.taidan > p{ padding-left: 85px; }

.taidan .img{
	margin: 44px 0;
	font-size: 11px;
	line-height: 1.8;
	color: #666;
}

.taidan .img span{
	display: inline-block;
	margin-top: 10px;
	font-size: 13px;
}

.itoi{
	color: #008BFF;
}
.kobayashi{
	color: #00AB19;
}

.taidan dd{
	margin: -2em 0 30px 4em;
	vertical-align: top;
}

@media screen and (max-device-width: 920px) {
	.taidan dl,
	.taidan > p{ padding-left: 0; }
	.taidan dt{ max-width: 560px; }
	.taidan dd{
		margin: 0px 0 20px 0;
		max-width: 560px;
	}
}

.date{
	margin-top: 40px;
	padding-bottom: 106px;
	background: url(../images/bg_log.gif) no-repeat center bottom;
	font-size: 12px;
	letter-spacing: 2px;
	text-align: center;
	color: #999;
}

#nav{
	width: 578px;
	height: 40px;
	margin: 25px auto;
	text-align: center;
}

#hamaguri{
	width: 508px;
	height: 491px;
	margin: 25px auto;
	padding: 52px 59px;
	background: url(../images/hamaguri_bg.jpg) no-repeat;
}

#hamaguri p{
	padding: 36px 0 0 65px;
	color: #FFF;
}
#hamaguri a{ color: #FFFF00; text-decoration: none; }



#footer{
	padding: 34px 0;
	text-align: center;
}

#footer li{
	display: inline-block;
	margin-right: 48px;
	vertical-align: top;
}
#footer li:last-child{ margin-right: 0;}
#footer .fb-like{ padding-top: 10px;}