body {
	margin		: 0px auto;
	color				: #333;
	background		:   url(images/sozai/bg.jpg) left top repeat-x #fff ;
}
* {
	margin		: 0px;
}

img{
	border		: none;
}

.clearline{
	clear  :both;
	height :5px;
}
.clear{
	clear  :both;
}

h1{
	margin			:0px;
	padding			:0px;
}

h2 {
	margin-bottom		: 2px;
	border-bottom		:1px solid #333;
}

a{
	text-decoration		:none ; 
}

.left{
	text-align			:left;
}

.center{
	text-align			:center;
}

.right{
	text-align			:right;
}



/*おおよその箱
------------------------------------------------------------ */
#container{
	width			: 1000px;
	margin			:0px auto;
	padding				:0px;
	border			: 0px solid #ccc;
	background			: #fff;
}

.waku {
	width				: 1000px;
	margin				: 60px auto 10px auto ;
	border				: 0px solid #000;
}


#header1{
	width			: 1000px;
	height			: 500px;
	margin			: 0px 0px 0px 0px ;
	padding			: 50px 0px 0px 0px ;
}

#header2{
	width			: 1000px;
	height			: 200px;
	margin			: 0px 0px 0px 0px ;
	padding			: 60px 0px 0px 0px ;
}


/*------------------------------------------------------------ */



/*ヘッダー画像の設定
------------------------------------------------------------ */
.hd-t{
	background				: url(images/sozai/top-img.jpg) right top no-repeat #fff ;
}

.hd-a{
	background				: url(images/sozai/header-a.jpg) right top no-repeat #fff ;
}

.hd-p{
	background				: url(images/sozai/header-p.jpg) right top no-repeat #fff ;
}

.hd-w{
	background				: url(images/sozai/header-w.jpg) right top no-repeat #fff ;
}

.hd-c{
	background				: url(images/sozai/header-c.jpg) right top no-repeat #fff ;
}

.hd-d{
	background				: url(images/sozai/header-d.jpg) right top no-repeat #fff ;
}


/*------------------------------------------------------------ */






/*メニューバー
------------------------------------------------------------ */
#menu{
	height		:45px;
	text-align	:center;
	margin		:0px 0px 10px 0px;
	padding		:10px 0px 0px 0px;

	color	: #fff;
	background	: #fff;
	position: fixed;  //位置を固定
 	top: 0;   //縦の位置を指定
	left: 0;  //横の位置をして
	z-index: 999; //オブジェクトが重なった場合の表示順
	width: 100%; //横幅を全面に設定
}

#menu img{
	margin					:5px 10px 0px 0px;
	padding					:0px 16px;
	background				: #fff;
}

#menu h1{
	margin		:0px;
	padding		:0px;
}
#menu h6{
	text-align		:right;
	margin		:0;
}

#menu a:hover {
	color						:#f66;
	border-bottom		:0px dotted #aaa;
}

/*------------------------------------------------------------ */




/*共通設定
------------------------------------------------------------ */
.new{
	font-size					: 80%;
	color							: #f00;
	font-weight				: normal;
}


.outline {
	font-size				: 90%;
	line-height				: 140%;
	margin					: 0px;
	font-weight			: normal;
}
.outline a{
	color						: #399;
	font-weight				: bold;	
}
.outline a:hover{
	color							: #f66;
	background				: #fff;
}


/*------------------------------------------------------------ */






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

.setumei{
	font-size				: 80%;
	line-height				: 1.5em;
	margin					: 0px;
	font-weight				: normal;
}

.setumei3{
	font-size				: 80%;
	line-height				: 1.5em;
	margin					: 0px;
	padding-right				:15px;
	font-weight				: normal;
} /*イベント、展示のアップデートの設定 */

.setumei2 {
	font-size				: 90%;
	line-height				: 1.5em;
	margin					: 0px;
	font-weight				: normal;
}


.setumei2 a{
	color						: #399;
	font-weight				: bold;	
}
.setumei2 a:hover{
	color						: #f66;
	background				: #fff;
}


/*------------------------------------------------------------ */


