@charset "UTF-8"; 

/******************************************************

u-spaceplanning.com
last mod 071212


*****************************************************/


/*****************************************************

base 

*****************************************************/

*{
	margin:0;
	padding:0;
	
	}
	
html{
	background:url(images/grobal_bg.jpg) repeat-y 0 0;
	height:100%;
	}
		
body{
	text-align: left;
	margin:0;
	padding:0;
	height:100%;
	font-family:verdana, sans-serif;
	font-size:12px;
	color:#000;
	line-height: 160%;
}

a:link{text-decoration:none; color:#600;}
a:visited{color:#600; text-decoration:none;}
a:hover{color:#fff; background:#600;}

img{
	margin:0;
	border:none;
}

hr{
clear:both;
visibility:hidden;
margin:0;
padding:0;
} 

.cr{
	clear:both;
	margin:0;
	padding:0;
	}
	
.clear {
    clear: both;
}

form {
    margin: 0px;
}
#search-options,
input {
    padding: 1px;
    font-size: 12px;
}


blockquote {
    width: auto;
    margin: 15px 20px 0 20px;
    padding: 10px;
    border: 1px solid #666666;
    background: #f6f6f6;
    font-size: 10px;
    line-height: 150%;
}
.quotetitle { /* 引用文タイトル */
    font-size: 10px;
    border-bottom: 1px solid #666666;
    padding: 3px;
}

.clear {
    clear: both;
}

/*****************************************************

wrapper

*****************************************************/

#wrapper{
	width:100%;
	height:100%;
	background: url(images/gamma_bg.jpg) repeat-x 0 0;
	}


/*****************************************************

alpha

*****************************************************/

#alpha{
	width:230px;
	height:100%;
	background:url(images/alpha_bg.jpg) repeat-y 0 0;
	float:left;
	margin:0;
	padding:0;
	}
	
#logo h1 a{
	display:block;
	width:230px;
	height:200px;
	background:url(images/logo.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}


#banner-description {
    display:none;
}

#blog_main{
	display:block;
	width:190px;
	height:400px;
	background:url(images/blog/blog_main.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:45px 0 0 30px;
	}

#company_main{
	display:block;
	width:190px;
	height:400px;
	background:#fff url(images/company/company_main.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:45px 0 0 30px;
	}

#contact_main{
	display:block;
	width:190px;
	height:400px;
	background:#fff url(images/contact/contact_main.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:45px 0 0 30px;
	}

#info_main{
	display:block;
	width:190px;
	height:100%;
	background:#fff url(images/information/information_main.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:45px 0 0 30px;
	}

#philo_main{
	display:block;
	width:190px;
	height:400px;
	background:#fff url(images/philosophy/philosophy_main.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:45px 0 0 30px;
	}

#works_main{
	display:block;
	width:190px;
	height:400px;
	background:#fff url(images/works/works_main.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:45px 0 0 30px;
	}

/*****************************************************

container

*****************************************************/

#container{
	width:750px;
	background:none;
	margin:0;
	padding:0;
	float:left;
	}

/*****************************************************

beta

*****************************************************/

#beta{
	width:570px;
	height:100%;
	float:left;
	margin:0;
	padding:0;
	/*background:#fff url(images/beta_bg.jpg) repeat-y 0 0;*/
	}

/*****************************************************

navi_main

*****************************************************/

#main_navi{
	width:570px;
	height:185px;
	margin:0;
	padding:0;
	background:#ccc url(../images/information/i_navibg.jpg) no-repeat 0 0;
	}

#listup ul{
	position:relative;
	top:104px;
	left:324px;
	padding:0;
	width:237px;
	height:25px;
    list-style : none;
	}
#listup ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}

#listbot ul{
	position:relative;
	top:104px;
	left: 281px;
	width:280px;
	height:25px;
    padding : 0;
    list-style : none;
	}
#listbot ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}


#nv01m a {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/information/i_philosophy_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv01m a:hover {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/information/i_philosophy_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv02m a {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/information/i_works_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv02m a:hover {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/information/i_works_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03m a {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/information/i_blog_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv03m a:hover {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/information/i_blog_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04m a {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/information/i_information_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv04m a:hover {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/information/i_information_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05m a {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/information/i_company_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05m a:hover {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/information/i_company_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv06m a {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/information/i_contact_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv06m a:hover {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/information/i_contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}


/*****************************************************

navi_blog

*****************************************************/

