@charset "utf-8";
/* CSS Document */
/*---------------------------------
BaseCSS
---------------------------------*/

/* container */
#container {}


#container h2 { height:120px; background-position:left top; background-repeat:no-repeat;}


#left { display:inline; float:left; width:630px; margin:10px 0 20px 5px; position:relative;}
#right { display:inline; float:right; width:200px; margin:10px 0 20px 0;}


div.FootBack { text-align:right;} 
div.FootBack a { text-align:right;} 


/* left */
#left div.article { margin:0 0 20px 0;}
#left div.article h3 {}
#left div.article h3.Nontext {}#left div.article div.text { margin:10px; font-size:80%;}
#left div.article div.text p { margin:10px 5px;}
#left div.article div.text img { display:inline; margin:10px;}
#left div.article div.text img.bookimg { margin:0 10px 10px; float:left; }

#left div.article div.text p.small { font-size:80%;}


#left div.type01 {}
#left div.type01 h3 { padding:3px 0 3px 15px; background-image:url(img/title/h3_left_type01_bg.png); background-position:left bottom; background-repeat:no-repeat; position:relative;}
#left div.type01 h3.Nontext { height:27px;}
#left div.type01 div.text {}
#left div.type01 div.text h4 { margin:20px 0 0 0; padding:3px 0 3px 20px; background-color:#E2F3F9; font-size:110%;}
#left div.type01 div.text h4.type01 { padding:5px 0 5px 25px; background-image:url(img/icon/arrow05.png); background-position:left 50%; background-repeat:no-repeat; background-color:#3C6DA5; color:#fff;}
#left div.type01 div.text h4.type02 { padding:0 0 0 5px; height:34px; background-image:url(img/title/h4_left_type02.png); background-position:lefttop; background-repeat:no-repeat; color:#fff; line-height:2.0;}
#left div.type01 div.text h5 { margin:20px 0 0 0; padding:3px 0 3px 20px; background-image:url(img/icon/arrow02.png); background-color:#fff; background-position:5px 50%; background-repeat:no-repeat; border:#ccc solid 1px;}
#left div.type01 div.text h5.Nontext { border:0;}


#left div.type02 {}
#left div.type02 h3 { padding:3px 0 3px 20px; background-color:#E2F3F9;}
#left div.type02 h3.mailtitleelm { padding:0; background-color:#fff;}

#left div.type02 h3.Nontext {}
#left div.type02 div.text {}
#left div.type02 div.text h4 { margin:20px 0 0 0; padding:3px 0 3px 20px; background-color:#E2F3F9; font-size:110%;}
#left div.type02 div.text h4.type01 { padding:5px 0 5px 25px; background-image:url(img/icon/arrow05.png); background-position:left 50%; background-repeat:no-repeat; background-color:#3C6DA5; color:#fff;}


#left div.typeEvent {}
#left div.typeEvent h4 { border-left:solid 6px #009; font-size:80%; margin:15px 0 0 15px; padding-left:5px; }
#left div.typeEvent div.text {}
#left div.typeEvent div.text div.box{ background:#fff; }
#left div.typeEvent div.text div.box img{ vertical-align:bottom; margin:0; }
#left div.typeEvent div.text div.box h5{ margin:20px 5px 8px; background-color:#fff; }
#left div.typeEvent div.text div.box p { font-size:90%; }

#left div.typeEvent #event1 { float:left; width:310px; }
#left div.typeEvent #event2 { float:left; width:310px; }

#left div.typeEvent .ticket{ padding:5px; font-size:85%; border: solid 4px #900; margin-bottom:30px; }

#left div.typeEvent div.text .guest {  border: solid 4px #ddd; margin-bottom:10px; }
#left div.typeEvent div.text table th { font-size:80%; }
#left div.typeEvent div.text table th strong{ font-size:135%; }
#left div.typeEvent div.text table .guest { border: none; margin-bottom:10px;}
#left div.typeEvent div.text table .guest span{ display:block; font-size:80%; text-align:right; }

#left div.typeEvent div.text .guest p{ font-size:80%; }



#left div.typeEvent div.text .box .couponArea{ border:solid 10px #A62821; margin-bottom:15px; padding:0 0 10px; background:#fff; }
#left div.typeEvent div.text .box .couponArea .head{}
#left div.typeEvent div.text .box .couponArea .cnt1{ background:#eee; margin:5px 0; }
#left div.typeEvent div.text .box .couponArea .cnt2{}
#left div.typeEvent div.text .box .couponArea .foot{ margin-top:10px; }



/* right */
#right div.article { margin:0 0 20px 0;}
#right div.article h2 {}
#right div.article h2.Nontext {}
#right div.article div.text { font-size:80%;}