/*左カラム用
------------------------------------------------------------ */
#box-ll {
	width				: 260px;
	height				:1000px;
	float				: left;
	font-size		: 90%;
	line-height		: 1.5em;
	margin-right		: 30px;
	margin-left		: 0px;
	padding			:0px;	
	background	: #fff;
	overflow		:auto; 
	}

#box-ll p{
	font-size		:80%;
	line-height		: 1.3em;
	margin			: 0px;
}

.cl-table {
	width				: 200px;
	line-height			: 1.2em;
	text-align			: left;
	vertical-align	: middle;
}
td.cl-table {
	height				: 30px;
	width				: 30px;
}
.cl-table2 {
	width				: 200px;
	line-height			: 1.2em;
	text-align			: left;
	margin-left		: 15px;
	vertical-align	: middle;
}





.new img{
	border	: 1px solid #ff6666;
}



.info{
	font-size			:85%;
	line-height			:140%;
	margin			:10px 0px 30px 0px;
	padding-left		:15px;	
}
.info ul{
	list-style	:inside ;
	padding		: 0px;
	line-height			:140%;
}
.info li{
	margin-bottom	:5px;
}
.info ul ul{
	list-style	:inside none;
	padding-left		:2em;	
	font-size				:90%;
}

.info dt{
	font-size				:110%;
	font-weight			:bold;
}
.info dd{
	padding-left		:1em; 
	margin-bottom	:15px;
	font-size				:90%;
}
.info a{
	color	: #39f;
}
.info a:hover{
	color	: #fff;
	background	: #000;
}

.info-bar1{
	height						:px;
	text-align				: left;
	padding					: 0px 0px 0px0px;
	margin					: 0px 0px 30px 0px;
	overflow				: auto; 
}
.info-bar2{
	height						:200px;
	text-align				: left;
	padding					: 0px 0px 10px0px;
	margin					: 0px 0px 50px 0px;
	overflow				: auto;
	border-bottom		:dashed 1px #ddd;
}
.info-pickup{
	color					: #fff;
	background		: #993;
}

#box-ll h4{
	border-bottom		:1px solid #333;
	font-weight			: bold;	
	margin-bottom		: 3px;
}


.cont-b{
	font-weight				: bold;
	font-size				: 120%;
}

.cont-b a{
	color						: #fff;
	background				: #399;
}

.cont-b a:hover{
	color						: #fff;
	background				: #f66;
}





------------------------------------------------------------ */


/*右カラム
------------------------------------------------------------ */	
#box-r{
}

#box-rr{
	width				:700px;
	float					: left;
	text-align			:left;
	font-size			: 100%;
	line-height			: 150%;
	padding				:0px 10px 0px10px;
	margin				:0px 0px 100px 10px;
	background		: right top no-repeat #fff ;
	overflow			:auto; 
}

#imegebox{
	text-align	:right;
}


.text1{
	margin-top				:0px;
	margin-right				:30px; 
	font-size				:80%;
	line-height				:150%;
	}
.text1 img{
	margin-right				:20px; 
	}


.text3{
	margin-top			:0px;
	margin-right		:30px; 
	}
.text3 dl{
	padding-left		:30px; 
}
.text3 dt{
	font-size				:110%;
	font-weight				: bold;
	border-bottom			: 0px dotted #666;
	margin-bottom			: 3px; 
}
.text3 dd{
	font-size				:90%;
	padding-left				:15px; 
	margin-bottom			:15px;
	line-height				:1.3em;
}
.text3 a{
	color						: #939;
	background	: ;	
}
.text3 a:hover{
	color					: #fff;
	background			: #000;
}


.indent15{
	padding-left		:15px; 
}



.jigazo{
	float				: left;
	margin-right		: 5px;
}





/*------------------------------------------------------------ */






/*イラスト用3カラム設定
------------------------------------------------------------ */

#i-m{
	width					: 1000px;
	text-align				: left;
	font-size				: 90%;
	line-height				: 120%;
	margin					: 0px 0px 100px 0px;
}

#i-l{
	width					: 320px;
	float					: left;
	padding					: 0px 10px 0px10px;
	margin					: 0px 10px 0px 0px;
	background			:  #fff ;
	overflow				: auto; 
}


