@charset "utf-8";

/*
*************************************************************
GENERAL
*************************************************************
*/

html{/*＼*/height:750px;/**/}

body {
margin: 0;
padding: 0;
background:transparent url(../imgs/bg.jpg) no-repeat top left;
background-color: #FFF;
font-size:10px;
line-height:160%;
text-align: left;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-weight:normal;
color: #000000;
}

h1, h2, h3, h4 {margin: 0; padding: 0;}

ul, li, ol {margin: 0; padding: 0;}

a, a:link, a:active, avisted {color: #000; text-decoration: none; font-weight:normal;}

a:hover {color: #000; text-decoration: underline; font-weight:normal;}

img{border:none;}

hr {display: none;}

input,textarea {background-color: #ffffff; border: solid 1px #aaaaaa;}

.span_hidden{display:none;}

#wrapper{width:900px; height:550px; position: relative; margin:80px 0 0 50px; float:left;}
* html #wrapper {margin:80px 0 0 25px;}

#leftArea{width:195px; height:540px; position: relative; margin:0; float:left;}

#centerArea{width:235px; height:540px; position: relative; margin:0; float:left;}

#rightArea{width:415px; height:540px; position: relative; margin:0; float:left;}

#sleftArea{width:150px; height:540px; position: relative; margin:0; float:left;}

#c-rArea{width:695px; height:540px; position: relative; margin:0; float:left;}

#scroll-rightArea {width: 400px; height: 460px; overflow: auto; padding:0; margin:20px 0 5px 0;}

#backnumber-listArea{width:158px; position: relative; margin:0; position:absolute; top:395px;}
#backnumber-listArea #title{width:109px; height:13px; background:transparent url(../imgs/backnumber_list_tit.gif) no-repeat top left; text-indent:-9999px; margin:0 0 8px 2px;}
.bn_ttl {padding:5px 0px 0px 0px;font-weight:bold; font-family: Georgia, Time;}
#scroll-backnumber {width: 158px; height: 100px; overflow: auto; padding:0; margin:0;}
#backnumber-listArea ul {list-style-type:none;}
#backnumber-listArea li {display: inline-block; width: 153px; }
#backnumber-listArea li a{color:#000; padding:2px; float:left; font-weight:bold; font-family: Georgia, Time;}
#backnumber-listArea li a:hover{color:#FFF; width: 153px; background-color:#000; text-decoration: none;}
#backnumber-listArea li a.act{color:#FFF; width: 153px; background-color:#000; text-decoration: none;}

/* PAGER*/
#pagenaviArea{
	font-family: "Georgia",  "Times", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝";
	width:390px;
	margin:0 auto;
	text-align:center;
	float:left;
	position:absolute;
	top:500px;
}
#pagenaviArea img{
	padding:3px 0px 0px 0px;
	vertical-align:bottom;
}
#pagenaviArea img.next{float:right;}
#pagenaviArea img.back{float:left;}

*+html #pagenaviArea {
	margin:0 auto;
	float:left;
}
* html #pagenaviArea {
	margin:0 auto;
	float:left;
}

.pagenavi a, .pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	/*border: 1px solid #CBCBCB;*/
	color: #000;
	/*background-color: #FFFFFF;*/
}
.pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	/*border: 1px solid #CBCBCB;*/
	color: #000;
	/*background-color: #FFFFFF;*/
}
.pagenavi a:hover {	
	/*border: 1px solid #000000;*/
	/*border-bottom: 1px solid #000000;*/
	text-decoration: underline;
	color: #000;
	/*background-color: #FFFFFF;*/
}
.pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	/*border: 1px solid #333333;*/
	color: #000;
	/*background-color: #FFFFFF;*/
}
.pagenavi span.pages {
	/*
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	*/
	display:none;
	
}
.pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	/*border: 1px solid #cccccc;*/
	color: #ffffff;
	background-color: #000;
}
.pagenavi span.extend {
	/*
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
	*/
	display:none;
}
.pagenavi a.last {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 0px solid #000000;
	color: #333333;
	/*background-color: #E5E5E5;*/
	/*background: url(../imgs/btn_next.gif) no-repeat center center;*/
}
.pagenavi a:hover.last {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 0px solid #000000;
	color: #000000;
	/*background-color: #E5E5E5;*/
	text-decoration:underline;
	/*background: url(../imgs/btn_next.gif) no-repeat center center;*/
}
.pagenavi a.first {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 0px solid #000000;
	color: #333333;
	/*background-color: #E5E5E5;*/
	/*background: url(../imgs/btn_back.gif) no-repeat center center;*/
}
.pagenavi a:hover.first {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 0px solid #000000;
	color: #000000;
	/*background-color: #E5E5E5;*/
	text-decoration:underline;
	/*background: url(../imgs/btn_back.gif) no-repeat center center;*/
}


