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

/*------------ 初期設定 ------------*/
p,ul {
	font-size: 14px;
	line-height: 1.7;
	color: #333333;
}

/*------------ 背景 ------------*/
body {
	background: url(../images/main_back.jpg) repeat-x left top;
}

/*------------ 全体 ------------*/
#wrapper {
	width: 960px;
	margin: 0 auto;
}

/*------------ ヘッダー ------------*/
#header {
	padding: 13px 0 6px 0;
}

/*------------ ヘッダーロゴ ------------*/
#header h1#header_logo a {
	width: 390px;
	height: 123px;
	display: block;
	text-indent: -9999px;
	background: url(../images/header_logo.jpg) no-repeat left top;
	float: left;
}

/*------------ ヘッダーTEL ------------*/
#header img.right {
	padding: 21px 0 0 0;
}

/*------------ グローバルナビゲーション ------------*/
ul#gnav {
	padding: 0 0 0 42px;
	text-indent: -9999px;
	height: 32px;
}

ul#gnav li {
	float: left;
}

ul#gnav li a {
	width: 116px;
	height: 27px;
	margin: 5px 6px 0 5px;
	background: no-repeat left top;
	display: block;
}

/*------------ ナビゲーション（マウスOFF） ------------*/
ul#gnav li#about a {
	background-image: url(../images/gnav_about_off.gif);
}

ul#gnav li#classroom a {
	background-image: url(../images/gnav_classroom_off.gif);
}

ul#gnav li#news a {
	background-image: url(../images/gnav_news_off.gif);
}

ul#gnav li#results a {
	background-image: url(../images/gnav_results_off.gif);
}

ul#gnav li#system a {
	background-image: url(../images/gnav_system_off.gif);
}

ul#gnav li#QA a {
	background-image: url(../images/gnav_QA_off.gif);
}

ul#gnav li#access a {
	background-image: url(../images/gnav_access_off.gif);
}

/*------------ ナビゲーション（ロールオーバー時） ------------*/
ul#gnav li a:hover {
	width: 127px;
	height: 32px;
	margin: 0;
}

ul#gnav li#about a:hover {
	background-image: url(../images/gnav_about_on.gif);
}

ul#gnav li#classroom a:hover {
	background-image: url(../images/gnav_classroom_on.gif);
}

ul#gnav li#news a:hover {
	background-image: url(../images/gnav_news_on.gif);
}

ul#gnav li#results a:hover {
	background-image: url(../images/gnav_results_on.gif);
}

ul#gnav li#system a:hover {
	background-image: url(../images/gnav_system_on.gif);
}

ul#gnav li#QA a:hover {
	background-image: url(../images/gnav_QA_on.gif);
}

ul#gnav li#access a:hover {
	background-image: url(../images/gnav_access_on.gif);
}

/*------------ メインタイトル ------------*/
h2#main_title {
	width: 960px;
	height: 145px;
	text-indent: -9999px;
	background: no-repeat left top;
}

/*------------ 見出し ------------*/
h3.sub_title {
	height: 66px;
	padding-bottom: 15px;
	text-indent: -9999px;
	background: no-repeat left top;
}

h4.circle_title {
	padding: 2px 0 2px 30px;
	font-size: 18px;
	color: #006b8c;
	font-weight: normal;
	background: url(../images/icon_subtitle.jpg) no-repeat left center;
}

/*------------ コンテンツ ------------*/
#contents,
#top_contents {
	padding: 20px 26px;
}

/*------------ 左コンテンツ ------------*/
#contents #left_contents {
	width: 227px;
	float: left;
}

/*------------ 右コンテンツ ------------*/
#contents #right_contents {
	width: 676px;
	float: right;
}

/*------------ 左メニューバナー ------------*/
#contents ul#left_banner li a {
	width: 227px;
	height: 123px;
	padding-bottom: 10px;
	display: block;
	text-indent: -9999px;
	background: no-repeat left top;
}

#contents ul#left_banner li#blog a {
	background-image: url(../images/side_blog.jpg);
}

#contents ul#left_banner li#trial a {
	background-image: url(../images/side_trial.jpg);
}

#contents ul#left_banner li#contact a {
	background-image: url(../images/side_contact.jpg);
}

/*------------ コンテンツボックス ------------*/
.contents_box {
	padding: 0 15px 30px 15px;
}

.contents_box2 {
	padding: 0 15px;
}

/*------ リンク色（コンテンツ） ------*/
#top_contents a,
#contents a {
	color: #006666;
}

/*------------ 写真枠 ------------*/
.photo {
	padding: 1px;
	border: #DDD 1px solid;
}

/*------------ フッター ------------*/
#footer {
	width: 100%;
	background: url(../images/footer_back.gif) repeat-x left bottom;
}

#footer_box {
	width: 960px;
	margin: 0 auto;
	padding: 67px 0 20px 0;
	background: url(../images/footer_wood.gif) no-repeat left top;
}

#footer ul#text_nav {
	font-size: 11px;
	float: left;
	overflow: hidden;
}

#footer ul#text_nav li {
	margin-left: -1px;
	padding: 0 15px;
	display: inline;
	border-left: #FFF 1px solid;
}

/*------ アドレス ------*/
#footer address {
	float: right;
}

/*------ リンク色（フッター） ------*/
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

/*-------- red --------*/
.red {
	color: #e10303;
}

/*-------- top --------*/
.tp20 {
	padding-top: 20px;
}

/*-------- bottom20px --------*/
.btm20 {
	padding-bottom: 20px;
}

/*-------- bottom30px --------*/
.btm30 {
	padding-bottom: 30px;
}

/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- text right --------*/
.t_right {
	text-align: right;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}