@charset "utf-8";
/* 2007.07.05 文字コード変更 */
/* サイト共通 */

html, body{height:100%;}

a:link {
	color :#000000;
	text-decoration: underline;	
}
a:visited {
	color : #000000;
	text-decoration : underline;
}
a:hover { 
color : #000000;
text-decoration:none;
} 



a img {
	background: none;
	border: none;
}

a img:hover {
	background: none;
	border: none;
}

a:hover.bgNone{
	background: none;
	border: none;
}

a img {
	border: 0;
}

img {
	border: 0;
}



/* clearfix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
*html .clearfix {height:1%}
.clearfix {display: block}



	
body {
	margin: 0;
	line-height: 1.8em;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}

body#works_body {
background-image:url(../img/works_bk.gif);
background-position:center;
background-repeat:repeat-y;
}

body#w_index_body {
background-image:url(../work/img/work_index_bk.gif);
background-position:0px 24px;
}

#history_body {
background-image:url(../profile/img/history_bk.gif);
background-position:0px 0px;
}


/* レイアウト */


/* menu */
#menu {
	background-color:#000000;
	white-space:nowrap;
	width:100%;
	}

/* contents */
.contents {
	padding-bottom:30px;
	}


/* Main */

#main {
	width:800px;
	margin:auto;
	vertical-align:middle;
	position:relative;
}


#main_b {
	width:100%;
	margin:auto;
	vertical-align:middle;
}

#work_index_main {
	width:100%;
	margin:auto;
	vertical-align:middle;
}


/* back */

.back_gray {
background-color:#DCDDDD;
width:100%;
}

.back_white {
background-color:#FFFFFF;
width:100%;
}

/* work index 追加 */

.contents_w_i {
margin:47px auto 0px auto;
padding:0px;
width:800px;

	}
	
	
.contents_w_i2 {
margin:0px auto 0px auto;
padding:0px;
width:800px;

	}
	
.contents_w_i img {
padding:0px;
margin:0px;
border:0;
vertical-align:top;
	}
	
.contents_w_i2 img {
padding:0px;
margin:0px;
border:0;
vertical-align:top;
	}
	




/* work index */



.works_index_a {
	background-color:#dbdbdb;
	text-align:center;
	}
	
.works_index_a div {
	width:712px;
	text-align:left;
	margin:0 auto;
	}
	
.works_index_b {
	text-align:center;
	height:37px;
	}
	
.works_index_b div {
	width:712px;
	text-align:left;
	margin:0 auto;
	}
	
div.w_i_left{
	float:left;
	width:64px;
	}
	
div.w_i_right{
	float:right;
	width:640px;
	vertical-align: middle;
	font-size:80%;
	padding:auto 0px auto 50px;	
	}

/* works */
body#works {
background:url(../img/works_bk.gif);
background-position:center;
background-repeat:repeat-y;


}


#works_text {
	float:right;
	width:320px;
	padding:54px 11px 0px 43px;
	margin:0px;
	text-align:left;
	height:100%;
	}
	
#works_text h1.prod_name{
	font-weight:bold;
	font-size:90%;
	line-height:130%;
	width:291px;
	margin:0px;
	padding:0px 0px 9px 0px;
	}
	
#works_text h1 span.year{
	font-size:80%;
	}
	
#works_text h2.prod_client{
	font-size:65%;
	font-weight:normal;
	line-height:140%;
	width:291px;
	margin:0px;
	padding:0px 0px 25px 0px;
	}

#works_text p {
font-size:70%;
line-height:170%;


}

#works_text p.work_link {
font-size:65%;
line-height:150%;
}

#works_text ol {
font-size:70%;
line-height:120%;
padding:0;
margin-left:25px;
}

#works_text ol li {
padding:0;
margin-bottom:10px;
}

#works_text p.p_b {
font-size:80%;
line-height:170%;


}

#works_ph {
	float:left;
	width:425px;
	margin:0px;
	padding:0px 0px 0px 0px;
	}
	


.work_graph th {
font-size:70%;
line-height:120%;
vertical-align:top;
padding-bottom:5px;
font-weight:normal;
padding-right:5px;
text-align:left;
white-space:nowrap;
}

.work_graph td {
font-size:70%;
line-height:120%;
vertical-align:top;
padding-bottom:5px;
}



.page_bt {
font-size:70%;
width:320px;
}

.page_bt div.page_bt_l{
line-height:180%;
color:#999999;
word-break: break-all;
white-space: normal;


}

.page_bt div.page_bt_l a:link {
	color :#000000;
	text-decoration:underline;
}
.page_bt div.page_bt_l a:visited {
	color : #000000;
	text-decoration:underline;
}
.page_bt div.page_bt_l a:hover {
	color : #000000;
	text-decoration:none;
} 




.page_bt div.page_bt_r{
float: right;
text-align:right;
line-height:135%;
}

/* profile */






/* footer
--------------------------------- */

#footer{
clear:both;
font-size:70%;
padding-bottom:20px;
padding-top:18px;
margin:0px auto 0px auto;
width:800px;
}




#footer #footer_menu{
	clear:both;
	padding:0px auto 0px auto;
	margin:0px;
}



#footer #footer_menu #copy{
	float:left;
	margin-left:8px;
	display:inline;
	padding-bottom:0px;
	margin-bottom:0px;
	
}

#footer #footer_menu #language{
float:right;
display: inline;
padding-right:0px;
padding-bottom:0px;
margin-bottom:0px;
text-align:right;
float:right;
width:111px;
	}

#footer #footer_menu #language img{
	border:0;
	}	
	
#footer2{
	text-align: left;
	clear: both;
	font-size:70%;
	padding-bottom:18px;
	margin:0px auto 0px auto;
	width:800px;
}

#footer2 #footer_menu{
	clear: both;
	padding: 0px auto 0px auto;
	margin:0px;
}



#footer2 #footer_menu #copy{
	float:left;
	padding-left:8px;
	display:inline;
	padding-bottom:0px;
	margin-bottom:0px;
}

#footer2 #footer_menu #language{
display: inline;
padding-right:0px;
	padding-bottom:0px;
	margin-bottom:0px;
text-align: right;
float:right;
width:111px;
	}

#footer2 #footer_menu #language img{
	border:0;
	}
	
#footer2 #p_top{
	text-align:right; 
	padding:0px; 
	margin:0px; 
	line-height:100%; 
	height:20px;
	vertical-align: baseline;
	}