@charset "utf-8";

/*
Theme Name: MG
Description: MG
Author: 株式会社カメレオン
*/

/* CSS Document */

/* ------------------------------------
   タグリセット
------------------------------------ */
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}


/* ------------------------------------
   共通設定
------------------------------------ */
body {
	text-align: center;
	color: #000000;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 16px;
	background: url(images/common/gnavi_bg.gif) repeat-x left 114px;
}

a {
}

a:hover {
}

.cboth {
	clear: both;
}
.textright {
	text-align: right;
}
/* For WordPress's TinyMCE Editor */
.alignnone {
	float:none;
}
.alignleft {
	float: left;
}
.aligncenter {
	text-align: center;
}
.alignright {
	float: right;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
span.red {
	color: #ff0000;
}



/* ------------------------------------
   全体設定
------------------------------------ */
#wrapper {
	text-align: left;
	width: 900px;
	background-color: #ffffff;
	margin: 0 auto;
}

/* ------------------------------------
   ヘッダ
------------------------------------ */
#header {
	border-top: 4px solid #FF5730;
	padding-left: 10px;
	height: 110px;
}
/* タイトル上部 説明 */
p#header-description {
	margin-top: 5px;
	line-height: 15px;
	font-size: 12px;
}

/* ロゴ */
h1#logo {
	width: 306px;
	height: 78px;
	text-indent: -9999px;
	background: url(images/common/header_logo.gif) no-repeat;
	float: left;
	margin: 5px 0 0 0;
}
h1#logo a {
	display: block;
	width: 306px;
	height: 78px;
}

/* お問い合わせ */
div#header-inquiry-box {
	float: right;
	width: 544px;
	height: 58px;
	background: url(images/common/header_inquirybox.jpg) no-repeat;
	margin-top: 13px;
	text-indent: -9999px;
	position: relative;
}
div#header-inquiry-box p {
	position: absolute;
	width: 103px;
	height: 27px;
	top: 18px;
}
div#header-inquiry-box p a:hover {
	background-position: 0 -27px;
}
p#header-inquiry-data {
	left: 325px;
}
p#header-inquiry-data a{
	display: block;
	width: 103px;
	height: 27px;
	text-indent: -9999px;
	background-image:url(images/common/header_inquiry_data.gif);
}
p#header-inquiry-free-exp {
	left: 433px;
}
p#header-inquiry-free-exp a {
	display: block;
	width: 103px;
	height: 27px;
	background-image:url(images/common/header_inquiry_free-exp.gif);
	text-indent: -9999px;
}

/* グローバルナビ */
#gnavi-box {
	height: 50px;
	background:url(images/common/gnavi_list_bg.gif);
}
ul#gnavi {
	padding-left: 2px;
}
ul#gnavi li {
	float: left;
	text-indent: -9999px;
	width: 126px;
	height: 50px;
	margin-right: 2px;
	list-style: none;
}
ul#gnavi li a {
	display: block;
	width: 126px;
	height: 50px;
}
ul#gnavi li a:hover {
	background-position: 0 -50px;
}
ul#gnavi li#gnavi-01 {
	width: 125px;
}
ul#gnavi li#gnavi-01 a {
	background-image:url(images/common/gnavi_01.gif);
	width: 125px;
}
ul#gnavi li#gnavi-02 a {
	background-image:url(images/common/gnavi_02.gif);
}
ul#gnavi li#gnavi-03 a {
	background-image:url(images/common/gnavi_03.gif);
}
ul#gnavi li#gnavi-04 {
	width: 127px;
}
ul#gnavi li#gnavi-04 a {
	background-image:url(images/common/gnavi_04.gif);
	width: 127px;
}
ul#gnavi li#gnavi-05 a {
	background-image:url(images/common/gnavi_05.gif);
}
ul#gnavi li#gnavi-06 a {
	background-image:url(images/common/gnavi_06.gif);
}
ul#gnavi li#gnavi-07 {
	width: 129px;
	margin-right: 0;
}
ul#gnavi li#gnavi-07 a {
	background-image:url(images/common/gnavi_07.gif);
	width: 129px;
}

#bread {
	height: 20px;
	line-height: 20px;
	font-size: 90%;
	padding: 0 0 5px;
}

/* ------------------------------------
   メイン
------------------------------------ */
div#main {
	margin-top: 20px;
	padding: 0 20px;
}

