@charset "utf-8";

/*--------------*/
/* 　基本設定　 */
/*--------------*/

body {
margin: 0;
padding: 0;
color: #000000;
background: #FFFFFF;
font-family: Arial, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, sans-serif;
font-size: 13px;
*font-size: small;
*font: x-small;
line-height: 1.5;
}
div, ul, ol, li, dl, dd, p, h1, h2, h3, h4 {
margin: 0;
padding: 0;
}
h1 {
font-size: 138%; /*18px*/
}
h2 {
font-size: 123%; /*16px*/
}
h3 {
font-size: 115%; /*15px*/
}
h4 {
font-size: 108%; /*14px*/
}
p.justify {
text-align: justify;
text-justify: inter-ideograph;
}
p.right {
text-align: right;
}
a img {
border: none;
}
span.bold {
font-weight: bold;
}
span.underline {
text-decoration: underline;
}
span.color {
color: #5D9922;
}
span.red {
color: darkred;
}
span.new {
color: #CC3333;
}
input, select, option, textarea {
font-family: Arial, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, sans-serif;
font-size: 13px;
*font-size: small;
*font: x-small;
}

/*--------------*/
/* 　　共通　　 */
/*--------------*/

.clearfix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#gradation_left {
width: 940px;
margin: 0 auto;
background: url(img/all_gradation_left.gif) repeat-y;
}
#gradation_right {
width: 920px;
margin-left: 20px;
background: #FFFFFF url(img/all_gradation_right.gif) repeat-y 100%;
}

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

#top_contener, #page_contener {
width: 900px;
margin-right: 20px;
position: relative;
}
#top_head, #page_head {
width: 880px;
height: 120px;
padding: 0 10px 0 10px;
background: url(img/top_head.jpg) no-repeat;
}
#page_head {
width: 880px;
height: 226px;
padding: 0 10px 0 10px;
background: url(img/gkpage_head_bg.jpg) no-repeat;
}
#top_head .sns_link, #page_head .sns_link {
float: left;
width: 680px;
padding-top: 10px;
text-align:right;
}
#top_head .com_name, #page_head .com_name {
float: right;
width: 200px;
padding-top: 10px;
text-align:right;
}
#top_head .com_name h4 a, #page_head .com_name h4 a {
color: #000000;
text-decoration: none;
}
#top_head .com_name h4 a:hover, #page_head .com_name h4 a:hover {
color: #235E94;
text-decoration: none;
}
#top_head .daikoharaweb {
float: left;
width: 650px;
padding-top: 5px;
}
#page_head .daikoharaweb {
float: left;
width: 325px;
padding-top: 5px;
}
#top_head .daikoharaweb a, #page_head .daikoharaweb a {
display:block;
width: 310px;
height: 40px;
text-indent:-1000000px;
}
#top_head .mailto {
float: right;
width: 230px;
text-align:right;
padding-top: 5px;
}
#page_head .pagetitle {
float: right;
width: 555px;
padding-top: 27px;
}
#page_head .pagetitle h3.gk01 {
color:#4D852E;
}
#page_head .pagetitle h3.gk02 {
color:#C9A000;
}
#page_head .pagetitle h3.gk03 {
color:#926963;
}
#top_head .leftbox {
float: left;
width: 330px;
padding-top: 30px;
font-size: 123%; /*16px*/
text-align:center;
}
#top_head .leftbox h4 {
padding-bottom: 10px;
}
#top_head .rightbox {
float: right;
width: 380px;
padding-top: 30px;
padding-left: 170px;
font-size: 108%; /*14px*/
}
#page_head .leftbox {
float: left;
width: 561px;
height: 36px;
padding: 100px 0px 0px 59px;
background: url(img/gkpage_head_links.png) no-repeat 70px 20px;
}
#page_head .leftbox .button {
float:left;
width: 176px;
height: 36px;
padding: 0px 0px 0px 11px;
text-indent:-1000000px;
}
#page_head .leftbox .button a{
display:block;
width: 176px;
height: 36px;
}
#page_head .leftbox .button a.button01, #page_head .leftbox .button a.button01now{
background: url(img/gkpage_buttons01.gif) no-repeat 11px 9px;
}
#page_head .leftbox .button a.button01:hover{
background: url(img/gkpage_buttons01_over.gif) no-repeat 11px 9px;
}
#page_head .leftbox .button a.button02, #page_head .leftbox .button a.button02now{
background: url(img/gkpage_buttons02.gif) no-repeat 11px 9px;
}
#page_head .leftbox .button a.button02:hover{
background: url(img/gkpage_buttons02_over.gif) no-repeat 11px 9px;
}
#page_head .leftbox .button a.button03, #page_head .leftbox .button a.button03now{
background: url(img/gkpage_buttons03.gif) no-repeat 11px 9px;
}
#page_head .leftbox .button a.button03:hover{
background: url(img/gkpage_buttons03_over.gif) no-repeat 11px 9px;
}
#page_head .rightbox {
float: right;
width: 260px;
padding-top: 30px;
text-align:center;
}

