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


/*　共通設定--------------------------------　*/

body{background:url(../img/back.png) ;
	margin:0 ;
	padding: 0 ;
	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;}

/*　背景のボックスが必要な場合のみ設定 */
#back{
	background:url(../img/body_b.png) repeat-y 0 273px #FFF;
	margin:0 auto;
	padding: 0 ;
	width:960px;}

p{font-size:80%;
	line-height:1.5em;
	margin:0}




/*　ヘッダーとナビ--------------------------------　*/

#head{background:url(../img/header.jpg) no-repeat 0 0;
	height:143px;
	width:960px;
	margin:0 }

#head h1 {
	margin:0 0 0 0;}

#head h1 span{
	display:none;}

#head h1 a{
	display:block;
	height:120px;
	width:280px;
	margin:0 0 0 650px }





/*　ナビ表示--------------------------------　*/

#navi ul{
	background:url(../img/navi_b.png) no-repeat 0 0;
	height:968px;
	width:240px;
	margin:0;
	padding:0;
	float:left}

#navi li{list-style:none;}

#navi li a span{display:none}

#navi li a{
	margin:0 0 0 85px;
	display:block;
	width:140px;
	text-decoration:none}

li#navi-index a{background:url(../img/navi.png) no-repeat 0 0 ; height:100px ; margin-top:20px ;margin-bottom:60px}
li#navi-blog a{background:url(../img/navi.png) no-repeat 0 -105px ; height:60px ; margin-bottom:10px}
li#navi-twitter a{background:url(../img/navi.png) no-repeat 0 -165px ; height:35px ; margin-top:0}
li#navi-profile a{background:url(../img/navi.png) no-repeat 0 -210px ; height:45px}
li#navi-profile-en a{background:url(../img/navi.png) no-repeat 0 -256px ; height:40px ; margin-top:0}
li#navi-projects a{background:url(../img/navi.png) no-repeat 0 -300px ; height:62px ; margin-top:30px}
li#navi-lectures a{background:url(../img/navi.png) no-repeat 0 -368px ; height:75px}
li#navi-briefcase a{background:url(../img/navi.png) no-repeat 0 -455px ; height:68px ; margin-top:30px}
li#navi-access a{background:url(../img/navi.png) no-repeat 0 -525px ; height:62px}
li#navi-link a{background:url(../img/navi.png) no-repeat 0 -595px ; height:60px}




/*　ナビ 各ページのhover　

li#navi-index a:hover{background:url(../img/navi.png) no-repeat -136px 0 ;}
li#navi-blog a:hover{background:url(../img/navi.png) no-repeat -136px -105px ;}
li#navi-twitter a:hover{background:url(../img/navi.png) no-repeat -136px -165px ;}
li#navi-profile a:hover{background:url(../img/navi.png) no-repeat -136px -210px ;}
li#navi-profile-en a:hover{background:url(../img/navi.png) no-repeat -136px -265px;}
li#navi-projects a:hover{background:url(../img/navi.png) no-repeat -136px -312px ;}
li#navi-lectures a:hover{background:url(../img/navi.png) no-repeat -136px -387px ;}
li#navi-briefcase a:hover{background:url(../img/navi.png) no-repeat -136px -467px ;}
li#navi-access a:hover{background:url(../img/navi.png) no-repeat -136px -557px ;}
li#navi-link a:hover{background:url(../img/navi.png) no-repeat -136px -622px ;}*/



/*　ナビ 各ページの選択状態　*/

body.index li#navi-index a{background:url(../img/navi.png) no-repeat -148px 0 ; height:100px ; margin-top:20px ;margin-bottom:60px}
body.blog li#navi-blog a{background:url(../img/navi.png) no-repeat -148px -105px ; height:63px ; margin-bottom:10px}
body.blog li#navi-twitter a{background:url(../img/navi.png) no-repeat -0 -170px ; height:32px ; margin-top:0}

body.profile li#navi-profile a{background:url(../img/navi.png) no-repeat -148px -210px ; height:48px}
body.profile li#navi-profile-en a{background:url(../img/navi.png) no-repeat -0 -259px ; height:37px ; margin-top:0}

