/*------------------------------------------------
   All
------------------------------------------------*/
*{
margin:0;
padding:0;
}
img{
border:0;
}
ul{
list-style: none;
}

a:link{
color:#D9443A;
text-decoration:underline;
}
a:visited{
color:#D9443A;
}
a:hover{
color:#ff6600;
}
a:active{
color:#ff6600;
}

body{
background: url(/images/bg_all.jpg) right top repeat;
}
.clear{ clear: both;}
.bold{ font-weight: bold;}
img, div,{ behavior: url(/iepngfix.htc) }
/*------------------------------------------------
   Bar
------------------------------------------------*/
#bar{
width: 100%;
height: 20px;
background: url(/images/bg_wrapper.jpg) right top repeat-x;
}
/*------------------------------------------------
   Wrapper
------------------------------------------------*/
#wrapper{
float: right;
width: 1005px;
}
#wrapper:after{
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}
/*------------------------------------------------
   Right
------------------------------------------------*/
#right{
float: right;
width: 266px;
height: 962px;
background: url(/images/bg_right.jpg) right top no-repeat;
}
/*------------------------------------------------
   Gnav
------------------------------------------------*/
#gnav{
margin-top: 119px;
width: 97px;
height: 378px;
background: url(/images/bg_gnav.jpg) left top no-repeat;
}
#gnav ul{
padding: 50px 0px 0px 0px;
}
#gnav ul li a{
display: block;
width: 95px; height: 42px;
text-indent: -1000em;
}
#gnav ul li a:hover,#gnav ul li.current{
background-image: url(/ico_check.png);
background-repeat: no-repeat;
}

#gnav ul li.index a{height: 35px;}
#gnav ul li.profile a{height: 40px;}
#gnav ul li.works a{margin-top: 5px;}
#gnav ul li.think a{margin-top: 9px;}
#gnav ul li.link a{margin-top: 2px;}
#gnav ul li.mail a{margin-top: 3px;}

#gnav ul li.index a:hover{ background: url(/images/btn_gnav_index_on.jpg) 10px 4px no-repeat;}
#gnav ul li.profile a:hover, #gnav ul li.profile{ background-position: 3px 15px;}
#gnav ul li.works a:hover, #gnav ul li.works{ background-position: 2px 18px;}
#gnav ul li.think a:hover, #gnav ul li.think{ background-position: 5px 21px;}
#gnav ul li.link a:hover, #gnav ul li.link{ background-position: 9px 22px;}
#gnav ul li.mail a:hover, #gnav ul li.mail{ background-position: 2px 30px;}
/*------------------------------------------------
   Left
------------------------------------------------*/
#left{
float: right;
width: 735px;
min-height: 922px;
_height: 922px;
margin-bottom: 20px;
background: url(../images/bg_left_kaso.jpg) right top no-repeat;
}

/*------------------------------------------------
   top
------------------------------------------------*/
.top{
margin: 56px 0px 0px 0px;
width: 735px;
height: 176px;
}
.top:after{
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}
	.top_index{background: url(../images/bg_top_index.jpg) right top no-repeat;}
	.top_profile{background: url(../images/bg_top_profile.jpg) right top no-repeat;}
	.top_works{background: url(../images/bg_top_works.jpg) right top no-repeat;}
	.top_think{background: url(../images/bg_top_think.jpg) right top no-repeat;}
	.top_link{background: url(../images/bg_top_link.jpg) right top no-repeat;}

h1{
float: right;
margin: 2px 15px 0px 0px;
width: 500px;
height: 30px;
text-indent: -1000em;
overflow: hidden;
background: url(/images/logo.gif) right top no-repeat;
}
.top h2{
float: right;
margin: 5px 5px 0px 0px;
width: 500px;
height: 52px;
text-indent: -1000em;
overflow: hidden;
background: right top no-repeat;
}
	.top_profile h2{background-image: url(/images/h2_profile.jpg);}
	.top_works h2{background-image: url(/images/h2_works.jpg);}
	.top_think h2{background-image: url(/images/h2_think.jpg);}
	.top_link h2{background-image: url(/images/h2_link.jpg);}
	
.top p{
float: right;
margin: 2px 5px 0px 0px;
width: 400px;
color: #9B8364;
}

