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


/* ================================================
Classes
------------------------------------------------ */

.clearfix:before,
.clearfix:after{
	content:"";display:table;
}
.clearfix:after{ clear:both; }
.clearfix{ *zoom:1; }

.leftbox{ float:left; display:inline; }
.rightbox{ float:right; display:inline; }

.must{ font-weight:bold; color:#f33;}

.align-c{ text-align:center; }
.align-l{ text-align:left; }
.align-r{ text-align:right; }


/* ================================================
Common Style
------------------------------------------------ */
html{
	background:url("/img/bg.jpg") repeat 0 0;
}
body{
	font-family:'Lucida Grande', 'ヒラギノ角ゴ ProN W4', 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
}

a{ color:#39f; }
a:visited{ color:#27e;}
a:hover{ color:#6bf;}

img{ vertical-align:top; }

/*
	10px = 77%
	11px = 85%
	12px = 93%
	13px = 100%
	14px = 108%
	15px = 116%
	16px = 123.1%
	17px = 131%
	18px = 138.5%
	19px = 146.5%
	20px = 153.9%
	21px = 161.6%
	22px = 167%
	23px = 174%
	24px = 182%
	25px = 189%
	26px = 197%
*/

#stage{
	background:url("/img/bg_light.png") no-repeat 50% 0;
}

/* ================================================
Header Style
------------------------------------------------ */

header{
	background:url("/img/bg_hd.png") repeat-x 0 0;
	height:143px;
}

header section{
	width:900px;
	margin:0 auto;
}

header section h1{
	width:440px;
	height:118px;
	float:left;
	background:url("/img/title.jpg") no-repeat 0 30px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden; 
}

header section nav{
	float:right;
	width:362px;
	background:url("/img/nav.jpg") no-repeat 0 0;
}

header section nav ul li{
	width:120px;
	height:139px;
	float:left;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-right:1px;
}

header section nav ul li#nv-works{
	margin-right:0;
}

header section nav ul li a{
	display:block;
	height:100%;
	background:url("/img/nav.jpg") no-repeat 0 0;
}

header section nav ul li#nv-top a:hover,
body#c-top header section nav ul li#nv-top a{ background-position:0 -139px; }

header section nav ul li#nv-profile a{ background-position:-121px 0 }
header section nav ul li#nv-profile a:hover,
body#c-profile header section nav ul li#nv-profile a{ background-position:-121px -139px; }

header section nav ul li#nv-works a{ background-position:-242px 0 }
header section nav ul li#nv-works a:hover,
body#c-works header section nav ul li#nv-works a{ background-position:-242px -139px; }




/* ================================================
Top Style
------------------------------------------------ */
body#c-top section#main{
	padding-top:20px;
}

body#c-top section#main article{
	width:900px;
	margin:0 auto;
	padding-bottom:20px;
}

body#c-top section#main article .content{
}

body#c-top section#main article .leftbox{
	width:404px;
	float:left;
}

body#c-top section#main article .rightbox{
	width:473px;
	float:right;
}

body#c-top section#main article #top1{
	margin-bottom:20px;
}
body#c-top section#main article #top2 p{
	height:97px;
}

body#c-top section#main article #top2{
	margin-bottom:20px;
}

body#c-top section#main article #top2 h2{
	width:276px;
	float:left;
}

body#c-top section#main article #top2 p{
	width:197px;
	height:390px;
	float:right;
}

body#c-top section#main article #top3{
	margin-bottom:20px;
}

body#c-top section#main article #top3 h2{
}

body#c-top section#main article #top3 p{
}

body#c-top section#main article .content p{
	background-color:#000;
}

body#c-top section#main article #top4{
	margin-bottom:20px;
}


/* ================================================
Profile Style
------------------------------------------------ */
body#c-profile section#main{
	width:900px;
	margin:0 auto;
	padding-top:60px;
	padding-bottom:80px;
	color:#fff;
}

body#c-profile section#main .image{
	width:424px;
	float:left;
}

body#c-profile section#main article{
	width:450px;
	float:right;
}

body#c-profile section#main article h2{
	background:url("/img/profile.png") no-repeat 0 3px;
	height:88px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden; 
	border-bottom:1px solid #fff;
	margin-bottom:20px;
}

body#c-profile section#main article p{
	line-height:2.2em;
	margin-bottom:60px;
}

body#c-profile section#main article h3{
	background:url("/img/regular.png") no-repeat 0 0;
	height:18px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden; 
	margin-bottom:18px;
}

body#c-profile section#main article ul li{
	margin-bottom:10px;
}



/* ================================================
Works Style
------------------------------------------------ */
body#c-works section.work{
	width:900px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:60px;
	margin-bottom:30px;
	background:url("/img/dots.png") repeat-x 0 100%;
	color:#fff;
}

body#c-works section#sutegataki{
	padding-top:60px;
}

body#c-works section.work .image{
	width:424px;
	float:left;
}

body#c-works section.work article{
	width:450px;
	float:right;
}

body#c-works section.work article h2{
	height:92px;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden; 
	border-bottom:1px solid #fff;
	margin-bottom:30px;
}
body#c-works section#sutegataki article h2{ background:url("/img/work1t.png") no-repeat 0 3px; }
body#c-works section#ashura article h2{ background:url("/img/work2t.png") no-repeat 0 3px; }
body#c-works section#zenigeba article h2{ background:url("/img/work3t.png") no-repeat 0 3px; }
body#c-works section#ikiru article h2{ background:url("/img/work4t.png") no-repeat 0 3px; }

body#c-works section.work article p{
	line-height:2.2em;
	margin-bottom:30px;
}

body#c-works section.work article p.catch{
	font-size:164%;
	text-align:center;
}

body#c-works section.work article ul{
}


/* ================================================
Footer Style
------------------------------------------------ */

footer{
	background:url("/img/bg_ft.png") repeat-x 0 38px;
	padding-bottom:30px;
}
body#c-top footer{
	padding-top:85px;
}

footer article #totop{
	margin-bottom:20px;
}

footer article{
	color:#fff;
	text-align:center;
}

footer article h3{
	padding-top:10px;
	margin-bottom:12px;
	font-weight:normal;
	font-size:180%;
}

footer article p{
	margin-bottom:10px;
}