@charset "Shift_JIS";


/* リンク設定
オフィスあん
--------------------------------------------------------------*/
a:link {
 text-decoration:none;
 color:#333399;
}
a:visited {
 text-decoration:none;
 color:#333399;
}
a:hover {
 color:#006666;
 text-decoration:underline;
}
a:active {
  color: blue;
}

img {
 border:none;
}

em{
 font-style:normal
}
/* 基本タグ（初期化）

--------------------------------------------------------------*/
body {
 margin:0 auto;
    font-family: "ＭＳ Ｐゴシック", "Osaka";
 text-align:center;
 width:100%;
}

html{}

p {
	line-height:150%;
	margin:0px;
	line-break: strict;
} 

ul,ol {
 margin:0;
 padding:0;
}

li {
 margin:0;
 padding:0;
 list-style:none;
}

#container{
    text-align:left;
    margin:0px auto;
    width:770px;
	_height: 1px;
	min-height: 1px;
}

#container:after,.menu:after{
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

/* firefoxのずれ修正 */ 
body,x:-moz-broken {
margin-left:-1px;
}


/* IE7でpadding指定 */  
*:first-child+html body {   
padding-left: 1px;   
}   
  
/* IE6以下でpadding指定 */  
*html body {   
padding-left: 1px;   
}

/*ヘッダー＆フッター
--------------------------------------------------------------*/
#header {
 color: #666666;
 font-size: 70%;
 font-weight:normal;
 padding:3px 0 3px 5px;
 text-align:left;
}

#footer {
	color: #666666;
	font-size: 70%;
	padding:3px 5px 0 5px;
	background-image:url('../img/underbar_01.gif');
	background-repeat:repeat-x;
	background-position:top;
	width:770px;
	height:24px;
	clear:both;
}

#footer ul{
 margin:0;
 padding:0;
}
#footer li{
 display:inline;
 list-style:none;
}

#footer p{
 text-align:center;
 margin:15px 0 0 0;
}

/* トップレイアウト（左）
--------------------------------------------------------------*/
#topL{
 width:530px;
 float:left;
 margin:0 10px 0 0;
}

#topR{
 float:left;
 width:230px;
 margin:0;
 text-align:left;
}

span.topos{
 text-indent:10px;
 background-image:url('../img/topic_03.gif');
 background-position:-2px -1px;
 background-repeat:no-repeat;
 padding-left:53px;
}

.photo{
    border:1px solid #cccccc;
    padding:5px;
}

/*トップ左レイアウト
--------------------------------------------------------------*/
.menu{
 margin:10px 0;
 _height: 1px;
 min-height: 1px;
}

.menu li{
 float:left;
 display:block;
 list-style:none;
 margin:0 16px 10px 0;
}

.news{
 margin:0 10px 20px 0;
}

.news li{
 font-size:85%;
 list-style:none;
 padding:0 0 0 70px;
 border-bottom:1px dotted #999999;
 line-height:140%;
 margin:0 0 4px 0;
}

.news li em{
 font-weight:bold;
 color:#ff0000;
}

/*New付*/
.news li i{
	background:url('../img/icon_new.gif') no-repeat 0px 0;
	padding-left:40px;
	font-style:normal;}
/*セミナー*/li.sem{background:url('../img/icon_seminar.gif') no-repeat 5px 2px;}
/*出版　　*/li.pub{background:url('../img/icon_publish.gif') no-repeat 5px 2px;}
/*メディア*/li.med{background:url('../img/icon_media.gif') no-repeat 5px 2px;}
/*お知らせ*/li.new{background:url('../img/icon_news.gif') no-repeat 5px 2px;}

#topL h1{
 margin:0 0 20px 0;
}

#topL h2{
 clear:both;
 margin:20px 0 5px 0;
}

/*最終更新日時の文字*/
.lastupdate{
	font-size:12px;
	margin:5px 0;
	color:#666666;
	text-align:right;}