/*------------------------------------------------
   main
------------------------------------------------*/
#main{
background: url(/images/bg_main.jpg) 25px top repeat-y;s
}
/*------------------------------------------------
   leftnav
------------------------------------------------*/
.leftnav{
float: left;
margin: 10px 0px 0px 32px;
_margin: 10px 0px 0px 15px;
width: 261px;
height: 293px;
color: #ffffff;
background: url(/images/bg_leftnav.jpg) left top no-repeat;
}
.leftnav h3{
margin-top: 30px;
width: 260px;
height: 18px;
text-indent: -1000em;
overflow: hidden;
background: left top no-repeat;
}
	.leftnav_index h3{background-image: url(/images/leftnav_index.gif);}
	.leftnav_profile h3{background-image: url(/images/leftnav_profile.gif);}
	.leftnav_works h3{background-image: url(/images/leftnav_works.gif);}
	.leftnav_think h3{background-image: url(/images/leftnav_think.gif);}
	.leftnav_link h3{background-image: url(/images/leftnav_link.gif);}

.leftnav ul{
margin: 10px 0em 0px 0.5em;
width: 245px;

}
.leftnav ul li{
padding: 3px 0px 2px 0px;
background: url(/images/line_leftnav.gif) bottom no-repeat;
color: #ffffff;
font-weight: bold;
}
	.leftnav a, .leftnav a:visited, .leftnav a:hover, .leftnav a:active{
	padding-left: 1.5em;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	}
	.leftnav a:hover{background: url(/ico_check.png) 0.4em 2px no-repeat;}
	.leftnav a.current{background: url(/ico_check.png) 0.4em 2px no-repeat;}

	
/*------------------------------------------------
   content
------------------------------------------------*/
.content{
position: relative;
float: right;
width: 435px;
min-height: 586px;
_height: 586px;
color: #371100;
background: url(/images/bg_content_repeat.jpg) right top repeat-y;
}
.content p.feather_text{
margin: 0em 45px 1em 20px;
}
.content h3.tit{
margin: 40px 0px 10px 10px;
}
.content p{
margin: 0px 20px 1em 20px;
}

.content .uncer{
background: url(/images/bg_uncer.gif) right top repeat-x;
}
/*------------------------------------------------
   content_btm
------------------------------------------------*/
.content_btm{
position: relative;
padding-top: 10px;
width: 435px;
height: 53px;
background: url(/images/bg_content_btm.jpg) right bottom no-repeat;
}
	.content_btm a,.content_btm a:visited{
	display: block;
	float: right;
	margin-right: 20px;
	width: 80px;
	height: 40px;
	text-indent: -1000em;
	overflow: hidden;
	background: url(/images/btn_totop.jpg) right top no-repeat;
	}
	.content_btm a:hover, .content_btm a:active{
	background: url(/images/btn_totop_on.jpg) right top no-repeat;
	}
.content_btm .tape{
position: absolute;
left: 385px;
top: 30px;
width: 73px;
height: 75px;
background: url(/tape.png) right top no-repeat;
}
/*------------------------------------------------
   nextpage
------------------------------------------------*/
.nextpage a,.nextpage a:visited{
display: block;
width: 434px;
height: 65px;
text-indent: -1000em;
overflow: hidden;
background: url(/images/bg_nextpage.jpg) right top no-repeat;
}
.nextpage a:hover,.nextpage a:active{
background: url(/images/bg_nextpage_on.jpg) right top no-repeat;
}
/*------------------------------------------------
   sidnature
------------------------------------------------*/
.sidnature{
width: 434px;
height: 17px;
background: url(/images/img_signature.jpg) right bottom no-repeat;
}
.nonext{
height: 57px;
}
/*------------------------------------------------
   main_btm
------------------------------------------------*/
.main_btm{
position: relative;
width: 736px;
height: 16px;
background: url(/images/bg_main_btm.jpg) 25px top no-repeat;
}

.main_btm .sketch{
position: absolute;
left: 0px;
top: -268px;
width: 300px;
height: 249px;
z-index:0;
}

