@charset "utf-8";

/* CSS Document */
/* reset styles */
html, body, div, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, address, 
ul, ol, li, dl, dt, dd, 
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	color:#333333;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	line-height:1.8;
	text-align:center;
	margin:0px;
	padding:0px;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;	/* for IE 7 */
}

.left {
	float:left;
}

.right {
	float:right;
}

#main .red {
	color:#CC0000;
	font-size:12px;
	display:inline;
}

a {
	color:#0066CC;
	padding:0;
	/*text-decoration:none;*/
	text-decoration:underline;
}

a:link {
	color:#0066CC;
	/*text-decoration:none;*/
	text-decoration:underline;
}

a:hover {
	color:#999999;
	text-decoration:underline;
}

img {
	border:medium none;
	vertical-align:bottom;
}

hr {
	border:medium none;
	clear:both;
	height:1px;
	visibility:hidden;
}

#wrapper{
	margin:0px auto;
	padding:0px 0px 20px;
}

#summary {
	margin:0px auto;
	padding:0px;
	height:18px;
	background-color:#000000;
}

#summary h2 {
	color:#FFFFFF;
	font-size:10px;
	margin:0px auto;
	padding:0px;
	width:860px;
	text-align:left;
}

#header {
	margin:0px auto;
	padding:0;
	width:860px;
	height:90px;
	display:block;
}

#logo {
	margin:0px;
	padding:18px 0 0;
	float:left;
	display:inline;
}

#logo h1 {
	width:292px;
	height:56px;
}

#logo h1 a {
	background:url(../images/OAGC_LOGO.png) no-repeat scroll 0px 0px;
	width:292px;
	height:56px;
	text-indent:-9999px;
	display:block;	
}

#contact {
	margin:0px;
	padding:0px;
	width:212px;
	float:right;
	display:inline-block;
}

#contact a {
	display:inline-block;
}

#contact img {
	border:none;
}

#bg-g-navi {
	background:url(../images/bt_base.gif) repeat scroll 0 0;
	height:54px;
}

#g-navi {
	margin:0 auto;
	width:860px;
	text-align:left;
	display:inline-block;
	clear:both;
}

#g-navi ul {
	height:54px;
	text-align:left;
	display:inline-block;
}

#g-navi ul li {
	float:left;
	display:block;
}

#g-navi li a {
	width:130px;
	height:54px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
}

#g-navi ul #navi1 a {
	width:80px;
	height:54px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
}

#g-navi ul #navi1_2 a {
	width:80px;
	height:54px;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
}


#navi1 a {
	background:url(../images/gnavi_gray1.gif) no-repeat scroll 0 0;
}

#navi2 a {
	background:url(../images/gnavi_gray2.gif) no-repeat scroll 0 0;
}

#navi3 a {
	background:url(../images/gnavi_gray3.gif) no-repeat scroll 0 0;
}

#navi4 a {
	background:url(../images/gnavi_gray4.gif) no-repeat scroll 0 0;
}

#navi5 a {
	background:url(../images/gnavi_gray5.gif) no-repeat scroll 0 0;
}

#navi6 a {
	background:url(../images/gnavi_gray6.gif) no-repeat scroll 0 0;
}

#navi7 a {
	background:url(../images/gnavi_gray7.gif) no-repeat scroll 0 0;
}

#navi1 a:hover {
	background:url(../images/gnavi_gray1.gif) no-repeat scroll 0 -54px;
}

#navi2 a:hover {
	background:url(../images/gnavi_gray2.gif) no-repeat scroll 0 -54px;
}

#navi3 a:hover {
	background:url(../images/gnavi_gray3.gif) no-repeat scroll 0 -54px;
}

#navi4 a:hover {
	background:url(../images/gnavi_gray4.gif) no-repeat scroll 0 -54px;
}

#navi5 a:hover {
	background:url(../images/gnavi_gray5.gif) no-repeat scroll 0 -54px;
}