/*トップ右レイアウト
--------------------------------------------------------------*/
.tlist{
 margin:0;
 padding:0;
 font-size:80%;
}

.tlist li{
 list-style:none;
 margin:0 0 5 0;
 padding:0;
}

.info{
 border:1px solid #cccccc;
 margin-bottom:10px;
}

.info h3{
 margin:10px;
}

.info h4{
 font-size:85%;
 margin:0 10px;
}

.info hr{
 height: 1px;
 border: none;
 border-top: 1px #cccccc dotted;
 margin:0 10px 6px 10px;
 clear:both;
}

.info p{
 font-size:80%;
 line-height:130%;
 margin:6px 0 5px 10px;
}

.seminarinfo{
 margin:5px 10px;
}
.seminarinfo li{
 background:url('../img/icon_02.gif') no-repeat 2px 4px;
 border-bottom:1px dotted #cccccc;
 line-height:120%;
 font-size:80%;
 padding:0 0 2px 15px;
 margin:0 0 4px 0;
}

.seminarinfo span{
 margin-left:20px;
}

.ibutton{
 text-align:right;
 margin:6px 15px 5px 0;
}

.anlist{
 margin:5px 0 10px 10px;
}

.anlist li{

}
/* メニュー
メニューバーの設定
--------------------------------------------------------------*/

.li01 {
 list-style:none;
 padding:0px;
}

.menu1 {
    clear:both;
 margin:15px 0 0px 0;
}

.on {
    display:block;
    float:left;
 margin-bottom:0px;
}

/* フォント関係

--------------------------------------------------------------*/
.text01,.textnews {
	font-size: 80%;
	line-height:130%;
	padding-bottom:5px;
	margin-right:10px;
    text-align:left;
}


.text01 em{
	font-size:100%;
	color:#ff0000;
	font-style:normal;
	font-weight:bold;
}

.textnews{
 text-align:right;
}

.text02{
	border:1px dotted #006666;
	padding:5px;
	margin:10px 30px;
	text-align:center;
	background-color:#ccffcc;
	font-size:85%;
	color:#006666;
}

.text03{
 font-size:70%;
 color:#333333;
 line-height:130%;
 margin:0 0 25px 0;
}

.text04{
 font-size:80%;
 color:#333333;
 line-height:130%;
}

.text05{
    font-size: 80%;
    line-height:130%;
 padding-bottom:5px;
 margin-right:10px;
 margin-left:10px;
}

.text06{
    font-weight:bold;
	font-size: 95%;
    line-height:130%;
 padding-bottom:5px;
 margin-right:10px;
}



.spagetop{
 font-size:80%;
 text-align:right;
}

#example1 { color: #999999; } 
.example2 { color: #666666; } 

#example1 {
    font-size: 80%;
    line-height:130%;
} 
.example2 { 
    font-size: 80%;
    line-height:130%;
 margin:0 0 15px 0;
} 

.imgTOP01{
 margin-right:100px;
}

.pdf { 
    font-size: 75%;
    line-height:140%;
 margin:0 0 15px 0;
} 


.smbc01 {
 font-size: 80%;
 line-height:130%;
 color:#599FD6;
 font-weight:bold;
 margin:15px 0 20px 0;
}

/* ボーダー関係

--------------------------------------------------------------*/
hr.border { 
background-color: #585858; 
color: #585858; 
border: none; 
width: 380px;
height: 1px; 
margin-top: 0px
margin-left: 0px
} 

hr.border2{ 
background-color: #585858; 
color: #585858; 
border: none; 
width: 230px;
height: 1px; 
margin-top: 0px
margin-left: 0px
} 

hr.border3 { 
background-color: #cacaca; 
color: #585858; 
border: none; 
width: 120px;
height: 1px; 
margin-top: 0px
margin-left: 0px 
}


#topics {
    color:#333333;
    font-size: 90%;
    line-height:160%;
    padding: 3px;
}

.topics-day {
    padding:0 3px 0 3px;
}

.topics-border {
    border-bottom:1px dotted #cccccc;
}