/* コンテンツ */
div#contents {
	float: left;
	width: 590px;
	margin-right: 20px;
}
div#contents p {
	line-height: 1.5em;
	margin: 15px 0;
}
div#contents h2 {
	width: 590px;
	height: 34px;
}
div#contents h2.title-h {
	width: 579px;
	height: 26px;
	background-image:url(images/common/title_h2.gif);
	font-size: 15px;
	padding-top: 8px;
	padding-left: 11px;
}
div#contents div.text-box {
	border: 1px solid #E0E0E0;
	padding: 10px 20px;
}

div#contents ul {
	padding-left: 20px;
}

/* ------------------------------------
   会社概要
------------------------------------ */
table#company-table {
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
	width: 500px;
	margin: 0 auto;
}

table#company-table th {
	border: 1px solid #DDDDDD;
	padding: 15px 10px;
	background-color: #fff2de;
	color: #666666;
}


table#company-table td {
	border: 1px solid #DDDDDD;
	padding: 15px 10px;
}


/* サイドバー */
div#sidebar {
	float: left;
	width: 250px;
	font-size: 12px;
}
div.sidebar-textbox {
	border: 1px solid #E0E0E0;
	padding: 10px 10px 0px;
}
div#sidebar dl dt {
	background: url(images/common/sidebar_list-marker.gif) no-repeat 1px 5px;
	color: #318500;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #AEAEAE;
}
div#sidebar dl dt a {
	color: #318500;
}
div#sidebar dl dd {
	margin-top: 10px;
	margin-bottom: 20px;
}
div#sidebar dl dd.nomargin {
	margin-bottom: 0px;
}

/* ブログバナー */
#blog-bnr {
	margin: 10px 0;
}

/* 体験会・セミナー */
p#sidebar-seminar {
	width: 250px;
	height: 34px;
	text-indent: -9999px;
	background:url(images/common/sidebar_seminar.gif) no-repeat;
}

/* 無料相談は今すぐ */
p#sidebar-free-consult {
	width: 250px;
	height: 64px;
	background:url(images/common/sidebar_free-consult.jpg) no-repeat;
	margin-top: 20px;
	text-indent: -9999px;
}
p#sidebar-free-consult-inquiry {
	text-indent: -9999px;
	background:url(images/common/sidebar_free-consult_inquiry.gif) no-repeat;
	width: 223px;
	height: 52px;
	margin-left: 3px;
	margin-bottom: 17px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #AEAEAE;
}
div.sidebar-free-consult-box {
	padding-bottom: 18px;
	
}
p#sidebar-free-consult-form {
	text-indent: -9999px;
	margin-left: 10px;
	width: 203px;
	height: 37px;
}
p#sidebar-free-consult-form a {
	display: block;
	width: 203px;
	height: 37px;
	background-image:url(images/common/sidebar_free-consult-form.gif);
}
p#sidebar-free-consult-form a:hover {
	background-position: 0 -37px;
}

/* 著書紹介 */
p#sidebar-book {
	width: 250px;
	height: 34px;
	text-indent: -9999px;
	background:url(images/common/sidebar_book.gif);
	margin-top: 20px;
}
div.book-img {
	text-align: center;
	margin-bottom: 5px;
}
p#sidebar-book-buy {
	width: 99px;
	height: 26px;
	text-indent: -9999px;
	margin-left: 116px;
	margin-top: 5px;
	padding-bottom: 15px;
}
p#sidebar-book-buy a {
	display: block;
	width: 99px;
	height: 26px;
	background-image:url(images/common/sidebar_book_buy.jpg);
}
p#sidebar-book-buy a:hover {
	background-position: 0 -26px;
}

/* ------------------------------------
   フッター
------------------------------------ */
#footer {
	margin-top: 70px;
	font-size: 12px;
}

/* フッター ナビゲーション */
#footer-navi {
	background-color: #F1F1F1;
	height: 114px;
	text-align:center;
}
#footer-navi-inner {
	width: 900px;
	height: 114px;
	text-align: left;
	margin: 0 auto;
}
#footer-navi-inner ul {
	float: left;
	width: 180px;
	margin-top: 18px;
}
#footer-navi-inner ul li {
	list-style: none;
	background:url(images/common/footer_list-marker.gif) no-repeat left 4px;
	padding-left: 11px;
}
#footer-navi-inner ul li.on-margin {
	margin-bottom: 35px;
}