.sketch_profile{background: url(/images/img_sketch_profile.jpg) 45px top no-repeat;}
.sketch_case001{background: url(/images/img_sketch_case001.jpg) 45px top no-repeat;}
.sketch_case002{background: url(/images/img_sketch_case002.jpg) 45px top no-repeat;}
.sketch_case003{background: url(/images/img_sketch_case003.jpg) 45px top no-repeat;}
.sketch_case004{background: url(/images/img_sketch_case004.jpg) 45px top no-repeat;}
.sketch_case005{background: url(/images/img_sketch_case005.jpg) 45px top no-repeat;}
.sketch_think{background: url(/images/img_sketch_think.jpg) 45px top no-repeat;}
.sketch_link{background: url(/images/img_sketch_link.jpg) 45px top no-repeat;}
/*------------------------------------------------
   leftimg
------------------------------------------------*/
.leftimg, .leftimg_1 , .leftimg_2{
position: absolute;
top: 555px;
margin-left: 10px;
width: 304px;
z-index: 10;
}
.leftimg_index{
position: absolute;
top: 555px;
margin-left: 340px;
width: 304px;
z-index: 10;
}
.leftimg{height: 736px; background: url(/bg_leftimg.png);}
.leftimg_index{height: 233px; background: url(/bg_leftimg_2.png);}
.leftimg_1{height: 233px; background: url(/bg_leftimg_2.png);}
.leftimg_2{height: 459px; background: url(/bg_leftimg_2.png);}

img.img01{display: block; margin: 37px 0px 10px 20px;}
img.img02{display: block; margin: 0px 0px 6px 22px;}
img.img03{display: block; margin: 0px 0px 0px 44px;}
.leftimg_index img{display: block; margin: 37px 30px 0px 0px;}
/*------------------------------------------------
   feather
------------------------------------------------*/
.feather{
position: absolute;
top: 95px;
margin-left: 380px;
_margin-left: 381px;
width: 55px;
height: 470px;
background: url(/feather.png);
z-index: 20;
}
/*------------------------------------------------
   Index
------------------------------------------------*/
.top_index p{margin-top: 20px;}
.infofromnaoi01{
margin: 0px 0px 0px 15px;
width: 237px;
height: 70px;
background: url(../info01.jpg) left top no-repeat;
}
.infofromnaoi02{
margin: 0px 0px 0px 15px;
width: 235px;
height: 70px;
background: url(../images/info3.jpg) left top no-repeat;
}
.content_index{
float: right;
width: 435px;
color: #371100;
background: url(/images/bg_content_index.jpg) right top no-repeat;
}
.content_index h3.tit{
margin: 40px 0px 10px 10px;
}
.content_index .uncer{background: url(/images/bg_uncer.gif) right top repeat-x;}
dl.gnav_index{
margin: 20px 0px 10px 30px;
width: 410px;
}
dl.gnav_index:after{
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}
dl.gnav_index dt{
float: left;
width: 247px;
}
dl.gnav_index dd{
float: left;
margin-left: 20px;
width: 124px;
}
dl.gnav_index dd a{
display: block;
width: 124px;
height: 43px;
text-indent: -9999em;
overflow: hidden;
}
	dl.gnav_index a.profile, dl.gnav_index a.profile:visited{
	margin-bottom: 12px;
	background: url(/images/btn_gnav_profile.jpg) right top no-repeat;}
	dl.gnav_index a.works, dl.gnav_index a.works:visited{
	margin-bottom: 12px;
	background: url(/images/btn_gnav_works.jpg) right top no-repeat;}
	dl.gnav_index a.think, dl.gnav_index a.think:visited{
	margin-bottom: 25px;
	background: url(/images/btn_gnav_think.jpg) right top no-repeat;}
	dl.gnav_index a.link, dl.gnav_index a.link:visited{
	margin-bottom: 12px;
	background: url(/images/btn_gnav_link.jpg) right top no-repeat;}
	dl.gnav_index a.mail, dl.gnav_index a.mail:visited{margin-bottom: 15px;
	background: url(/images/btn_gnav_mail.jpg) right top no-repeat;}
	
	dl.gnav_index a.profile:hover, dl.gnav_index a.profile:active{
	background: url(/images/btn_gnav_profile_on.jpg) right top no-repeat;}
	dl.gnav_index a.works:hover, dl.gnav_index a.works:active{
	background: url(/images/btn_gnav_works_on.jpg) right top no-repeat;}
	dl.gnav_index a.think:hover, dl.gnav_index a.think:active{
	background: url(/images/btn_gnav_think_on.jpg) right top no-repeat;}
	dl.gnav_index a.link:hover, dl.gnav_index a.link:active{
	background: url(/images/btn_gnav_link_on.jpg) right top no-repeat;}
	dl.gnav_index a.mail:hover, dl.gnav_index a.mail:active{
	background: url(/images/btn_gnav_mail_on.jpg) right top no-repeat;}

