﻿@charset "UTF-8";
/* ビサイト株式会社 */

/*　========= CONTENT (exRIGHT) ============　*/

#cont_detail {
	float: left;
	margin-right: 15px;
	width: 530px;
	}

.content_h3 {
	background: url(../images/h_bg_02v.png) no-repeat;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	padding: 8px;
	}

.content_h4 {
	background: url(../images/h_bg_02v.png) no-repeat;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	padding: 8px;
	text-align: center;
	position: relative;
	}

.img {
	position: absolute;
	margin-top: -32px;
	margin-left: 10px;
	}

#content_main h3 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 10px 0 7px 5px;
	}

.h3_main {
	background: url(../images/h_bg_grn.gif) no-repeat;
	color: #94be36;
	}
	
.h3_excursion {
	background: url(../images/h_bg_01.gif) no-repeat;
	color: #fb8c00;
	}

#content_main h4 {
	color: #FFF;
	float: right;
	font-size: 10px;
	font-weight: normal;
	padding: 10px 10px 0 0;
	text-align: right;
	}
	
#content_main ul {
	list-style-type: none;
	line-height: 1.6em;
	margin: 0;
	padding: 0px 0 15px 10px;
	}
	
#content_title h3 {
	background: url(../images/title_02_gb.png) no-repeat;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	margin-bottom: 2px;
	padding: 15px 0 0 15px;
	}
	
#content_title h4 {
	color: #9e99b7;
	font-size: 11px;
	font-weight: normal;
	margin-top: -46px;
	margin-bottom: 22px;
	padding: 18px 10px 0 0;
	text-align: right;
	}

/*　========= INDEX ============　*/

.campaign_ttl {
	background:url(../images/title_01_bg.gif) no-repeat;
	color: #D46E00;
	font-size: 20px;
	height: 20px;
	margin-bottom: 15px;
	text-align: center;
	padding: 20px 0;
	}

.company_info {
	margin-bottom: 10px; 
	}
	
div.company_info  div{
	display:table-cell;
	vertical-align:bottom;
	}

* html div.company_info div{/* IE 6 */
	display:inline;
	zoom:1;
	}

*:first-child+html div.company_info div{/* IE 7 */
	display:inline;
	zoom:1;
	}
	
.company_info_text {
	padding-left: 10px;
	}
	
*html .company_info_text{/*IE6*/
	width: 320px;
	}

*:first-child+html .company_info_text{/*IE7*/
	width: 320px;
	}
	
.company_info h3 {
	color: #94be36;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	}
	
.campaign_ttl {
	background:url(../images/title_01_bg.gif) no-repeat;
	color: #fb8c00;
	height: 20px;
	font-size: 20px;
	margin-bottom: 10px;
	padding: 20px 0;
	text-align: center;
	}

/* ============ 特徴 ============= */

.feature {
	margin-bottom: 5px;
	}

div.feature  div{
	display:table-cell;
	vertical-align:top;
	}

.feature_text {
	padding-left: 15px;
	}
	

#content_main div.feature h3 {
	background: url(../images/point_bg.gif) no-repeat;
	color: #fb8c00;
	height: 30px;
	margin: 5px 0 6px;
	padding: 15px 0 0;
	width: 115px;
	text-align: center;
	}
	
/* ========== CONCEPT ============= */

.concept h2 {
	color: #94be36;
	font-size: 13px;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.concept p {
	padding: 10px 0;
	}
	
/*　========== SEMINAR ===========　*/

.seminar dl {
	line-height: 2em;
	margin-bottom:10px;
	}

.seminar dt {
	color: #fb8c00;
	border-bottom: 1px dotted #ccc;
	width: 8em;
	}
	
.seminar dd {
	border-bottom: 1px dotted #ccc;
	margin-left: 8em;
	}
	
/*　========== SERVICE ===========　*/

.service div{
	display: table-cell;
	margin-bottom: 1px;
	vertical-align: top;
	}

.service_text {
	padding-left: 10px;
	}
	
.service_text h3 {
	color: #fa8c00;
	font-size: 14px;
	line-height: 1.3em;
	}

#topic {
	margin: 8px 0 15px 0;
	border: 3px solid #fa8c00;
	padding: 3px;
	}
	
.topic_img {
/*	border-bottom: 1px dotted #CCC;
	padding: 5px;
	margin-bottom: 10px;
*/	}

div.topic_img div{
	display:table-cell;
	margin-bottom:1px;
	vertical-align:top;
	}

.topic_img_text {
	padding-left: 10px;
	}

#topic p {
	font-size: 12px;
	}
	
.topic_img h4 {
	color: #94be36;
	font-size: 12px;
	margin-top: 3px;
	line-height: 1.3em;
	}
	
#topic h3 {
	background: #fde8cb;
	color: #fa8c00;
	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	}
	
/*　========== SERVICE TABLE ===========　*/

table {
	border: 1px #FFF;
	font-size: 12px;
	padding: 8px 0 0px 0;
	}

td {
	padding: 7px;
	}
	
.td_title {
	background: #fde8cb;
	text-align: center;
	color: #fa8c00;
	font-weight: bold;
	}
	
.td_gray_01 {
	background: #F2F2F2;
	}

.td_gray_02 {
	background: #E6E6E6;
	}

/*　========== LIGHT BOX ===========　*/

a img {
	border: none;
	}

/*　========== FLOAT BOX ===========　*/

#wrapper {
	position: relative;
	}

#cont_menu {
	right: 10px;
	margin-top: 20px;
	}

/*　========== MENU_BOX ============　*/

#category_box h3 a:hover {
	color: #228b22;
	text-decoration: none;
	}

#menu_box h2 {
	background: url(../images/navi_title_gm.png) no-repeat top center;
	color: #FFF;
	font-size: 13px;
	height: 30px;
	margin: 0;
	padding: 12px 0 0;
	text-align: center;
	cursor: pointer;
	}

#menu_box h2 a {
	color: #FFF;
	text-decoration: none;
	}

#menu_box h2 a:hover {
	color: #00f;
	text-decoration: none;
	}

#menu_box h2.open {
/*	background: url(../images/navi_title_gm.png) no-repeat top center;
*/	}

#menu_box h2.rollover {
/*	background: url(../images/navi_title_gm.png) no-repeat top center;
	font-weight: bold;
	color: #000;
*/	}

#menu_box h3 {
	background: url(../images/navi_net.png) no-repeat top center;
	color: #D46E00;
	font-size: 13px;
	height: 30px;
	margin: 0;
	padding: 12px 0 0;
	text-align: center;
	cursor: pointer;
	}

#menu_box h3 a {
	color: #D46E00;
	text-decoration: none;
	}

#menu_box h3 a:hover {
	color: #00f;
	text-decoration: none;
	}

#menu_box ul {
	list-style-type: none;
	margin: 0 20px 15px 20px;
	padding: 0 0 5px;
	}
	
#menu_box li {
	background: url(../images/navi_li_bulletv.gif) no-repeat 0 5px;
	border-bottom: 1px dotted #CCC;
	margin: 0;
	padding: 5px 0 5px 30px;
	}

/*　========= NET ============　*/

#net_ttl {
	background:url(../images/net.png) no-repeat;
	height: 20px;
	margin-bottom: 10px;
	text-align: center;
	padding: 10px 0;
	}

#net_ttl h3 {
	color: #D46E00;
	font-size: 20px;
	}

#net_ttl h3 a {
	color: #D46E00;
	text-decoration: none;
	}

#net_ttl h3 a:hover {
	color: #00F;
	text-decoration: none;
	}