/* フッター コピーライト*/
#footer-copyright {
	background-color: #FF5730;
	height: 70px;
	text-align: center;
}
#footer-copyright-inner {
	width: 900px;
	text-align: right;
	color: #ffffff;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 20px;
}

/* ------------------------------------
   カテゴリ
------------------------------------ */
div#cat-description { /* カテゴリの説明 */
	border-bottom: 1px dotted #AEAEAE;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
div#cat-navi { /* カテゴリナビゲーション */
	height: 1em;
	border-top: 1px dotted #AEAEAE;
	padding-top: 5px;
}
div#cat-navi-prev { /* カテゴリナビゲーション 前のページ */
	float: left;
}
div#cat-navi-next { /* カテゴリナビゲーション 次のページ */
	float: right;
}

/* ------------------------------------
   ページ毎
------------------------------------ */
/* トップページ */
div#top-image {
	margin-bottom: 33px;
}

h2#news-h {
	background:url(images/top/news_h2.gif) no-repeat;
	text-indent: -9999px;
}
#contents p#news-list {
	width: 89px;
	height: 23px;
	text-indent: -9999px;
	float: right;
	margin: -30px 0 0 0;
	padding-right: 10px;
}
p#news-list a {
	display: block;
	width: 89px;
	height: 23px;
	background-image:url(images/top/news_to-list.gif);
}
p#news-list a:hover {
	background-position: 0 -23px;
}

div.top-texts {
	border-top: 1px dotted #AEAEAE;
	margin-bottom: 15px;
	padding-top: 15px;
}
div.top-texts-1st {
	border: none;
	padding-top: 0;
}
div.top-texts-date {
	font-size: 12px;
	margin-bottom: 8px;
}
div.top-texts-title {
	color: #FF5730;
	font-weight: bold;
	margin-bottom: 8px;
}

/* サービス一覧 */
.s-title {
	margin: 0px 0px 5px 0px;
}

div#contents p.course {
	line-height:1.5em;
	margin:5px 0 15px 20px;
}

p.tex-ind-service {
	text-indent: -1.5em;
	padding-left: 1.5em;
}

.training-box {
	width: 550px;
	margin: 20px 0;
}

.training01,
.training02,
.training03,
.training04 {
	background-repeat: no-repeat;
	width: 252px;
	height: 121px;
	padding: 68px 0px 0px 12px;
}

.training01 {
	background-image: url(images/service/training01.gif);
	float: left;
}

.training02 {
	background-image: url(images/service/training04.gif);
	float: right;
}

.training03 {
	background-image: url(images/service/training02.gif);
	margin-top: 8px;
	float: left;
}

.training04 {
	background-image: url(images/service/training03.gif);
	margin-top: 8px;
	float: right;
}

.training-tex {
	width: 244px;
}

div#contents .training-tex p {
	margin: 3px 0;
}


.detail {
	height: 85px;
}

.arrow-green {
	padding: 0px 4px 0px 10px;
	background: url(images/common/arrow-green.gif) no-repeat left center;
	width: 78px;
	float: right;
	text-align: right;
}

#effect {
	margin: 15px 0px 15px 0px;
}

.effect-box {
	border-left: 1px solid #DFDCDB;
	border-right: 1px solid #DFDCDB;
	border-bottom: 1px solid #DFDCDB;
	margin: 0px;
	width: 538px;
	display: block;
	line-height: 1.5em;
	padding: 3px 5px;
}

.arrow {
	margin: 8px 0px;
}

table.training-table {
	background-color: #DDDDDD;
	border-spacing: 1px;
	width: 548px;
}
table.training-table th, table.training-table td {
	padding: 15px 10px;
}
table.training-table th {
	background-color: #FFF2DE;
	color: #666666;
	font-weight: normal;
	width: 30%;
}
table.training-table td {
	background-color: #FFFFFF;
	width: 70%;
}
#contents h3#training-purpose {
	background: url(images/service/training_purpose.gif) no-repeat;
	text-indent: -9999px;
	height: 26px;
	width: 548px;
	margin: 20px 0 10px 0;
	
}

#contents h3#training-merit {
	background: url(images/service/training_merit.gif) no-repeat;
	text-indent: -9999px;
	height: 26px;
	width: 548px;
	margin: 20px 0 10px 0;
}

