/* CSS Document */

/* Base Weblog (base-weblog.css) */
* {
	margin: 0;
	padding: 0;
}

/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    background: #ffffff;
    padding: 0;
  font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",Osaka, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 10px;
    color: #666666;
    text-align: center;/* center on ie */
}

h1,h2,h3,h4 {
	margin: 0px;
	padding: 0px;
}

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

hr {
	border-width: 1px 0px 0px 0px; 
	border-style: solid;
	border-color: #ccc;
	height: 1px;
	padding-bottom: 16px;
	width: 100%;
	clear: both;
}


/*link color*/
#footer a { color: #666666; text-decoration: none; }
#footer a:visited { color: #666666; text-decoration: none; }
#footer a:hover { color: #dd6b10; text-decoration: none; }
#footer a:active { color: #dd6b10; text-decoration: none; }

.topics-title a { color: #666666; text-decoration: none; }
.topics-title a:visited { color: #666666; text-decoration: none; }
.topics-title a:hover { color: #dd6b10; text-decoration: none; }
.topics-title a:active { color: #dd6b10; text-decoration: none; }

#more a { color: #666666; text-decoration: none; }
#more a:visited { color: #666666; text-decoration: none; }
#more a:hover { color: #dd6b10; text-decoration: none; }
#more a:active { color: #dd6b10; text-decoration: none; }

#index_link a { color: #666666; text-decoration: none; }
#index_link a:visited { color: #666666; text-decoration: none; }
#index_link a:hover { color: #dd6b10; text-decoration: none; }
#index_link a:active { color: #dd6b10; text-decoration: none; }

.information-right-txt a { color: #666666; text-decoration: none; }
.information-right-txt a:visited { color: #666666; text-decoration: none; }
.information-right-txt a:hover { color: #dd6b10; text-decoration: none; }
.information-right-txt a:active { color: #dd6b10; text-decoration: none; }

#arrow-txt a { color: #666666; text-decoration: none; }
#arrow-txt a:visited { color: #666666; text-decoration: none; }
#arrow-txt a:hover { color: #dd6b10; text-decoration: none; }
#arrow-txt a:active { color: #dd6b10; text-decoration: none; }

.sitenav_txt a { color: #666666; text-decoration: none; }
.sitenav_txt a:visited { color: #666666; text-decoration: none; }
.sitenav_txt a:hover { color: #dd6b10; text-decoration: none; }
.sitenav_txt a:active { color: #dd6b10; text-decoration: none; }

#Language a { color: #666666; text-decoration: none; }
#language a:visited { color: #666666; text-decoration: none; }
#language a:hover { color: #dd6b10; text-decoration: none; }
#language a:active { color: #dd6b10; text-decoration: none; }


#newsticker ul a { color: #666666; text-decoration: none; }
#newsticker ul a:visited { color: #666666; text-decoration: none; }
#newsticker ul a:hover { color: #dd6b10; text-decoration: none; }
#newsticker ul a:active { color: #dd6b10; text-decoration: none; }

/*page width*/
#container{
	height: auto;
	width: 800px;
	text-align:left;
	margin: auto;
}

/*HEADER*/

#header {
	padding-top: 20px;
	height: 122px;
	widht: auto;
}

#ci{
	width: 84px;
	height: 122px;
	float: left;
	padding-left: 25px;
	margin: 0;
}

#nav {
	width:95px;
	height: 122px;
	background:url(http://www.livingimage.jp/images/nav_bg.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}

#nav ul{
	margin: 0;
	padding: 0;
	list-style:none;
}

#nav li{
	display:inline;
	list-style-type:none;
	}

#nav li a {
	width:95px;
	display:block;
	float:left;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}

#nav li.blank a {
	background:url(http://www.livingimage.jp/images/nav.gif) no-repeat 0px 0px;
	height:70px;
}

#nav li.project a {
	background:url(http://www.livingimage.jp/images/nav.gif) no-repeat 0px -70px;
	height:16px;
}
#nav li.technologies a {
	background:url(http://www.livingimage.jp/images/nav.gif) no-repeat 0px -86px;
	height:16px;
}
#nav li.philosophy a {
	background:url(http://www.livingimage.jp/images/nav.gif) no-repeat 0px -102px;
	height:16px;
}


#nav li.blank a {
	background:url(http://www.livingimage.jp/images/nav.gif) no-repeat 0px 0px;
	height:70px;
}

#nav li.project a:hover {
	background:url(http://www.livingimage.jp/images/nav.gif) no-repeat -95px -70px;
	height:16px;
}
#nav li.technologies a:hover {
	background:url(http://www.livingimage.jp/images/nav.gif) no-repeat -95px -86px;
	height:16px;
}
#nav li.philosophy a:hover {
	background:url(http://www.livingimage.jp/images/nav.gif) no-repeat -95px -102px;
	height:16px;
}



/*パンくず*/
#sitenav{
	height: 12px;
	widht: 500px;
	float: right;
	text-align: right;
	padding-right: 25px;
	padding-bottom: 7px;
}
.sitenav_txt{
	padding-top: 100px;
	font-size: 10px;
	color: #666;
	text-align: right;
}
#language{
	font-size: 10px;
	padding-left: 12px;
	padding-bottom:6px;
	padding-top: 0px;
	width: auto;
	color: #666;
	clear: both;
	font-size: 10px;
	color: #666;
}
/*バイリンガル対応*/


/*TOPICS*/
#topics{
	padding-left: 25px;
	width: 750px;
	height: auto;
}

#info_header{
	width: 750px;
	height: 4px;
	background:url(http://www.livingimage.jp/images/infobg_01.gif) left top no-repeat;
	overflow: hidden;
}
#info_header:after {
	content: "";
	display: block;
	clear: both;
}

#info_main{
	background:url(http://www.livingimage.jp/images/infobg_main.gif) left top repeat-y;
	width: 750px;
	overflow: hidden;
}

#info_main:after {
	content: "";
	display: block;
	clear: both;
}

#info_link{
	width: 90px;
	height: auto;
	padding-left:10px;
	padding-top: 3px;
	float: left;
	}

#newsticker{
	width: auto;
	height: auto;
	padding-top: 5px;
	float: left;
}

