body{
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
	color:#777;
	background-color:#fff;
	font-family:'Arial',"ＭＳ ゴシック",Osaka!important;
	line-height:1.6;
}

ul,li{
	margin:0;
	padding:0;
	}
	
a:link,a:active,a:visited,a:hover{border:none!important;text-decoration:none!important;color:#000;}
img{border:none!important;}
a img{border:none!important;}

h1{}
h2{}
h3{color:#000;font-size:13px;line-height:1.2;}
h4{}
p{line-height: 1.4; margin:5px;}

h3 span.small{font-size:12px;}

body#page_3 h4{font-size:15px;color:#000;margin:4px;padding:0;}

body#page_3 table a img{border:1px solid #ddd!important;}

p.serif,span.serif,div.serif{
	font-family:serif!important;
	line-height:2.0;
	font-size:14px;
	color:#000;
}

span.red{color:#bb0000;font-weight:bold;}

.clear{clear:both!important;}

p.error{color:#e72400;display:inline;}

div#wrap{
	margin:0 auto 0;
	width:780px;
	text-align: left;
}

img#textlabel{
	position:relative;
	left:-6px;
}

p.work_desc{
	margin:10px 0 0 20px;
}
/*
表紙ページ専用
*/
div#topleft{
	float:left;
	width:400px;
	padding-top:33px;
}

div#topleft img{
	margin-left:45px;
}

div#topright{
	float:right;
	margin-top: 30px;
	width:360px;
}

div#topright div#title{
	margin-top:190px;
	text-align:center;
}

div#topright div#title div{
	font-size:11px;
	}

div#topright div#title ul{
	list-style-type:square;
	list-style-position:outside;
	text-indent:-1em;
	margin-left:15px;
	_margin-left:27px;
	}


div#topright div#title div a{
	text-decoration:underline!important;
	}

div#topright div#title img.top_title1{
	
}

div#topright div#title img.top_title2{
	margin-top:13px;
}

div#topnavi{
	text-align:left;
	clear:both;
}

div#topnavi ul{
	float:left;
	list-style:none;
	margin:40px 0 40px;
}

div#topnavi ul li{
	float:left;
	margin-right:28px;
}

div#topnavi ul li a{
	display:block;
}

div#topnavi ul li a,div#topnavi ul li a img{
	border:none!important;
	text-decoration:none!important;
	background-color:#fff;
}


div#topnavi ul li#nav_prof,div#topnavi ul li#nav_prof a
{width:100px;}

div#topnavi ul li#nav_works,div#topnavi ul li#nav_works a
{width:50px;}

div#topnavi ul li#nav_concept,div#topnavi ul li#nav_concept a
{width:100px;}

div#topnavi ul li#nav_flow,div#topnavi ul li#nav_flow a
{width:110px;}

div#topnavi ul li#nav_link,div#topnavi ul li#nav_link a
{width:60px;}

div#topnavi ul li#nav_blog,div#topnavi ul li#nav_blog a
{width:60px;}

div#topnavi ul li#nav_contact,div#topnavi ul li#nav_contact a
{width:100px;}

div#topnavi ul li#nav_prof a{background:url(sozai/nav_prof.gif) no-repeat top left #fff;}
div#topnavi ul li#nav_works a{background:url(sozai/nav_works.gif) no-repeat top left #fff;}
div#topnavi ul li#nav_concept a{background:url(sozai/nav_concept.gif) no-repeat top left #fff;}
div#topnavi ul li#nav_flow a{background:url(sozai/nav_flow.gif) no-repeat top left #fff;}
div#topnavi ul li#nav_link a{background:url(sozai/nav_link.gif) no-repeat top left #fff;}
div#topnavi ul li#nav_blog a{background:url(sozai/nav_blog.gif) no-repeat top left #fff;}
div#topnavi ul li#nav_contact a{background:url(sozai/nav_contact.gif) no-repeat top left #fff;}





div#header{
	height:25px;
	padding:23px 0 2px;
	margin-bottom:12px;
	border-bottom:1px solid #8c8a8c;
}

img#title_left{float:left;}

img#title_right{float:right;padding-top:7px;}

div#sidebar{
	width:130px;
	float:left;
	padding-bottom:40px;
}


div#sidebar ul{
	margin:40px 0 0;
	list-style:none;
}

div#sidebar ul li{
	margin-bottom:8px;
	width:117px;
	height:30px;
	display:block;
}

div#sidebar ul li a{
	width:117px;
	height:17px;
	display:block!important;
}