#navi6 a:hover {
	background:url(../images/gnavi_gray6.gif) no-repeat scroll 0 -54px;
}

#navi7 a:hover {
	background:url(../images/gnavi_gray7.gif) no-repeat scroll 0 -54px;
}

#navi1_2 a {
	background:url(../images/gnavi_white1.gif) no-repeat scroll 0 0;
}

#navi2_2 a {
	background:url(../images/gnavi_white2.gif) no-repeat scroll 0 0;
}

#navi3_2 a {
	background:url(../images/gnavi_white3.gif) no-repeat scroll 0 0;
}

#navi4_2 a {
	background:url(../images/gnavi_white4.gif) no-repeat scroll 0 0;
}

#navi5_2 a {
	background:url(../images/gnavi_white5.gif) no-repeat scroll 0 0;
}

#navi6_2 a {
	background:url(../images/gnavi_white6.gif) no-repeat scroll 0 0;
}

#navi7_2 a {
	background:url(../images/gnavi_white7.gif) no-repeat scroll 0 0;
}

#navi1_2 a:hover {
	background:url(../images/gnavi_white1.gif) no-repeat scroll 0 -54px;
}

#navi2_2 a:hover {
	background:url(../images/gnavi_white2.gif) no-repeat scroll 0 -54px;
}

#navi3_2 a:hover {
	background:url(../images/gnavi_white3.gif) no-repeat scroll 0 -54px;
}

#navi4_2 a:hover {
	background:url(../images/gnavi_white4.gif) no-repeat scroll 0 -54px;
}

#navi5_2 a:hover {
	background:url(../images/gnavi_white5.gif) no-repeat scroll 0 -54px;
}

#navi6_2 a:hover {
	background:url(../images/gnavi_white6.gif) no-repeat scroll 0 -54px;
}

#navi7_2 a:hover {
	background:url(../images/gnavi_white7.gif) no-repeat scroll 0 -54px;
}



#bg-main-visual {
	background:url(../images/bg-main.jpg) repeat scroll 0 0;
}

#main-visual {
	margin:0 auto;
	width:860px;
}

#main-visual img {
	border:none;
}

#content {
	margin:0px auto;
	padding:25px 0 10px;
	width:860px;
	text-align:left;
}

/* メインコンテンツ部 */
#main{
	margin:0px;
	padding:0px;
	width:600px;
	float:left;
	display:inline;
}

#main .section {
	margin-bottom:30px;
	padding:0 0 15px;
	clear:both;
}

#main h3 {
	margin-bottom:10px;
	padding:0 0 10px;
}

#main .lead {
	font-weight:bold;
	padding:0 0 16px 0;
	line-height:1.4;
	font-size:16px;
	color:#009900;
}


#main .section p {
	padding:0 0 10px;
}

#main .question-area {
	margin:0;
	padding: 0 0 0 50px;
}

#main .question-area li {
	background:url(../images/arrow_icon.gif) no-repeat scroll left 0.4em;
	list-style-type:none;
	margin:0;
	padding:2px 0 2px 30px;
}

#main .question-area a {
	font-size: 16px;
}


#main .section dt {
  width:9em;
	margin:0;
	padding:0 0 0 2px;
	float:left;
}


#main .section dd {
	margin:0 0 10px 0;
	padding:0 0 10px 10em;
	border-bottom:1px dotted #999999;
}

#main .inner {
	padding:0 40px;
}

#main .seminar-link {
	width:100%;
	height:60px;
	display:block;
}

#main .seminar-link a {
	float:right;
	display:block;
	width:245px;
	height:60px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/seminar_link.gif) no-repeat scroll 0 0;
}

#main .seminar-link a:hover {
	background:url(../images/seminar_link.gif) no-repeat scroll 0 -60px;
}

/* サブコンテンツ部 */
#side{
	margin:0px;
	padding:0px;
	width:230px;
	float:right;
	display:inline;
}	

