@charset "utf-8";
/*
Theme Name: nlp
Theme URI: http://www.monstar.co.jp
Description: NLPを使ったコミュニケーション講座
Version: 1.0
Author: Internet Monstar Inc.
Tags: 2カラム, ウィジェット
*/

@import "default.css"; /* 設定値初期化用CSS */

/* ===================================================================

/サイト内共通CSS設定/
body				メイン背景画像の設定
h1,h2,h3,h4,h5,h6	見出しの設定
a:***				リンクの設定
header_wrapper		ヘッダーの大枠設定 width:100%の場合
header				ヘッダーの設定
site_logo			サイトロゴの設定
header_navi			ヘッダー内ナビゲーションの設定
global_navi			グローバルナビゲーションの設定
contents_wrapper	コンテンツ全体枠の設定
mainimage			メインイメージの設定
maincolumn			メインカラムの設定
sidebar				2カラム用サイドバーの設定
footer_wrapper		フッターの大枠設定 width:100%の場合
footer				フッターの設定
contact				連絡先案内の設定
breadcrumb			パンくずリストの設定

/トップページメインカラム内CSS設定/
date_area			トップページ東京・大阪スケジュールの設定
date_tokyo			東京開催スケジュールの設定
date_osaka			大阪開催スケジュールの設定
news				最新情報お知らせの設定
pickup				受講者からの声をピックアップの設定

/サイドバー内CSS設定/
calendar			カレンダーの設定
card_area			カードエリアの設定
banner_area			バナーエリアの設定

/記事メインカラム内CSS設定/
post				記事内の設定
img.***				記事内使用画像の設定
nlp_date			受講日詳細テーブルの設定
voice_area			受講者の声設定
schedule			開催日程一覧の設定
faq					よくある質問の設定
book_area			本の紹介の設定
basic_info			会社概要、個人情報保護、特定商取引の設定
sitemap				サイトマップの設定
mail_form			メールフォームの設定

=================================================================== */

/* ===================================================================
サイト内共通CSS設定
=================================================================== */

/*	body
----------------------------------------------------
メイン背景画像の設定
----------------------------------------------------*/

body {
text-align:center;
color:#555;
background:#fff;
}

/*	h1,h2,h3,h4,h5,h6
----------------------------------------------------
見出しの設定
----------------------------------------------------*/

h1 {
position:absolute;
top:14px;
left:7px;
font-size:10px;
font-weight:normal;
letter-spacing:1px;
color:#555;
}

h2{
}

h3{
}

h4{
}

h5{
}

h6{
}

/*	a:link,a:visited,a:hover,a:active
----------------------------------------------------
リンクの設定
----------------------------------------------------*/

a:link {
color:#20c;
}

a:visited {
color:#551a8b;
}

a:hover {
text-decoration:underline
}

a:active {
color:#20c;
}

/*	header_wrapper
----------------------------------------------------
ヘッダーの大枠設定 width:100%の場合
----------------------------------------------------*/

#header_wrapper {
width:100%;
height:142px;
background:url(images/header_wrapper_bg.gif) repeat-x #fff;
}

/*	header
----------------------------------------------------
ヘッダーの設定
----------------------------------------------------*/

#header {
position:relative;
width:945px;
height:97px;
margin:0 auto;
}

/*	site_logo
----------------------------------------------------
サイトロゴの設定
----------------------------------------------------*/

#header p.site_logo {
position:absolute;
left:0;
top:29px;
}
	
/*	header_navi
----------------------------------------------------
ヘッダー内ナビゲーションの設定
----------------------------------------------------*/

#header_navi {
position:absolute;
top:0;
right:0;
}

#header_navi li {
float:left;
}

/*	global_navi
----------------------------------------------------
グローバルナビゲーションの設定
----------------------------------------------------*/

#global_navi {
width:945px;
height:45px;
margin:0 auto;
}

#global_navi li {
float:left;
}


/*	contents_wrapper
----------------------------------------------------
コンテンツ全体枠の設定
----------------------------------------------------*/

#contents_wrapper {
width:945px;
margin:0 auto;
}

/*	mainimage
----------------------------------------------------
メインイメージの設定
----------------------------------------------------*/

#mainimage {
position:relative;
width:945px;
height:254px;
margin:15px auto 0 auto;
background:url(images/mainimage.jpg) no-repeat;
}

#mainimage .mainbanner01 {
position:absolute;
right:5px;
top: 9px;
}

#mainimage .mainbanner02 {
position:absolute;
right:5px;
top:89px;
}

#mainimage .mainbanner03 {
position:absolute;
right:5px;
top:168px;
}

/*	maincolumn
----------------------------------------------------
メインカラムの設定
----------------------------------------------------*/