#blog_navi{
	width:570px;
	height:185px;
	margin:0;
	padding:0;
	background:#ccc url(../images/blog/b_navibg.jpg) no-repeat 0 0;
	}

#listup ul{
	position:relative;
	top:104px;
	left:324px;
	padding:0;
	width:237px;
	height:25px;
    list-style : none;
	}
#listup ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}

#listbot ul{
	position:relative;
	top:104px;
	left: 281px;
	width:280px;
	height:25px;
    padding : 0;
    list-style : none;
	}
#listbot ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}


#nv01b a {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/blog/b_philosophy_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv01b a:hover {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/blog/b_philosophy_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv02b a {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/blog/b_works_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv02b a:hover {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/blog/b_works_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03b a {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/blog/b_blog_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv03b a:hover {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/blog/b_blog_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04b a {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/blog/b_information_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv04b a:hover {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/blog/b_information_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05b a {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/blog/b_company_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05b a:hover {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/blog/b_company_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv06b a {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/blog/b_contact_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv06b a:hover {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/blog/b_contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}


/*****************************************************

navi_company overview

*****************************************************/

#company_navi{
	width:570px;
	height:185px;
	margin:0;
	padding:0;
	background:#ccc url(../images/company/co_navibg.jpg) no-repeat 0 0;
	}

#listup ul{
	position:relative;
	top:104px;
	left:324px;
	padding:0;
	width:237px;
	height:25px;
    list-style : none;
	}
#listup ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}

#listbot ul{
	position:relative;
	top:104px;
	left: 281px;
	width:280px;
	height:25px;
    padding : 0;
    list-style : none;
	}
#listbot ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}


#nv01co a {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/company/co_philosophy_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv01co a:hover {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/company/co_philosophy_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv02co a {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/company/co_works_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv02co a:hover {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/company/co_works_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03co a {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/company/co_blog_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv03co a:hover {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/company/co_blog_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04co a {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/company/co_information_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv04co a:hover {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/company/co_information_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05co a {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/company/co_company_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05co a:hover {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/company/co_company_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv06co a {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/company/co_contact_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv06co a:hover {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/company/co_contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

/*****************************************************

navi_contact

*****************************************************/

#contact_navi{
	width:570px;
	height:185px;
	margin:0;
	padding:0;
	background:#ccc url(../images/contact/c_navibg.jpg) no-repeat 0 0;
	}

#listup ul{
	position:relative;
	top:104px;
	left:324px;
	padding:0;
	width:237px;
	height:25px;
    list-style : none;
	}
#listup ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}

#listbot ul{
	position:relative;
	top:104px;
	left: 281px;
	width:280px;
	height:25px;
    padding : 0;
    list-style : none;
	}
#listbot ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}


#nv01c a {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/contact/c_philosophy_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv01c a:hover {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/contact/c_philosophy_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv02c a {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/contact/c_works_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv02c a:hover {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/contact/c_works_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03c a {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/contact/c_blog_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv03c a:hover {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/contact/c_blog_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04c a {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/contact/c_information_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv04c a:hover {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/contact/c_information_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05c a {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/contact/c_company_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05c a:hover {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/contact/c_company_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv06c a {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/contact/c_contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv06c a:hover {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/contact/c_contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

/*****************************************************

navi_info

*****************************************************/

#info_navi{
	width:570px;
	height:185px;
	margin:0;
	padding:0;
	background:#ccc url(../images/information/i_navibg.jpg) no-repeat 0 0;
	}

#listup ul{
	position:relative;
	top:104px;
	left:324px;
	padding:0;
	width:237px;
	height:25px;
    list-style : none;
	}
#listup ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}

#listbot ul{
	position:relative;
	top:104px;
	left: 281px;
	width:280px;
	height:25px;
    padding : 0;
    list-style : none;
	}
#listbot ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}


#nv01i a {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/information/i_philosophy_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv01i a:hover {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/information/i_philosophy_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv02i a {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/information/i_works_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv02i a:hover {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/information/i_works_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03i a {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/information/i_blog_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv03i a:hover {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/information/i_blog_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04i a {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/information/i_information_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv04i a:hover {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/information/i_information_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05i a {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/information/i_company_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05i a:hover {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/information/i_company_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv06i a {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/information/i_contact_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv06i a:hover {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/information/i_contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

/*****************************************************

navi_philo

*****************************************************/

#philo_navi{
	width:570px;
	height:185px;
	margin:0;
	padding:0;
	background:#ccc url(../images/philosophy/p_navibg.jpg) no-repeat 0 0;
	}