.pickup {
    padding:5px;
}

.newcontents{
    width: 380px;
    line-height:130%;
    padding:3px 0px 3px 0px;
    text-align:left;
    border-bottom:1px dashed #cccccc;
 font-size:10pt;
}



 
/* タイトル（装飾）

--------------------------------------------------------------*/
.title {
    border-left: 10px solid #00B5AD;
    border-bottom:1px solid #999999;
    color:#333333;
    text-align:left;
    padding:3px 6px 3px 6px;
 font-size:110%;
}

.subtitle {
    border-left: 10px solid #00B5AD;
    border-bottom:1px solid #999999;
    width: 570px;
    text-align:left;
    padding:3px 6px 3px 6px;
    font-weight:bold;
} 

.subtitle2 {
    border-left: 10px solid #FF6666;
    border-bottom:1px solid #999999;
    width: 570px;
    text-align:left;
    padding:3px 6px 3px 6px;
    font-weight:bold;
} 

.subtitle3 {
    border-left: 10px solid #3399ff;
    border-bottom:1px solid #999999;
    width: 570px;
    text-align:left;
    padding:3px 6px 3px 6px;
    font-weight:bold;
}

.subtitle4 {
    border-left: 10px solid orange;
    border-bottom:1px solid #999999;
    width: 570px;
    text-align:left;
    padding:3px 6px 3px 6px;
    font-weight:bold;
}

.subtitle5 {
    border: 1px dotted #cc3366;
    width: 350px;
    text-align:left;
    padding:3px 6px 3px 6px;
    font-weight:bold;
    font-size:80%;
    margin:20px 0 10px 0px;
    color:#cc3366;
}




/* 地図ページ（装飾）

--------------------------------------------------------------*/
.map {
    margin:10px 0 10px 0;
}

.caption {
    font-size:80%;
    color: #343D69;
    padding:10px 0px 10px 5px;
    border:1px solid #343D69;
    margin:10px;
}

.minimap {
    border:1px solid #999999;
}



/* レイアウト枠
リストも
--------------------------------------------------------------*/

.list2{
    border: 1px solid #99ffcc;
    padding:10px;
    margin:0 0px 30px 0;
 _height: 1px; 
 min-height: 1px;
 clear:both;
}

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

.list2 span{
 font-size:80%;
 line-height:230%;
}

.list2 hr{
 clear:both;
}


#list3 {
    border: 1px solid #cccccc;
    padding:5px;
    margin:10px 0px 5px 0px;
    width:150px;
}

.list4 {
    border: 1px solid #cccccc;
    padding:10px;
    margin:20px 0px 20px 9px;
    width:auto;
    border-collapse:collapse;
}


/* 表

--------------------------------------------------------------*/
.seminar{
    font-size:75%;
    line-height:150%;
    border-collapse:collapse;
    padding:5px;
 border-right:1px solid #999999;
 border-bottom:1px solid #666666;
 border-top:1px solid #cccccc;
 border-left:1px solid #cccccc;
 margin-bottom:20px;
 width:590px;
}

.seminar th,.shtable th{
 background-color:#ccffcc;
 font-weight:normal;
 vertical-align:top;
 text-align:left;
 width:100px;
 border:1px solid #cccccc;
 padding:4px;
}

.seminar td,.shtable td{
 border:1px solid #cccccc;
 padding:4px;
}

.seminar02{
 font-size:75%;
 line-height:120%;
 border-collapse:collapse;
 padding:4px;
 border-style:solid;
 border:2px solid;
 width:590px;
}

/* トップ右側セミナーの項
--------------------------------------------------------------*/
.topseminar01{
 width:230px;
 text-align:left;
 margin-left:5px;
 padding-bottom:15px;
}

.topseminar01 ul{
 margin:0;
 padding:0;
 font-size:75%;
}

.topseminar01 li{
 list-style-type:none;
 line-height:120%;
 border-bottom:1px dashed #cccccc;
 padding-bottom:2px;
 margin-bottom:5px;
}

