@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Last Updated: January 18, 2012
	COLONY+iNTERACTIVE INC. 

	01: define
	02: #main
	03: aside
	04: footer
	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ============================================================
01: define
============================================================ */

html, body {
	height: 100%;
	color: #000;
}
body {
	text-align: center;
}
#wrapper {
	position: relative;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-width: 904px;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
}
#container {
	zoom: 100%;
	width: 100%;
	padding-bottom: 52px;
}
#container:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

body {
	background: #fff url(../images/bg_main.png) repeat-y left top;
}

/* ============================================================
02: #main
============================================================ */
#main {
	float: right;
	width: 100%;
	margin-left: -130px;
	text-align: center;
}
#mainContainer {
	width: 774px;
	padding-right: 20px;
	padding-left: 150px;
	margin: 5% auto;
	text-align: left;
	overflow: hidden;
}



/* ============================================================
03: aside
============================================================ */
aside {
	width: 130px;
	float: left;
}
aside h1 {
	display: block;
	width: 130px;
	height: 246px;
	padding-bottom: 1px;
	background: url(../images/bar.jpg) no-repeat left bottom;
}
aside h1 a {
	display: block;
	width: 100px;
	height: 114px;
	padding: 66px 15px;
	text-indent: -9999px;
	background: url(../images/h1.png) no-repeat 15px 66px;
	background-color: none;
}
aside h1:hover {
	background-repeat: repeat-y;
}

aside nav {
	width: 130px;
}

#gNav {
	width: 130px;
}

#gNav li {
	width: 130px;
	height: 58px;
	padding-bottom: 1px;
	background: url(../images/bar.jpg) no-repeat left bottom;
}
#gNav li:hover,#gNav li.current {
	background-repeat: repeat-y;
}

#gNav li a {
	display: block;
	width: 112px;
	height: 10px;
	padding: 24px 9px;
	text-indent: -9999px;
	background-color: none;
	background-image: url(../images/gNav.png);
	background-repeat: no-repeat;
}

#gNav li#gNav01 a { background-image: url(../images/gNav01.png); background-position: 9px 24px; }
#gNav02 a { background-position: 9px 24px; }
#gNav03 a { background-position: -121px 24px; }
#gNav04 a { background-position: -251px 24px; }
#gNav05 a { background-position: -381px 24px; }
#gNav #gNav06 a { background-image: url(../images/ml.png);background-position: 9px 17px; }
#gNav #gNav08 a { background-image: url(../images/product.png);background-position: 0 24px; }
#gNav07 a { background-position: -641px 24px; }
#gNav09 a { background-position: -770px 24px; }



/* ============================================================
04: footer
============================================================ */
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 52px;
	text-align: center;
}

#lNav {
	width: 774px;
	height: 32px;
	margin: 0 auto;
	padding-left: 130px;
	padding-bottom: 20px;
}

#lNav li {
	diplay: block;
	height: 32px;
	float: left;
	padding-right: 1px;
}

#lNav li#lNav03 {
	padding-right: 0;
}

#lNav li a {
	display: block;
	height: 32px;
	background-color: none;
	background-repeat: no-repeat;
	background-position: left top;
}
#lNav li#lNav03 a {
	text-indent: 80px;
	text-align: left;
	font-size: 85%;
	line-height: 32px;
	color: #fff;
	overflow: hidden;
}
#lNav li#lNav03 a span#feeddate {
	color: #ccc;
}

#lNav01 a,#lNav_soph { width: 190px; background: #fff url(../images/lNav01.jpg); }
#lNav02 a,#lNav_ue { width: 190px; background: #000 url(../images/lNav02.jpg); }
#lNav03 a { width: 392px; background: #09F url(../images/lNav03.png); }

#lNav li a:hover {
	text-decoration: none;
	background-color: #06F;
	background-position: left bottom;
}


/* ============================================================
05: everything else
============================================================ */
h2 {
	display: block;
	height: 40px;
	background: url(../images/dot_v.gif) repeat-y left top;
	overflow: hidden;
}
h2 img {
	height: 10px;
	padding: 15px 10px;
}
p {
	margin-bottom: 2em;
}
p.last {
	margin-bottom: 0;
}

p.ptop {
	margin: 1em 0 2em;
}
p.ptop a {
	display: block;
	width: 58px;
	height: 8px;
	float: right;
	text-indent: -9999px;
	background: url(../images/ptop.png) repeat-y left top;
}
p.ptop a:hover{
	background-position: left bottom;
}


.fl_left {
	float: left;
	overflow: hidden;
}
.fl_right {
	float: right;
	overflow: hidden;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

*html .clearfix {
  height: 1px;
  /*?_*//*/
  height: auto;
  overflow: hidden;
  /**/
}