#contents h3#training-schedule {
	background: url(images/service/training_schedule.gif) no-repeat;
	text-indent: -9999px;
	height: 26px;
	width: 548px;
	margin: 20px 0 10px 0;
}
#contents h3#training-flow {
	background: url(images/service/training_flow.gif) no-repeat;
	text-indent: -9999px;
	height: 26px;
	width: 548px;
	margin: 20px 0 10px 0;
}

/* 教材価格表 */
table.price-data {
	background-color: #DFDCB7;
	border-spacing: 1px;
	width: 548px;
}
table.price-data th, table.price-data td {
	padding: 6px 10px;
}
table.price-data th {
	background-color: #fcf6da;
	color: #666666;
	text-align: center;
}
table.price-data td {
	background-color: #FFFFFF;
}

/* フォーム */

#contents h3 {
	background: url(images/common/h3-icon.gif) no-repeat;
	padding: 0 0 0 20px;
	height: 16px;
	font-size: 14px;
	color: #23487c;
	clear: both;
	margin: 10px 0 0px;
}

#contents h3 a {
	color: #23487c;
}

table.form-table { /* フォームテーブル */
	width: 548px;
}
table.form-table th , table.form-table td { /* th,td 共通 */
	padding: 5px 5px;
}
table.form-table th { /* th:項目名 */
	font-weight: normal;
	width: 200px;
	border-right: 3px solid #ff4a15;
}
table.form-table td { /* td:入力欄 */
	width: 348px;
}
table.form-table td.name { /* 名前 */
}
table.form-table td.furigana { /* フリガナ */
}
table.form-table td.mail { /* メールアドレス */
}
table.form-table td.content { /* お問い合わせ内容 */
}

select.select-field {
	height: 8em;
	width: 200px;
}
/* チェックボックスを1行ずつ表示させる */
span.wpcf7-list-item {
	display: block;
}

/* よくある質問 */
#contents h3.faq-h { /* よくある質問 見出し */
	background: url(images/faq/faq-h.gif) no-repeat;
	padding: 7px 0 0 42px;
	width: 474px; /* 516px */
	height: 29px; /* 36px */
	font-size: 14px;
	color: #F31400;
	margin-bottom: 5px;
}

div.faq-text { /* よくある質問 本文 */
	background: url(images/faq/faq-text.gif) no-repeat 1px 7px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 7px 0 0 42px;
	margin-bottom: 10px;
}

/* 導入事例 */
div#case-box {
	width: 548px;
}
div.case-detail {
	width: 264px;
	margin-bottom: 10px;
}
div.case-textbox {
	position: relative;
	width: 264px;
	padding-top: 11px;
	padding-bottom: 26px;
	background:url(images/case/case_bg.gif) repeat-y;
	min-height: 101px;
	height: auto !important;
	height: 101px;
}
div.case-textbox p {
	padding: 0 8px 8px 12px;
}
div.case-textbox-bottom {
	position: absolute;
	background:url(images/case/case_bg_bottom.gif) no-repeat left bottom;
	bottom: 0;
	left: 0;
	width: 244px; /* 264px */
	padding: 0 8px 8px 12px;
}

div#case-box p.case-title {
	width: 264px;
	height: 62px;
	text-indent: -9999px;
	margin: 0;
}
div#case-box p#case-1 {
	background: url(images/case/case1.gif) no-repeat;
}
div#case-box p#case-2 {
	background: url(images/case/case2.gif) no-repeat;
}
div#case-box p#case-3 {
	background: url(images/case/case3.gif) no-repeat;
}
div#case-box p#case-4 {
	background: url(images/case/case4.gif) no-repeat;
}

h3#case-problem {
	background: url(images/case/problem_t.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 26px;
	width: 550px;
	margin: 20px 0 10px 0;
}
h3#case-solution {
	background: url(images/case/solution_t.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 26px;
	width: 550px;
	margin: 20px 0 10px 0;
}
h3#case-result {
	background: url(images/case/result_t.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	height: 26px;
	width: 550px;
	margin: 20px 0 10px 0;
}

div#contents h4 {
	font-size: 14px;
	margin: 10px 0 5px;
}


div#contents .wp-caption {
	background-color:#F3F3F3;
	border:1px solid #DDDDDD;
	margin:10px auto;
	padding-top:4px;
	text-align:center;
}

div#contents .wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin: 5px 0px;
}