#listup ul{
	position:relative;
	top:104px;
	left:324px;
	padding:0;
	width:237px;
	height:25px;
    list-style : none;
	}
#listup ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}

#listbot ul{
	position:relative;
	top:104px;
	left: 281px;
	width:280px;
	height:25px;
    padding : 0;
    list-style : none;
	}
#listbot ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}


#nv01p a {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/philosophy/p_philosophy_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv01p a:hover {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/philosophy/p_philosophy_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv02p a {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/philosophy/p_works_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv02p a:hover {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/philosophy/p_works_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03p a {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/philosophy/p_blog_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv03p a:hover {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/philosophy/p_blog_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04p a {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/philosophy/p_information_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv04p a:hover {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/philosophy/p_information_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05p a {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/philosophy/p_company_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05p a:hover {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/philosophy/p_company_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv06p a {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/philosophy/p_contact_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv06p a:hover {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/philosophy/p_contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}


/*****************************************************

navi_works

*****************************************************/

#works_navi{
	width:570px;
	height:185px;
	margin:0;
	padding:0;
	background:#ccc url(../images/works/w_navibg.jpg) no-repeat 0 0;
	}

#listup ul{
	position:relative;
	top:104px;
	left:324px;
	padding:0;
	width:237px;
	height:25px;
    list-style : none;
	}
#listup ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}

#listbot ul{
	position:relative;
	top:104px;
	left: 281px;
	width:280px;
	height:25px;
    padding : 0;
    list-style : none;
	}
#listbot ul li{
	display : inline;
    text-indent : -9999px;
    float : left;
	}


#nv01w a {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/works/w_philosophy_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv01w a:hover {
	margin : 0;
	padding : 0;
	width : 109px;
	height : 25px;
	background : url(../images/works/w_philosophy_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv02w a {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/works/w_works_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv02w a:hover {
	margin : 0;
	padding : 0;
	width : 71px;
	height : 25px;
	background : url(../images/works/w_works_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv03w a {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/works/w_blog_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv03 a:hover {
	margin : 0;
	padding : 0;
	width : 57px;
	height : 25px;
	background : url(../images/works/w_blog_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv04w a {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/works/w_information_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv04w a:hover {
	margin : 0;
	padding : 0;
	width : 83px;
	height : 25px;
	background : url(../images/works/w_information_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv05w a {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/works/w_company_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv05w a:hover {
	margin : 0;
	padding : 0;
	width : 133px;
	height : 25px;
	background : url(../images/works/w_company_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}

#nv06w a {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/works/w_contact_off.jpg) no-repeat;
	display : block;
	text-decoration : none;
}
#nv06w a:hover {
	margin : 0;
	padding : 0;
	width : 64px;
	height : 25px;
	background : url(../images/works/w_contact_on.jpg) no-repeat;
	display : block;
	text-decoration : none;
	}


/*****************************************************

main

*****************************************************/

#main{
	width:510px;
	height:100%;
	margin:45px 0 0 40px;
	background:#fff;
	clear:both;
	}

#main table{
	width:510px;
	}

#main table tr td{
	font-size:12px;
	}
	

#blog_cap{
	display:block;
	width:510px;
	height:35px;
	background:#fff url(images/blog/blog_cap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 45px 0;
	}

#company_cap{
	display:block;
	width:510px;
	height:35px;
	background:#fff url(images/company/company_cap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 45px 0;
	}
	
#contact_cap{
	display:block;
	width:510px;
	height:35px;
	background:#fff url(images/contact/contact_cap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 45px 0;
	}

#info_cap{
	display:block;
	width:510px;
	height:35px;
	background:#fff url(images/information/information_cap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 45px 0;
	}

#philo_cap{
	display:block;
	width:510px;
	height:35px;
	background:#fff url(images/philosophy/philosophy_cap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 45px 0;
	}

#works_cap{
	display:block;
	width:510px;
	height:35px;
	background:#fff url(images/works/works_cap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 45px 0;
	}



/*****************************************************

company overview

*****************************************************/


.co_item1{
	padding:5px 0;
	background:#eee;
	width:100px;
	border:solid 1px #ccc;
	}

.co_item1 p{
	margin:0 5px;
	}

.co_item2{
	padding:5px 0;
	border:solid 1px #ccc;
	}

.co_item2 p{
	margin:0 5px;
	}

/*****************************************************

philosophy

*****************************************************/

#philo_rireki{
	width:510px;
	}

#philo_rireki ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:510px;
	}