div#sidebar ul li#nav_top a{background:url(sozai/nav_toppage.gif) no-repeat top left #fff;}
div#sidebar ul li#nav_prof a{background:url(sozai/nav_prof.gif) no-repeat top left #fff;}
div#sidebar ul li#nav_works a{background:url(sozai/nav_works.gif) no-repeat top left #fff;}
div#sidebar ul li#nav_concept a{background:url(sozai/nav_concept.gif) no-repeat top left #fff;}
div#sidebar ul li#nav_flow a{background:url(sozai/nav_flow.gif) no-repeat top left #fff;}
div#sidebar ul li#nav_link a{background:url(sozai/nav_link.gif) no-repeat top left #fff;}
div#sidebar ul li#nav_blog a{background:url(sozai/nav_blog.gif) no-repeat top left #fff;}
div#sidebar ul li#nav_contact a{background:url(sozai/nav_contact.gif) no-repeat top left #fff;}

body#page_1 div#sidebar ul li#nav_top a,
div#sidebar ul li#nav_top a:active{background:url(sozai/nav_toppage2.gif) no-repeat top left #fff;}
body#page_2 div#sidebar ul li#nav_prof a,
div#sidebar ul li#nav_prof a:active{background:url(sozai/nav_prof2.gif) no-repeat top left #fff;}
body#page_3 div#sidebar ul li#nav_works a,
div#sidebar ul li#nav_works a:active{background:url(sozai/nav_works2.gif) no-repeat top left #fff;}
body#page_4 div#sidebar ul li#nav_concept a,
div#sidebar ul li#nav_concept a:active{background:url(sozai/nav_concept2.gif) no-repeat top left #fff;}
body#page_5 div#sidebar ul li#nav_flow a,body#page_19 div#sidebar ul li#nav_flow a,
body#page_20 div#sidebar ul li#nav_flow a,body#page_21 div#sidebar ul li#nav_flow a,
body#page_22 div#sidebar ul li#nav_flow a,body#page_23 div#sidebar ul li#nav_flow a,
body#page_24 div#sidebar ul li#nav_flow a,body#page_25 div#sidebar ul li#nav_flow a,
body#page_26 div#sidebar ul li#nav_flow a,div#sidebar ul li#nav_flow a:active{background:url(sozai/nav_flow2.gif) no-repeat top left #fff;}
body#page_6 div#sidebar ul li#nav_link a,div#sidebar ul li#nav_link a:active{background:url(sozai/nav_link2.gif) no-repeat top left #fff;}
body#page_7 div#sidebar ul li#nav_blog a,
div#sidebar ul li#nav_blog a:active{background:url(sozai/nav_blog2.gif) no-repeat top left #fff;}
body#page_8 div#sidebar ul li#nav_contact a,
div#sidebar ul li#nav_contact a:active{background:url(sozai/nav_contact2.gif) no-repeat top left #fff;}

body#page_12 div#sidebar ul li#nav_works a,
body#page_34 div#sidebar ul li#nav_works a,
body#page_11 div#sidebar ul li#nav_works a,
body#page_39 div#sidebar ul li#nav_works a,
body#page_10 div#sidebar ul li#nav_works a,
body#page_40 div#sidebar ul li#nav_works a,
body#page_9 div#sidebar ul li#nav_works a,
body#page_41 div#sidebar ul li#nav_works a,
body#page_27 div#sidebar ul li#nav_works a,
body#page_42 div#sidebar ul li#nav_works a,
body#page_28 div#sidebar ul li#nav_works a,
body#page_43 div#sidebar ul li#nav_works a,
body#page_32 div#sidebar ul li#nav_works a,
body#page_37 div#sidebar ul li#nav_works a,
body#page_31 div#sidebar ul li#nav_works a,
body#page_38 div#sidebar ul li#nav_works a,
body#page_30 div#sidebar ul li#nav_works a,
body#page_35 div#sidebar ul li#nav_works a,
body#page_29 div#sidebar ul li#nav_works a,
body#page_36 div#sidebar ul li#nav_works a
{background:url(sozai/nav_works2.gif) no-repeat top left #fff;}





div#content{
	font-family:"ＭＳ ゴシック",Osaka!important;
	width:630px;
	float:right;
	border-left:1px solid #8c8a8c;
	margin-bottom: 8px;
}

div#content span.serif{
	font-family:"ＭＳ 明朝",serif!important;
	color:#000;
}

div#content span.zen_suu{
	letter-spacing: -3px;
}


div#contwrap{
	padding:15px 0px 20px 40px;
	float:left;
}

table.gene_table{
	margin:0;
	padding:0;
	border-collapse: collapse;
	border:2px solid #8c8a8c!important;
}

table.gene_table td{
	margin:0;
	padding:3px;
	border-right:1px solid #8c8a8c!important;
	border-bottom:1px solid #8c8a8c!important;
}

div.flow_block{
	float:left;
	width:430px;
}

div.w200{
	float:left;
	width:200px;
	height:300px;
}

div.w400{
	float:left;
	width:400px;
	height:320px;
}

div.flow_block h4{
	margin-top:4px;
	line-height: 1.1;
}

div.flow_block p{
	margin-left:1.2em;
}


div#flow_nav{
	width:130px;
	float:left;
}