#maincolumn {
float:left;
width:620px;
margin:5px 0 15px 0;
}

.home #maincolumn {
margin:15px 0;
}

/*	sidebar
----------------------------------------------------
2カラム用サイドバーの設定
----------------------------------------------------*/

#sidebar {
float:right;
width:280px;
padding:10px;
margin:5px 0 15px 0;
border:1px #e7e7e7 solid;
}

.home #sidebar {
margin:15px 0;
}


/*	footer_wrapper
----------------------------------------------------
フッターの大枠設定 width:100%の場合
----------------------------------------------------*/

#footer_wrapper {
width:100%;
height:150px;
background:url(images/footer_wrapper_bg.gif) repeat-x;
}

/*	footer
----------------------------------------------------
フッターの設定
----------------------------------------------------*/

#footer {
position:relative;
width:945px;
height:150px;
margin:0 auto;
}

#footer .footer_navi {
position:absolute;
top:23px;
color:#fff;
}

#footer .footer_navi a:link {
color:#fff;
}

#footer .footer_navi a:visited {
color:#eee;
}

#footer .footer_site_logo {
position:absolute;
right:0;
top: 50px;
}

#footer .copyright {
position:absolute;
color:#c1566f;
left:347px;
bottom:5px;
}

/*	contact
----------------------------------------------------
連絡先案内の設定
----------------------------------------------------*/

.contact {
position:relative;
width:497px;
height:65px;
margi:0 auto;
background:url(images/contact_bg.gif) no-repeat;
}

.contact .btn {
position:absolute;
right:11px;
bottom:6px;
}

.header_contact {
position:absolute;
right: 0px;
top: 29px;
}

.maincolumn_contact {
clear:both;
margin:0 auto;
}

/*	breadcrumb
----------------------------------------------------
パンくずリストの設定
----------------------------------------------------*/

.breadcrumb {
margin:5px 0 0 0;
}

.breadcrumb a {
color:#999;
padding:0 5px;
}

.breadcrumb a:hover {
color:#333;
}

/* ===================================================================
トップページメインカラム内CSS設定
=================================================================== */

/*	date_area
----------------------------------------------------
トップページ東京・大阪スケジュールの設定
----------------------------------------------------*/

#date_area {
margin:15px 0;
}

#date_area .m {
position:absolute;
top:77px;
left:143px;
color:#dd262b;
font-size:30px;
font-weight:bold;
line-height:100%;
}

#date_area .d {
position:absolute;
left:184px;
top:77px;
color:#dd262b;
font-size:30px;
font-weight:bold;
line-height:100%;
}

/*	date_tokyo
----------------------------------------------------
東京開催スケジュールの設定
----------------------------------------------------*/

#date_tokyo {
position:relative;
float:left;
width:299px;
height:109px;
background:url(images/date_tokyo.gif) no-repeat;
}

/*	date_osaka
----------------------------------------------------
大阪開催スケジュールの設定
----------------------------------------------------*/

#date_osaka {
position:relative;
float:right;
width:299px;
height:109px;
background:url(images/date_osaka.gif) no-repeat;
}

/*	news
----------------------------------------------------
最新情報お知らせの設定
----------------------------------------------------*/

#news {
margin:15px 0;
}

#news h3 {
margin-bottom:5px;
}

#news dl {
padding:5px;
border-bottom:1px #ccc dotted;
font-size:12px;
}

#news dt {
float:left;
color:#333;
}

#news dd {
margin-left:80px;
}

/*	pickup
----------------------------------------------------
受講者からの声をピックアップの設定
----------------------------------------------------*/

#pickup {
margin:15px 0;
}

#pickup h3 {
margin-bottom:5px;
}

#pickup .nlp h4 {
background:#ce3c3c;
}

#pickup .twoday {
margin:0 2px;
}

#pickup .twoday h4 {
background:#fbaf03;
}

#pickup .ex h4 {
background:#2c9aef;
}

.pickup_box {
float:left;
width:201px;
height:199px;
padding:2px;
background:url(images/pickup_box_bg.gif) no-repeat;
}

.pickup_box h4 {
color:#fff;
text-align:center;
padding:2px;
}

.pickup_box p {
line-height:130%;
color:#333;
}

.pickup_thumbnail {
float:left;
margin:2px 0;
}

.pickup_comment {
margin:2px 2px 2px 82px;
}

.pickup_more {
margin:2px 2px 2px 82px;
}


/* ===================================================================
サイドバー内CSS設定
=================================================================== */




/*	calendar
----------------------------------------------------
カレンダーの設定
----------------------------------------------------*/

#calendar {
padding:10px;
border:1px #e7e7e7 solid;
}

#calendar h5 {
line-height:140%;
text-align:center;
color:#333;
}