#newsticker ul {
	list-style: none;
	min-height: 1.6em;
	text-align: left;
}
* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}

#info_footer{
	width: 750px;
	height: 4px;
	background:url(http://www.livingimage.jp/images/infobg_04.gif) left top no-repeat;
	clear: both;
}




/*CONTENTS*/
#contents {
	height: auto;
	width: 800px;
	clear: both;
}

#title{
	width:800px
	height: 20px;
	padding-top:15px;
	clear: both;
	}
	
.main_image{
	height:800px;
	height: auto;
	clear: both;
}


.contents_main{
	width: auto;
	height: auto;
	padding-left: 25px;
	padding-right: 25px;
	padding-top:26px;
	padding-bottom:30px;
	clear: both;
	}
	
	
#archive-title{
	padding-top: 0px;
	padding-bottom: 3px;
	padding-right:15px;
	margin: 0;
	font-size: 16px;
	width: auto;
	color: #666;
	float: left;
	clear: both;
	}
	
#index_link{
	background:url(http://www.livingimage.jp/images/arrow.gif) no-repeat 0px 5px;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 12px;
	padding-bottom:3px;
	width: auto;
	color: #666;
	float: left;
}

#more{
	background:url(http://www.livingimage.jp/images/arrow.gif) no-repeat 0px 5px;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 12px;
	padding-bottom:16px;
	width: auto;
	color: #666;
	float: left;
}
	
.entry-header{
	font-size: 10px;
	width: auto;
	}

.date-header{
	padding-bottom: 12px;
	font-size: 10px;
	width: auto;
	}


.sub-title{
	font-size: 14px;
	font-weight: bold;
	width: auto;
	padding-bottom: 10px;
	clear: both;
	}

.sub-title2{
	font-size: 12px;
	font-weight: bold;
	width: auto;
	padding-bottom: 10px;
	clear: both;
	}

.info-title{
	font-size: 12px;
	font-weight: bold;
	width: auto;
	padding-top: 20px;
	padding-bottom: 30px;
	clear: both;
	}

.entry{
	padding: 0;
	margin: 0;
	}
	
.entry-content{
	font-size:10px;
	color: #666;
    margin: 0;
    line-height: 1.8;
}


#side300{
	width: 300px;
	height: auto;
}