body.profile-en li#navi-profile a{background:url(../img/navi.png) no-repeat -148px -210px ; height:45px}
body.profile-en li#navi-profile-en a{background:url(../img/navi.png) no-repeat -148px -256px ; height:40px ; margin-top:0}

body.projects li#navi-projects a{background:url(../img/navi.png) no-repeat -148px -300px ; height:62px ; margin-top:30px}
body.lectures li#navi-lectures a{background:url(../img/navi.png) no-repeat -148px -368px ; height:75px}
body.briefcase li#navi-briefcase a{background:url(../img/navi.png) no-repeat -148px -455px ; height:68px ; margin-top:30px}
body.access li#navi-access a{background:url(../img/navi.png) no-repeat -148px -525px ; height:62px}
body.link li#navi-link a{background:url(../img/navi.png) no-repeat -148px -595px ; height:60px}




/*　コンテンツ外枠--------------------------------　*/

#contents{
	width:710px;
	float:right;
	margin:0 }

#contents:after {
	content:".";
	height:0;
	clear:both;
	visibility:hidden;
	display:block;}

/*　フォームへのリンク　*/

#contents p#contact{
	background:url(../img/mail.jpg) no-repeat 500px 0 #fff;
	width:720px;
	height:90px;
	margin:0 0 0 0 }

#contents p#contact a{
	display:block;
	width:70px;
	height:70px;
	margin:0 0 0 620px }

#contents p#contact a span{
	display:none}





/*　コンテンツ　メインカラム--------------------------------　*/

#contents-main{
	height:auto;
	width:590px;
	padding: 20px;
	margin:0 0 10px 20px}


/*　topコンテンツ　メインカラム--------------------------------　*/

body.index #contents-main{
	height:auto;
	width:570px;
	padding: 20px 0 0 0;
	margin:0 0 10px 40px}




/*　各ページのh2　と　メインカラムのボーダー--------------------------------　*/

h2 span{display:none}

h2{
	width:612px;
	padding: 0 20px;
	height:21px;
	margin:0 0 0 0;}


body.profile h2{
	background:url(../img/h2_profile.gif) no-repeat right 0}

body.profile #contents-main{
	border:1px solid #A6BDD6}


body.profile-en h2{
	background:url(../img/h2_profile_en.gif) no-repeat right 0}

body.profile-en #contents-main{
	border:1px solid #F8C797}


body.projects h2{
	background:url(../img/h2_projects.gif) no-repeat right 0}

body.projects #contents-main{
	border:1px solid #FABA94}


body.lectures h2{
	background:url(../img/h2_lectures.gif) no-repeat right 0}

body.lectures #contents-main{
	border:1px solid #CCDFC3}


/*
body.briefcase h2{
	background:url(../img/h2_briefcase.gif) no-repeat right 0}

body.briefcase #contents-main{
	border:1px solid #97B5DE}
*/


body.access h2{
	background:url(../img/h2_access.gif) no-repeat right 0}

body.access #contents-main{
	border:1px solid #97B5DE}


body.link h2{
	background:url(../img/h2_link.gif) no-repeat right 0}

body.link #contents-main{
	border:1px solid #BEA9A6}




/*　ブログコンテンツの個別設定--------------------------------　*/

/*　ブログコンテンツ　メインカラム　*/

body.blog #contents{
	height:auto;
	width:710px;
	padding:  0 0;
	margin:0 0;
	background: url(../img/blog_b.gif) 559px 100px repeat-y;}


body.blog #contents #blog_title{
	height:21px;
	background:url(../img/h2_blog.gif) no-repeat right 0 #fff;}

body.blog #contents #blog_title span{
	display:none;}


body.blog #contents #content h2{
	font-size:100%;
	width:520px;
	height:auto;
	padding: 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px dotted #999;}

body.blog #contents #content h2 a{
	text-decoration:none;
	color:#036}

body.blog #contents #content{
	border:1px solid #9ED2BA;
	float: left;
	padding:0 14px ;
	margin:0 0;
	width: 530px;}