.topseminar01 li em{
 font-style:normal;
 color:#ff0000;
 font-weight:bold;
 padding:0 10px 0 0;
}

.topseminar01 span{
 background:url('../img/icon_02.gif') no-repeat 0 3px;
 padding-left:12px;
}

.topseminar_02{
 text-align:right;
margin-left:5px;
}

.cl01{
 clear:both;
}

.clL{
 clear:left;
 font-size:0;
}

.clR{
 clear:right;
}
/* リンクページレイアウト
--------------------------------------------------------------*/
.link_01{
 width:750px;
 text-align:left;
 padding:10px;
}

.linkimg_01{
 height:60px;
}

.link02{
 font-size:80%;
 color:#333333;
    margin:0px 10px 10px 10px;
}


.link02 dt{
 width:230px;
 padding: 5px 0.5em 0 0.5em;
 line-height:200%;
 text-align:center;
 margin-bottom: -2.2em;
	padding-top: 0.5em;
}

.link02 dd{
 padding: 5px 0.5em  0 240px;
 border-bottom: dotted 1px #999999;
 line-height:200%;
 margin:0 0 5px 0;
}

.link02 a{
 color:#333399;
 text-decoration:none;
 display:block;
}

.link02 a:hover{
 background-color:#333366;
 color:#ffffff;
}

/* 免責とか
--------------------------------------------------------------*/
.menseki{
 padding:10px;
}

.menseki p{
 font-size:80%;
 line-height:150%;
 padding-bottom:5px;
}

.menseki em{
 font-weight:bold;
}

.menseki h2{
 font-size:85%;
}

/* あんニューストピックス
--------------------------------------------------------------*/
.iframe01{
 width:480px;
 height:400px;
 border:1px solid #cccccc;
 margin:2px 5px 2px 20px;
}

.newswaku{
 width:450px;
 text-align:left;
 padding:5px;
}

.newswaku h1{
 background-color:#1BC597;
 color:#ffffff;
 font-size:85%;
 padding:4px;
}

.newswaku h2{
	font-size:10pt;}

.n_text02{
 font-size:85%;
 color:#666666;
 line-height:140%;
}

.n_text02 em{
 font-style:normal;
 color:#3399ff;
 font-weight:bold;
}

.n_text02 span{
 border-bottom:1px solid #ff0000;
}

.n_text02 i{
 font-style:normal;
 color:#339966;
}

.n_text02 i j{
 border-bottom:0.5px solid #339966;
 color:#339966;
}

.n_text02 b{
 font-style:normal;
 color:#339966;
 font-weight:bold;
}

.n_text02 u{
 border-bottom:0.5px solid #000000;
}


.n_text03{
 border:1px dotted #CCCCFF;
 font-size:85%;
 padding:5px;
 color:#333333;
 margin:5px;
 background:#ffffcc;
}

.n_text03 em{
 font-style:normal;
 color:#3399ff;
}

.n_text03 i{
 font-style:normal;
 color:#ff0000;
 font-weight:bold;
}

.n_text04{
 border:1px dotted #6666FF;
 font-size:80%;
 padding:5px;
 color:#333366;
 background-color:#CCCCFF;
}

.n_text05{
 border:1px solid #000;
 font-size:80%;
 padding:5px;
 color:#333366;
}

.n_text05 em{
 font-style:normal;
 color:#3399ff;
}

.n_text06{
 font-size:85%;
 color:#666666;
 line-height:140%;
}

.n_text06 em{
 font-style:normal;
 color:#3399ff;
 font-weight:bold;
}

.n_text06 span{
 border:1px solid;
 padding:1px;
}



/* イメージ
--------------------------------------------------------------*/

.imgL{
 float:left;
 padding:0 5px 5px 0;
}

.imgR{
 float:right;
 padding:0 0 0 5px;
}

.infoimgR{
 float:right;
 padding:0 10px 0 5px;
}
/* 詳細
--------------------------------------------------------------*/
#syo{
 width:430px;
}
