@charset "Shift_JIS";


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　index.html
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 レイアウト
--------------------------------------------------------------------------------------- */

div#head {
	width: 806px;
	height: 325px;
	background: url(../../img/head_bg.jpg) no-repeat top left;
	position: relative;
}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

div#head_top {
	width: 800px;
	height: 290px;
	background: url(../../img/head_bg.jpg) no-repeat -3px top;
	position: relative;
	margin: 0px 3px;
	display: block;
}

/* ヘッド内デザイン要素 */

h2 {
	background: url(none);
	height: 70px;
	width: 336px;
	position: absolute;
	top: 120px;
	text-indent: -9999px;
	left: 34px;
}

.head_txt {
	height: 50px;
	width: 336px;
	position: absolute;
	top: 190px;
	text-indent: -9999px;
	left: 34px;
}

.aboutT {
	height: 88px;
	width: 200px;
	position: absolute;
	right: 5px;
	bottom: 11px;
	display: block;
	text-indent: -9999px;
	background: url(../../img/about_terasoluna.jpg) no-repeat left top;
}

a.aboutT:hover { background: url(../../img/about_terasoluna.jpg) no-repeat left -88px; }


/* ヘッダーグローバルナビ -------------------- */

#bg_gnavi {
	background: url(../../img/gnavi_bg.jpg) no-repeat;
	height: 40px;
}

.dropdown {
	display: block;
	width: 570px;
	background: url(../../img/gnavi.jpg) no-repeat 10px top;
	padding-right: 10px;
	padding-left: 10px;
}

.dropdown ul {
 visibility: hidden;
 position: absolute;
}

.dropdown li {
	position: relative;
	display: block;
	float: left;
	z-index: 3;
}

.dropdown li li { height: 24px; }

.dropdown a {
	display: block;
	height: 30px;
	text-indent: -9999px;
}

.dropdown li.gnavi01 { width: 52px; 	}
.dropdown li.gnavi02 { width: 102px; }
.dropdown li.gnavi03 { width: 114px; }
.dropdown li.gnavi04 { width: 59px; }
.dropdown li.gnavi05 { width: 117px; }
.dropdown li.gnavi06 { width: 48px; 	}
.dropdown li.gnavi07 { width: 78px; }

.dropdown li.gnavi01 a:hover { background: url(../../img/gnavi.jpg) no-repeat left -30px;}
.dropdown li.gnavi02 a:hover { background: url(../../img/gnavi.jpg) no-repeat -52px -30px; }
.dropdown li.gnavi03 a:hover { background: url(../../img/gnavi.jpg) no-repeat -154px -30px; }
.dropdown li.gnavi04 a:hover { background: url(../../img/gnavi.jpg) no-repeat -268px -30px;}
.dropdown li.gnavi05 a:hover { background: url(../../img/gnavi.jpg) no-repeat -327px -30px;}
.dropdown li.gnavi06 a:hover { background: url(../../img/gnavi.jpg) no-repeat -444px -30px;}
.dropdown li.gnavi07 a:hover { background: url(../../img/gnavi.jpg) no-repeat -492px -30px;}

.dropdown li.stay { background: url(../../img/gnavi.jpg) no-repeat left -30px;cursor: default;text-indent: -9999px;}

.dropdown li.gnavi02 ul {
	width: 180px;
	height: 24px;
	background: url(../img/pnavi_terasoluna.gif) no-repeat left top;
	filter: Alpha(opacity=90); 
 opacity:0.9;
}

li.gnavi02 li { width: 180px; }

li.gnavi02 li a { height: 24px; }

li.gnavi02 li.g02pnavi01 a:hover { background: url(../img/pnavi_terasoluna.gif) no-repeat -180px top;}

.dropdown li.gnavi03 ul {
	width: 160px;
	height: 96px;
	background: url(../img/pnavi_product.gif) no-repeat left top;
	filter: Alpha(opacity=90);
 opacity:0.9;
}

li.gnavi03 li { width: 160px; }

li.gnavi03 li a { height: 24px; }