#i-c{
	width					: 320px;
	float					: left;
	padding					: 0px 10px 0px10px;
	margin					: 0px 10px 0px 10px;
	overflow			:auto; 
}


#i-r{
	width					: 320px;
	float					: left;
	padding					: 0px 10px 0px10px;
	margin					: 0px 0px 0px 10px;
	overflow				: auto; 
}


#i-m h4{
	text-align				: center;
	font-size				: 120%;
	line-height				: 150%;
	margin					: 2px 0px 7px 0px;
	border-bottom			:1px solid #333;
}

#i-m h5{
	font-size				: 110%;
	line-height				: 150%;
}


.i-sample{
	height					: 200px;
	overflow				: auto; 
	background			:  #fff;
	padding					: 10px 0px 0px 0px;
	margin					: 0px 0px 30px 0px;
}

.i-new{
	border					: 1px solid #f66;
}

.i-lustup-n{
	color					:  #fff;
	background			:  #000;
}

.i-lustup{
	color					:  #333;
	background			:  #eee;
}

#i-m p{
	font-size				: 90%;
}


.i-line{
	border-bottom		:1px solid #333;
}


.i-outline{
	padding					: 0px 0px 30px 0px;
}

.i-outline a{
	color				:  #333;
	background		: #3ef;	
	font-weight		: bold;
}

.i-outline a:hover{
	color				:  #333;
	background		: #f9c;
	font-weight		: bold;
}



.i-ia{
	background		: url(images/sozai/p-ia.jpg) right top no-repeat #fff ;
}
.i-ib{
	background		: url(images/sozai/p-ib.jpg) right top no-repeat #fff ;
}
.i-ic{
	background		: url(images/sozai/p-ic.jpg) right top no-repeat #fff ;
}
.i-id{
	background		: url(images/sozai/p-id.jpg) right top no-repeat #fff ;
}
.i-ie{
	background		: url(images/sozai/p-ie.jpg) right top no-repeat #fff ;
}
.i-if{
	background		: url(images/sozai/p-if.jpg) right top no-repeat #fff ;
}


/*------------------------------------------------------------ */





/*ピックアップ
------------------------------------------------------------ */
#update{
}

#update2{
	margin					:0px 0px 70px 0px;
	background			:#fff;
}


#update2 h3{
	font-size					:140%;
	font-weight					:bold;
	padding-bottom				: 5px;
}



.slider p{
	font-size					:75%;
	text-align					:right;
	line-height					:1.2em;
}




.pickup{
	width						:220px;
	border						:solid 1px #aaa;
	margin						:0px 17px 10px 0px;
	background				: #fff;
	float							: left;
	line-height					:1.2em;
	padding-bottom		: 10px;
}

.pickup2{
	width						:220px;
	border						:solid 1px #aaa;
	margin						:0px 0px 0px 0px;
	background				: #fff;
	float							: right;
	line-height					:1.2em;
	padding-bottom		: 10px;
}

.pickup h4{
	font-size					:100%;
	font-weight				:bold;
	padding						:5px 10px;
}

.pickup2 h4{
	font-size					:100%;
	font-weight				:bold;
	padding						:5px 10px;
}

.pickup p{
	padding						:0px 10px;
	font-size					:80%;
}

.pickup2 p{
	padding						:0px 10px;
	font-size					:80%;
}

.pickup-link{
	text-align				:right;
}

.pickup2-link{
	text-align				:right;
}

.pickup a{
	color						:#399;
	background			: #fff;
	font-weight				:bold;
	border-bottom		:2px dotted #333;
	font-size					:90%;
}

.pickup2 a{
	color						:#399;
	background			: #fff;
	font-weight				:bold;
	border-bottom		:2px dotted #333;
	font-size					:90%;
}

.pickup a:hover {
	color						:#f66;
	font-weight				:bold;
}

.pickup2 a:hover {
	color						:#f66;
	font-weight				:bold;
}





/*------------------------------------------------------------ */


/*アイコン一覧
------------------------------------------------------------ */
#icon{
	margin		:0px 0px 0px 0px;
	background			: #fff;

}

#icon table{
	text-align					:center;
	line-height					:1em;
	border-collapse			:collapse;
	border-spacing			:0px
}