#calendar table {
width:85%;
margin:10px auto;
color:#333;
background:#ccc;
}

#calendar table th {
padding:5px;
text-align:center;
font-size:12px;
font-weight:normal;
background:#ededed;
}

#calendar table th.sat {
color:#3e629c;
}

#calendar table th.sun {
color:#f00;
}

#calendar table td {
padding:5px;
text-align:center;
font-size:12px;
border:1px #fff solid;
background:#fff;
}

#calendar td.ex {
background:#2fa3fa;
}

#calendar td.twoday {
background:#f8b212;
}

#calendar td.nlp {
background:#cf3b3b;
}

#calendar td.nlpm {
background:#ff6600;
}

#calendar td.finish {
background:#acacac;
}

#calendar td.sp {
background:#99FF00;
}

#calendar p {
font-size:11px;
}

#calendar p .ex {
color:#2fa3fa;
}

#calendar p .twoday {
color:#f8b212;
}

#calendar p .nlp {
color:#cf3b3b;
}

#calendar p .nlpm {
color:#ff6600;
}

#calendar p .finish {
color:#acacac;
}

#calendar p .sp {
color:#99FF00;
}

/*	card_area
----------------------------------------------------
カードエリアの設定
----------------------------------------------------*/

#card_area {
margin:8px 0;
padding:10px;
border:1px #e7e7e7 solid;
}

#card_area p.card {
text-align:center;
}

#card_area img {
padding:5px 20px;
}

/*	banner_area
----------------------------------------------------
バナーエリアの設定
----------------------------------------------------*/

#banner_area {
text-align:center;
}

#banner_area p {
margin:8px auto;
text-align:center;
}

/* ===================================================================
記事メインカラム内CSS設定
=================================================================== */

/*	post
----------------------------------------------------
記事内の設定
----------------------------------------------------*/

.post {
margin-bottom:15px;
}

.post h2 {
margin:15px 0;
padding:0 10px 0 30px;
font-size:16px;
font-weight:bold;
line-height:33px;
color:#fff;
background:url(images/post_h2.gif) repeat-x;
}

.post h3 {
margin-bottom:15px;
}

.post h4 {
margin:15px;
padding-left:15px;
font-size:15px;
border-left:5px solid #ff9c00;
}

.post p {
margin:0 0 15px 0;
font-size:13px;
line-height:150%;
}

.post ul {
margin:15px;
}

.post ul li {
padding:5px 20px;
background:url(images/check_list.gif) no-repeat 0 8px;
}

.post ol {
margin:15px;
}

.post ol li {
padding:2px 20px;
font-size:16px;
background:url(images/disc_list.gif) no-repeat 0 8px;
}

.post ul.cource_link {
width:500px;
margin:15px auto;
}

.post ul.cource_link li {
float:left;
padding:2px 15px;
border-right:1px #ccc solid;
background:none;
}

.post ul.cource_link li.last {
border:none;
}

.post input {
text-align:center;
}

.post table.certificates {
width:100%;
margin:15px auto;
}

.post table.certificates td {
padding:3px;
text-align:center;
}

.post table.certificates02 {
width:100%;
margin:15px auto;
}

.post table.certificates02 td {
padding:3px;
vertical-align: top;
}

.post ul.navib {
	padding: 10px 0 4px 16px;
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
}

.post ul.navib li {
	display: inline;
}

.post div.harf{
	width:280px;
}

.post .f_left {
	margin:5px 20px 5px 5px;
	float:left;
}

.post .f_right {
	margin:5px;
	float:right;
}

.post  .t_14 {
	margin:0,0,5px,0;
	font-size:14px;
	line-height:130%;
        font-weight:bold;
}

/*	img.***
----------------------------------------------------
記事内使用画像の設定
----------------------------------------------------*/

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
margin: 0 0 2px 7px;
}

.alignleft {
float: left;
margin: 0 0 2px 7px;
}

.wp-caption {
padding:0;
}

.wp-caption-text {
text-align:center;
font-size:12px;
color:#9d0226;
}

.size-medium {
border:2px #eee solid;
}

/*	nlp_date
----------------------------------------------------
受講日詳細テーブルの設定
----------------------------------------------------*/

.nlp_date {
width:100%;
margin-bottom:15px;
background:#ccc;
}

.nlp_date th {
width:80px;
padding:5px;
text-align:center;
font-size:12px;
background:#eee;
}

.nlp_date td {
padding:5px;
font-size:12px;
background:#fff;
}

.nlp_date td p {
margin:0;
}

.nlp_date td.title {
width:80px;
text-align:center;
font-weight:bold;
}

.nlp_date .btn_area {
float:left;
}

/*	voice_area
----------------------------------------------------
受講者の声の設定
----------------------------------------------------*/