li.gnavi03 li.g03pnavi01 a:hover { background: url(../img/pnavi_product.gif) no-repeat -160px top; }
li.gnavi03 li.g03pnavi02 a:hover { background: url(../img/pnavi_product.gif) no-repeat -160px -24px; }
li.gnavi03 li.g03pnavi03 a:hover { background: url(../img/pnavi_product.gif) no-repeat -160px -48px; }
li.gnavi03 li.g03pnavi04 a:hover { background: url(../img/pnavi_product.gif) no-repeat -160px -72px; }

.dropdown li.gnavi04 ul {
	width: 101px;
	height: 120px;
	background: url(../img/pnavi_jisseki.gif) no-repeat left top;
	filter: Alpha(opacity=90); 
 opacity:0.9;
}

li.gnavi04 li { width: 101px; }

li.gnavi04 li a { height: 24px; }

li.gnavi04 li.g04pnavi01 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px top; }
li.gnavi04 li.g04pnavi02 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px -24px; }
li.gnavi04 li.g04pnavi03 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px -48px; }
li.gnavi04 li.g04pnavi04 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px -72px; }
li.gnavi04 li.g04pnavi05 a:hover { background: url(../img/pnavi_jisseki.gif) no-repeat -101px -96px; }

.dropdown li:hover > ul { visibility: visible;}


/* --------------------------------------------------------------------------------------
 右カラム
--------------------------------------------------------------------------------------- */

.bg_grade {
	background: url(../img/r_bggr.gif) no-repeat -1px top !important;
}

.rttl {
	background: url(../../img/r_img_ttl01.gif) no-repeat;
	height: 136px;
	text-indent: -9999px;
}

/*-　トピックス　　-*/

.r_topics {
	background: url(../img/r_topicsbg.gif) repeat-y left bottom;
	width: 200px;
	_width: 180px;
}

.r_topics .rttl02 {
	background: url(../img/r_img_ttl02.gif) no-repeat;
	height: 30px;
	text-indent: -9999px;
	width: 200px;
	_width: 180px;
}

.topics-list {
	width: 160px;
	margin-left: 20px;
}

.topics_txt {
	width: 150px;
	margin-bottom: 3px;
	display: block;
}

.r_topics .btn {
	text-align: right;
	padding: 20px 15px 20px 25px;
}

.ttl_top {
	padding-top: 8px;
}


/* --------------------------------------------------------------------------------------
 左カラム
--------------------------------------------------------------------------------------- */

.cBox {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background: url(../../img/cbox_bg.gif) repeat-y left top;
	width: 570px;
}


h3 {
	margin: 0px 9px;
	width: auto;
	text-align: left;
	padding: 0px;
	height: 25px;
	position: relative;
	z-index: 1;
}


/*
　よくあるリクエスト
--------------------------------------------------------------*/

.request-list {
	background: url(../../img/request_img.jpg) no-repeat;
	width: 560px;
	height: 156px;
	margin-left: 10px;
	display: block;
	position: relative;
}

.request-list li{
	width: 118px;
	height: 81px;
	display: block;
	}
	
.request-list li.R01 {
	position: absolute;
	left: 10px;
	top: 62px;
}
.request-list li.R02 {
	position: absolute;
	left: 148px;
	top: 66px;
}
.request-list li.R03 {
	position: absolute;
	left: 286px;
	top: 66px;
}
.request-list li.R04 {
	position: absolute;
	left: 424px;
	top: 66px;
}
	
.request-list li a {
	display: block;
	height: 81px;
	text-indent: -9999px;
	margin: 0px;
}

.request-list li.R01 a { background: url(../../img/request_img_hover01.jpg) no-repeat left -84px; }
.request-list li.R02 a { background: url(../../img/request_img_hover02.jpg) no-repeat left -81px; }
.request-list li.R03 a { background: url(../../img/request_img_hover03.jpg) no-repeat left -81px; }
.request-list li.R04 a { background: url(../../img/request_img_hover04.jpg) no-repeat left -81px; }

