@charset "UTF-8";
/* CSS Document */

/* 初期化 */
body {
	margin:0;padding:0;
	text-align:center;font-size:0.58em;line-height:1.8em;
	font-family:helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Sans-Serif;
}
html>body {font-size:0.68em;line-height:1.4em;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,td,th,form {margin:0;padding:0;list-style:none;font-weight:normal;}
a {color:#000;text-decoration:none;}
a:hover {color:#6282d2}
a:active {color:#6282d2}
a:visited {color:#000}
a:link img,a:visited img,a:active img,a:hover img {border:0;} 
a.selected {color:#6282d2}
p {margin:0;line-height:2.7em;}
html>body p {line-height:2.3em;}

/* common */
.inner {width:800px;margin:0 auto;text-align:left;}
.date {display:block;}

/* head */
#head {border-bottom:1px solid #f2f2f2;}
#head h1 {float:left;padding:30px 0;}
#head h1 a {display:block;overflow:hidden;text-indent:-9999px;width:97px;height:30px;background:url(../img/head_logo.gif)}
#head h1 a:hover {background:url(../img/head_logo.gif) 0 30px}
#head ul {float:right;}
#head li {float:left;}
#head li a {display:block;overflow:hidden;text-indent:-9999px;height:11px;margin:38px 0 0 43px;}
#head li a#message {background:url(../img/head_me.gif);width:78px;}
#head li a#message.selected, #head li a#message:hover {background:url(../img/head_me.gif) 0 11px;}
#head li a#hotnews {background:url(../img/head_hn.gif);width:84px;}
#head li a#hotnews.selected,#head li a#hotnews:hover {background:url(../img/head_hn.gif) 0 11px;}
#head li a#gallery {background:url(../img/head_ga.gif);width:66px;}
#head li a#gallery.selected,#head li a#gallery:hover {background:url(../img/head_ga.gif) 0 11px;}
#head li a#works {background:url(../img/head_wo.gif);width:52px;}
#head li a#works.selected,#head li a#works:hover {background:url(../img/head_wo.gif) 0 11px;}
#head li a#profile {background:url(../img/head_pr.gif);width:63px;}
#head li a#profile.selected,#head li a#profile:hover {background:url(../img/head_pr.gif) 0 11px;}
#head li a#fun {background:url(../img/head_fu.gif);width:28px;}
#head li a#fun.selected,#head li a#fun:hover {background:url(../img/head_fu.gif) 0 11px;}
#head li a#contact {background:url(../img/head_co.gif);width:69px;display:none;}
#head li a#contact.selected,#head li a#contact:hover {background:url(../img/head_co.gif) 0 11px;}

/* body common*/
#body {padding-top:40px;}
#body h1 {margin-bottom:40px;letter-spacing:0.4em;}
#body h2 {margin-bottom:40px;letter-spacing:0.4em;font-size:16px;text-align:center;font-weight:bold;line-height:1.1em;}
#body h3 {margin-bottom:40px;letter-spacing:0.4em;text-align:center;}
#body h3.start {margin-top:-35px;}
#body h4 {margin-bottom:10px;letter-spacing:0.4em;font-size:1.1em;font-weight:bold;}
#body h4 img {margin-bottom:10px;}

#menu {float:left;letter-spacing:0.6em;line-height:2.2em;}
html>body #menu {letter-spacing:0.4em;}
#menu a:hover {color:#4b81eb}
#menu a.selected {color:#4b81eb}

/* menu & contents */
#contents {float:right;width:585px;}
#menu {width:215px;}

/* parts */
.list dl {margin-bottom:20px;}
.list dt {margin-bottom:10px;font-size:1.1em;}
html>body .list dt {font-size:1.1em;}
.list dt span{font-weight:normal;margin-left:15px;font-size:0.85em;}
.list dd.pic {float:left;margin-right:15px;}
.list dd.pic img {display:block;border:1px solid #eee;}
.list dd.pic img:hover {border:1px solid #C9D1EF;}
.list dd.comment {float:right;width:505px;}
.list dd.comment.hn {float:right;width:488px;}
.list dd.link {float:right;margin:5px 0 10px 0;width:505px;}
.list dd.link a {background:url(../img/ico_yain.gif) no-repeat right 1px;padding-right:13px;margin-right:30px;color:#6282d2;}
.list dd.link a:hover {color:#C9D1EF;}

.detail dl {float:left;width:200px;}
.detail dt {margin:5px 0;}
.detail dd {font-size:8px;}
.detail dd img {border:1px solid #eee;}
.expand {float:right;width:355px;}

.navi {clear:both;padding:0px;padding-top:40px;text-align:center;letter-spacing:0.4em;}
.navi a {color:#000}
.navi a.mini {letter-spacing:0em;}
.navi a:hover {color:#6282d2}
.navi a.none {color:#ccc}
.navi a:hover.none {color:#ccc}


/* foot */
#foot {border-top:1px solid #f2f2f2;padding:10px 0;margin-top:20px;}
#foot address {
	float:left;
	display:block;overflow:hidden;text-indent:-9999px;
	background:url(../img/copyright.gif) no-repeat;width:347px;height:9px;
}
#foot a {
	float:right;margin-left:20px;
	display:block;overflow:hidden;text-indent:-9999px;
	background:url(../img/head_co.gif) ;width:69px;height:11px;
}
#foot a:hover {background:url(../img/head_co.gif) 0 11px;}


/* 回り込みを防ぐclearfixの設定 */
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */