@charset "UTF-8";

/* ***************************************************
   tools
   *************************************************** */
/* ----------------------------------------------- 
 *	clear
 * ----------------------------------------------- */
.clearF{
	zoom: 100%;
}
.clearF:after { 
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clear{
	clear: both;
}

/* -----------------------------------------------
 *	thumbnail 
 *	↓必須構成(p要素を包括)
 *	<○ class="thumb">
 *	<img><p>テキスト</p>
 *	</○>
 * ----------------------------------------------- */
.thumb{
	line-height: 1.2em;
	zoom: 100%;
}
.thumb:after { 
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.thumb img{
	float:left;
}
.thumb p{
	margin-left:66px;
}

/* -----------------------------------------------
 *	negative 
 * ----------------------------------------------- */
.noR{
	margin-right: 0px !important;
}
.noBtm{
	margin-bottom: 0px !important;
} 
 
/* ***************************************************
   layout
   *************************************************** */
/* -----------------------------------------------
 *	bg
 * ----------------------------------------------- */
body {
	background-image: url(../img/common/body_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f0f2f1;
}
html,
body,
#wrapper{
	height:100%;
}
#wrapper {
	min-height: 100%;
}
body > #wrapper {
    height: auto;
}
body #wrapper{
	background-image: url(../img/common/wrapper_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
body #wrapper .wrapperInner{
	background-image: url(../img/common/wrapperinner_bg.gif);
	background-repeat:no-repeat;
	background-position: left top;
}

/* -----------------------------------------------
 *	center
 * ----------------------------------------------- */
body{
	text-align: center;/*Quirks mode*/
}
body #wrapper{
	text-align: left;/*Quirks mode*/
	margin: 0px auto;/*standard mode*/
}

/* ***************************************************
   build
   *************************************************** */
/* ----------------------------------------------- 
 *	#wrapper
 * ----------------------------------------------- */
#wrapper {
	width:943px;
}
.wrapperInner {
	padding: 0px 4px;
}

/* -----------------------------------------------
 *	#header
 * ----------------------------------------------- */
#header{
	position: relative;
	height:114px;
}
#header h1{
	position: absolute;
	left: 0px;
	top: 9px;
}
#header ul.menu{
	position: absolute;
	width:341px;
	left: 6px;
	top: 87px;
}
#header ul.menu li{
	float:left;
}
#header ul.menu li.menu01{
	margin-right:14px;
}
#header ul.menu li.menu02{
	margin-right:12px;
}
#header ul.english{
	position: absolute;
	width:25px;
	left: -25px;
	top: 119px;
}
#header .headerPR{
	display: block;
	position: absolute;
	width:547px;
	left: 384px;
	top: 11px;
}

/* -----------------------------------------------
 *	#main
 * ----------------------------------------------- */
#main{
	padding: 0px 6px;
}

/* ---------------------------- 
 *	#navi
 * ---------------------------- */
#navi{
	padding-bottom:12px;
	background-color:#FFFFFF;
}
#navi li{
	float:left;
}

/* -----------------------------------------------
 *	#contents
 * ----------------------------------------------- */
#contents{
	float:left;
}

/* -----------------------------------------------
 *	#sidebar
 * ----------------------------------------------- */
#sidebar{
	width:228px;
	float:right;
}
#sidebar .partition{
	border-bottom: 1px solid #E7E7E7;
	margin-top: 10px;
}
#sidebar .sidePR{
	background-image: url(../img/common/side_pr_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 9px;
}

/* -----------------------------------------------
 *	#footer
 * ----------------------------------------------- */
#footer{
	color: #666464;
	font-size:0.8em;
}