@charset "UTF-8";
@import url("style-base.css");
@import url("style-menu.css");
@import url("style-custom.css");


/*************************************************************
  全体
*************************************************************/

/*テキスト関連*/
p.size10{
font-size:10px;
line-height:150%;
padding-top:5px;
letter-spacing:1px;
}

p.txt{
line-height:190%;
padding:5px 20px;
}
p.txt2{
line-height:190%;
padding:5px 10px;
}
.red{
color:#DE012A;
font-size:14px;
padding:15px 20px 5px 20px;
letter-spacing:1px;
}
.red2{
color:#DE012A;
font-size:10px;
padding:15px 20px 5px 20px;
leer-spacing:1px;
}
.blue{
color:#001C7E;
font-size:14px;
padding:15px 20px 5px 20px;
letter-spacing:1px;
}

/*パンくず*/
#pan{
font-size:10px;
letter-spacing:1px;
line-height:100%;
font-weight:normal;
padding:5px 0px;
}

/*ページトップ*/
div#for{
padding:15px 180px 5px 10px;
clear:both;
}

/*続きを見る*/
div.fordetail{
text-align:right;
padding:5px 10px;
}

.next02{
margin:20px 0px;
}

/*ページ分割*/
div.php{
padding:30px 0px;
text-align:center;
}



/*見出し関連*/
.ttl01{
background:url(img/inner/glad03.gif) repeat-x 0 0 #EDEDED;
border-bottom:1px dotted #000204;
padding:11px 16px 10px 16px;
font-size:14px;
color:#333333;
margin:10px 0px 5px;
line-height:120%;
}
.ttl01 a:link,.ttl01 a:visited { color: #333333; text-decoration:none; }
.ttl01 a:hover,.ttl01 a:active { color: #333333; text-decoration:none; }

.ttl01 div{
width:75px;
float:right;
text-align:right;
font-size:10px;
border-left:2px solid #888888;
}

.ttl02{
border-bottom:1px dotted #000204;
font-size:14px;
color:#0A4F93;
padding:11px 13px 5px 13px;
}

.ttl03{
background:url(img/inner/glad03.gif) repeat-x 0 0 #EDEDED;
border-bottom:1px dotted #000204;
padding:11px 16px 10px 16px;
font-size:14px;
color:#333333;
margin:10px 0px 5px;
}
.ttl03 a:link,.ttl03 a:visited { color: #333333; text-decoration:none; }
.ttl03 a:hover,.ttl03 a:active { color: #333333; text-decoration:none; }

.ttl04{
border-bottom:1px dotted #000204;
border-left:3px solid #0A4F93;
font-size:14px;
color:#0A4F93;
padding:5px 13px 5px 13px;
width:480px;
margin:20px auto 5px auto;
}
.ttl05{
background:url(img/point02.gif) no-repeat 5px 7px;
border-bottom:1px dotted #000204;
font-size:14px;
color:#0A4F93;
padding:5px 13px 5px 20px;
width:480px;
margin:20px auto 5px auto;
}

div.ttlarea02{
background:url(img/inner/ttlback02.gif) repeat-y 0 0;
padding:7px 0px 7px 0px;
margin:10px 0px;
}
div.ttlarea02 h4{
background:url(img/inner/point21.gif) no-repeat 0 2px;
line-height:100%;
color:#ffffff;
font-size:13px;
padding:0px 10px 0px 15px;
letter-spacing:1px;
}


/*リスト関連*/
.list1{
padding-left:30px;
padding-bottom:30px;
list-style:circle;
}
.list1 li{
padding:2px 0px;
}

.list2{
padding-left:30px;
padding-bottom:30px;
}
.list2 li{
padding:4px 0px;
}

.list3{
padding-left:30px;
padding-bottom:30px;
}
.list3 li{
padding:4px 0px 4px 0px;
}


/*************************************************************
  トップページ
*************************************************************/

/*新着情報エリア*/
div#infoarea{
border-bottom:1px solid #0C216C;
border-right:1px solid #0C216C;
border-left:1px solid #0C216C;
}
div#infoarea ul{
list-style:none;
width:500px;
margin:auto;
}
div#infoarea ul li{
background:url(img/point02.gif) no-repeat 5px 12px;
font-weight:bold;
color:#3982C7;
line-height:150%;
padding:8px 10px 5px 20px;
border-bottom:1px dotted #8a8a8a;
}
div#infoarea ul li div{
font-weight:normal;
color:#222222;
}

