@charset "UTF-8";

*{
	margin:0;
	padding0;
	line-height:1.5;
	color:#3366cc;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

html,body{
	overflow:hidden;
	height:100%;
}

body{
	background:#fff url(../img/background.gif);
}

a{
	color:#2cb7bc;
	text-decoration:none;
}

h2 {
	border:#9ecfcf 1px solid;
	background-color:#fff;
	font-size:.9em;
	padding:5px 8px;
	margin:5px 0;
}

img{
	border:none;
}

div#page{
	text-align:center;
	overflow:auto;
	height:100%;
}

div#header,div#main,div#footer{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:60%;
}

/*header*/
#header h1{
	background:url(../img/title.gif) no-repeat bottom left;
	width:100%;
	height:40px;
	font-size:100%;
	margin:3em 0 2em 0;
}

#header h1 span{
	display:none;
}

#header p{
	margin-bottom:.5em;
}

.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	margin:0 4px 4px 0;
	padding:5px;
	background-color: #fff;
	border:#9ecfcf 1px solid;
}
.photo-end {
	clear:left;
}

#header p{
	font-size:80%;
}


/*main*/
div#main{
	margin-bottom:3em;
}

div#main h2{
	margin-top:2em;
	margin-bottom:.5em;
}

div#main dt{
	font-size:80%;
	font-weight:bold;
	background:transparent url(../img/li.gif) no-repeat 0% 7px;
	padding-left:12px;
	margin-left:1em;
}

div#main dd{
	font-size:80%;
	margin-left:1em;
	padding-left:12px;
	margin-bottom:1em;
}

div#main dd img{
	margin-top:1em;
}


/*footer*/	
div#footer address{
	font-style:normal;
	font-size:70%;
	margin-bottom:2em;
}

/*feed*/
ul.rss-items{
	margin-left:1em;
	padding:0;
}

li.rss-item{
	list-style-type:none;
	font-size:80%;
	background:transparent url(../img/li.gif) no-repeat 0% 7px;
	padding-left:12px;
}

li.rss-item p{
	margin-bottom:1em;
}

li.rss-item p a{
	background:transparent no-repeat url(../img/link.gif) left 5px;
	padding-left:12px;
}


a.rss-item{
	font-weight:bold;
	color:#3366cc;
}

span.rss-date{
	font-size:xx-small;
	color:#66b399;
}

/*menu*/
#menu{
	position:absolute;
	left:30%;
	top:10px;
	width:430px;
	z-index:5;
}

#menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu li{
	margin:0;
	padding:0;
	display:inline;
	float:left;
	background:#fff;
}

#menu a {
	display:block;
	border:#9ecfcf 1px solid;
	padding:2px;
	width:65px;
	text-align:center;
	color:#3366cc;
	font-size:80%;
}

#menu a:hover{
	background:#9ecfcf;
}

div.bbsfooter,div.bbsform,div.bbscontent{
	margin-left:2em;
}

/*diary*/
h3{
	font-size:80%;
	margin-bottom:.5em;
	background:transparent url(../img/diary.gif) no-repeat 0% 2px;
	padding-left:20px;
}
h3 a{
	color:#3366cc;
}

span.memo-date{
	font-size:xx-small;
	color:#66b399;
}

div.text{
	font-size:80%;
	margin-left:20px;
	margin-bottom:2em;
}

div.text a{
	background:transparent no-repeat url(../img/link.gif) left 5px;
	padding-left:12px;
}

div.text p{
	margin-bottom:1em;
}

div.page,div.navi{
	margin-top:1.5em;
}

div.page ul,div.navi ul{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}

div.page ul li{
	margin:0 2em;
	display:inline;
	font-size:70%;
}

div.navi ul li{
	margin:0 .2em;
	display:inline;
	font-size:70%;
}

p.pagenavi{
	font-size:80%;
	text-align:center;
}

/*contact*/
div.msgarea{
	margin-top:2em;
}

input.input,div textarea.msg,input.button{
	font-size:80%;
	color:#3366cc;
	border:1px solid #9ecfcf;
	background:#fff;
	margin-bottom:2px;
}

div#main p.des{
	font-size:80%;
	margin:.5em 0 .5em 1em;
}

div.msgarea form,div.msglist{
	text-align:center;
	margin-bottom:2em;
}

div.msgarea form p,div.msgarea form textarea,div.msgarea form ul,div.msglist ul.thread{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:350px;
}

div.msgarea form input.input{
	width:200px;
}

p label span,li label span{
	font-size:80%;
}

div.msgarea form ul{
	list-style-type:none;
	padding:0;
	margin-bottom:.5em;
}

div.msgarea form ul li{
	display:inline;
}

li label span{
	margin-right:1em;
}

p label span{
	margin-left:.5em;
}

div.msglist ul{
	padding:0;
	list-style-type:none;
}

img.icon{
	margin-right:5px;
}

div.msgdata cite{
	font-style:normal;
	font-weight:bold;
	font-size:80%;
}

ul.msglink{
	margin-left:23px;
}

ul.msglink li{
	display:inline;
	margin-right:.5em;
	font-size:70%;
	color:#cd4cb4;
}

ul.msglink li span{
	color:#66b399;
}

div.msg{
	margin-left:23px;
	margin-top:.5em;
	font-size:80%;
	color:#006699;
}

li.res{
	background:transparent url(../contact/img/line.gif) no-repeat bottom left;
	padding-bottom:1em;
	margin-bottom:1em;
	margin-top:1em;
}

ul.msgnavi,form.del{
	text-align:center;
	margin-bottom:1em;
}

ul.msgnavi,form.del ul{
	list-style-type:none;
	padding:0;
}

ul.msgnavi li,form.del ul li{
	display:inline;
}

ul.msgnavi li{
	margin:0 1em;
}