/*---------------------*/
/* トップページ メイン */
/*---------------------*/

#top_main {
width: 865px;
padding: 20px 0px 20px 35px;
/*background: url(img/gktop_main_bg.jpg) repeat-x;*/
}
#top_main .main_img {
width: 830px;
/*height: 400px;
background: url(img/gktop_main_img.jpg) 8px 0px no-repeat;*/
}
#top_main .main_img h1 {
font-size: 138%; /*18px*/
text-align: center;
/*padding: 30px 0px 0px 70px;*/
}
#top_main .main_img p {
font-size: 108%; /*14px*/
text-indent: 1em;
padding: 10px 0px 10px 0px;
}
#top_main .main_img p.center {
text-align: center;
font-size: 138%; /*18px*/
padding: 0px 0px 10px 0px;
}
#top_main .main_img p.center a {
color: #25975C;
}
#top_main .main_img p.center a:hover {
text-decoration: none;
}
#top_main img {
margin-top:10px;
border: 1px solid #999;
}
#top_main .main_links {
/*width: 865px;
height: 306px;
padding: 134px 0px 0px 0px;
background: url(img/gktop_main_links2.png) no-repeat 0px 20px;*/
}
#top_main .main_links .button{
float:left;
width: 264px;
padding: 0px 19px 0px 0px;
text-indent:-1000000px;
}
#top_main .main_links .button a{
display:block;
width: 264px;
height: 26px;
}
#top_main .main_links .button a.button01{
background: url(img/gktop_button01.gif) no-repeat 17px 0px;
}
#top_main .main_links .button a.button01:hover{
background: url(img/gktop_button01_over.gif) no-repeat 17px 0px;
}
#top_main .main_links .button a.button02{
background: url(img/gktop_button02.gif) no-repeat 17px 0px;
}
#top_main .main_links .button a.button02:hover{
background: url(img/gktop_button02_over.gif) no-repeat 17px 0px;
}
#top_main .main_links .button a.button03{
background: url(img/gktop_button03.gif) no-repeat 17px 0px;
}
#top_main .main_links .button a.button03:hover{
background: url(img/gktop_button03_over.gif) no-repeat 17px 0px;
}
/*#top_main .main_links .link{
float:left;
}*/
#top_main .main_links .link_ul{
width: 206px;
padding: 30px 19px 0px 58px;
font-size: 108%; /*14px*/
}
#top_main .main_links .link_txt{
width: 264px;
padding: 15px 19px 0px 0px;
font-size: 108%; /*14px*/
}
#top_main .main_links .link_rapport{
width: 264px;
padding: 30px 19px 0px 0px;
}
#top_main .main_links .link ul{
list-style:none;
}
#top_main .main_links .link ul li{
padding-bottom: 20px;
}
#top_main .main_links .link a{
color:#000000;
}
#top_main .main_links .link a.link01:hover{
color:#68A844;
}
#top_main .main_links .link a.link02:hover{
color:#FCC800;
}
#top_main .main_links .link a.link03:hover{
color:#BB8881;
}
#top_main .main_links .link .rapport{
border: 2px solid #6A9BCC;
padding: 10px;
background:#FFF;
}
#top_main .main_links .link .rapport h2{
font-size: 123%; /*16px*/
}
#top_main .main_links .link .rapport a:hover {
color: #235E94;
}