div#infoarea ul li a:link,div#infoarea ul li a:visited { color: #3982C7; text-decoration:none; }
div#infoarea ul li a:hover,div#infoarea ul li a:active { color: #0029C2; text-decoration:underline; }



div#infoarea dl{
border-bottom:1px dotted #8a8a8a;
position:relative;
overflow:hidden;
width:500px;
margin-left:auto;
margin-right:auto;
}
div#infoarea dt{
background:url(img/point02.gif) no-repeat 5px 12px;
padding:8px 0px 5px 20px;
line-height:150%;
width:90px;
float:left;
}
div#infoarea dd{
padding:8px 0px 5px 0px;
line-height:150%;
width:390px;
float:left;
font-weight:bold;
}
div#infoarea dl a:link,div#infoarea dl a:visited { color: #3982C7; text-decoration:none; }
div#infoarea dl a:hover,div#infoarea dl a:active { color: #0029C2; text-decoration:underline; }


/*新着情報エリア　RSS*/
div.rss{
height:30px;
vertical-align:middle;
text-align:right;
padding:5px 10px;
}
div.rss img{
vertical-align:middle;
padding:0px 5px;
}


/*セミナーエリア*/
div#semiarea{
border-bottom:1px solid #0C216C;
border-right:1px solid #0C216C;
border-left:1px solid #0C216C;
}

div#semiarea dl{
width:500px;
margin:auto;
line-height:150%;
border-bottom:1px dotted #8a8a8a;
}
div#semiarea dt{
color:#3982C7;
font-weight:bold;
background:url(img/point02.gif) no-repeat 5px 12px;
padding:8px 10px 2px 20px;
}
div#semiarea dd{
padding:0px 10px 3px 20px;
}

div#semiarea dl a:link,div#semiarea dl a:visited { color: #3982C7; text-decoration:none; }
div#semiarea dl a:hover,div#semiarea dl a:active { color: #0029C2; text-decoration:underline; }


/*サービスメニュー*/
div.servicearea{
border-bottom:1px solid #0C216C;
border-right:1px solid #0C216C;
border-left:1px solid #0C216C;
background: #E6F0F9;
}
div.servicearea h4{
background:url(img/glad99.gif) repeat-x 0 0 #E1E1E1;
padding:8px 3px 10px 20px;
border-top:1px solid #ffffff;
line-height:130%;
}
div.servicearea h4 a:link,div.servicearea h4 a:visited { color: #666666; text-decoration:none; }
div.servicearea h4 a:hover,div.servicearea h4 a:active { color: #222222; text-decoration:underline; }

div.servicearea ul{
padding:0px 5px;
margin:auto;
list-style:none;
}
div.servicearea li{
padding:7px 6px 8px 19px;
background:url(img/point04.gif) no-repeat 8px 12px;
line-height:140%;
border-top:1px solid #ffffff;
border-bottom:1px solid #BFD8F0;
}

/*スタッフブログエリア*/
div#blogarea{
background:url(img/aaa.gif) repeat-y 0 0;
border-bottom:1px solid #0C216C;

}
div#blogarea dl{
width:160px;
margin:auto;
font-size:10px;
letter-spacing:1px;
border-bottom:1px solid #C6C6C6;
padding:3px 0px;
}
div#blogarea dt{
line-height:100%;
font-weight:bold;
background:url(img/point05.gif) no-repeat 5px 9px;
padding:7px 6px 3px 15px;

}
div#blogarea dd{
padding:0px 6px 5px 15px;
line-height:140%;
}

div.fordetail01{
padding:5px 10px 2px 10px;
}


/* ２つのbanner */
#top_bana{
list-style:none;
height:95px;
}
#top_bana01{
float:left;
}
#top_bana02{
float:right;
}