.voice_area {
}

.voice_area h3 {
color:#333;
font-size:14px;
border-bottom:3px #d03b37 solid;
}

.voice_area h4 {
width:95%;
height:200px;
margin:10px auto;
overflow:hidden;
text-align:center;
border:5px #f7f7f7 solid;
}

.voice_area img {
border:5px #f7f7f7 solid;
}

.voice_area p.note {
clear:both;
font-size:11px;
color:#666;
text-align:right;
}

/*	schedule
----------------------------------------------------
開催日程一覧の設定
----------------------------------------------------*/

#schedule {
padding:10px;
border:1px #e7e7e7 solid;
}

#schedule .box {
float:left;
width:199px;
}

#schedule h5 {
line-height:140%;
text-align:center;
color:#333;
}

#schedule table {
width:92%;
margin:10px auto;
color:#333;
background:#ccc;
}

#schedule table th {
padding:5px;
text-align:center;
font-size:12px;
font-weight:normal;
background:#ededed;
}

#schedule table th.sat {
color:#3e629c;
}

#schedule table th.sun {
color:#f00;
}

#schedule table td {
padding:5px;
text-align:center;
font-size:12px;
border:1px #fff solid;
background:#fff;
}

#schedule td.ex {
background:#2fa3fa;
}

#schedule td.twoday {
background:#f8b212;
}

#schedule td.nlp {
background:#cf3b3b;
}

#schedule td.nlpm {
background:#ff6600;
}

#schedule td.finish {
background:#acacac;
}

#schedule td.sp {
background:#99FF00;
}

#schedule p {
margin:3px;
font-size:12px;
}

#schedule p .ex {
color:#2fa3fa
}

#schedule p .sp {
color:#99FF00;
}

#schedule p .twoday {
color:#f8b212;
}

#schedule p .nlp {
color:#cf3b3b;
}

#schedule p .nlpm {
color:#ff6600;
}

#schedule p .finish {
color:#acacac;
}

/*	faq
----------------------------------------------------
よくある質問の設定
----------------------------------------------------*/

#faq .category {
margin:15px 0;
color:#83011f;
}

#faq div.q {
background:url(images/q_icon.gif) no-repeat top left;
}

#faq div.q p {
margin:0;
margin-left:30px;
line-height:23px;
font-size:13px;
font-weight:bold;
color:#247c8e;
border-bottom:1px #ccc dotted;
}

#faq div.a {
margin-bottom:15px;
padding:18px 0 15px 70px;
background:url(images/a_icon.gif) no-repeat;
}

#faq div.a p {
font-size:13px;
margin:0;
margin-bottom:10px;
}

#faq div.a p.imagearea {
float:right;
margin-left:5px;
text-align:center;
font-size:10px;
}

/*	book_area
----------------------------------------------------
本の紹介の設定
----------------------------------------------------*/

#book_area {
width:620px;
height:165px;
padding:70px 0 0 0;
background:url(images/book_area_bg.gif) no-repeat;
}

/*	basic_info
----------------------------------------------------
会社概要、個人情報保護、特定商取引の設定
----------------------------------------------------*/

#basic_info .post h2 {
margin:0 0 15px 0;
}

#basic_info .post h3 {
margin:15px 0;
padding:3px 10px;
border-left:5px #ff9c00 solid;
font-size:15px;
background:#f8f8f8;
}

#basic_info .post ul li {
list-style:disc;
padding:0;
background:none;
}

#basic_info table {
width:100%;
background:#ccc;
margin:15px auto;
}

#basic_info th {
width:25%;
background:#eee;
padding:5px;
}

#basic_info td {
width:25%;
background:#fff;
padding:5px;
}

/*	sitemap
----------------------------------------------------
サイトマップの設定
----------------------------------------------------*/

#sitemap {
margin: 15px 30px;
}

#sitemap li {
margin:0px;
padding:5px 20px;
background:url(images/sitemap_icon01.gif) no-repeat 2px 10px;
}

#sitemap li ul {
margin:0;
}

#sitemap li ul li {
line-height:100%;
margin:0;
padding:12px 0 0 30px;
background:url(images/sitemap_icon02.gif) no-repeat 0 -6px;
}

/*	mail_form
----------------------------------------------------
メールフォームの設定
----------------------------------------------------*/

.mail_form {
width:100%;
margin:15px 0;
background:#ccc;
}

.mail_form th {
width:30%;
padding:10px;
background:#e7e7e7;
}

.mail_form td {
padding:10px;
background:#fff;
}

.require {
margin:0 2px;
padding:1px;
font-size:11px;
color:#fff;
background:#c00;
}

.attention {
color:#c00;
font-size:11px;
}

.ok {
border:1px #ccc solid;
}