.post {padding: 0px 0px 10px 0px;}
.post .title {margin: 0;}
.post .entry {padding: 15px 0 40px 0;}
.post .entry a {text-decoration: underline;}
.post .more_link {text-align: right;}
.post .links {margin: 0 0 20px 0 ;line-height: normal;font-size: smaller;padding-top: 0px; color:#666;}
#form {margin-top: 20px;margin-left: 65px;}

.pager{margin:10px auto;width: 90%;line-height:2em;text-align:center;}
.pager a{float:left;}
.pager_item a{border:solid 1px black;width:2em;height:2em;margin-right:2px;}
.pager_item a:hover{background-color:lightgray;}
.pager_item a.current_page_number{border-width: 2px;font-weight:bold;margin-top:-1px;}

#content table {
	margin:20px 0;
	width: 480px;
	border-spacing:1px;
	background:#999}

#content table td,table th{
	padding:5px ;
	font-size:80%;
	background:#fff}

#content img {
	margin:10px 0;}
	
#content .navi {	
	font-size:75%;
	line-height:1.5em;
	margin:10px 0 20px 0;
	text-align:center}


/* Sidebars */
.sidebars {float: right;
	width: 130px;
	height:100%;
	padding: 0 10px 30px 10px;
	text-align: left;
	margin-right: 0}

.sidebars h3{
	width: 140px;
	margin: 20px 0}

.sidebars h3.h3_02{
	height:21px;
	background:url(../img/blog_h3_2.gif) no-repeat right 0 ;}

.sidebars h3.h3_03{
	height:21px;
	background:url(../img/blog_h3_3.gif) no-repeat right 0 ;}

.sidebars h3 span{
	display:none}


.sidebars ul {margin: 0;padding: 0;list-style:none;}
.sidebars li {padding-bottom: 10px;font-size:12px}
.sidebars li li {
	list-style-image:url(../img/li_blue.png) ;
	margin:0 0 6px 10px;
	padding:0 ;
	line-height:1.3em;
	font-size:100%;}





/*　各ページコンテンツ共通--------------------------------　*/

#contents-main h3{
	height:32px;
	margin:0 0 20px 0;
	border-bottom:1px dashed #999;
	font-size:95%;
	font-weight:400;
	line-height:1.8em;}



#contents-main p{
	margin:0 0 30px 0;
	padding:0;}

#contents-main a img{
	border:0;}

#contents-main table{
	background:#ccc}

table td,table th{
	padding:3px ;
	font-size:80%;
	background:#fff}


#contents-main ul li{
	list-style-image:url(../img/li_blue.png) ;
	margin:0 0 1em 0;
	padding:0 ;
	font-size:80%;}



/*　各ページ　固有の設定　--------------------------------　*/


/*　プロフィール　*/

body.profile #contents-main img{
	margin:10px;}

body.profile #contents-main p{
	margin:10px 0  ;
	padding:0;}

body.profile #contents-main ul{
	margin:0 0 2em 0 ;}
body.profile #contents-main ul li{
	list-style-image:url(../img/li_blue.png) ;
	margin:0 0 6px 0;
	padding:0 ;
	font-size:80%;}


/*　コンタクト　お仕事依頼　*/

body.contact #contents-main table , body.briefcase #contents-main table{
	background:none}




/* TOP新着情報の設定--------------------------------　*/

body.index #new{
	background:url(../img/new.jpg) no-repeat 0 0 ;
	width:580px;
	height:741px;
	padding-top:100px}

body.index #new table{
	width:360px;
	background:none;
	margin:0 0 0 90px;}

body.index #new table th,#new table td{
	padding:10px 0;
	color:#333;
	font-size:80%;
	font-weight:400;
	line-height:1.5em;
	text-align:left;
	vertical-align:top;
	background:none;
	border-bottom:#999 1px dotted}

body.index #new table th{
	background:url(../img/li_blue.png) no-repeat 0 13px;
	width:95px;
	padding-left:10px;}






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


#footer {
	margin: 100px 20px 0 0 ;
	text-align:right ;
	clear:both;
	background-color:none ;}
	
#footer p {
	margin:0 ;
	padding:20px 0 ;
	font-size:80% ;
	color:#777 ;
	line-height:1.4em ;}