.pagenavi a.next {
	width:11px;
	height:10px;
	background: url(../imgs/btn_next.gif) no-repeat top left;
	float:right;
	position: relative;
	margin:5px 0 0 0;
	padding:0;
	text-indent:-9999px;
}
*+html #pagenaviArea .pagenavi a.next {margin:-10px 0 0 0;}
* html #pagenaviArea .pagenavi a.next {margin:-10px 0 0 0; padding:0;}

.pagenavi a:hover.next {
	background: url(../imgs/btn_next.gif) no-repeat top right;
	margin:5px 0 0 0;
	padding:0;
	text-indent:-9999px;
}

.pagenavi a.back {
	width:11px;
	height:10px;
	background: url(../imgs/btn_back.gif) no-repeat top left;
	float:left;
	position: relative;
	margin:5px 0 0 0;
	padding:0;
	text-indent:-9999px;
}
*+html #pagenaviArea .pagenavi a.back {margin:-10px 0 0 0;}
* html #pagenaviArea .pagenavi a.back {margin:-10px 0 0 0; padding:0;}

.pagenavi a:hover.back {
	background: url(../imgs/btn_back.gif) no-repeat top right;
	margin:5px 0 0 0;
	padding:0;
	text-indent:-9999px;
}


.pagenavi a.history-back {
	width:35px;
	height:10px;
	background: url(../imgs/btn_history_back.gif) no-repeat top left;
	float:left;
	position: relative;
	margin:5px 0 0 0;
	padding:0;
	text-indent:-9999px;
}
*+html #pagenaviArea .pagenavi a.history-back {margin:-10px 0 0 0;}
* html #pagenaviArea .pagenavi a.history-back {margin:-10px 0 0 0; padding:0;}

.pagenavi a:hover.history-back {
	background: url(../imgs/btn_history_back.gif) no-repeat top right;
	margin:5px 0 0 0;
	padding:0;
	text-indent:-9999px;
}


/*
*************************************************************
PAGE TITLE
*************************************************************
*/
#pageTitle{width:130px; height:60px; position: relative; margin:0 0 167px 0;}
h2.profile{width:130px; height:60px; background:transparent url(../imgs/pt_profile.gif) no-repeat top left; text-indent:-9999px;}
h2.works{width:130px; height:60px; background:transparent url(../imgs/pt_works.gif) no-repeat top left; text-indent:-9999px;}
h2.works_tagline{width:130px; height:60px; background:transparent url(../imgs/pt_works_tagline) no-repeat top left; text-indent:-9999px;}
h2.lylics{width:130px; height:60px; background:transparent url(../imgs/pt_lylics.gif) no-repeat top left; text-indent:-9999px;}
h2.books{width:130px; height:60px; background:transparent url(../imgs/pt_books.gif) no-repeat top left; text-indent:-9999px;}
h2.map{width:130px; height:60px; background:transparent url(../imgs/pt_map.gif) no-repeat top left; text-indent:-9999px;}
h2.mail{width:130px; height:60px; background:transparent url(../imgs/pt_mail.gif) no-repeat top left; text-indent:-9999px;}
h2.topics{width:130px; height:60px; background:transparent url(../imgs/pt_topics.gif) no-repeat top left; text-indent:-9999px;}
h2.blog{width:130px; height:60px; background:transparent url(../imgs/pt_blog.gif) no-repeat top left; text-indent:-9999px;}