/* サイドバナー */
#banner li {
	padding:0 0 10px;
	list-style-type:none;
}

#banner li a {
	display:block;
	width:230px;
	height:66px;
	text-decoration:none;
	text-indent:-9999px;
}

#banner01 a {
	background:url(../images/seminar.gif) no-repeat scroll 0 0;
}

#banner02 a {
	background:url(../images/call.gif) no-repeat scroll 0 0;
}

#banner03 a {
	background:url(../images/counsulting.gif) no-repeat scroll 0 0;
}

#banner01 a:hover {
	background:url(../images/seminar.gif) no-repeat scroll 0 -66px;
}

#banner02 a:hover {
	background:url(../images/call.gif) no-repeat scroll 0 -66px;
}

#banner03 a:hover {
	background:url(../images/counsulting.gif) no-repeat scroll 0 -66px;
}

#banner01_2 a {
	background:url(../images/seminar2.gif) no-repeat scroll 0 0;
}

#banner02_2 a {
	background:url(../images/call2.gif) no-repeat scroll 0 0;
}

#banner03_2 a {
	background:url(../images/counsulting2.gif) no-repeat scroll 0 0;
}

#banner01_2 a:hover {
	background:url(../images/seminar2.gif) no-repeat scroll 0 -66px;
}

#banner02_2 a:hover {
	background:url(../images/call2.gif) no-repeat scroll 0 -66px;
}

#banner03_2 a:hover {
	background:url(../images/counsulting2.gif) no-repeat scroll 0 -66px;
}

/* サイドバナー(キャンペーン用) */
#campaign01 a {
	background:url(../images/campaign_banner_small.jpg) no-repeat scroll 0 0;
}

#campaign01 a:hover {
	background:url(../images/campaign_banner_small.jpg) no-repeat scroll 0 -66px;
}



#side .side-section, #banner {
	padding:0 0 20px 0;
}

#side .side-section li {
	list-style-type:none;
}

.side-section ul {
	padding:0 6px;
}

.side-section li{
	background:url(../images/arrow.gif) no-repeat scroll left 1.0em;
	padding:10px 0 8px 15px;
}


.works-area, .link-area {
	border-bottom:1px dotted #999999;
}


.works-area2 {
	border-bottom:1px solid #999999;
}



#footer {
	margin:0px auto;
	width:860px;
	clear:both;
}

#f-navi {
	color:#333333;
	margin-bottom:16px;
	padding:12px 0 0 0;
	text-align:center;
	width:100%;
	border-top:2px solid #FF9999;
	clear:both;
}

#f-navi ul {
	margin:0px;
	padding:0 0 6px 0;
}

#f-navi ul li {
	font-size:12px;;
	padding:0 12px;
	border-right:1px solid #333333;
	display:inline;
}

#f-navi ul li a {
	color:#333333;
	text-decoration:none;
}

#f-navi ul li a:hover {
	text-decoration:underline;
}

#f-navi ul .nobd {
	border-right:none;
}

#oag-logo {
	margin-bottom:8px;
	float:right;
}

#oag-logo img {
	border:none;
}

#copyright {
	clear:both;
}

/* 法人案内 */
.company-name {
	color:#333333;
	font-size:12px;
	line-height:1.6;
}

/* よくあるご相談 */
#main .section .question h3 {
	font-size:14px;
	background:transparent url(../images/question.gif) no-repeat scroll 0 0;
	margin-bottom:4px;
	padding: 0 0 0 24px;
	line-height:1.4;
}

#main .section .answer h3 {
	font-size:14px;
	background:transparent url(../images/answer.gif) no-repeat scroll 0 0;
	margin-bottom:4px;
	padding: 0 0 0 24px;
	line-height:1.4;
}

.faq-entry {
	border:1px solid #CCCCCC;
	margin-bottom:40px;
	padding:1px;
}

.question {
	background:#F5F5F5 none repeat scroll 0 0;
	padding: 8px;
}