.request-list li.R01 a:hover { background: url(../../img/request_img_hover01.jpg) no-repeat left top; }
.request-list li.R02 a:hover { background: url(../../img/request_img_hover02.jpg) no-repeat left top; }
.request-list li.R03 a:hover { background: url(../../img/request_img_hover03.jpg) no-repeat left top; }
.request-list li.R04 a:hover { background: url(../../img/request_img_hover04.jpg) no-repeat left top; }

.more {
	background: url(../img/ico_list.gif) no-repeat;
	height: 13px;
	width: 40px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 5px;
	left: 235px;
	z-index: 2;
}


/* 導入事例 -------------------- */

.case-list {
	background: url(../../img/bg_img02.gif) no-repeat;
	height: 106px;
	width: 385px;
	float: left;
	font-size: 12px;
}

.case01 {
	width: 260px;
	margin-left: 105px;
	padding: 7px 0px;
}

.case02 {
	width: 260px;
	margin-left: 93px;
	padding: 8px 0px;
}

.case03 {
	width: 260px;
	margin-left: 81px;
	padding: 6px 0px;
}

.morelist {
	float: right;
	height: 13px;
	width: 40px;
	background: url(../img/ico_list.gif);
	margin-right: 40px;
	text-indent: -9999px;
}

/* インタビュー -------------------- */

.w-all {
	width: 570px;
	margin-bottom: 10px;
}

.interview-list {
	background: url(../../img/interview_bg.gif) no-repeat left bottom;
	height: 106px;
	width: 180px;
	margin: 0px 0px 0px 5px;
	float: left;
}

.in_ttl {
	background: url(../../img/interview_ttl.gif) no-repeat;
	height: 33px;
	width: 180px;
	text-indent: -9999px;
}

.interview-list img {
	float: left;
	margin-left: 8px;
	margin-top: 5px;
	margin-right: 8px;
}

.morelist2 {
	float: right;
	height: 13px;
	width: 40px;
	background: url(../img/ico_list.gif);
	margin-right: 15px;
	text-indent: -9999px;
}

.shiryou {
	margin-left: 15px;
	padding: 4px 0px;
}

/*
　お知らせ/イベント　共通
--------------------------------------------------------------*/

/*　背景　------------*/

.bg02 {
	margin: 0px 0px 10px;
	background: url(../../img/bg_info.gif) no-repeat left top;
	height: 105px;
	width: 570px;
}

.bg03 {
	margin: 0px 0px 10px;
	background: url(../../img/bg_event.gif) no-repeat left top;
	height: 105px;
	width: 570px;
}

/*　リスト　------------*/

.txt-list {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.txt-list li {
 margin-bottom: 8px;
}

/*　アイコン　------------*/

.info {
	background: url(../img/ico_info.gif) no-repeat left 1px;
	padding-left: 70px;
}

.new {
	background: url(../img/ico_new.gif) no-repeat left;
	padding-left: 70px;
}

.media {
	background: url(../img/ico_media.gif) no-repeat left;
	padding-left: 70px;
}

.event {
	background: url(../img/ico_event.gif) no-repeat left;
	padding-left: 70px;
}

.seminer {
	background: url(../img/ico_seminer.gif) no-repeat left;
	padding-left: 70px;
}

.more02 {
	background: url(../img/ico_list.gif) no-repeat;
	height: 13px;
	width: 40px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 14px;
	left: 146px;
}

.more03 {
	background: url(../img/ico_list.gif) no-repeat;
	height: 13px;
	width: 40px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 13px;
	left: 170px;
}

/* TERUSOLUNAサービス・サポート -------------------- */

.linkBox01 {
	width: 175px;
	margin-right: 15px;
	margin: 0px 10px 10px 15px;
}

.linkBox02 {
	width: 175px;
	margin-right: 10px;
}

.linkBox03 {
	width: 175px;
}

.linkBox01 li,
.linkBox02 li,
.linkBox03 li
{
	margin-left: 2em;
	text-indent: -1em;
}

.linkBox01 .int,
.linkBox02 .int,
.linkBox03 .int
{ text-indent: -2em; }