h3.ichikura{width:100px; height:20px; background:transparent url(../imgs/pt_blog_ichikura.gif) no-repeat top left; text-indent:-9999px;}
h3.sakamoto{width:100px; height:20px; background:transparent url(../imgs/pt_blog_sakamoto.gif) no-repeat top left; text-indent:-9999px;}

/*
*************************************************************
PROFILE
*************************************************************
*/
#profile-Area{width:400px; margin:10px 0 0 20px; position: relative;}
#profile-name1{width:236px; height:20px; float:left; margin:0 0 12px 0; background:transparent url(../imgs/profile_name1.gif) no-repeat top left; text-indent:-9999px; position: relative; clear:both;}
#profile-name2{width:237px; height:20px; float:left; margin:0 0 12px 0; background:transparent url(../imgs/profile_name2.gif) no-repeat top left; text-indent:-9999px; position: relative; clear:both;}
#profile-job1{width:215px; height:12px; float:left; margin:0; background:transparent url(../imgs/profile_job1.gif) no-repeat top left; text-indent:-9999px; position: relative; clear:both;}
#profile-job2{width:215px; height:12px; float:left; margin:0; background:transparent url(../imgs/profile_job2.gif) no-repeat top left; text-indent:-9999px; position: relative; clear:both;}
#profile-txt1{width:326px; height:350px; float:left; margin:40px 0 0 0; background:transparent url(../imgs/profile_txt1.gif) no-repeat top left; text-indent:-9999px; position: relative; clear:both;}
#profile-txt1 span{display:none;}
#profile-txt2{width:387px; height:387px; float:left; margin:30px 0 0 0; position: relative; clear:both;}
#profile-txt2 span{display:none;}
#profile-Area #btn-ichikura a {
	width:84px;
	height:13px;
	background: url(../imgs/profile_btn_ichikura.gif) no-repeat top left;
	margin:0 0 0 70px;
	padding:0;
	position:absolute;
	top:480px;
}

#profile-Area #btn-ichikura a:hover {
	background: url(../imgs/profile_btn_ichikura.gif) no-repeat top right;
	margin:0 0 0 70px;
	padding:0;
}
#profile-Area #btn-sakamoto a {
	width:84px;
	height:13px;
	background: url(../imgs/profile_btn_sakamoto.gif) no-repeat top left;
	margin:0 0 0 70px;
	padding:0;
	position:absolute;
	top:480px;
}

#profile-Area #btn-sakamoto a:hover {
	background: url(../imgs/profile_btn_sakamoto.gif) no-repeat top right;
	margin:0 0 0 70px;
	padding:0;
}
/*
*************************************************************
WORKS INDEX
*************************************************************
*/
#client-listArea{width:158px; position: relative; margin:18px 0 0 0; font-family: "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;}
#client-listArea #title{width:147px; height:14px; background:transparent url(../imgs/works_client_list_tit.gif) no-repeat top left; text-indent:-9999px;}
#scroll-client {width: 158px; height: 450px; overflow: auto; padding:0; margin:10px 0 15px 0;}
#client-listArea ul {list-style-type:none;}
#client-listArea li {display: inline-block; width: 153px;}
#client-listArea li a{color:#000; padding:2px; float:left;}
#client-listArea li.current-cat a{color:#FFF; width: 153px; background-color:#000; text-decoration: none;}
#client-listArea li a:hover{color:#FFF; width: 153px; background-color:#000; text-decoration: none;}


#works-indexArea{width:400px; margin:10px 0 0 0; position: relative;}
#works-index-title{width:390px; height:21px; background:transparent url(../imgs/works_index_tit.gif) no-repeat top left; text-indent:-9999px; margin:0; clear:both;}
#space-50px{width:390px; height:50px; background:transparent url(../imgs/works_50pix_space.jpg) no-repeat top left; float:left; clear:both;}
#works{width:390px; float:left; margin:0 0 55px 0; position: relative;}
#works-txt{font-size:14px; line-height:150%; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
#works-txt a{font-size:14px; line-height:150%; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
	#works-txt .s{font-size:12px; line-height:117%; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
	#works-txt a .s{font-size:12px; line-height:117%; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
