@charset "utf-8";
/* -----------------------------------------------------------
* Description: ブラウザ設定を初期化
----------------------------------------------------------- */

/* 値の初期化 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;background:white;color:black;}a{color:inherit;}ol,ul{list-style:none;}fieldset,img{vertical-align:bottom;}caption,th,td{text-align:left;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* フォント周りの初期化 */
body{font:13px Arial,Helvetica,Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select,input,textarea{font-size:99%}pre,code{font:115% monospace;font-size:100%;}

/* ブラウザ固有の問題を無効化 */
br{letter-spacing:0;}/*\*/a{overflow:hidden;}/**/li li{font-size:inherit;}hr{height:0;visibility:hidden;border:0;}










/* -----------------------------------------------------------
* Description: レイアウトの設定
----------------------------------------------------------- */

body {
color:#666;
font:83% Verdana,Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
letter-spacing:0.02em;
line-height:1.44em;
background:#efefef;
}
#wrapper {
position:absolute;
top:0;
left:50%;
width:922px;
margin-left:-461px;
}
#layout {
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
width:920px;
margin:0 0 8px 0;
background-color:#fff;
overflow:hidden;
}
#wrap {
width:910px;
margin-left:10px;
}
#header {
position:relative;
width:910px;
height:145px;
}
#container {
position:relative;
width:910px;
overflow:hidden;
}
#footer {
width:920px;
margin:0 1px 25px 1px;
overflow:hidden;
}










/* -----------------------------------------------------------
* Description: 共通要素
----------------------------------------------------------- */

a         {color:#0099cc; text-decoration:none; }
a:visited {color:#0099cc; }
a:hover   {color:#006699; text-decoration:underline;}
sup { font-size:83%; vertical-align:super; }
.imgR {
float: right;
margin: 0 0 10px 10px;
}
.imgL {
float: left;
margin: 0 10px 10px 0;
}
.imgC {
display:block;
margin: 0 auto;
}
.cap {
font-size:83%;
font-weight:normal;
}
.topicPath {
font-size:83%;
margin-bottom:5px;
}
/* float */
.left {
float:left;
}
.right {
float:right;
}
/* float解除 */
div.clear {
clear:both;
}
div.clear hr {
display:none;
}



/* ------------------------------
 header
------------------------------ */
#header h1 {
position:absolute;
left:;
top:25px;
display:block;
width:152px;
height:55px;
background:url(http://www.caspo.jp/images/logo.gif) no-repeat left top;
text-indent:-9999px;
}
#header .description {
position:absolute;
bottom:19px;
left:0;
border-top:2px solid #ff9900;
border-bottom:2px solid #ff9900;
color:#999;
font-weight:bold;
padding:3px 0;
width:900px;
}

/* ヘッダーお問い合わせ::::::::::::::::::::: */
#header .headerContact {
position:absolute;
top:12px;
right:12px;
width:312px;
}
#header .headerContact img.telnumber {
float:left;
}
#header .headerContact .header_btn {
float:right;
width:83px;
}
#header .headerContact .header_btn .headerMail,
#header .headerContact .header_btn .headerFax {
width:83px;
margin-bottom:2px;
}
#header .headerContact .header_btn .headerMail a,
#header .headerContact .header_btn .headerFax a {
display:block;
width:83px;
height:20px;
background-image:url(http://www.caspo.jp/images/header_btn.png);
background-repeat:no-repeat;
text-indent:-9999px;
}
#header .headerContact .header_btn .headerMail a {background-position:0 0;}
#header .headerContact .header_btn .headerMail a:hover {background-position:-83px 0;}
#header .headerContact .header_btn .headerFax a {background-position:0 -20px;}
#header .headerContact .header_btn .headerFax a:hover {background-position:-83px -20px;}

