@charset "UTF-8";
/*
Theme Name: Creation Labs 2010
Theme URI: http://www.creationlabs.net
Description: Creation Labs Basic Theme for WordPress
Author: Sawai Hiroshi(Creation Labs)
Author URI: http://www.creationlabs.net
Tags: シンプル
*/

/*
Font Definition
基本サイズ 14px;
font-size: 87.5%;
color: #555;
*/

/*
Color Definition
背景 #EEEADA ベージュ
サブ #697F2C 緑
リンク #4fa5b2 青
*/


/* -------------------------------------------------------------------
要素スタイル
------------------------------------------------------------------- */
html {
	border-top: 7px solid #000;
	color: #555;
	background: #EEEADA url(images/common/background/back.png);
	font-size: 87.5%;
}
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
* html body { /* for IE6 */
	text-align: center;
}
img {
	vertical-align: bottom;
	border: none;
}
a {
	color: #4fa5b2;
	outline: none;
	overflow:hidden;
}
a: linked {
	color: #333333;
}
a: hover {
	color: #333333;
}
a img {
	border: none;
}
em, strong {
	font-style: normal;
	font-weight: bold;
}
input{
	display:inline;
	vertical-align: middle;
}


/* -------------------------------------------------------------------
ページラッパー
------------------------------------------------------------------- */
div#wrapper {
	max-width: 960px;
	min-width: 480px;
	margin: 0 auto;
}
* html div#wrapper { /* for IE6 */
	width: 960px;
	text-align: left;
}


/* -------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------- */
div#header {
	width: 960px;
	margin: 21px 0 14px;
}

/* ロゴ
---------------------------------------------------- */
div#logo {
	float: left;
	width: 205px;
	height: 45px;
}
#logo h1 {
	width: 205px;
	height: 45px;
}

/* 検索ボックス
---------------------------------------------------- */
div#searchBox {
	float: right;
	height: 45px;
}

/* 機能ナビ (文字サイズ変更)
---------------------------------------------------- */
div#funNav {
	clear: both;
	width: 960px;
}
ul#fontBox {
	width: 960px;
}
#fontBox li {
	float: right;
	cursor: pointer;
}

/* グローバルナビ
---------------------------------------------------- */
ul#nav{
	clear: both;
	width: 960px;
}
#nav li {
	float: left;
	width: 7em;
	height: 4.5em;		/* 63px */
	line-height: 4.5;		/* 63px */
}
#nav li a {
	display: block;
	width: 7em;				/* 98px */
	height: 3em;				/* 42px */
	margin: 0.75em 0;		/* 10.5px */
	text-align: center;
	line-height: 3;
	border-right: 1px solid #BFB89B;
}
#nav li a.mostRight {
	border-right: none;
}
#nav li a.mostLeft {
	border-right 1px solid #BFB89B;
}
#nav li a:hover {
	color: #333;
	font-weight: bold;
}
#nav li a.currentnav {
	background: url(images/common/nav/current.gif) no-repeat bottom center;
}
/*
* LavaLamp - A menu plugin for jQuery with cool hover effects.
* @requires jQuery v1.1.3.1 or above
* http://gmarwaha.com/blog/?p=7
*/
.lavaLampNoImage {
	position: relative;
	overflow: hidden;
}
.lavaLampNoImage li { }
.lavaLampNoImage li.back {
	background-color: #E0DAC2;
	z-index: 8;
	position: absolute;
}
.lavaLampNoImage li a {
	outline: none;
	z-index: 10;
	position: relative;
}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
	border: none;
}

/* -------------------------------------------------------------------
パンくずリスト
------------------------------------------------------------------- */
div.breadcrumb {
	width: 960px;
}
div.breadcrumb p {
	margin: 0 0 0.5em 0.5em;
	line-height: 1.5;
}
	
	
/* -------------------------------------------------------------------
コンテンツ
------------------------------------------------------------------- */
div#content {
	clear: both;
	width: 960px;
	padding: 2.5em 0 2em 0; /* width 876 for font-size 14px */
	margin-bottom: 1.5em;
	background: #FFF;
}
#content h3 {
	padding: 0 0 0 1.5em;
	margin: 2em 3em 1.5em 3em;
	border-bottom: 1px dotted #4F4E4A;
	color: #625f53;
	background: url(images/common/listmark/listmark3.png) no-repeat left center;
	line-height: 1.5em;
	font-weight: bold;
}
#content h2, #content h4, #contenth5, #content p, #content ul, #content ol, #content dl {
	margin: 0 3em 1.5em 3em;
	line-height: 1.5;
}
#content dt {
	font-weight: bold;
}
#content dd {
	margin-bottom: 1em;
}
#content dd p {
	margin: 0 0 1em 0;
}
#content a.pagetop {
	padding-left: 1.6em;
	line-height: 2em;
	background: url(images/common/listmark/pagetop.png) no-repeat left -2px;
}


/* -------------------------------------------------------------------
フッター
------------------------------------------------------------------- */
#footer {
	/*width: 960px;*/
	max-width: 960px;
	min-width: 480px;
}
* html #footer { /* for IE6 */
	width: 960px;
}
#footer p {
	margin: .5em 0;
	font-size: 85%;
}

/* -------------------------------------------------------------------
汎用クラス
------------------------------------------------------------------- */
.textColor1 {
	color: #2F2B1A；
}
.textLarge {
	font-size: 123.1%; /* 16px */
}
.textXSmall {
	font-size: 77%; /* 10px */
}
.textSmall {
	font-size: 85%; /* 11px */
}
.textNormal {
	font-weight: normal;
}
.textBold {
	font-weight: bold;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.layoutLeft {
	float: left;
}
.layoutLeftImg {
	float: left;
	margin: 0 9px 5px 0;
}
.layoutRight {
	float: right;
}
.layoutClear {
	clear: both;
}


/* -------------------------------------------------------------------
Clearfix
------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from -mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from -mac */