@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../image/bg.gif) repeat-y center #CCCCCC;
	line-height: 150%;
	}
	
.highlight a:hover *{  
  filter: alpha(opacity=75);  
  -moz-opacity:0.75;  
  opacity:0.75;  
}

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

ul {
	margin: 0;
	padding:0;
	list-style: none;
	}
	
li {
	margin: 0;
	padding:0;
	list-style: none;
	}
	
h1 {
	margin: 0;
	padding: 0;
	font-size: 8px;
	color: #666666;
	font-weight: normal;
	}

#header {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0 0 0;
	background: url(../image/bg_head.gif) top no-repeat;
	height: 115px;
	}
	
#logo {
	width: 150px;
	height: 85px;
	float: left;
	}
	
#head_right {
	width: 750px;
	height: 85px;
	float: right;
	}
	
#head_copy {
	width: 750px;
	height: 50px;
	text-align: right;
	}
	
#head_navi {
	width: 750px;
	height: 35px;
	background: url(../image/navi.gif) no-repeat;
	}
	
#head_navi ul {  
	padding:0px;
	margin:0px;
 }
 
#head_navi li {  
	display:inline;  
	list-style-type:none;  
	} 

#head_navi li a {  
	height:35px;  
	display:block;  
	float:left;  
	text-indent:-9877em;  
	text-decoration:none;  
	overflow:hidden;  
	font-size: 8px;
	}

/*------off*/

#head_navi li.concept a {
	background:url(../image/navi.gif) no-repeat 0px 0px;
	width: 125px;
	}
	
#head_navi li.solution a {
	background:url(../image/navi.gif) no-repeat -125px 0px;
	width: 125px;
	}
	
#head_navi li.creative a {
	background:url(../image/navi.gif) no-repeat -250px 0px;
	width: 125px;
	}
	
#head_navi li.news a {
	background:url(../image/navi.gif) no-repeat -375px 0px;
	width: 125px;
	}
	
#head_navi li.company a {
	background:url(../image/navi.gif) no-repeat -500px 0px;
	width: 125px;
	}
	
#head_navi li.contact a {
	background:url(../image/navi.gif) no-repeat -625px 0px;
	width: 125px;
	}
	
/*------hover*/

#head_navi li.concept a:hover {
	background:url(../image/navi.gif) no-repeat 0px -35px;
	}

#head_navi li.solution a:hover {
	background:url(../image/navi.gif) no-repeat -125px -35px;
	}

#head_navi li.creative a:hover {
	background:url(../image/navi.gif) no-repeat -250px -35px;
	}

#head_navi li.news a:hover {
	background:url(../image/navi.gif) no-repeat -375px -35px;
	}

#head_navi li.company a:hover {
	background:url(../image/navi.gif) no-repeat -500px -35px;
	}

#head_navi li.contact a:hover {
	background:url(../image/navi.gif) no-repeat -625px -35px;
	}
	
#contents {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
	
#contents_footer {
	width: 900px;
	height: 60px;
	padding: 10px 0;
	border-top: #CCCCCC 1px solid;
	clear: both;
	}
	
#footer_bt_navi {
	width: 900px;
	height: 60px;
	background: url(../image/l_navi.gif) no-repeat;
	}
	
#footer_bt_navi ul {  
	padding:0px;
	margin:0px;
 }
 
#footer_bt_navi li {  
	display:inline;  
	list-style-type:none;  
	} 

#footer_bt_navi li a {  
	height:60px;  
	display:block;  
	float:left;  
	text-indent:-9877em;  
	text-decoration:none;  
	overflow:hidden;  
	}

/*------off*/

#footer_bt_navi li.slowlife a {
	background:url(../image/l_navi.gif) no-repeat 0px 0px;
	width: 225px;
	}
	
#footer_bt_navi li.illust a {
	background:url(../image/l_navi.gif) no-repeat -225px 0px;
	width: 225px;
	}
	
#footer_bt_navi li.by_life a {
	background:url(../image/l_navi.gif) no-repeat -450px 0px;
	width: 225px;
	}
	
#footer_bt_navi li.blog a {
	background:url(../image/l_navi.gif) no-repeat -675px 0px;
	width: 225px;
	}
	
/*------hover*/

#footer_bt_navi li.slowlife a:hover {
	background:url(../image/l_navi.gif) no-repeat 0px -60px;
	}

#footer_bt_navi li.illust a:hover {
	background:url(../image/l_navi.gif) no-repeat -225px -60px;
	}

#footer_bt_navi li.by_life a:hover {
	background:url(../image/l_navi.gif) no-repeat -450px -60px;
	}

#footer_bt_navi li.blog a:hover {
	background:url(../image/l_navi.gif) no-repeat -675px -60px;
	}
	
#footer {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
	
#footer_navi {
	width: 900px;
	height: 20px;
	text-align: right;
	font-size: 10px;
	border-bottom: #666666 1px solid;
	color: #666666;
	}
	
#footer_navi a:link {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#footer_navi a:visited {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#footer_navi a:hover {
	font-size: 10px;
	color: #0D3387;
	text-decoration: underline;
}

#footer_navi a:active {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#footer_copy {
	width: 900px;
	padding-top: 3px;
	text-align: right;
	font-size: 10px;
	color: #666666;
	}

.text_9 {
	font-size: 9px;
	}
	
.text_10 {
	font-size: 10px;
	}
	
.text_b {
	font-size: 12px;
	font-weight: bold;
	}
	
.text_red {
	font-size: 12px;
	color: #BB0000;
	}
	
.text_12_b {
	font-size: 12px;
	font-weight: bold;
	}
	
.text_12 {
	font-size: 12px;
	}
	
.text_13_black_b {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	}
	
.text_13_black {
	font-size: 13px;
	color: #000000;
	}
	
.text_15 {
	font-size: 15px;
	}
	
.text_15_gray_b {
	font-size: 15px;
	font-weight: bold;
	color: #555555;
	}
	
.text_15_red {
	font-size: 15px;
	color: #BB0000;
	}
	
.text_right {
	text-align: right;
	}
	
.space5 {
	padding: 5px;
	}
	
a:link {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a:visited {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

a:hover {
	font-size: 12px;
	color: #0D3387;
	text-decoration: underline;
}

a:active {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}