/*************************************************************
  会社概要
*************************************************************/

/*行動方針*/
ul.hosin{
padding:10px 0px 10px 60px;
font-size:13px;
}
ul.hosin li{
padding:3px 0px;
}

/*概要テーブル*/
table.com{
width:490px;
margin:20px auto;
color:#111111;
border-bottom:1px solid #B1B1B1;
border-left:1px solid #B1B1B1;
}
table.com th{
vertical-align:top;
text-align:left;
padding:7px 10px;
width:130px;
line-height:160%;
border-right:1px solid #B1B1B1;
border-top:1px solid #B1B1B1;
background:#EBF2FA;
font-weight:normal;
}
table.com td{
vertical-align:top;
text-align:left;
padding:7px 10px;
line-height:160%;
border-right:1px solid #B1B1B1;
border-top:1px solid #B1B1B1;
}
table.com td h5{
font-size:12px;
padding:7px 0px;
}


/*社長あいさつテーブル*/
table.greet{
width:470px;
margin:20px auto;
color:#111111;
}
table.greet th{
vertical-align:top;
text-align:left;
padding:9px 10px;
width:110px;
line-height:160%;
font-size:14px;
letter-spacing:2px;
color:#555555;
}
table.greet td{
vertical-align:top;
text-align:left;
padding:7px 10px;
line-height:160%;
}
table.greet td li{
padding:3px 0px;
}


/*************************************************************
  公開セミナー　インフォメーション
*************************************************************/

/*記事入力エリア*/
div.body{
line-height:180%;
padding:5px 5px;
}

/*日付 カテゴリ*/
div.daycate{
text-align:right;
font-size:10px;
color:#746B5B;
}
div.daycate span{
border-left:2px solid #4C3BAE;
padding-left:10px;
color:#4C3BAE;
}

/*Gマップエリア*/
div.maparea{
width:500px;
height:300px;
margin:10px auto;
}
div.maptext{
width:300px;
padding:10px 20px;
line-height:160%;
background:#EEEEFF;
border:1px solid #B8B9E6;
margin:25px auto;
}


/*************************************************************
  サービス
*************************************************************/

/*サービスエリア内 テーブル*/
div.servicearea table{
background:url(img/inner/glad05.gif) repeat-x 0 0 #E1E1E1;
border-bottom:1px solid #AEAEAE;
border-top:1px solid #ffffff;
}

div.servicearea table th{
width:60px;
padding:5px 0px 5px 10px;
vertical-align:top;
text-align:right;
}
div.servicearea table td{
padding:5px 0px 5px 18px;
vertical-align:top;
text-align:left;
background:url(img/inner/point06.gif) no-repeat 5px 10px;
font-weight:bold;
color:#666666;
}
div.servicearea table td a:link,div.servicearea table td a:visited { color: #666666; text-decoration:none; }
div.servicearea table td a:hover,div.servicearea table td a:active { color: #222222; text-decoration:underline; }


/*右メニュー*/
div.sublist{
padding:7px 6px 8px 19px;
background:url(img/point04.gif) no-repeat 8px 12px;
line-height:140%;
border-top:1px solid #ffffff;
border-bottom:1px solid #BFD8F0;
margin:0px 5px;
}

table.sample{
margin-top:20px;
}
table.sample td{
text-align:center;
padding:2px 0px;
}

/*各サービスの箱*/
div.serbox{
padding-left:10px;
margin:20px 10px 20px 0px;
}
div.serbox div.serright img{
padding:5px 0px 10px 10px;
}

div.serbox div.serleft{
line-height:180%;
}
div.serbox div.serleft img{
float:right;
padding:10px;
}
div.serbox div.serleft h4{
background:url(img/point02.gif) no-repeat 3px 7px;
padding:5px 5px 5px 20px;
border-bottom:1px solid #385B9E;
font-size:13px;
color:#0D2C68;
margin-bottom:10px;
}


/*リスト*/
div.maru{
background:url(img/point01.gif) no-repeat 30px 8px;
padding:4px 10px 4px 40px;
font-weight:bold;
letter-spacing:1px;
}


/*************************************************************
  プライバシーポリシー
*************************************************************/

/*タイトル１*/
div#privacy h4{
background:url(img/point02.gif) no-repeat 3px 7px;
padding:5px 5px 5px 20px;
border-bottom:1px dotted #385B9E;
font-size:13px;
color:#0D2C68;
margin-bottom:0px;
margin-top:20px;
}

/*タイトル２*/
div#privacy h5{
background:url(img/point01.gif) no-repeat 10px 8px;
padding:4px 10px 4px 20px;
font-weight:bold;
letter-spacing:1px;
margin:15px 0px 10px 0px;
border-bottom:1px dotted #a8a8a8;
}
div#privacy ol{
padding-left:40px;
}
div#privacy ol li{
padding:3px 0px;
}


