@charset "Shift_JIS";

/* --------------------------------------------------------------
  SSI ニュースメール
  最終更新日：2006.9.
　
  ------------------------------
  3.div#contents内詳細（全アーカイブ.html）
    #article-body
    h3 ---------------------- 記事のカテゴリー名
    h4
    div.article ------------- 全記事共通
    .article p 
    p.readmore ------------- 「続きを読む」の設定

  3-1.メルマガ登録フォーム共通項目
  3-2.マーフィー：メルマガ登録フォーム
  3-3.ヒル：メルマガ登録フォーム
  3-4.電話セミナー
-------------------------------------------------------------- */

#article-body {
margin: 0 auto;
padding:0;
width:550px;
text-align: left;
line-height: 1.5;
}

h3 {
margin: 0;
padding: 22px 20px 15px;
font-size:110%;
letter-spacing:1px;
line-height: 1.2;
background: url(../img/h3_bg.gif) no-repeat; 
}

h4 {
clear:both;
margin: 10px auto 0;
padding: 0;
width:510px;
font-size:105%;
}

h5 {
clear:both;
margin:20px 0 10px;
padding: 0;
font-size:100%;
font-weight: bold;
color:#4b88c1;
border-bottom: 1px solid #4b88c1;
}

h6 {
margin: 0;
padding: 22px 20px 15px;
font-size:110%;
letter-spacing:1px;
line-height: 1.2;
background: url(../img/h6_bg.gif) no-repeat; 
}

.midashi_1 {
margin-top: 10px;
padding: 0;
width:550px;
height: 40px; 
text-align: left;
vertical-align:top;
font-size:12px;
font-weight: bold; 
background: url(../img/midashi_bg.gif) no-repeat; 
}


.f_blue {
margin-bottom: 10px;
font-size:100%;
font-weight: bold;
color:#4b88c1;
}

.f_midashi {
font-size:10px;
color:#ffffff;
}

/*　講演依頼　*/

#kouen {
margin: 0 auto;
padding: 0;
width:550px;
font-size:12px;
text-align:left;
}

.title2_1 {
margin: 0;
padding: 22px 20px 15px;
font-size:110%;
font-weight:bold;
letter-spacing:1px;
line-height: 1.2;
background: url(../img/title2_bg1.gif) no-repeat; 
}

.title2_2 {
margin: 0;
padding: 22px 20px 15px;
font-size:110%;
font-weight:bold;
letter-spacing:1px;
line-height: 1.2;
background: url(../img/title2_bg2.gif) no-repeat; 
}

.line07 {
margin: 0;
padding: 0;
background: url(../img/line07.gif) repeat-y; 
}

.box07 {
margin: 0;
padding: 8px 0 10px;
width:548px;
font-size:12px;
text-align: center;
border: 1px solid #a5a5a5;
background-color:#ffffff; 
}

.box077 {
margin: 0;
padding: 5px;
width:140px;
text-align: left;
font-size:12px;
vertical-align:top;
border: 1px dotted #a5a5a5;
background-color:#ffffff; 
}

.box_midashi {
margin-bottom: 3px;
padding: 0;
width:55px;
font-size:10px;
color: #ffffff;
text-align: center;
border: 1px solid #a5a5a5;
background-color:#4b88c1; 
}

#kouen ul {
margin: 0;
padding:0;
list-style:none;
}

#kouen li {
margin: 5px;
padding-left: 15px;
font-size:12px;
line-height: 1.2;
background: url(../img/icon07.gif) no-repeat;
}


div.article {
margin: 5px auto;
padding: 0 0 5px;
width:510px;
font-size:95%;
text-align:left;
border-bottom: 1px solid #c3c3c3;
}

.article p {
margin: 10px;
padding:0;
line-height:1.5;
}

.article img {
margin: 5px 0;
padding:0;
}

p.readmore {
margin: 0 20px;
text-align:right;
}

.right {clear: both;float:right; margin-left:10px;}
.left {clear: both;float:left; margin-right:10px;}

.center { text-align:center}

.ditails {
clear:both;
margin:30px auto 10px;
width: 480px;
text-align:left;
line-height: 1.5;
padding:10px;
border: 1px solid #4b88c1
}

/*　講師紹介　*/

.lecturer {
font-size: 90%;
margin: 10px 5px 20px;
text-align:left;
width: 500px;
background: #dedede;
}