.answer {
	padding: 8px;
}

.charge {
	float:left;
	width:160px;
	padding:20px 4px 0;
	text-align:center;
}


/* セミナー */
#main .seminar-entry {
	margin-bottom:60px;
	padding:0;
}

#main .seminar-entry h4 {
	padding-top:30px;
	font-size:16px;
	color:#009900;
}

#main .seminar-entry .pay {
	background:url(../images/pay.gif) no-repeat scroll 0 0;
}

#main .seminar-entry .free {
	background:url(../images/free.gif) no-repeat scroll 0 0;
}

table {
	margin-bottom:5px;
	width:520px;
	border-collapse:collapse;
}

th, td {
	color:#333333;
	font-size:12px;
	line-height:1.8;
}

.company-table th, .company-table td,
.history-table th, .history-table td,
.profile-table th, .profile-table td,
.seminar-table th, .seminar-table td,
.joint-table th, .joint-table td,
.form-table th, .form-table td {
	border:1px solid #CCCCCC;
	padding:5px 7px;
}

.company-table th,
.history-table th {
	background:#F0F0F0 none repeat scroll 0 0;
	width:100px;
	font-weight:normal;
	text-align:left;
}

.profile-table th {
	background:#F0F0F0 none repeat scroll 0 0;
	width:100px;
	font-weight:normal;
	text-align:right;
}

.seminar-table th {
	background:#F0F0F0 none repeat scroll 0 0;
	width:150px;
	font-weight:normal;
	text-align:right;
}

.joint-table th {
	background:#F0F0F0 none repeat scroll 0 0;
	font-weight:normal;
	text-align:center;
}

.form-table th {
	background:#F0F0F0 none repeat scroll 0 0;
	width:150px;
	font-weight:normal;
	text-align:left;
}

/* contents.html */
.example_block {
	width: 450px; 
	background: url(../images/box_bottom.gif) no-repeat bottom;  
	padding-bottom: 30px;  
	margin: 0 auto 10px;
}

.example_block2 {
width: 315px;
background: url(../images/contentsbox_bottom.gif) no-repeat bottom;  
padding:20px 0 30px;  
margin: 0 auto 10px;
float:left;
}

.example_listbox {
background: url(../images/faqbox_top.gif) no-repeat;  
padding-top: 54px;  
}

.example_listbox2 {
background: url(../images/contentsbox_top.gif) no-repeat;  
padding-top: 40px;  
}


.example_listbox ul{
background: url(../images/box_center.gif) repeat-y;  
padding: 4px 60px;  
}

.example_listbox2 ul{
background: url(../images/contentsbox_center.gif) repeat-y;  
padding: 4px 60px;  
}


.contact_area {
background:url(../images/soudan.gif) no-repeat;
width:450px;
height:82px;
margin:0 auto 20px;
padding:0;
position:relative;
}

.contact_area ul{
	position:absolute;
	top:29px;
	left:28px;
}

.contact_area li {
	list-style-type:none;
	float:left;
}

.contact_area a{
	display:block;
	width:198px;
	height:44px;
	text-decoration:none;
	text-indent:-9999px;
}

.contact_area .contact-mail a {
	background:url(../images/contact_mail_btn.gif) no-repeat scroll 0 0;
}

.contact_area .contact-mail a:hover {
	background:url(../images/contact_mail_btn.gif) no-repeat scroll 0 -44px;
}

.contact_area .contact-tel a {
	background:url(../images/contact_tel_btn.gif) no-repeat scroll 0 0;
}

.contact_area .contact-tel a:hover {
	background:url(../images/contact_tel_btn.gif) no-repeat scroll 0 -44px;
}


/* 個人情報の取り扱いについて */

#main .section .pr30 {
	padding:0 0 20px 30px;
}

.example_block li {
	font-size:16px;
}

.example_block2 li {
	font-size:16px;
}

