@charset "utf-8";
/*==================================================
	@ Style Name    : /libs/layout.css
	@ Create Date   : 2010.06.11
	@ LastUp Date   : 2010.08.11
==================================================
	@ Style Infomation
		@ YUI 2 RESET
		@ Html, Body, Define
		@ Menu
			01. GlobalMenu
			02. FooterMenu
		@ Layout
			01. Container
			02. MainContents
			03. Sidebar
			04. Footer
		@ Module
			01. Logo
			02. PageTop
			03. Copyright
		@ Clearfix
==================================================*/

/*==================================================
	@ YUI 2 RESET
	@ Copyright (c) 2010, Yahoo! Inc. All rights reserved.
	@ Code licensed under the BSD License:
	@ http://developer.yahoo.com/yui/license.html
	@ version: 2.8.1
==================================================*/
html {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;zoom:1;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:inherit;font-weight:inherit;}
del,ins {text-decoration:none;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:baseline;}
sub {vertical-align:baseline;}
legend {color:#000;}
input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select {*font-size:100%;}
ul,ol {list-style:none;}

/*==================================================
	@ Html, Body, Define
==================================================*/
body {
	color:#666;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:77%;
	line-height:1.4;
}

a {
	color:#007fc9;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*==================================================
	@ Menu
==================================================*/
/*--------------------------------------------------
	01. GlobalMenu
--------------------------------------------------*/
#gMenu {
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	margin-top:100px;
	width:100%;
	height:40px;
	background:url(/imgs/libs/bg_gmenu.jpg) no-repeat center 0;
}
#gMenu ul {
	margin:0 auto;
	width:900px;
}
#gMenu li {float:left;}
#gMenu a {
	display:block;
	width:150px;
	height:40px;
	text-indent:-5000px;
}
#gMenu01 {background:url(/imgs/libs/gmenu.jpg) no-repeat 0 0;}
#gMenu02 {background:url(/imgs/libs/gmenu.jpg) no-repeat -150px 0;}
#gMenu03 {background:url(/imgs/libs/gmenu.jpg) no-repeat -300px 0;}
#gMenu04 {background:url(/imgs/libs/gmenu.jpg) no-repeat -450px 0;}
#gMenu05 {background:url(/imgs/libs/gmenu.jpg) no-repeat -600px 0;}
#gMenu06 {background:url(/imgs/libs/gmenu.jpg) no-repeat -750px 0;}
#gMenu01:hover {background-position:0 -40px;}
#gMenu02:hover {background-position:-150px -40px;}
#gMenu03:hover {background-position:-300px -40px;}
#gMenu04:hover {background-position:-450px -40px;}
#gMenu05:hover {background-position:-600px -40px;}
#gMenu06:hover {background-position:-750px -40px;}
#gMenu01On {background:url(/imgs/libs/gmenu.jpg) no-repeat 0 -40px;}
#gMenu02On {background:url(/imgs/libs/gmenu.jpg) no-repeat -150px -40px;}
#gMenu03On {background:url(/imgs/libs/gmenu.jpg) no-repeat -300px -40px;}
#gMenu04On {background:url(/imgs/libs/gmenu.jpg) no-repeat -450px -40px;}
#gMenu05On {background:url(/imgs/libs/gmenu.jpg) no-repeat -600px -40px;}
#gMenu06On {background:url(/imgs/libs/gmenu.jpg) no-repeat -750px -40px;}

/*--------------------------------------------------
	02. FooterMenu
--------------------------------------------------*/
#fMenu {
	float:left;
	width:265px;
}
#fMenu li {float:left;}
#fMenu a {
	display:block;
	height:40px;
	text-indent:-5000px;
}
#fMenu01 {
	width:151px;
	background:url(/imgs/libs/fmenu.gif) no-repeat 0 0;
}
#fMenu02 {
	width:114px;
	background:url(/imgs/libs/fmenu.gif) no-repeat -151px 0;
}
#fMenu01:hover {background-position:0 -40px;}
#fMenu02:hover {background-position:-151px -40px;}
#fMenu01On {
	width:151px;
	background:url(/imgs/libs/fmenu.gif) no-repeat 0 -40px;
}
#fMenu02On {
	width:114px;
	background:url(/imgs/libs/fmenu.gif) no-repeat -151px -40px;
}

/*==================================================
	@ Layout
==================================================*/
/*--------------------------------------------------
	01. Container
--------------------------------------------------*/
#container {
	margin:80px auto 30px auto;
	width:900px;
}

/*--------------------------------------------------
	02. MainContents
--------------------------------------------------*/
#mainContents {
	float:left;
	width:650px;
}

/* PageTitle */
#pageTitle {
	width:650px;
	height:115px;
	text-indent:-5000px;
}

/* PageImage */
.pageImg {margin-bottom:20px;}

/* ContactArea */
.contactArea {
	position:relative;
	z-index:5;
	clear:both;
	padding:82px 0 0 438px;
	width:212px;
	height:48px;
	background:url(/imgs/libs/bg_contact.gif) no-repeat 0 0;
}

/*--------------------------------------------------
	03. Sidebar
--------------------------------------------------*/
#sidebar {
	float:right;
	margin-top:110px;
	width:200px;
	}
#sidebar a {
	display:block;
	width:200px;
	height:30px;
	text-indent:-5000px;
}

/*--------------------------------------------------
	04. Footer
--------------------------------------------------*/
#footer {
	clear:both;
	width:100%;
	height:40px;
	background:#007fc9;
}
#footerInner {
	margin:0 auto;
	width:900px;
}

/*==================================================
	@ Module
==================================================*/
/*--------------------------------------------------
	01. Logo
--------------------------------------------------*/
#logo {
	margin:20px auto;
	width:900px;
}
#logo a {
	display:block;
	width:298px;
	height:61px;
	background:url(/imgs/libs/logo.jpg) no-repeat 0 0;
	text-indent:-5000px;
}

/*--------------------------------------------------
	02. PageTop
--------------------------------------------------*/
#pageTop {
	clear:both;
	position:relative;
	top:-22px;
	margin:0 auto;
	width:900px;
	text-align:right;
}

/*--------------------------------------------------
	03. Copyright
--------------------------------------------------*/
#fMeta {
	float:right;
	padding:15px 0;
	width:450px;
}
#fMeta span,
#fMeta a {
	float:left;
	display:block;
	height:10px;
	font-size:8px;
	text-indent:-5000px;
}
#copyright {
	width:338px;
	background:url(/imgs/libs/fmeta.gif) no-repeat 0 0;
}
#produced {
	width:57px;
	background:url(/imgs/libs/fmeta.gif) no-repeat -338px 0;
}
#shiki {
	width:55px;
	background:url(/imgs/libs/fmeta.gif) no-repeat -395px 0;
}

/*==================================================
	@ Clearfix
==================================================*/
#container:after {
	visibility:hidden;
	clear:both;
	display:block;
	content:" ";
	height:0;
	font-size:0;
}