/*************************************************************
  サイトマップ
*************************************************************/

div#sitemap{
padding-right:10px;
padding-top:10px;
}

/*１階層*/
div#sitemap h4{
background:url(img/point02.gif) no-repeat 3px 7px;
padding:5px 5px 5px 20px;
font-size:13px;
color:#0D2C68;
margin-bottom:0px;
margin-top:10px;
margin-left:30px;
}

/*２階層*/
div#sitemap h5{
background:url(img/point01.gif) no-repeat 60px 3px;
padding:0px 10px 4px 70px;
font-weight:bold;
letter-spacing:1px;
margin:5px 0px 10px 0px;
}

/*************************************************************
  スタッフブログ
*************************************************************/

div#comment{
margin:20px auto 5px;
background:url(img/inner/track.gif) no-repeat 10px 40px #F0F4F7;
}

div.track{
padding:20px 10px 30px 100px;
}
div.track p{
padding:3px 0px;
}

table.commenttable{
margin-top:10px;
}

table.commenttable td{
padding:10px 0px;
}

div.comment-box{
border-bottom:1px dotted #a8a8a8;
padding:20px 0px 10px 0px;
}

p.comm-p{
border-bottom:1px dotted #a8a8a8;
}

div.comment-box h5{
font-size:100%;
}
div.comment-box div.comm-body{
padding:5px 0px 0px 15px;
font-size:100%;
line-height:160%;
}
div.comment-box p.date{
font-size:85%;
text-align:right;
color:#999999;
}

.must2{
font-size:10px;
color:#ff0000;
}


/*************************************************************
  汎用
*************************************************************/



p.info-p{
line-height:160%;
padding:10px 0px 5px 10px;
width:490px;
margin:0px auto;
border-bottom:1px solid #a8a8a8;
}

div#con-left div.serbox div.serleft ul.unlist{
list-style:disc;
padding-left:15px;
padding:5px 0px 5px 20px;
}

div.body table th.thBlue	{
	width: 100px;
	background: #DAE7F1;
	padding: 7px 10px;
	font-size: 12px;
	text-align: center;
}
div.body table th.thOrange	{
	width: 100px;
	background: #FAE4D4;
	padding: 7px 10px;
	font-size: 12px;
	text-align: center;
}
div.body table th.thGreen	{
	width: 100px;
	background: #E8F3D2;
	padding: 7px 10px;
	font-size: 12px;
	text-align: center;
}
div.body table th.thYellow	{
	width: 100px;
	background: #F9F7D3;
	padding: 7px 10px;
	font-size: 12px;
	text-align: center;
}
div.body table td	{
	background: #FFFFFF;
	padding: 7px 10px;
	font-size: 12px;
	text-align: left;
}
div.body h5	{
	font-size: 14px;
	color: #BE1D14;
	margin-top: 15px;
	margin-bottom: 10px;
}
.Komefont	{
	color: #888787;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 120%;
}
div.sosikilink	{
	margin: 25px auto 5px auto;
	background: url(img/point6.gif) no-repeat right 7px;
	padding: 0 13px 0 0;
	text-align: right;
}


/*ul.subcate{
list-style:none;
padding-left:20px;
padding-bottom:30px;
}*/



div.imgarea{
width:170px;
text-align:center;
float:left;
padding:8px 0px;
}