/* アクセス */
.map {
	float:left;
	width:270px;
	padding-top:20px;
}

.map img {
	border:1px solid #CCCCCC;
	padding:4px;
}


.map-txt {
	float:right;
	width:250px;
	padding-top:20px;
}


#main .bg1 {
	background:url(../images/bg9.jpg) no-repeat scroll 0 0;
}

#main .bg2 {
	background:url(../images/bg92.jpg) no-repeat scroll 0 0;
}

/* OAGグループ */
#group-link {
	width:250px;
	float:right;
}

#group-link ul {
	padding-left:40px;
}

#group-link li {
	list-style:none;
	font-size:14px;
	padding-bottom:10px;
}

/* スタッフ */
.staff {
	padding-bottom:20px;
}

.staff-photo {
	float:left;
	width:130px;
	padding-top:20px;
}

.staff-photo img,
.charge img {
	border:1px solid #CCCCCC;
	padding:4px;
}


.staff-txt {
	float:left;
	width:250px;
	padding-top:20px;
	padding-left:20px;
}

.staff-txt h4{
	font-size:14px;
	padding:0 0 6px 10px;
}

#main .section .staff-txt p {
	padding:0 0 0 2px;
}

#main .section .staff-txt .hobby {
	padding:0 0 0 10px;
}


/* お問い合わせ */

#main .inquiry h4 {
	border-bottom:2px solid #CCCCCC;
	font-size:16px;
	color:#009900;
	margin-bottom:8px;
}

#main .inquiry h5 {
	border-bottom:1px solid #CCCCCC;
	font-size:12px;
	font-weight:bold;
	margin:0 0 8px 0;
}

#main .inquiry .attention {
	margin:0 0 30px 40px;
}

#main .inquiry .select-field {
	margin:0;
	padding:0;
}

#main .inquiry .form-table {
	margin-bottom:40px;
}

#contact-tel {
	background-color:#F5F5F5;
	border:1px solid #CCCCCC;
	padding:12px;
	margin-bottom:20px;
}

.tel-number {
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
}

#policy {
	background-color:#F0F0F0;
	border:1px solid #CCCCCC;
	margin:0 0 20px 0;
	padding:15px;
}

#policy ol {
	padding:0 0 0 20px;
}

#policy ol ul {
	padding:4px 0 20px 15px;
}

#agree {
	margin:0;
	padding:0;
	text-align:center;
}

/*----------------------------------------
 セミナーページ
----------------------------------------*/
.reservation {
	width:100%;
	height:60px;
	margin-top:20px;
	display:block;
}

.reservation a {
	margin:0 auto;
	width:245px;
	height:60px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/reservation.gif) no-repeat scroll 0 0;
	display:block;
}

.reservation a:hover {
	background:url(../images/reservation.gif) no-repeat scroll 0 -60px;
}

/*----------------------------------------
 過去のセミナーページ
----------------------------------------*/
#past ul {
	padding:0;
}

#past ul li{
	list-style-type:none;
	padding:10px 0 8px 20px;
}

#past ul .pdf{
	background:url(../images/icon_pdf.gif) no-repeat scroll left 1.0em;
}

/*----------------------------------------
 thanksページ用 ホームペ戻るボタン
----------------------------------------*/
.thanks a {
	width:180px;
	height:60px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/home.gif) no-repeat scroll 0 0;
	display:block;
}
.thanks a:hover {
	background:url(../images/home.gif) no-repeat scroll 0 -60;
}

/*----------------------------------------
 サイトマップページ
----------------------------------------*/
#main-left {
	margin:0px;
	padding:0px;
	width:260px;
	height:auto;
	float:left;
	display:inline;
}

#main-right {
	margin:0px;
	padding:0px;
	width:260px;
	height:auto;
	float:right;
	display:inline;
}

#main .sitemap h4 {
	color:#009900;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

#main .sitemap ul {
	padding:0 0 20px 30px;
}