#top_main .gktop_column1 { /* ゲートキーバートップコラム */
width: 830px;
margin-top: 30px;
padding-top: 10px;
background: url(img/gktop_column_top.gif) no-repeat;
}
#top_main .gktop_column2 {
padding-bottom: 10px;
background: url(img/gktop_column_bottom.gif) no-repeat bottom;
}
#top_main .gktop_column3 {
padding: 5px 10px 5px 10px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#top_main .gktop_column3 p {
padding-top: 2px;
font-size: 108%; /*14px*/
}
#top_main .gktop_column3 p.basic {
text-indent: 1em;
}
#top_main .gktop_column3 h2 { /* コラム中の見出し */ 
padding: 2px 0 2px 0;
color: #FFFFFF;
text-align: center;
margin-bottom: 10px;
}
#top_main .gktop_column3 h2 {
background: #4D852E;
}
#top_main .gktop_column3 .left {
float: left;
width:150px;
margin-right: 10px;
}
#top_main .gktop_column3 .right {
float: right;
width:640px;
}
#top_main .gktop_column3 li {
margin-left: 1.5em;
}
#top_main .gktop_column3 .topics {
margin: 10px 0px 10px 0px;
padding: 0px 10px 0px 10px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#top_main .gktop_column3 .topics p.align_right {
text-align:right;
}
#top_main .gktop_column3 .topics a {
color:#4D852E;
}
#top_main .gktop_column3 .left2 {
float: left;
width:208px;
margin-right: 10px;
}
#top_main .gktop_column3 .right2 {
float: right;
width:582px;
}
#top_main .gktop_column3 p.align_right {
text-align:right;
}
#top_main .gktop_column3 a {
color:#4D852E;
}


/*-------------------*/
/* 各ページ メニュー */
/*-------------------*/

#contents_main .menu {
float: left;
padding-left: 10px;
width: 190px;
}
#contents_main .menu img {
margin: 10px 0 4px 0;
}
#contents_main .menu dl {
line-height: 1.25;
}
#contents_main .menu dd {
font-size: 115%; /*15px*/
font-weight: bold;
border-top: 6px solid #FCEED3;
}
#contents_main .menu dd a, #contents_main .menu dd.now {
display: block;
padding: 6px 0 6px 4px;
width: 186px;
color: #FFFFFF;
text-indent:0.5em;
}
#contents_main .menu dl dd a {
text-decoration: none;
}
#contents_main .menu dl.menu01 dd a {
background: #6BB83F;
}
#contents_main .menu dl.menu02 dd a {
background: #FCC800;
}
#contents_main .menu dl.menu03 dd a {
background: #C58E86;
}
#contents_main .menu dl.menu01 dd a:hover, #contents_main .menu dl.menu01 dd.now {
background: #4D852E;
}
#contents_main .menu dl.menu02 dd a:hover, #contents_main .menu dl.menu02 dd.now {
background: #C9A000;
}
#contents_main .menu dl.menu03 dd a:hover, #contents_main .menu dl.menu03 dd.now {
background: #926963;
}
#contents_main .menu ul {
padding: 4px 0 4px 4px;
}
#contents_main .menu ul.menu01 {
background: #C4EBAF;
list-style:url(img/gktop_arrow01.gif);
}
#contents_main .menu ul.menu02 {
background: #FCE796;
list-style:url(img/gktop_arrow02.gif);
}
#contents_main .menu ul.menu03 {
background: #F8C8C2;
list-style:url(img/gktop_arrow03.gif);
}
#contents_main .menu li {
margin-left: 1.5em;
font-size: 108%; /*14px*/
font-weight: normal;
color: #333333;
}
#contents_main .menu li a {
color: #333333;
text-decoration: none;
}
#contents_main .menu li a:hover {
text-decoration: underline;
}
#contents_main .menu ul.menu01 li a:hover {
color: #4D852E;
}
#contents_main .menu ul.menu02 li a:hover {
color: #C9A000;
}
#contents_main .menu ul.menu03 li a:hover {
color: #926963;
}

/*-----------------*/
/* 各ページ メイン */
/*-----------------*/