#philo_rireki ul li{
	margin:20px 0;
	border-bottom:1px solid #ccc;
	}



/*****************************************************

entry

*****************************************************/

.date { 
    margin:0;
    padding:0 0 5px 0;
    font-size: 12px;
    font-weight: bold;
	border-bottom:1px solid #666;
	width: 510px;
}


.trackbacks-header,
.comments-header,
.comments-open-header {
    color: #ffffff;
    background: #666;
}


.entry {
    width: 510px;
    margin: 0 0 80px 0;
    font-size: 12px;
    word-break: break-all;
}
.entry a:active {}
.entry-body img {
	float:left;
    margin: 0 15px 15px 0;
}


.entry textarea {
    width: 97%;
}


/*.entry.extended {
	margin:10px 0 0 0;
	}*/

.entry-more{
	margin:10px 0 0 0;
	}


.entry-header {
    margin: 15px 0 20px 0;
    font-size: 12px;
    font-weight: bold;
	width: 510px;
	border-left:5px solid #333;
	padding:0 0 0 10px;
}


.entry-footer {
    margin: 30px 0;
	padding:10px 0 0 0;
    border-top: 1px dotted #999;
    text-align: right;
    font-size: 10px;
	clear:both;
}


.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
    font-size: 12px;
}
.entry-tags-list { 
    list-style:none;
    padding-left: 5px;
}




.archive-list {
    margin: 10px 0;
}


.content-nav {
    margin: 40px 0;
    text-align: left;
	width:510px;
}

.paginate{
	text-align:right;
	}


/*****************************************************

gamma

*****************************************************/

#gamma{
	width:160px;
	float:left;
	margin:240px 0 0 20px;
	}
	
#archive_cap{
	display:block;
	width:160px;
	height:23px;
	background:#fff url(images/archive_cap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}

#workslist_cap{
	display:block;
	width:160px;
	height:23px;
	background:#fff url(images/works/workslist_cap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}
	
#bloglist_cap{
	display:block;
	width:160px;
	height:23px;
	background:#fff url(images/blog/bloglist_cap.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}


.sidetitle {
    margin:0 0 10px 0;
    padding: 2px 0 1px;
    _padding: 1px 0 2px;
    border: 1px solid  #666666;
    color: #444444;
    background: #f6f6f6;
}

.ul.subcat-list{  
	margin:0;  
	list-style-type: none;   
}  
  
ul.subcat-list li{ 
	list-style-type: none;
	margin:0px;  
}  

ul.subcat-list li a{  
	text-decoration:none;  
 
}  







.side {
    margin:0 0 30px 0;
    color: #444444;
    font-size: 12px;
}


.side #categories ul {
    padding-left: 16px;
}
.side #categories ul ul {
    padding-left: 10px;
}
.side #categories li {
    list-style-type: none;
}

.subcat-list-item{
    list-style-type: none;
}


.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 9px;
    line-height: 150%;
}


/*****************************************************

for comment, trackback

*****************************************************/



#comments-open-data p {
    margin: 25px 0;
}

#comment-post {
   font-weight: bold;
}

#comment-author, #comment-email, #comment-url, #comment-text {
   width: 220px;
}

#comment-text {
    width: 266px;
}

#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}

#comments-open-footer {
	margin:10px 0 0 0;
    text-align: left;
}

.trackbacks,
.comments {
    margin: 10px 0;
    color: #36414d;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
    padding: 2px 0 2px 5px;
    color: #fff;
    background: #999;
    font-size: 12px;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin:20px 0;
    padding: 0;
    font-size: 12px;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px 0 5px 0;
}

.trackback-footer,
.comment-footer {
	width:510px;
	display:block;
    font-size: 10px;
    border-top: 1px dotted #36414d;
    text-align: left;
    padding-top: 10px;
    margin-right: 2px;
}

.comments-open label {
    display: block;
}

.comments-head {
    font-size: 11px;
    color: #ffffff;
    background: #8fabbe;
    padding: 2px 0 2px 5px;
    margin: 15px 0;
}


/*****************************************************

footer

*****************************************************/

#pageup{
	margin:65px 0;
	float:right;
	}


#pageup a{
	display:block;
	width:56px;
	height:15px;
	background:#fff url(images/up_off.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}

#pageup a:hover{
	display:block;
	width:56px;
	height:15px;
	background:#fff url(images/up_on.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}


#footer{
	border-top:1px solid #633;
	padding:10px 0 0 0;
	width:510px;
	text-align:right;
	background:#fff;
	clear:both;
	}