ul.gnav_index li a, ul.gnav_index li a:visited{
display: block;
padding-left: 15px;
width: 400px;
height: 43px;
background: url(/images/btn_bookmark.jpg) left top no-repeat;
}
ul.gnav_index li a:hover, ul.gnav_index li a:active{
background: url(/images/btn_bookmark_on.jpg) left top no-repeat;
}
/*------------------------------------------------
   profile
------------------------------------------------*/
.content dl.profiles{
margin: 0px 1.5em;
}
dl.profiles:after{
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}
.content dl.profiles dt{
float: left;
width: 90px;
}
.content dl.profiles dd{
float: left;
padding-bottom: 3px;
width: 300px;
}
.moreprofile{
margin: 5px 0px 0px 15px;
width: 237px;
height: 155px;
background: url(/profile.png) left top no-repeat;
}
/*------------------------------------------------
   works_index
------------------------------------------------*/
.works_index{
position: absolute;
left: -45px; top: -5px;
width: 481px; height: 583px;
}
ul.photonav{
}
ul.photonav li a{
display: block;
width: 220px; height: 160px;
border: 1px solid #cc0000;
}
	ul.photonav li a.case001{ margin: 20px 0px 0px 260px; width: 220px; height: 160px;}
	ul.photonav li a.case002{ margin: -60px 0px 0px 30px; width: 230px; height: 160px;}
	ul.photonav li a.case003{ margin: -80px 0px 0px 260px; width: 220px; height: 170px;}
	ul.photonav li a.case004{ margin: -55px 0px 0px 0px; width: 240px; height: 180px;}
	ul.photonav li a.case005{ margin: -90px 0px 0px 240px; width: 220px; height: 170px;}
/*------------------------------------------------
   works
------------------------------------------------*/
.works_top{
position: relative;
width: 435px;
background: url(/images/bg_works_top.jpg) left top no-repeat;
}
.works_top h3.casenumber{
position: absolute;
width: 125px; height: 27px;
left: 310px; top: -27px;
}
.works_top .clip{
position: absolute;
left: 354px; top: 2px;
width: 94px; height: 34px;
background: url(/clip.png) left top no-repeat;
}
.works_top .mainimg{
padding: 7px 0px 0px 8px;
}
.works_top a.btn{
display: block;
margin: 0px 0px 0px 318px; padding: 0px;
width: 108px; height: 33px;
text-indent: -1000em;
overflow: hidden;
background: url(/images/btn_photo.jpg) left top no-repeat;
}
html>/**/body .works_top a.btn{
margin: -6px 0px 0px 318px; /* IE6,7以外のモダンブラウザに適用 */
}
.works_top a:hover.btn{
background: url(/images/btn_photo_on.jpg) left top no-repeat;
}
.works_top .photos_s{
position: absolute;
left: 13px; top: 157px;
width: 310px;
}
.works_top .photos_s a{margin-right: 2px;}



.works_top p{
margin: 3px 0px 0px 8px;
padding: 10px 1.5em 0px 1.5em;
height: 60px;
background: url(/images/bg_works_lead.gif) left top repeat-y;
}

/*------------------------------------------------
   link
------------------------------------------------*/
.links, ul.bookmark{
margin: 10px 0px 10px 1.5em;
width: 410px;
}
dl.links{margin-top: 10px;}
dl.links dd{padding-left: 1em;}

ul.bookmark li{
padding: 7px 0px 9px 15px;
background: url(/images/img_dotline.gif) left bottom repeat-x;
}
ul.bookmark li a, ul.bookmark li a:visited{
display: block;
padding-left: 15px;
width: 400px;
height: 43px;
background: url(/images/btn_bookmark.jpg) left top no-repeat;
}
ul.bookmark li a:hover, ul.bookmark li a:active{
background: url(/images/btn_bookmark_on.jpg) left top no-repeat;
}