#contents_main {
background: url(img/gktop_main_bg.jpg) repeat-x;
padding-bottom:10px;
}
/* メイン */
#contents_main .main {
float: right;
padding: 0 20px 0 20px;
width: 660px;
}
#contents_main .main a, a:link {
color: #235E94;
text-decoration: underline;
}
#contents_main .main .location_gk01 { /* ロケーション */
margin: 5px 0 5px 0;
color: #4D852E;
text-align: right;
}
#contents_main .main .location_gk02 {
margin: 5px 0 5px 0;
color: #C9A000;
text-align: right;
}
#contents_main .main .location_gk03 {
margin: 5px 0 5px 0;
color: #926963;
text-align: right;
}
#contents_main .main h1#title01 { /* 中見出しtitle01 */
margin-bottom: 15px;
}
#contents_main .main h1#title02, #contents_main .main h1#title03 { /* 中見出しtitle02〜 */
margin-top: 30px;
}
#contents_main .main h2 { /* コラム中の見出し */ 
padding: 2px 0 2px 0;
color: #FFFFFF;
text-align: center;
}
#contents_main .main h3.blue { /* 小見出し */
margin-top: 10px;
padding-left: 5px;
color: #225D99;
border-left: 5px solid #225D99;
border-bottom: 1px solid #225D99;
}
#contents_main .main h4 {
margin-top: 5px;
color: #225D99;
text-align: center;
}
#contents_main .main h5 {
color: #225D99;
text-align: center;
}
#contents_main .main p {
margin-top: 5px;
font-size: 108%; /*14px*/
text-align: justify;
text-justify: inter-ideograph;
}
#contents_main .main p.basic { /* パラグラフパターン1 */
text-indent: 1em;
}
#contents_main .main .table1 { /* 表パターン1 */
margin-top: 10px;
font-size: 108%; /*14px*/
}
#contents_main .main .table1 th, #contents_main .table1 td {
padding: 4px;
border-bottom: 4px solid #FFFFFF;
border-right: 4px solid #FFFFFF;
}
#contents_main .main .table1 th {
white-space: nowrap;
background: #DDDDDD;
}
#contents_main .main .table1 td {
text-align: justify;
text-justify: inter-ideograph;
}
#contents_main .main .table2 { /* 表パターン2 */
margin-top: 10px;
}
#contents_main .main .table2 td, #contents_main .main .table2 th {
padding: 4px;
border-bottom: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}
#contents_main .main .table2 th {
white-space: nowrap;
}
#contents_main .main .table2 .gray {
white-space: nowrap;
background: #DDDDDD;
}
#contents_main .main .table2 .blue1 {
white-space: nowrap;
background: #D1E8FF;
}
#contents_main .main .table2 .blue3 {
color: #FFFFFF;
background: #225D99;
background: #6A9BCC;
}
#contents_main .main .column2_1 { /* コラムパターン2 */
margin-top: 30px;
padding-top: 10px;
background: url(img/con_column2_top.gif) no-repeat;
}
#contents_main .main .column2_2 {
padding-bottom: 10px;
background: url(img/con_column2_bottom.gif) no-repeat bottom;
}
#contents_main .main .column2_3 {
padding: 5px 10px 5px 10px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
#contents_main .main .column2_3 p {
padding-top: 2px;
font-size: 108%; /*14px*/
}
/* このページのトップへ */
#contents_top { 
width: 860px;
margin: 10px 20px 0 20px;
text-align: right;
}
#contents_top a, a:link {
color: #235E94;
text-decoration: underline;
}

/*------------------------*/
/* ゲートキーパー養成講座 */
/*------------------------*/

#contents_main .gatekeeper01 h1 {
color: #4D852E;
background: url(img/gkpage_title_art.gif) no-repeat;
padding-left:40px;
}
#contents_main .gatekeeper01 h2 {
background: #4D852E;
}
#contents_main .gatekeeper01 img#fig01 {
float: right;
margin-left: 15px;
}
#contents_main .gatekeeper01 #column01 .cover, #contents_main .gatekeeper02 #column01 h3 {
margin-top: 10px;
}
#contents_main .gatekeeper01 #column01 .cover_left {
float: left;
margin: 10px 40px 10px 40px;
}
#contents_main .gatekeeper01 #column01 img#coverimg {
border: 1px solid #000000;
}
#contents_main .gatekeeper01 #column01 ol {
margin-top: 10px;
padding-left: 2em;	
}
#contents_main .gatekeeper01 #column01 .table1 td.price {
text-align: right;
}
#contents_main .gatekeeper01 #column01 p.mailto2 {
text-align: center;
}