#icon table caption{
	text-align					:left;
	line-height					:2em;
	font-size					:110%;
	font-weight				:bold;
}

#icon table td{
	width							:142px;
	margin-right				:10px; 
	vertical-align				:top; 
	font-size					:80%;
	padding-bottom		:0px;
}

#icon table th{
	line-height					:1.5em;
}

#icon-bold{
	font-size					:110%;
	font-weight				:bold;
}

/*------------------------------------------------------------ */


/*特設
------------------------------------------------------------ */
#sp{
	margin					:50px 0px 0px 0px;
	background			: #fff;
	font-size				: 100%;
}

#sp a{
	color						: #399;
	font-weight				: bold;	
}
#sp a:hover{
	color							: #f66;
	background				: #fff;
}

#sp table{
	text-align				: left;
	line-height				:1.2em;
	border-collapse			:collapse;
	border-spacing			:0px
}

#sp table caption{
	text-align				:left;
	line-height				:2em;
	font-size				:110%;
	font-weight				:bold;
}

#sp table th{
	line-height				: 1.5em;
}

#sp table td{
	width						:px;
	vertical-align				: top; 
	padding-top			: 5px ;
	padding-bottom			: 5px ;
}

.sp-td1{
	width					: 60px;
	text-align				: center;
	padding				:0px 0px 0px 10px ; 
}

.sp-td2{
	border-bottom				:1px solid #333;
	text-align				: center;
}

.sp-td3{
	font-size				: small;
	text-align				: right;
	padding					: 0px 0px 0px 10px ; 
	border-top				:1px solid #333;
}

.sp-b{
	font-size				:120%;
	font-weight				:bold;
}



/*------------------------------------------------------------ */



/*アバウト
------------------------------------------------------------ */
#about{
	width						: 700px;
	text-align					: left;
	padding						: 0px 0px 20px0px;
	margin						: 0px 0px 60px 0px;
	overflow					: auto; 
	border-bottom				: dashed 0px #999;
	background				: #fff;
}


#about dt{
	font-size				: 110%;
	font-weight			: bold;
	border-bottom			: 1px dotted #666;
	margin					: 10px 0px; 
}

#about dd{
	font-size				:90%;
	padding-left				:15px; 
	margin-bottom			:50px;
	line-height				:140%;
}
#about dd a{
	color					: #333;
	background			: #3ef;	
	font-weight			: bold;
}
#about dd a:hover{
	color					: #333;
	background			: #f9c;
	font-weight			 bold;
	}

.prof{
	padding-left				:105px; 
	background				: url(images/sozai/face.gif) left top no-repeat ;
}

/*------------------------------------------------------------ */



/*仕事一覧
------------------------------------------------------------ */
#works{
	width							: 700px;
	height							: 850px;
	text-align					: left;
	padding						: 0px 0px 20px0px;
	margin						: 0px 0px 60px 0px;
	overflow					: auto; 
	border-bottom			: dashed 1px #999;
	background				: #fff;
}

#works h3{
	font-size						: 120%;
	font-weight					: bold;
	padding-bottom			: 5px;
}

.w-list{
	width					: 675px;
	border-bottom			: dashed 1px #aaa;
	margin					: 0px 0px 30px 10px;
	background			: #fff;
	line-height				: 1.1em;
	padding-bottom			: 0px;
}

.w-list-outline{
	width							: 560px;
	display							: inline-block;
	vertical-align				: top; 
	padding						: 0px;
	margin-left						: 5px;
	background				: #fff;
	font-size					: 90%;
}

.w-list-outline a{
	color							: #399;
	background					: #fff;
	font-weight					: bold;
	border-bottom			: 0px dotted #333;
}

.w-list-outline a:hover {
	color							: #f66;
	font-weight					: bold;
}

.w-list-outline-date{
	padding						: 2px 0px;
	font-size					: 80%;
	text-align					: right;
}


#w-list img{
	display							: inline-block;
	border							: solid 0px #aaa;
}

.w-list-outline dt{
	width							: 100%;
	font-size						: 100%;
	font-weight					: bold;
	padding							: 3px 0px;
	margin							: 0px 0px 5px 0px;
	display							: inline-block;
	border-bottom			: solid 1px #666;
}
.w-list-outline dd{
	padding							: 0px 0px 3px 10px;
}