.lecturer-images {
margin-right:10px;
padding-top: 10px;
width:150px;
text-align:center;
vertical-align:top;
}

.lecturer-text {
padding: 0 0 0 10px;
width:350px;
}


/*　参加者の声　*/

.voice {
margin:10px auto;
padding:10px;
width: 460px;
font-size:85%;
margin-top: 10px;
text-align:left;
vertical-align:top
}

.voice p { padding:5px;}

/*　3-1.メルマガ登録フォーム共通項目　*/

.attention{
color:#CC0000;
font-size:90%
}

input { 
border: 1px solid #CCCCCC;
font-size: 100%;
}

.read {	font-size: 85%;}

/* 3-2.マーフィー：メルマガ登録フォーム */

#murphyform {
font-size: 95%;
width: 500px;
margin: 20px auto;
background: url(../archives/images/muphy-mail/main_bg.gif) repeat-x;
}

#murphyform .main  {
width: 480px;
margin:10px 10px 0px;
background: url(../archives/images/muphy-mail/main_header.gif) left top no-repeat #ffffff}

#murphyform .main p {
margin: 10px;
background:#ffffff;
}

#murphyform .mainfuder  {
width: 480px;
margin: 0px 10px;
background: url(../archives/images/muphy-mail/main_huder.gif) left bottom no-repeat #ffffff}

#murphyform .item1 {
padding: 5px 0;
background-color: #FFE5FF;
font-weight: bold;
text-align: center;
border-left:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;}

#murphyform .item2 {
padding: 5px 0 5px 5px;
background-color: #FAF3FF;
font-weight: bold;
text-align: left;
border-bottom:2px solid #FFFFFF;}

#murphyform .item3 {
padding: 5px 0;
font-size: 75%;
font-weight: bold;
color:#CC0000;
text-align: center;
}

#murphyform .mailfuder{ 
background:url(../archives/images/muphy-mail/huder.gif) bottom left no-repeat;
height:20px
}

/* マーフィー：メルマガ登録フォーム */

.fmail {font-size: 13px; color:#666666} 
.fmail_b {font-size: 13px; color:#666666; font-weight:bold} 
.fmail_r {font-size: 10px; color:#FF0000}
.fmail_t {font-size: 12px; color:#000000} 

/* 3-3.ヒル：メルマガ登録フォーム */

#hillform {
width: 500px;
margin: 50px auto 20px;
border: 1px solid #000080;
}

#hillform h5 {
margin:0;
padding: 5px 0;
background-color: #000080;
font-size: 110%;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

#hillform h6 {
background-color: #CCCCCC;
font-size: 100%;
font-weight: bold;
color: #000080;
text-align: left;
margin:0 0 20px;
padding: 5px 10px 5px;
}

#hillform p { margin: 20px 10px;}

#hillform .item1 {
background-color: #000080;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-top: 5px 0;
border-left:2px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;}

#hillform .item2 {
padding: 5px 0 5px 5px;
background-color: #eeeeee;
font-weight: bold;
text-align: left;
border-bottom:2px solid #FFFFFF;}

#hillform.item3 {
padding: 5px 0;
font-size: 95%;
font-weight: bold;
text-align: center;
}

/*　3-4.電話セミナー　*/

.box470 {
margin: 10px auto;
width: 470px;
line-height:140%;
text-align:left;
border: 1px solid #C6C6C6;
background-color:#F0F0F0;
}

.w470 {
margin: 5px auto;
text-align:left;
}

.copy {
padding: 10px 0;
font-weight:bold;
line-height:120%;
text-align:left;
color: #08537A;
}

.article ul {
list-style:none;
margin: 20px 0px 20px 10px;
}

.article li {
list-style:none;
margin-bottom: 10px;
}

.right {text-align: right;}
.none a {text-decoration:none; border:0}
.none a:link {text-decoration:none; border:0}
.none  a:visited {text-decoration:none; border:0}
.none  a:active {text-decoration:none; border:0}
.none  a:hover {text-decoration:none; border:0}

.link{
margin-bottom: 10px;
margin-left: 5px;
text-align:left;
font-size:95%}

.hr {
margin:10px 0;
border-top: 1px solid #C6C6C6;
}

.hr2 {
margin:10px;
border-top: 1px #C6C6C6 dotted;}