/* ヘッダーナビゲーション::::::::::::::::::::: */
#header #headergNav {
position:absolute;
bottom:52px;
right:10px;
width:616px;
height:30px;
overflow:hidden;
}
#header #headergNav li {
float:left;
}
#header #headergNav li a {
display:block;
width:88px;
height:30px;
background:url(http://www.caspo.jp/images/headerNav.gif) no-repeat left top;
text-indent:-9999px;
}
#header #headergNav li.home a {background-position:0 0;}
#header #headergNav li.home a:hover {background-position:0 -30px;}
#header #headergNav li.lecturer a {background-position:-88px 0;}
#header #headergNav li.lecturer a:hover {background-position:-88px -30px;}
#header #headergNav li.talk a {background-position:-176px 0;}
#header #headergNav li.talk a:hover {background-position:-176px -30px;}
#header #headergNav li.event a {background-position:-264px 0;}
#header #headergNav li.event a:hover {background-position:-264px -30px;}
#header #headergNav li.clinic a {background-position:-352px 0;}
#header #headergNav li.clinic a:hover {background-position:-352px -30px;}
#header #headergNav li.interview a {background-position:-440px 0;}
#header #headergNav li.interview a:hover {background-position:-440px -30px;}
#header #headergNav li.cm a {background-position:-528px 0;}
#header #headergNav li.cm a:hover {background-position:-528px -30px;}



/* ------------------------------
 左カラム（contents）
------------------------------ */
#contents {
float:left;
width:530px;
margin:0 10px 25px 0;
}

/* エントリータイトル::::::::::::::::::::: */
.entryContents h2.entry-title {
color:#333333;
font-size:132%;
background:#ffffff;
line-height:100%;
border-bottom:1px solid #cccccc;
padding:10px 0 10px 15px;
margin:0 0 10px 0;
background:url(http://www.caspo.jp/images/mk_entry-title.gif) no-repeat left center;
}
.entryContents h2.entry-title a {
color:#333333;
background:#ffffff;
text-decoration:none;
}
.entryContents h2.entry-title a:hover {
text-decoration:underline;
}

/* エントリー本文::::::::::::::::::::: */
.entryContents .entry-body h2 {
color:#006699;
margin:0 0 10px 0;
}
.entryContents .entry-body h3 {
color:#000000;
margin:0 0 10px 0;
}
.entryContents .entry-body ul,
.entryContents .entry-body ol {
padding:0 0 0 20px;
margin:0 0 10px 0;
}
.entryContents .entry-body ul li,
.entryContents .entry-body ol li {
font-size:80%;
line-height:130%;
margin:0 0 10px 0;
}
.entryContents .entry-body div.nolist ol li {
list-style:none;
}
.entryContents .entry-body .imgL {
float:left;
border:1px solid #DDD;
padding:3px;
margin:0 15px 10px 0;
}
.entryContents .entry-body .imgR {
float:right;
border:1px solid #DDD;
padding:3px;
margin:0 0 10px 15px;
}
.entryContents .entry-body .imgN {
border:1px solid #DDD;
padding:3px;
}
.entryContents .entry-body table,
.entryContents .entry-body table th,
.entryContents .entry-body table td {
border-collapse: inherit;
border-spacing: inherit;
vertical-align: inherit;
}
/* 顔写真 */
.entryContents .entry-body .memberProfile .photo {
text-align:center;
vertical-align:top;
}
/* サブタイトル */
.entryContents .entry-body .memberProfile .subTitle {
background-color:#ffcc66;
}
/* リスト */
.memberProfile .listArea {
list-style:none;
}
.memberProfile .listArea li {
padding:0;
margin:0;
}

/* タグ::::::::::::::::::::: */
.entryContents .entry-tags {
margin:0 0 20px 0;
}
.entryContents .entry-tags h3.entry-tags-header {
font-size:80%;
font-weight:normal;
color:#ffffff;
background:#aaaaaa;
padding:3px;
margin:0 0 5px 0;
}
.entryContents .entry-tags ul {
list-style:none;
}
.entryContents .entry-tags ul li {
display:inline;
font-size:80%;
margin:0 10px 0 0;
}



/* ------------------------------
 中カラム（naviSection）
------------------------------ */
#naviSection {
float:left;
width:200px;
padding:10px 0 0 0;
margin-right:15px;
background:url(http://www.caspo.jp/images/naviSection_bg.gif) no-repeat left top;
}
#naviSection_bottom {
width:180px;
padding:0 10px 10px 10px;
background:url(http://www.caspo.jp/images/naviSection_bg_bottom.gif) no-repeat left bottom;
}

/* グローバルナビ::::::::::::::::::::: */
#naviSection h3 {
color:#fff;
width:175px;
padding:2px 0 2px 5px;
margin-bottom:5px;
background-color:#ff9900;
}
* html #naviSection h3 {
width:180px;
}
#naviSection #gNav {
margin-bottom:10px;
}
#naviSection #gNav li {
padding-left:9px;
margin:0 0 0 6px;
background:url(http://www.caspo.jp/images/mk_arrow.gif) no-repeat left center;
}