.w-list2{
	width							: 700px;
	height							: 300px;;
	text-align					: left;
	padding						: 0px 0px 0px0px;
	margin						: 0px 0px 50px 0px;
	overflow					: auto;
	border-bottom			: dashed 1px #999;
}

.w-glid{
	line-height				: 110%;
	padding-left		:20px; 
	margin					: 0px;
	}

.w-glid a{
	color							: #399;
	background				: #fff;
	font-weight					: bold;
}

.w-glid a:hover {
	color								: #f66;
	font-weight					: bold;
}

.w-glid table{
	margin-left						: 0px; 
	margin-right					: 15px; 
	line-height						: 1.4em;
	border-collapse				: collapse;
	border-spacing				: 0px
}

.w-glid td{
	vertical-align					: top; 
	font-size						: 90%;
	padding-bottom			: 3px;
}

.w-glid-date{
	width							: 11em;
}



/*------------------------------------------------------------ */






/* 仕事一覧：継続中(右カラム)
------------------------------------------------------------ */

#ongoing{
	width					: 250px;
	margin					: 5px 0px 30px 10px;
	background				: #fff;
	line-height				: 1.3em;
	padding-bottom			: 0px;
	display					: inline-block;
	vertical-align				: top; 
}

.ongoing-item{
	background			: #fff;
	border-bottom			: dashed 1px #aaa;
	margin-bottom			: 10px;
}

.ongoing-1{
	width					: 170px;
	background			: #fff;
	display					: inline-block;
	vertical-align				: top; 
	padding					: 0px;
	margin-left				: 5px;
}

#ongoing dt{
	width					: 100%;
	border-bottom			: solid 1px #666;
	margin-bottom			: 3px;
	font-size				: 90%;
	font-weight				: bold;
	display					: inline-block;
}

.ongoing-r{
	text-align				: right;
	font-size				: 85%;
}

#ongoing img{
	display					: inline-block;
	border					: solid 0px #aaa;
}






/*------------------------------------------------------------ */



/* ブログ用のiフレーム★
------------------------------------------------------------ */

#blog{
	width								: 700px;
	height								: 800px;
	background						 : #fff;
	border							   : 0px;
}

/*------------------------------------------------------------ */



/*コピーライト
------------------------------------------------------------ */
cr-current{
}

#copy{
	color	: #fff;
	text-align	:left;
	vertical-align	:bottom;
	margin		:0px ;
	height				:125px;
	clear  :both;
}

#copy table{
	width		: 1000px;
	padding		: 0px 0px 0px 0px ;
	color		: #333;
	border		:0px;
	border-collapse:collapse;
	margin	: 0px;
	background: url(images/sozai/end-0.gif) right top no-repeat  #fff ;
	height				:125px;

}

#copy a{
	text-decoration	: none;
	color		: #333;
	font-size	:100%;
}

#copy a:hover{
	color		: #fff;
	background	: #000;
}

.cr{
	font-weight			:bold;
}
.cr-lin{
	padding-left		: 15px;
}
.cr-rit{
	color		: #666;
	font-size	:80%;
	font-weight			:mormal;
	text-align				:right;	
	padding-right		: 110px;
}


.koukoku {
	margin-top	: 50px;
	color		: #fff;
	text-align	: center;
	line-height		:0.7em;
}
.koukoku h3{
	color		: #fff;
	font-size	:30%;
}


/*------------------------------------------------------------ */


iframe{
	height					:0;
}

/* メールフォーム置き場
------------------------------------------------------------ */
#form-contact{
	width								: 700px;
	height								: 550px;
	border							   : 0px;
	background			: url(images/sozai/back-c.gif) right bottom no-repeat #fff ;
	}


/*------------------------------------------------------------ */




/* スクロールすると現れるページトップへボタン
------------------------------------------------------------ */
.page_top {
	position:fixed;
	bottom:10px;
	right:10px;
	padding:5px 20px;
	color:#fff;
	font-size: 110%;
	text-decoration:none;
	background:#fff;
}
.page_top:hover {
	background:#fff;
}
/*------------------------------------------------------------ */