/*

ファイル名：column.css
概要：このcssファイルは保育士.netコラム用css設定を記述しています。
サイト名：保育士.net
URL：http://www.e-hoikushi.net/
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/


/*common*/
hr{height:0; margin:0; padding:0; border:0; border-top:1px dotted #9b8d7c}
.column{font-size:14px; line-height:1.6em}
.column a img:hover{opacity:.6}
.title{width:950px; height:143px; padding:36px 0 0; text-align:center; background:url(images/titleBg.png) left top no-repeat}
.title p{font-size:20px; margin:0 0 5px; color:#645a50}
.clLeft{float:left; overflow:hidden; width:670px; color:#151310}
.clRight{float:right; width:255px}
.clRight .bg{overflow:hidden; padding:10px 0 0; background:url(images/sideBg.png) left top}

/*main*/
.cHead{font-weight:700; position:relative; margin:0 0 30px; padding:10px 20px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#9b8d7c}
.cHead span{font-size:12px; position:absolute; right:10px; bottom:0; display:inline-block; padding:5px; color:#786b5c; background:#ffb600}
.list{overflow:hidden; margin:0 0 20px; padding:0 0 20px; border-bottom:dotted 1px #9b8d7c}
.list img{float:left; width:200px; margin:0 20px 0 0}
.list p{float:left; width:450px}
#contwrap .list p a.articleHead{font-size:18px; font-weight:700; line-height:1.6em; display:block; margin:0 0 10px; text-decoration:none}
#contwrap .list p a:hover{text-decoration:underline}
.list p span{display:inline-block; margin:0 0 10px; padding:2px 5px; color:#9b8d7c; border:solid 1px #9b8d7c;  *display:inline;  *zoom:1}
.list p span:hover,.articleDay span:hover {background: #eadacb;}
.pager{font-size:16px; clear:both; padding:30px 0 0; text-align:center}
#contwrap .clLeft .pager a:link, #contwrap .clLeft .pager a:visited{font-weight:700; display:inline-block; margin:0 10px 0 0; padding:10px 15px; text-decoration:none; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; background:#9b8d7c;  *display:inline;  *zoom:1}
#contwrap .clLeft .pager a:hover{background:#796e60}
#contwrap .clLeft .pager a.acv{background:#ffb600}
/*side*/
#contwrap .clRight a, #contwrap .clRight a:visited{text-decoration:none}
#contwrap .clRight a:hover{text-decoration:underline}
.inner{width:235px; margin:0 auto}
.clRight .category a{display:block; margin:10px 0 0; padding:10px 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff}
.clRight .category a:hover, .clRight .category a.acv{background:#eadacb}
.clRight .sideSupport{width: 255px;height: 293px;background:url(images/sideSuppBg.png) no-repeat;text-align: right;margin: 0 0 20px;position: relative;}
.clRight .sideSupport p {width: 220px;height: 70px;position: absolute;left: 18px;bottom: 20px}
.clRight .word{margin:20px auto 0; padding:10px 0; background:#fff}
.clRight .word ul{width:215px; margin:0 auto}
.clRight .word li{display:inline-block; overflow:hidden;  *display:inline;  *zoom:1}
#contwrap .clRight .word a{line-height:1.2em; display:inline-block; margin:0 5px 5px 0; padding:5px 10px 5px 23px; color:#fff; color:#fff; background-color:#74AF77; background-image:url(images/tagBg.png); background-repeat:no-repeat; background-position:0 50%;  *display:inline;  *zoom:1}
.clRight .word img{margin:0 10px 15px}
.clRight .rank{margin:30px 0 0}
.clRight .rank img{margin:0 10px 5px}
.clRight .rank div{position:relative; padding:10px 0}
.clRight .rank div a{display:inline-block; overflow:hidden; margin:0 10px;  *display:inline;  *zoom:1}
.clRight .rank div img{float:left; width:70px; margin:0 10px 10px 0}
.clRight .rank div:nth-child(odd){ background:#fff}
.clRight .rank div span{font-size:12px; font-weight:700; font-weight:200; position:absolute; top:4px; left:6px; display:inline-block; padding:2px 9px; color:#fff; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#9b8d7c;  *display:inline;  *zoom:1}
.clRight .banner{margin:30px 0 0}
.clRight .banner img{margin:0 0 10px}
.clRight .topics{margin:20px 0 0; border:solid 1px #9b8d7c}
.clRight .topicsInner{padding:0 10px}
.clRight .topics div{padding:15px 10px; border-bottom:solid 1px #9b8d7c}
.clRight .topics div:last-child{border:none}
.clRight .topics a{font-weight:700; display:inline-block; padding:3px 0 5px 30px; background:url(images/sprite.png) no-repeat; background-position:0 -437px;  *display:inline;  *zoom:1}
.clRight .topics p{font-size:12px; line-height:1.5em}

/*article*/
.article{text-align:center}
#contwrap .article a:link, #contwrap .article a:visited{text-decoration:underline; color:#1f7ec6}
#contwrap .article a:hover{text-decoration:none}
.article p{margin:0 0 30px; text-align:left}
.aHead{font-size:26px; font-weight:700; line-height:1.3em; margin:0 0 20px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#74AF77; background-image:url(images/dotBor.png); background-repeat:repeat-y; background-position:5px 0}
.aHead p{margin:0; padding:20px 15px 20px 30px}
ul.smark{padding:0 0 5px 0;margin-left:0;text-align:center;list-style-type:none;overflow: hidden;}
ul.smark li{text-align:center;padding:5px 5px;float:left;}
.article .articleDay{margin:0 0 10px;clear: both;}
.articleDay span{display:inline-block; margin:0 0 10px 15px; padding:2px 5px; color:#9b8d7c; border:solid 1px #9b8d7c;  *display:inline;  *zoom:1}
.article img{width:450px; margin:0 auto 40px}
.lCatch{font-size:22px; font-weight:700; line-height:1.4em; color:#645950; background:url(images/titleLbg.png) left top repeat-y}
.lCatch p{padding:20px 20px 15px; border-bottom:solid 5px #74AF77; background:url(images/titleLtop.png) left top no-repeat}
.mCatch{font-size:18px; font-weight:700; padding:10px 0 0 30px; color:#645950; background:url(images/sprite.png) no-repeat; background-position:0 9px}
.sCatch{font-size:16px; font-weight:700; text-align:left; color:#645950}
.sCatch p{display:inline-block; padding:10px 20px; border:solid 5px #f6eee8; background:url(images/sprite.png) no-repeat; background-position:0 -211px; *display:inline;  *zoom:1}
.quote{position:relative; margin:40px 0; padding:40px 60px; text-align:left; background-color:#f6eee8}
.quote:after{position:absolute; top:-10px; left:40px; width:57px; height:39px; content:''; background-image:url(images/sprite.png); background-repeat:no-repeat; background-position:0 -880px}
.article .line{background:linear-gradient(rgba(0,0,0,0) 40%,#ff9 40%) repeat scroll 0 0 rgba(0,0,0,0)}
.sizeS{font-size:12px}
.article .colorP{color:#ff6cab}
.article b{font-weight:700}
.article .pager{margin:0 0 30px}
.article .supple{margin:0 0 30px; padding:15px; background:#f6eee8}
.supple span{font-weight:700; display:block; color:#645950}
.support {width: 670px;height: 240px;position: relative;background:url(images/suppBg.png) no-repeat; margin: 0 0 20px;text-align: right;}
.support img {width: auto;}
.support p{width: 270px;position: absolute;right: 30px;bottom: 10px;margin: 0}
.relatedWord{margin:0 0 30px; padding:10px; text-align:left; border:solid 10px #f2e7de}
.relatedWord p{font-size:16px; font-weight:700; margin:0 0 20px; padding:10px 10px 10px 30px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#9b8d7c; background-image:url(images/sprite.png); background-repeat:no-repeat; background-position:12px -649px}
.relatedWord ul{width:630px; margin:0 auto}
.relatedWord li{display:inline-block; overflow:hidden;  *display:inline;  *zoom:1}
#contwrap .relatedWord a{line-height:1.2em; display:inline-block; margin:0 5px 5px 0; padding:5px 10px 5px 23px; background-color:#74AF77; background-image:url(images/tagBg.png); background-repeat:no-repeat; background-position:0 50%;  *display:inline;  *zoom:1}
#contwrap .relatedWord a:link, #contwrap .relatedWord a:visited{text-decoration:none; color:#fff}
#contwrap .relatedWord a:hover{text-decoration:underline}
.articleLink{margin:0 0 40px; text-align:left}
.articleLink p{font-size:16px; font-weight:700; margin:0 0 20px; padding:10px 10px 10px 30px; color:#fff; background-color:#74AF77; background-image:url(images/dotBor.png); background-repeat:repeat-y}
.articleLink a{display:block; margin:0 0 20px; padding:0 0 0 20px; border-left:solid 6px #74AF77}