/* お問合せ::::::::::::::::::::: */
#naviSection #contact {
width:180px;
margin-bottom:10px;
}
#naviSection #contact h3 {
color:#fff;
padding:0;
background-color:none;
}

/* 電話・FAX番号 */
#naviSection #contact .number {
width:180px;
padding-bottom:5px;
margin-bottom:5px;
background:url(http://www.caspo.jp/images/contact_line.gif) repeat-x left bottom;
}
*+html #naviSection #contact .number {
margin-bottom:0;
}

* html #naviSection #contact .number {
margin-bottom:0;
}
#naviSection #contact .number .telephone,
#naviSection #contact .number .fax {
color:#ff2400;
font-size:150%;
font-family:"Arial black";
padding:0 0 0 30px;
margin:0 0 3px 5px;
}
#naviSection #contact .number .telephone {
background:url(http://www.caspo.jp/images/telephone.gif) no-repeat left center;
}
#naviSection #contact .number .fax {
background:url(http://www.caspo.jp/images/FAX.gif) no-repeat left center;
}
#naviSection #contact .number .faxPaper {
text-align:right;
font-size:79%;
}
#naviSection #contact .number .faxPaper a {
color:#931500;
padding-left:11px;
background:url(http://www.caspo.jp/images/mk_arrow2.gif) no-repeat left center;
}

/* メールフォーム */
#naviSection #contact .form {
width:180px;
padding-bottom:8px;
background:url(http://www.caspo.jp/images/contact_line.gif) repeat-x left bottom;
overflow:hidden;
}
*+html #naviSection #contact .form {
padding-bottom:3px;
}
* html #naviSection #contact .form {
padding-bottom:3px;
}
#naviSection #contact .form .mailcontactCopy {
margin-bottom:5px;
}
#naviSection #contact .form .btn_mailform {
float:left;
}
#naviSection #contact .form .btn_mailform a {
display:block;
width:89px;
height:43px;
background:url(http://www.caspo.jp/images/btn_form.gif) no-repeat left top;
text-indent:-9999px;
}
#naviSection #contact .form .btn_mailform a:hover {background-position:0 -43px;}
#naviSection #contact .form .btn_mail {
float:right;
}
#naviSection #contact .form .btn_mail a {
display:block;
width:89px;
height:43px;
background:url(http://www.caspo.jp/images/btn_form.gif) no-repeat -89px top;
text-indent:-9999px;
}
#naviSection #contact .form .btn_mail a:hover {background-position:-89px -43px;}

/* 無料です */
#naviSection #contact .freeCopy {
color:#ff2400;
font-size:79%;
text-align:right;
}





/* ------------------------------
 右カラム（subSection）
------------------------------ */
#subSection {
float:left;
width:145px;
}

/* 特別企画::::::::::::::::::::: */
#subSection .specialPlan {
width:145px;
margin-bottom:20px;
}
#subSection .specialPlan h4 {
margin-bottom:15px;
}
#subSection .specialPlan .planList li {
margin-bottom:15px;
}
#subSection .specialPlan .planList li img {
border:1px solid #cdccd1;
}
#subSection .specialPlan .planList li a:hover img {
border:1px solid #ff9900;
}

/* 書籍・DVD等出版物::::::::::::::::::::: */
#subSection .publication {
width:145px;
margin-bottom:20px;
}
#subSection .publication h4 {
margin-bottom:15px;
}
#subSection .publication .publicationList li {
margin-bottom:15px;
}
#subSection .publication .publicationList li img {
border:1px solid #cdccd1;
}
#subSection .publication .publicationList li a:hover img {
border:1px solid #ff9900;
}



/* ------------------------------
 フッター
------------------------------ */
#footer #fNav {
float:right;
overflow:hidden;
}
#footer #fNav li {
float:left;
padding:0 8px 0 0;
margin:0 8px 0 0;
background:url(http://www.caspo.jp/images/fNavLine.gif) no-repeat right center;
}
#footer #fNav li.last {
padding:0;
margin:0;
background:none;
}
#footer #copyright {
float:left;
color:#666;
font-size:79%;
}

