#right div.type01 { margin:0 0 5px 0; border:#ccc solid 4px;}
#right div.type01 img.banner { margin:2px;}
#right div.type01 div.text { margin:0 2px; border-top:#333333 dotted 1px; font-size:70%;}
#right div.type01 div.detail { text-align:right; margin:2px 0;}


#right div.type02 { margin:10px 0;}
#right div.type02 img.banner { margin:1px 0;}


/*---------------------------------
PageCSS
---------------------------------*/


div.navi01 {}
div.navi01 h3 { height:30px; background-position:left top; background-repeat:no-repeat; text-indent:-9999px;}
div.navi01 h3.about { background-image:url(img/title/h2_right_menu_about.png)}
div.navi01 h3.contact { background-image:url(img/title/h2_right_menu_contact.png)}
div.navi01 h3.service { background-image:url(img/title/h2_right_menu_service.png)}
div.navi01 h3.seminar { background-image:url(img/title/h2_right_menu_seminar.png)}
div.navi01 h3.mail { background-image:url(img/title/h2_right_menu_mail.png)}
div.navi01 h3.books { background-image:url(img/title/h2_right_menu_books.png)}
div.navi01 h3.company { background-image:url(img/title/h2_right_menu_company.png)}
div.navi01 div.text ul { margin:0;}
div.navi01 div.text ul li { font-size:0;}
div.navi01 div.text ul li a { display:block; padding:5px 5px 5px 15px; background-image:url(img/icon/arrow02.png); background-position:left 8px; background-repeat:no-repeat; border-bottom:#ccc solid 1px; font-size:10pt;}
div.navi01 div.text ul li a.over { color:#2C5897; text-decoration:none;}
div.navi01 div.text ul li a span.small { font-size:80%;}

#PageNews div.article div.text p.date { margin:0 0 0 10px; border-bottom:#333333 dotted 1px; color:#2C5897; text-align:right;}
#PageNews div.article div.text p.date img.icon { vertical-align:middle;}


#PageService06Detail div.headbox div.text {}
#PageService06Detail div.headbox div.text div.thumb { float:right; display:inline; margin:10px 15px; border:#ccc solid 1px;}
#PageService06Detail div.headbox div.text div.thumb img { margin:3px;}
#PageService06Detail div.headbox div.text h5.index { clear:both; background-image:url(img/title/h5_service06_title01.png); background-color:#ccc;}
#PageService06Detail div.headbox div.text ul.index { margin:5px 0; padding:10px; background-color:#F6F6F6;}
#PageService06Detail div.headbox div.text ul.index li { margin:5px 0;}
#PageService06Detail div.headbox div.text p.description { margin:10px 200px 10px 0; padding:40px 10px 10px 10px; background-image:url(img/icon/str_softbrain01.png); background-position:5px 5px; background-repeat:no-repeat; background-color:#E2F3F9; font-size:90%;}
#PageService06Detail div.headbox div.text p.name { margin:10px 200px 10px 0; padding:0 30px 0 0; background-image:url(img/icon/arrow04.png); background-position:right 50%; background-repeat:no-repeat; text-align:right;}


#PageMail {}
#PageMail div.article div.text ul.mailList {}
#PageMail div.article div.text ul.mailList li { margin:30px 0; padding:10px; border:#ccc solid 1px; background-color:#E2F3F9;}
#PageMail div.article div.text ul.mailList li h4 { margin:5px; padding:0; color:#2C5897;}
#PageMail div.article div.text ul.mailList li p {}
#PageMail div.article div.text ul.mailList li div.detail { text-align:right; }
#PageMail div.article div.text ul.mailList li div.form { padding:0 0 0 30px; margin-top:10px; border-top:#000 dotted 1px; }
#PageMail div.article div.text ul.mailList li div.form h4{ margin:5px 0 0; padding:0 0 0 5px; border-left:solid 5px #2C5897; line-height:1.1; }
#PageMail div.article div.text ul.mailList li div.form label { color:#2C5897; font-size:90%; font-weight:bold; display:-moz-inline-box; display:inline-block; width:150px; }
#PageMail div.article div.text ul.mailList li div.form input,button { margin:2px; vertical-align:middle; }


#PageMailDetail {}
#PageMailDetail div.rulesBox { margin:20px; height:200px; overflow:scroll; border:#ccc solid 1px;}
#PageMailDetail div.article div.text div.form { padding:7px 30px; margin-top:10px; border-top:#777 dotted 1px; }
#PageMailDetail div.article div.text div.form h4{ margin:5px 0; padding:3px 0 3px 5px; color:#2C5897; border-left:solid 5px #2C5897; line-height:1.1; }
#PageMailDetail div.article div.text div.form label { color:#2C5897; font-size:90%; font-weight:bold; display:-moz-inline-box; display:inline-block; width:150px; }
#PageMailDetail div.article div.text div.form input,button { margin:2px; vertical-align:middle; }


#PageBooks {}
#PageBooks div.article div.text ul.bookList {}
#PageBooks div.article div.text ul.bookList li { border-bottom:#000 dotted 1px;}
#PageBooks div.article div.text ul.bookList li div.thumb { float:left; display:inline; margin:0 20px;}
#PageBooks div.article div.text ul.bookList li div.thumb img {}
#PageBooks div.article div.text ul.bookList li h4 { margin:10px 10px 10px 180px; padding:0; color:#2C5897; background-color:#fff;}
#PageBooks div.article div.text ul.bookList li h4 span.small { font-size:80%;}
#PageBooks div.article div.text ul.bookList li p { margin:10px 10px 10px 180px;}
#PageBooks ul.bookList {}
#PageBooks ul.bookList {}




#PageSeminar ul.seminarList {}
#PageSeminar ul.seminarList li { margin:10px 0;}
#PageSeminar ul.seminarList li table { width:95%; border-collapse:separate; border-spacing:0; border-bottom:#ccc solid 1px; border-left:#ccc solid 1px;}
#PageSeminar ul.seminarList li table tr th { padding:5px; background-color:#EDEDED; border-top:#ccc solid 1px; border-right:#ccc solid 1px; width:15%;}
#PageSeminar ul.seminarList li table tr th.title { background-color:#E2F3F9; width:100%;}
#PageSeminar ul.seminarList li table tr th.title h5 { margin:0; padding:0; background-image:none; background-color:#E2F3F9; border:0;}
#PageSeminar ul.seminarList li table tr td { padding:5px; border-top:#ccc solid 1px; border-right:#ccc solid 1px;}
#PageSeminar ul.seminarList li div.detail { text-align:right;}
#PageSeminar ul.seminarList li {}
#PageSeminar ul.seminarList li div.box { padding:10px; background-color:#E2F3F9; border:#ccc solid 1px;}
#PageSeminar ul.seminarList li div.box p { margin:0 10px 5px 10px;}
#PageSeminar ul.seminarList li div.box h5 { margin:0 20px; border:0; background-image:none; color:#2C5897; font-size:110%;}
#PageSeminar ul.seminarList li {}
#PageSeminar ul.seminarList {}
#PageSeminar ul.seminarList {}
#PageSeminar ul.seminarList {}


/*　片岡加筆　テスト中　*/
#PageSeminarDetail table { width:95%; border-collapse:separate; border-spacing:0; border-bottom:#ccc solid 1px; border-left:#ccc solid 1px;}
#PageSeminarDetail table tr th { padding:5px; background-color:#EDEDED; border-top:#ccc solid 1px; border-right:#ccc solid 1px; width:15%;}
#PageSeminarDetail table tr th.title { background-color:#E2F3F9; width:100%;}
#PageSeminarDetail table tr th.title h5 { margin:0; padding:0; background-image:none; background-color:#E2F3F9; border:0;}
#PageSeminarDetail table tr td { padding:5px; border-top:#ccc solid 1px; border-right:#ccc solid 1px;}
/* ＊＊＊＊＊＊＊＊ */


/* service01.html内画像のマウスオーバー処理CSS */
div#Image01 { position:relative; width:600px; height:360px; background-image:url(../img/service01_img06.png); background-position:left top; background-repeat:no-repeat;}
div#Image01 a { display:block; width:578px; height:30px; text-indent:-9999px; position:absolute; left:11px; background-position:left top; background-repeat:no-repeat;}
div#Image01 a.button01 { top:122px;}
div#Image01 a.button02 { top:162px; width:268px;}
div#Image01 a.button03 { top:162px; left:290px; width:299px;}
div#Image01 a.button04 { top:202px; width:127px;}
div#Image01 a.button05 { top:202px; left:149px; width:440px;}
div#Image01 a.button06 { top:242px;}
div#Image01 a.button07 { top:282px;}
div#Image01 a.button08 { top:322px;}
div#Image01 a.button01:hover { top:122px; background-image:url(../img/service01_img06_btn01.png);}
div#Image01 a.button02:hover { top:162px; background-image:url(../img/service01_img06_btn02.png);}
div#Image01 a.button03:hover { top:162px; left:290px; background-image:url(../img/service01_img06_btn03.png);}
div#Image01 a.button04:hover { top:202px; background-image:url(../img/service01_img06_btn04.png);}
div#Image01 a.button05:hover { top:202px; left:149px; background-image:url(../img/service01_img06_btn05.png);}
div#Image01 a.button06:hover { top:242px; background-image:url(../img/service01_img06_btn06.png);}
div#Image01 a.button07:hover { top:282px; background-image:url(../img/service01_img06_btn07.png);}
div#Image01 a.button08:hover { top:322px; background-image:url(../img/service01_img06_btn08.png);}