/*-----------------*/
/* 3時間入門コース */
/*-----------------*/

#contents_main .gatekeeper02 h1 {
color: #C9A000;
background: url(img/gkpage_title_art.gif) no-repeat;
padding-left:40px;
}
#contents_main .gatekeeper02 h2 {
background: #C9A000;
}
#contents_main .gatekeeper02 img#fig02 {
float: right;
margin-left: 15px;
}
#contents_main .gatekeeper02 .dd {
margin-top: 5px;
}
#contents_main .gatekeeper02 .dd .dd_bk {
float: left;
width:135px;
height: 59px;
padding: 20px 0 0 40px;
background:url(img/gkpage_ddbk.gif) no-repeat;
font-weight:bold;
}
#contents_main .gatekeeper02 .dd .mail_fax {
float: left;
padding-top: 6px;
}
#contents_main .gatekeeper02 .dd span {
height: 26px;
font-size: 169%; /*22px*/
font-weight:bold;
color: #FCC800;
padding-left: 35px;
}
#contents_main .gatekeeper02 .dd span a {
color: #FCC800;
}
#contents_main .gatekeeper02 .dd span a:hover {
color: #C9A000;
}
#contents_main .gatekeeper02 .dd span.mail {
background:url(img/gkpage_mail.gif) no-repeat;
}
#contents_main .gatekeeper02 .dd span.fax {
background:url(img/gkpage_fax.gif) no-repeat;
}
#contents_main .gatekeeper02 .dd .dd_button {
float: right;
padding-top: 8px;
}
#contents_main .gatekeeper02 #column01 img#coverimg, #contents_main .gatekeeper02 #column01 h3 {
margin-top: 10px;
}
#contents_main .gatekeeper02 #column01 ul {
padding-left: 2em;	
}
#contents_main .gatekeeper02 #column01 p.mailto2 {
text-align: center;
}
#contents_main .gatekeeper02 .online {
margin-bottom: 20px;
}


/*----------------------*/
/* ゲートキーパー交流会 */
/*----------------------*/

#contents_main .gatekeeper03 h1 {
color: #926963;
background: url(img/gkpage_title_art.gif) no-repeat;
padding-left:40px;
}
#contents_main .gatekeeper03 h2 {
background: #926963;
}
#contents_main .gatekeeper03 img#fig03 {
float: left;
margin-right: 15px;
}
#contents_main .gatekeeper03 .dd {
margin-top: 5px;
}
#contents_main .gatekeeper03 .dd .dd_bk {
float: left;
width:135px;
height: 59px;
padding: 20px 0 0 40px;
background:url(img/gkpage_ddbk.gif) no-repeat;
font-weight:bold;
}
#contents_main .gatekeeper03 .dd .mail_fax {
float: left;
padding-top: 6px;
}
#contents_main .gatekeeper03 .dd span {
height: 26px;
font-size: 169%; /*22px*/
font-weight:bold;
color: #C58E86;
padding-left: 35px;
}
#contents_main .gatekeeper03 .dd span a {
color: #C58E86;
}
#contents_main .gatekeeper03 .dd span a:hover {
color: #926963;
}
#contents_main .gatekeeper03 .dd span.mail {
background:url(img/gkpage_mail.gif) no-repeat;
}
#contents_main .gatekeeper03 .dd span.fax {
background:url(img/gkpage_fax.gif) no-repeat;
}
#contents_main .gatekeeper03 .dd .dd_button {
float: right;
padding-top: 8px;
}
/*
#contents_main .gatekeeper03 #column01 p.basic {
padding: 10px 0 15px 0;
}
*/




/*----------*/
/* フッター */
/*----------*/

#foot {
margin: 15px 10px 0 10px;
padding-bottom: 15px;
border-top: 1px solid #000000;
}
#foot .copy {
float: left;
width: 852px;
padding-left: 14px;
padding-top: 5px;
text-align: center;
}
#foot .harmonix {
float: right;
width: 14px;
padding-top: 8px;
}
#foot:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
#foot {display: inline-block;}
/* Hides from IE-mac ¥*/
* html #foot {height: 1%;}
#foot {display: block;}
/* End hide from IE-mac */