#works-underTxt {width:390px; float:left; background:transparent url(../imgs/dot_line.gif) no-repeat top left; margin:3px 0 0 0; padding:3px 0 0 0; text-align:right; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
#graphic-icon a{width:12px; height:14px; float:right; background:transparent url(../imgs/graphic_icon.gif) no-repeat top left; margin:3px 0 0 0; padding:0; position: relative;}

#works-graphicArea{width:380px; margin:10px auto; position: relative; clear:both;}
#works-graphicTxt {width:380px; margin:20px auto; position: relative; clear:both;}

/*
*************************************************************
WORKS CLIENT
*************************************************************
*/
#works-client-title{width:350px; height:28px; background:transparent url(../imgs/works_client_tit.gif) no-repeat top left; margin:-7px 0 0 0; clear:both; padding:0 0 0 40px; font-size:20px; line-height:150%; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}

	a.btn_zoom {display: block;position: relative;text-decoration: none;width: 58px;height: 15px;margin:10px 0px 0px 0px;float:right;}
	a.btn_zoom span {background: url(../imgs/btn_zoom.gif) repeat top right;cursor: pointer;display: block;position: absolute;top: 0;left: 0;width: 58px;height: 15px;}
	a.btn_zoom:hover span {background-position: bottom right;}

/*
*************************************************************
LYLICS
*************************************************************
*/
#lylics-Area{width:400px; margin:10px 0 0 0; position: relative;}
#lylics{width:390px; float:left; margin:0 0 38px 0; position: relative;}
#lylics-txt{font-size:14px; line-height:150%; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
#lylics-txt a{font-size:14px; line-height:150%; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
#lylics-underTxt {width:390px; float:left; background:transparent url(../imgs/dot_line.gif) no-repeat top left; margin:3px 0 0 0; padding:3px 0 0 0; text-align:right; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}

/*
*************************************************************
BOOKS
*************************************************************
*/
#books-Area{width:400px; margin:10px 0 0 0; position: relative;}
#books{width:390px; float:left; margin:0 0 40px 0; position: relative;}
#books-txt{font-size:14px; line-height:150%; float:left; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
#books-corp{ float:right; margin-top:5px; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
#books-underTxt {width:390px; float:left; background:transparent url(../imgs/dot_line.gif) no-repeat top left; margin:3px 0 0 0; padding:3px 0 0 0; text-align:left; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝"}
#books-graphicArea{width:390px; margin:10px 0 0 0; text-align:center; position: relative; clear:both;}
#books-graphicTxt {width:390px; margin:10px 0 0 0; position: relative; clear:both;}

#btn-read a {
	width:93px;
	height:13px;
	background: url(../imgs/btn_read.gif) no-repeat top left;
	float:left;
	position: relative;
	margin:8px 0 0 0;
	padding:0;
}

#btn-read a:hover {
	background: url(../imgs/btn_read.gif) no-repeat top right;
	margin:8px 0 0 0;
	padding:0;
}

/*
*************************************************************
MAP
*************************************************************
*/
#map-Area{width:700px; height:377px; margin:40px 0 0 0; position: relative; background:transparent url(../imgs/map_img.gif) no-repeat top left; float:left; text-indent:-9999px;}
#map-address{width:295px; height:51px; margin:20px 40px 0 0; position: relative; background:transparent url(../imgs/map_address.gif) no-repeat top left; float:right; text-indent:-9999px;}
* html #map-address {margin:20px 20px 0 0;}
#btn-print a {
	width:69px;
	height:20px;
	background: url(../imgs/btn_print.gif) no-repeat top left;
	float:right;
	position: relative;
	margin:0;
	padding:0;
}

#btn-print a:hover {
	background: url(../imgs/btn_print.gif) no-repeat top right;
	margin:0;
	padding:0;
}