div#flow_nav p{margin:0;}

div#flow_nav a{
	width:90px;
	display:block;
	padding:4px 10px;
	margin:6px 0;
	text-align: center;
	background-color: #d6d3d6;
}

div#flow_nav a#flow0{
	padding:10px;
}

div#flow_nav img{margin-left:44px;}

body#page_5 a#flow1,body#page_19 a#flow2,body#page_20 a#flow3,body#page_21 a#flow4,
body#page_22 a#flow5,body#page_23 a#flow6,body#page_24 a#flow7,body#page_26 a#flow8,
body a#flow0{
	background-color:#aaa;
	font-weight:bold;
	color:#000;
	border:1px solid #aaa!important;
}

div#flow_content{
	width:420px;
	float:right;
	display:block;
	padding-bottom: 2em;
	padding-top:10px;
	margin-left:5px;
	
}

div.container{
	margin-left: 25px;
}

div#flow_content p,
div#flow_content p img{
	margin:0!important;
	padding:0;
}

div#flow_content h3{font-size:15px;}

div#flow_content h4{
	font-size:15px;
	_font-size:12px;
	margin-bottom: 3px;
}

div.backtolistview{clear:both;text-align:right;}

div.sumbnail{float:left;margin-top:10px;}

div.sumbnail a{
	width:20px;
	height:16px;
	display:block;
	float:left;
	margin:0 11px 11px 0;
	text-align:center;
	overflow: hidden!important;
}

div.sumbnail a img{
	width:40px!important;
	height:40px;
}

table#imgbox{
	text-align: center;
}

table#imgbox td{
	height:560px;
	width:560px;
}


div#menu ul li,#menu span{
	display:inline;
	font-size:15px;
	width:16px;
	margin-left:3px;
	cursor:pointer;
}

div#imgbox img#bigimg{display: inline;}

ul#sumbnail{
	float:left;
	margin-top:10px;
	margin-left:90px;
	_margin-left:45px;
	padding-top:-30px;
}

ul#sumbnail li{
	width:22px!important;
	display:block;
	float:left;
	text-align:center;
	overflow: hidden!important;
}

ul#sumbnail li.spacer{
	background-image:url(assets/images/spacerdot.gif) no-repeat middle center;}
	width:6px!important;
}

ul#sumbnail li img{
	width:40px!important;
	height:40px;
}

ul#sumbnail{
	width:300px;
	height:20px;
	overflow:hidden;
}

div#aisatsu{margin:30px 0 25px;}


/*FOOTER*/
div#footer{
	clear:both;
/*	float:left;*/
	width:780px;
	border-top:1px solid #8c8a8c;
	color:#777;
	padding:1px 0 10px;
	height:20px;
}

div#footer span#copyright{
	font-size:12px;
	font-family: 'Arial', 'Tahoma', sans-serif;
	text-align: left;
	font-weight:bold;
}

div#footer span#copyright span{
	font-size:14px;
	margin-right:3px;
}


div#googlefeed{
	float:right;
	width:350px;
	font-size:10px;
}

div#googlefeed span{
	float:left;
	width:80px;
}

div#googlefeed div#feedControl{
	float:right;
	width:270px;
	height:50px;
	overflow:hidden;
	line-height:1.3;
}

div#googlefeed div#feed a{
	background-color:#fff;
	color:#777;
}

div.gf-snippet,div.gf-author,div.gf-spacer,div.gfc-resultsHeader{display:none!important;}

div.gfc-result{clear:both;float:left;width:270px;}

div.gfc-result div.gf-title{float:left;width:160px;text-overflow:ellipsis;}

div.gfc-result div.relativePublishedDate{float:right;width:110px;}

iframe{border:none!important;}

div#imgnav{text-align:center;}

div#imgnav table{margin-left: 110px; _margin-left:0px;}

table.invisible{display:none!important;}

/*
ギャラリーページ・コメント対応
-------------------------------------*/

body#page_39 iframe,
body#page_40 iframe,
body#page_41 iframe,
body#page_42 iframe,
body#page_43 iframe,
body#page_179 iframe,
body#page_35 iframe,
body#page_36 iframe,
body#page_37 iframe,
body#page_38 iframe
{height:600px!important;}


/*
リンクページ
--------------------------------------*/
body#page_6{}

body#page_6 h2{
	font-size:15px;
	padding-bottom:0px;
	border-bottom:2px dotted #999;
	}

body#page_6 td{
	vertical-align:top;
	padding:7px 0;
	}

body#page_6 td.linkTitle{
	width:33%;
	}

body#page_6 table{
	margin-bottom:22px;
	}


/*
プロフィール
--------------------------------------*/

body#page_2 ul,body#page_2 li{
	list-style:none;}

body#page_2 div#content li{
	margin-left:18px;
	}

body#page_2 ul{
	margin-bottom:8px;
	}