.side300header{
	width: 300px;
	height: 10px;
	background:url(http://www.livingimage.jp/images/philosopy_side_01.gif) top right no-repeat;
	overflow: hidden;
	}

.side300main{
	widht: 300px;
	height: auto;
	background:url(http://www.livingimage.jp/images/philosopy_side_02.gif) top right repeat-y;
	}
	
.side300main:after {
	content: "";
	display: block;
	clear: both;
}

.side300contents{
 	padding-left: 10px;
	padding-rigt: 10px;
	text-align: left;
	}

.side300footer{
	width: 300px;
	height: 10px;
	background:url(http://www.livingimage.jp/images/philosopy_side_03.gif) top right no-repeat;
	overflow: hidden;
	}

/*INFORMATION*/
.information-left{
	width: 550px;
	margin: 0;
	float: left;
}

.information-content{
	font-size:10px;
	color: #666;
	margin: 0;
	line-height: 1.8;
}

.information-category-content{
	font-size:10px;
	color: #666;
    margin: 0;
    line-height: 1.8;
	clear: both;
}

.information-right{
	width: auto;
	float: right;
}

.information-right-title{
	padding-bottom: 12px;
	margin: 0;
	font-size: 14px;
	width: auto;
	}

.information-right-txt{
	background:url(http://www.livingimage.jp/images/arrow.gif) no-repeat 0px 5px;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 12px;
	padding-bottom:6px;
	width: auto;
	color: #666;
	clear: both;
	}

#arrow-txt{
	background:url(http://www.livingimage.jp/images/arrow.gif) no-repeat 0px 8px;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 12px;
	padding-bottom:6px;
	width: auto;
	color: #666;
	clear: both;
}

/*Project*/
#project-left{
	width: 520px;
	float: left;
	}

.project-content{
	width:510px;
	font-size:10px;
	color: #666;
    margin: 0;
    line-height: 1.8;
}
	
#project-box{
	width:510px;
	height: 120px;
	clear: both;
}

#project-photo{
	width: 170px;
	height: 120px;
	margin: 0;
	padding-bottom: 15px;
	float: left;
}

#project-textbox{
	width: 340px;
	height: 120px;
	margin: 0;
	padding-bottom: 15px;
	float: right;
	}
	
.project-index-title{
	width: 340px;
	font-size:16px;
	padding-bottom: 15px;
	float: right;
}

.project-index-body{
	width: 340px;
	font-size:10px;
	color: #666;
	padding-bottom: 6px;
	margin: 0;
	line-height: 1.8;
	float: right;
}

#project-right{
	width: 180px;
	height: auto;
	float:right;
}

.side_header{
	background:url(http://www.livingimage.jp/images/sideheader.gif) left top no-repeat;
	width: 180px;
	height: 5px;
	clear: both;
	overflow: hidden;
}

.side_main{
	background:url(http://www.livingimage.jp/images/sidemain.gif) left top repeat-y;
	width: 180px;
	height: auto;
	}

.side_main:after {
	content: "";
	display: block;
	clear: both;
}
	
.side_footer{
	background:url(http://www.livingimage.jp/images/sidefooter.gif) left top no-repeat;
	width: 180px;
	height: 5px;
}
	
.side_body{
	font-size: 10px;
	padding:10px;
}

/* CSS Document */

#PU{
	width: 750px;
	height: auto;
	padding-left: 25px;
}

#PU_header{
	widht:750px;
	height:10px;
	background: url(http://www.livingimage.jp/images/project_under_01.gif) top left no-repeat;
	overflow: hidden;
	clear: both;
}

	
#PU_mid{
	width: 750px;
	height: auto;
	background: url(http://www.livingimage.jp/images/project_under_02.gif) top left repeat-y;
	clear: both;
}

#PU_mid:after {
	content: "";
	display: block;
	clear: both;
}

.PU_body{
	padding-top: 5px;
	font-size: 10px;
}


#PU_left{
	width: 470px;
	height: auto;
	padding-left: 10px;
	float: left;
}

#PU_line{
	height: 250px;
	width: 10px;
	border-right: #CCCCCC solid 1px;
	float: left;
}

#PU_right{
	width:490px;
	height: auto;
	padding-left: 10px;
	float: left;
}

.PU_right1{
	width: 230px;
	height: auto;
	padding-left: 10px;
	float:left;
}

.PU_right2{
	width: 230px;
	height: auto;
	padding-left: 10px;
	float:left;
}
	

#PU_footer{
	widht:750px;
	height:10px;
	background: url(http://www.livingimage.jp/images/project_under_03.gif) top left no-repeat;
	clear: both;
}



/*FOOTER*/

#footer {
	padding-left: 25px;
	height: auto;
	width: 750px;
	clear: both;
}

.copyright{
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 10px;
	float: left;
}

.footer_link{
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 10px;
	float: right;
}