/*
*************************************************************
MAIL
*************************************************************
*/
#mail-Area{width:390px; margin:20px 0 0 0; position: relative;}
#mail-txt{width:277px; height:31px; float:left; background:transparent url(../imgs/mail_txt.gif) no-repeat top left; margin:0 0 40px 0; padding:0; position: relative; text-indent:-9999px;}
dl {width:390px; position: relative; float:left; clear:both; padding:0; margin:0 0 16px 0;}
dt {width:140px; float:left; position: relative; padding:3px 2px 2px 0; margin:0;}
dd {width:200px; float:left; position: relative; padding:0; margin:0;}

#btn-submit a {
	width:47px;
	height:13px;
	background: url(../imgs/btn_submit.gif) no-repeat top left;
	float:left;
	position: relative;
	margin:0;
	padding:0;
}

#btn-submit a:hover {
	background: url(../imgs/btn_submit.gif) no-repeat top right;
	margin:0;
	padding:0;
}
#btn-clear a {
	width:35px;
	height:13px;
	background: url(../imgs/btn_clear.gif) no-repeat top left;
	float:left;
	position: relative;
	margin:0 0 0 20px;
	padding:0;
}

#btn-clear a:hover {
	background: url(../imgs/btn_clear.gif) no-repeat top right;
	margin:0 0 0 20px;
	padding:0;
}

/*
*************************************************************
TOPICS
*************************************************************
*/
#topics-date{float:right; margin: 0 20px 0 0; font-weight:bold; font-family: Georgia, Time;}
#topics-Area{width:390px; margin:0; position: relative;}
#topics-tit{font-size:14px; line-height:150%; float:left; margin: 0 0 30px 0; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝";}
#topics-bodyTxt {width:370px; margin:0; position: relative; clear:both;}
#topics-bodyTxt a {color:#3b4863; text-decoration: none; font-weight:normal;}
#topics-bodyTxt a:hover {color:#3b4863; text-decoration: underline; font-weight:normal;}
#topics-graphicArea{width:370px; margin:25px 0 25px 0; text-align:center; position: relative; clear:both;}

/*
*************************************************************
BLOG
*************************************************************
*/
#blog-date{float:right; margin: 0 20px 0 0; font-weight:bold; font-family: Georgia, Time;}
#blog-Area{width:390px; margin:0; position: relative;}
#blog-tit{font-size:14px; line-height:150%; float:left; margin: 0 0 30px 0; font-weight:bold; font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝";}
#blog-bodyTxt {width:370px; margin:0; position: relative; clear:both;}
#blog-bodyTxt a {color:#3b4863; text-decoration: none; font-weight:normal;}
#blog-bodyTxt a:hover {color:#3b4863; text-decoration: underline; font-weight:normal;}
#blog-graphicArea{width:370px; margin:25px 0 25px 0; text-align:center; position: relative; clear:both;}
#blog-underTxt {width:370px; float:left; background:transparent url(../imgs/dot_line.gif) no-repeat top left; margin:3px 0 0 0; padding:3px 0 0 0; text-align:right; font-weight:normal; font-family: Georgia, Time;}


/*
*************************************************************
COPYRIGHT
*************************************************************
*/
#copyright{width:11px; height:241px; background:transparent url(../imgs/copyright.gif) no-repeat top left; text-indent:-9999px; float:left; margin:395px 0 0 3px;}









/* COMMENTs */
.commentlist p{clear:both;padding:7px 0px 0px 0px;}
.commentlist li {
	/*border-bottom:1px dotted #cccccc;*/
	border:none;
	clear:both;
	text-align:left;
	width:340px;
	background:none;
	}
.comment-author {
	font-style:normal;

	}
cite {color:#333333;font-style:normal;font-weight:bold;}
.says {display:none;}
.commentmetadata a{
	color:#333333;
	float:right;
	font-family: "Georgia",  "Times", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝";
	}
	
.ajax-entry-more-link a {color:#ffffcc;float:right;padding:10px;}

.fn{border-bottom:1px dotted #cccccc;float:left;width:200px;}
.comment-meta {float:right;width:130px;}

#respond {
	font-family: "Georgia",  "Times", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝";
	text-align:left;
	}
#respond input[type="text"]{
	width:350px;
	height:18px;
	}
#respond textarea{
	width:350px;
	}
#respond input[type="submit"]{
	text-align:center;
	}