@charset "utf-8";

/* ======================================================================================
各ページ（トップ、記事リーフ、各種機能のページ）で共通に利用する部品・共通するスタイル
====================================================================================== */

/* clearfix */
#contents:after, #searchBox ul:after ,#sidePickup:after, #sideNewMag ul li:after, #sidePickup ul li:after, #pages ul:after,#socialIcons:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/*------ レイアウト*/
/* 全体を包む */
#wrapper{ text-align: left; width: 1000px; background: #fff; margin: 0 auto; }
/*--- ヘッダー */
#header{ background: #fff; width: 1000px; z-index: 10; }
/*--- コンテンツ外枠 */
#contents { width: 1000px; padding-bottom: 10px; }
/*--- メインコンテンツ */
#mainContent { width: 680px; float: left; }
/*--- サブコンテンツ */
#subContent { width: 300px; float: right; }
/*--- フッター */
#footer{ width: 1000px; background: #fff; position: relative;}
/*レイアウト------*/

/*------ 共通・汎用class */
.toTop { margin: 10px; text-align: right; clear: both; }
.toTop a { padding-left: 15px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_to_top.gif) no-repeat left top; }
.toTop a:hover { background: url(/images/n/wol/2010/common/icon_to_top_on.gif) no-repeat left top; }
.more { text-align: right; clear: both; margin-right: 10px; }
.more a { padding-left: 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left center; }
/*共通・汎用class ------*/

#contents { clear: both; }

/*------ サブコンテンツ*/
/* 300x300のレクタングル */
#subContent .banner { margin-bottom: 10px; }
#subContent .rectangleBanner { margin-bottom: 10px; }
#subContent .rectangleBanner img { vertical-align: top; }

#subContent .radiusBox { background: url(/images/n/wol/2010/right/radius_bg_bottom.gif) no-repeat left bottom; }

/* 検索 RSS */
#searchBox { background: url(/images/n/wol/2010/right/searchbox_bg_top.gif) no-repeat left top; margin-bottom: 10px; padding-top: 10px; }
#searchBox .radiusWrap { background: url(/images/n/wol/2010/right/searchbox_bg_bottom.gif) no-repeat left top; padding-bottom: 15px; }
#searchBox ul#rss { padding: 0 20px; width: 260px; overflow: hidden; _zoom: 1; margin-bottom: 8px; }
#searchBox ul#rss li { float: left; margin-right: 10px; line-height: 1; font-size: 1px; }
#searchBox ul#search { padding: 0 13px; overflow: hidden; _zoom: 1; }
#searchBox ul#search li { float: left; margin-right: 10px; line-height: 1; font-size: 1px; }
#searchBox ul#search li .textField { width: 180px; }
#searchBox ul li img { vertical-align: top; }

#articleSearch { margin-bottom: 20px; }
#articleSearch ul { overflow: hidden; _zoom: 1; width: 300px; }
#articleSearch ul li { float: left; }
#articleSearch ul li.txt { width: 40px; height: 22px; }
#articleSearch ul li.field { width: 210px; margin-right: 10px; _margin-right: 5px; }
#articleSearch ul li.field input { width: 200px; font-size: 12px; padding: 3px 5px; }
#articleSearch ul li.btn { width: 36px; }

/*OL総研*/
#olSouken { margin-bottom: 10px; }
#olSouken a { display: block; cursor:pointer; }
#olSouken .enquete { width: 680px; position: relative; background: url(/images/n/wol/2010/theme/souken/souken_enq_bg.gif) no-repeat left top; height: 132px; position: relative; }
#olSouken .prompt { width: 680px; position: relative; background: url(/images/n/wol/2010/theme/souken/souken_flash_bg.gif) no-repeat left top; height: 101; position: relative; }
#olSouken .report { width: 680px; position: relative; background: url(/images/n/wol/2010/theme/souken/souken_report_bg.gif) no-repeat left top; height: 115px; position: relative; }
#olSouken .enquete a:hover,
#olSouken .prompt a:hover,
#olSouken .report a:hover { text-decoration: none; }
#olSouken .souken { display: none; }
#olSouken span { display: none; }
#olSouken span.title { display: block; position: absolute; left: 20px; bottom: 10px; color: #e50856; font-weight: bold; width: 460px }#olSouken .toTitle { display: block; background: none !important; height: 50px; width: 100%; position: absolute; left: 0; top: 0; z-index: 10; }
#olSouken .toKiji { display: block; background: none !important; height: 50px; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 10; }
#olSouken .report span { padding-left: 165px }

/*女子部*/
#joshibuBottom { margin-bottom: 15px; }
#joshibuBottom h3 { background: url(/images/n/wol/2010/leaf/joshibu/joshibu_titlebar.gif) no-repeat left top; line-height: 28px; font-size: 12px; color: #cf616d; padding-left: 10px; }
#joshibuBottom h3 span { color: #4a2f22; padding-left: 10px; }
#joshibuBottom ul { padding: 5px 15px 0; }
#joshibuBottom ul li { background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 7px; padding-left: 10px; margin-bottom: 3px; }
#joshibuBottom ul li a { letter-spacing: 1px; font-size: 14px; color: #000; }
#joshibuBottom ul li a span { font-size: 11px; padding-left: 10px; }
#joshibuBottom .more a { font-size: 12px; }

/* 人気記事ランキング・あとで読む */
#tabBox { background: url(/images/n/wol/2010/right/ranking/ranking_bg_bottom.gif) no-repeat left bottom; margin-bottom: 20px; overflow: hidden; _zoom: 1; padding-bottom: 10px; }
#tabBox h4 { text-indent: -9999px; line-height: 30px; display: none; }
#tabBox ul { padding-top: 5px; clear: both; }
#tabBox ul li { margin: 0 10px 5px 10px; border-bottom: dotted 1px #c0bcb8; }
#tabBox ul li a { font-size: 12px; display: block; padding: 3px 0 4px 27px; overflow: hidden; _zoom: 1; background: url(/images/n/wol/2010/right/ranking/ranking_num_all.gif) no-repeat left top; }
#tabBox ul li.num1 a { }
#tabBox ul li.num2 a { background-position: left -60px; }
#tabBox ul li.num3 a { background-position: left -120px; }
#tabBox ul li.num4 a { background-position: left -177px; }
#tabBox ul li.num5 a { background-position: left -231px; }

#tabBox ul li.more { border-bottom: none; margin-bottom: 0; }
#tabBox ul li.more a { display: inline; padding: 0 0 0 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left center; }

#tabBox ul li.description { border-bottom: none; }

#tabBox ul#tabRanking { display: block; }
#tabBox ul#tabAfter { display: none; }
#tabBox ul#tabAfter { width: 265px; height: 175px; overflow-y: scroll; margin: 0 0 0 15px; padding-right: 10px; }
#tabBox ul#tabAfter li { margin: 0 0 8px; padding: 0 0 5px; overflow: hidden; _zoom: 1; }
#tabBox ul#tabAfter li a { padding: 0; display: block; padding-left: 10px; font-size: 12px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 5px; margin-bottom: 3px; }
#tabBox ul#tabAfter li span { font-size: 11px; color: #666; display: block; float: left; width: 120px; }
#tabBox ul#tabAfter li a.delete { background: url(/images/n/wol/2010/common/icon_delete.gif) no-repeat left 1px; padding-left: 18px; height: 15px; float: right; width: 30px; margin-bottom: 0; }

#tabList { background: url(/images/n/wol/2010/right/tab/tab_top.gif) no-repeat left top #fff; width: 300px; float: left; padding-bottom: 8px; }

.top #tabList { background: url(/images/n/wol/2010/right/tab/tab_all.gif) no-repeat left top; }
.career #tabList { background: url(/images/n/wol/2010/right/tab/tab_career.gif) no-repeat left top; }
.skillup #tabList { background: url(/images/n/wol/2010/right/tab/tab_skillup.gif) no-repeat left top; }
.health #tabList { background: url(/images/n/wol/2010/right/tab/tab_health.gif) no-repeat left top; }
.life #tabList { background: url(/images/n/wol/2010/right/tab/tab_life.gif) no-repeat left top; }

#tabBox #tabList a { display: block; height: 27px; width: 150px; float: left; text-indent: -9999px; }
.all  #tabList a { height: 25px !important; }

#related { background: url(/images/n/wol/2010/right/ranking_bg_bottom_skillup.gif) no-repeat left bottom; margin-bottom: 10px; overflow: hidden; _zoom: 1; padding-bottom: 10px; }
#related h4 { text-indent: -9999px; padding-top: 10px; background: url(/images/n/wol/2010/right/related_bg_top.gif) no-repeat left top; }
#related ul { padding-top: 5px; clear: both; }
#related ul li { margin: 0 10px 5px 10px; border-bottom: dotted 1px #c0bcb8; }
#related ul li a { font-size: 12px; display: block; padding: 3px 0 4px 20px; overflow: hidden; _zoom: 1; background: url(/images/n/wol/2010/common/icon_arrow_pink_b.gif) no-repeat left 5px; }

/*メルマガ*/
#magRegist { margin: -10px 0 15px; }
#magRegist a { display: block; text-indent: -9999px; background: url(/images/n/wol/2010/right/mail_regist_btn.gif) no-repeat left top; height: 24px; }
#magRegist a:hover { background: url(/images/n/wol/2010/right/mail_regist_btn.gif) left -24px; }

/*ブログ*/
#blogSide { background: url(/images/n/wol/2010/right/blog_bg.gif) no-repeat left bottom; padding-bottom: 5px; margin-bottom: 10px; }
#blogSide h3 { background: url(/images/n/wol/2010/right/titlebar_common.gif) no-repeat left top; height: 20px; color: #fff; padding: 5px 0 0 8px; }
#blogSide ul {padding: 0 10px; margin-bottom: 5px; }
#blogSide ul li { padding: 10px 0; border-bottom: dotted 1px #c2b29e; }
#blogSide ul li a { display: block; font-size: 12px; overflow: hidden; _zoom: 1; }
#blogSide ul li a:hover { cursor: pointer; }
#blogSide ul li a span { display: block; }
#blogSide ul li a span.theme { color: #93464c; font-weight: bold; letter-spacing: -1px; }
#blogSide ul li a span.img { float: right; border: solid 1px #ccc; }
#blogSide ul li a span.title { color: #8a6d47; font-weight: bold; }

/* 最新刊のご案内 */
#newMagInfo { margin-bottom: 10px; background: url(/images/n/wol/2010/right/newmag_bg_bottom.gif) no-repeat left bottom; clear: both; overflow: hidden; _zoom: 1; }
#newMagInfo h4 { background: url(/images/n/wol/2010/right/title_newmag.gif) no-repeat left top; color: #fff; height: 30px; padding: 5px 5px 5px 8px; }
#newMagInfo ul { padding: 5px 0; margin: 0 5px; overflow: hidden; _zoom: 1; }
#newMagInfo ul li { clear: left; padding: 0 10px 10px; overflow: hidden; _zoom: 1; }
#newMagInfo ul li div.imgBox { float: left; width: 110px; }
#newMagInfo ul li div.imgBox p.img { margin-bottom: 10px; }
#newMagInfo ul li div.imgBox p.img img { width: 110px; }
#newMagInfo ul li div.imgBox p.btn { margin-bottom: 0; clear: left; }
#newMagInfo ul li div.imgBox p.btn a { width: 110px; height: 21px; display: block; text-indent: -9999px; margin-bottom: 10px; }
#newMagInfo ul li div.imgBox p.btn a.dtl { background: url(/images/n/wol/2010/common/dtl_btn.gif) no-repeat left top; }
#newMagInfo ul li div.imgBox p.btn a.dtl:hover { background: url(/images/n/wol/2010/common/dtl_btn.gif) no-repeat left -21px; }
#newMagInfo ul li div.imgBox p.btn a.buy { background: url(/images/n/wol/2010/common/buy_btn.gif) no-repeat left top; float: right; }
#newMagInfo ul li div.imgBox p.btn a.buy:hover { background: url(/images/n/wol/2010/common/buy_btn.gif) no-repeat left -21px; float: right; }
#newMagInfo ul li div.txtBox { float: right; width: 150px; }
#newMagInfo ul li div.txtBox p { font-size: 11px; line-height: 1.5; margin-bottom: 10px; }
#newMagInfo ul li div.txtBox p.title { color: #d32851; font-weight: bold; line-height: 1.3; font-size: 12px; letter-spacing: -0.5px; }
#newMagInfo ul li div.txtBox p.title span { font-weight: normal; font-size: 11px; }
#newMagInfo ul li div.txtBox p a.linkColor { color: #9900CC; }

#newMagInfo201104 { margin-bottom: 10px; background: url(/images/n/wol/2010/right/newmag_bg_bottom.gif) no-repeat left bottom; clear: both; overflow: hidden; _zoom: 1; }
#newMagInfo201104 h4 { background: url(/images/n/wol/2010/right/title_newmag.gif) no-repeat left top; color: #fff; height: 30px; padding: 5px 5px 5px 8px; }
#newMagInfo201104 ul { padding: 5px 0; margin: 0 5px; overflow: hidden; _zoom: 1; }
#newMagInfo201104 ul li { clear: left; padding: 0 10px 10px; overflow: hidden; _zoom: 1; }
#newMagInfo201104 ul li div.imgBox { float: left; width: 110px; }
#newMagInfo201104 ul li div.imgBox p.img { margin-bottom: 10px; }
#newMagInfo201104 ul li div.imgBox p.img img { width: 110px; }
#newMagInfo201104 ul li div.imgBox p.btn { margin-bottom: 0; clear: left; }
#newMagInfo201104 ul li div.imgBox p.btn a { font-size: 12px; display: block; padding: 3px 0 4px 20px; overflow: hidden; _zoom: 1; background: url(/images/n/wol/2010/common/icon_arrow_pink_b.gif) no-repeat left 5px; }
#newMagInfo201104 ul li div.txtBox { float: right; width: 150px; }
#newMagInfo201104 ul li div.txtBox p { font-size: 11px; line-height: 1.5; margin-bottom: 10px; }
#newMagInfo201104 ul li div.txtBox p.title { color: #d32851; font-weight: bold; line-height: 1.3; font-size: 12px; letter-spacing: -0.5px; }
#newMagInfo201104 ul li div.txtBox p.title span { font-weight: normal; font-size: 11px; }
#newMagInfo201104 ul li div.txtBox p a.linkColor { color: #9900CC; }

/* Information */
#sideInformation { clear: both; margin-bottom: 10px; overflow: hidden; _zoom: 1; }
#sideInformation h4 { background: url(/images/n/wol/2010/right/title_focus.gif) no-repeat left top; text-indent: -9999px; line-height: 26px; margin-bottom: 10px; }
#sideInformation ul { }
#sideInformation ul li { margin-bottom: 8px; overflow: hidden; _zoom: 1; }
#sideInformation ul li a { padding-left: 15px; background: url(/images/n/wol/2010/common/icon_arrow_pink.gif) no-repeat left 1px; display: block; line-height: 1.3; font-size: 10px; }

.informationPr { margin:0 0 10px 0; }
/*サブコンテンツ ------*/

/*------ フッター*/
/*連載一覧*/
#columnList { margin-bottom: 10px; border-top: solid 1px #c8c8c8; }
#columnList h4 { margin: 10px; }
#columnList ul { padding: 0 0 0 20px; overflow: hidden; _zoom: 1; }
#columnList ul li { width: 215px; float: left; margin-right: 30px ; }
#columnList ul li a { display: block; padding-left: 10px; font-size: 12px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left 7px; }

#themeList { margin-bottom: 10px; border-top: solid 1px #c8c8c8; padding-top: 10px; }
#themeList dl { margin-bottom: 10px; overflow: hidden; _zoom: 1; }
#themeList dt { font-weight: bold; width: 130px; float: left; padding: 0 10px; border-right: solid 1px #c8c8c8; }
#themeList dd { padding: 0 10px; border-right: solid 1px #c8c8c8; float: left; }
#themeList dd a { font-size: 11px; }

/*別冊*/
#mooksListWrap { border-top: solid 1px #c8c8c8; overflow: hidden; _zoom: 1; background: url(/images/n/wol/2010/footer/mooks_bg.gif) no-repeat left top; padding: 30px 50px 0 70px; width: 880px; position: relative; height: 170px; }
#mooksListWrap #mooksPrev { position: absolute; top: 90px; left: 16px; width: 27px; cursor: pointer; }
#mooksListWrap #mooksNext { position: absolute; top: 90px; right: 16px; width: 27px; cursor: pointer; }
#mooksList { width: 100%; height: 100%; overflow: hidden; }
#mooksListInner { }
#mooksListInner ul { width: 880px; float: left; }
#mooksListInner ul li { float: left; text-align: center; margin-right: 20px; width: 156px; _width: 150px; }
#mooksListInner ul li a img { height: 100px; border: solid 1px #8a765e; }
#mooksListInner ul li a span { display: block; font-weight: bold; color: #ce2a4f; font-size: 12px; letter-spacing: -1px; }

#reviewBooks { border-top: solid 1px #c8c8c8; overflow: hidden; _zoom: 1; padding: 20px 50px 0 70px; width: 880px; position: relative; height: 215px; margin-top:15px;}
#reviewBooks h4 { margin: -10px 0 10px -60px; }
#reviewBooks ul { width: 880px; margin-bottom: 10px; overflow: hidden; _zoom: 1; }
#reviewBooks ul li { float: left; text-align: center; margin-right: 20px; width: 156px; _width: 150px; }
#reviewBooks ul li a img { height: 100px; border: solid 1px #8a765e; }
#reviewBooks ul li a span { display: block; font-weight: bold; color: #ce2a4f; font-size: 12px; letter-spacing: -1px; }
#reviewBooks .banner { width: 728px; margin: 20px auto 0; }
#reviewBooks p { margin-bottom: 15px; margin-left: -60px; font-size: 12px; }
#reviewBooks p a.more { padding-left: 10px; padding-right: 10px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left center; }

/*サイドSNSボタン*/
#sideSns {background: url(/images/n/wol/2010/right/right_snsbg.png) no-repeat left top; height:76px; margin-bottom:10px;padding-top:45px;}
#sideSns div a:hover img {opacity:0.9;}

/*フッターナビ*/
#bottomNavi { border-top: solid 1px #c9c9c9; background: #fcfcfc; }
#bottomNavi ul { overflow: hidden; _zoom: 1; }
#bottomNavi ul li { float: left; width: 90px; background: url(/images/n/wol/2010/footer/bottom_navi_line.gif) no-repeat right center; }
#bottomNavi ul li a { display: block; padding: 8px 0 5px; font-size: 11px; color: #8d7b68; text-align: center; }
#bottomNavi ul #bottomTop{ }
#bottomNavi ul #bottomCareer{}
#bottomNavi ul #bottomSkillup{ width: 100px; }
#bottomNavi ul #bottomHealth{ width: 150px; }
#bottomNavi ul #bottomLife{}
#bottomNavi ul #bottomClub{}
#bottomNavi ul #bottomSouken{ width: 100px; }
#bottomNavi ul #bottomBlog{ width: 110px; }
#bottomNavi ul #bottomRss{ background: none; }

/* store */
#bpstore { clear:both; width:1000px; background:#fff url(/images/n/wol/2010/common/bpstore_bg.gif) repeat-x left bottom; color:#666;	min-height:2.5em; line-height:2.5em; border-top: 1px solid #606060; border-bottom: 1px solid #5f5f5f; margin-bottom:30px; }
#bpstore a { display:block; font-size:14px; min-height:2.5em; line-height:2.5em; background:url(/images/n/wol/2010/common/bpstore_icon.gif) no-repeat 160px 0; padding-left:200px; padding-right:100px; color:#333; text-decoration:none; }
#bpstore strong { color:#900; text-decoration:underline; }
#bpstore a:hover { color:#900; text-decoration:underline; }

/* footer */
#footer { width:910px; padding-bottom:20px; }
#footer.anniversary { width:940px; }
#footer p { font-size:10px; margin:5px 0 0 73px; clear:both }
#footer ul { width:760px; padding:0; margin:0 0 0 60px; clear:left; }
#footer li { float:left; line-height:120%; margin:0 2px 0 0; padding:0 0 0 8px; list-style-type:none; }
#footer li.h { background:none; }
#footer li strong { font-size:10px; line-height:120%; padding:0; background:none; }
#footer li a { font-size:10px; }
#logo { float:right; display:block; overflow:hidden; background:url(/images/n/wol/2010/common/bp_newlogo.gif) no-repeat; width:114px; height:25px; text-indent:-100em; }
#footer.anniversary #logo { margin-top:5px; }
#footer.anniversary #anv_logo { float:right; display:none; overflow:hidden; background:url(/images/n/wol/2010/right/bp40th_logo.gif) no-repeat; width:35px; height:41px; text-indent:-100em; text-decoration:none; margin-left:10px; }
/*フッター------*/

#mobSelArea { text-align: center; font-size: 11px; padding: 0 0 20px; }

/* 2013年3月リニューアル
--------------------------------------------------------- */
/* 人気記事ランキング */
#tabBox201303 { background: url(/images/n/wol/2010/right/ranking/ranking_bg_bottom.gif) no-repeat left bottom; margin-bottom: 20px; overflow: hidden; _zoom: 1; padding-bottom: 10px; }
#tabBox201303 h4 { width:300px; height:36px; text-indent: -9999px; line-height: 30px;}
#tabBox201303 ul { padding-top: 5px; clear: both; }
#tabBox201303 ul li { margin: 0 10px 5px 10px; border-bottom: dotted 1px #c0bcb8; }
#tabBox201303 ul li a { font-size: 12px; display: block; padding: 3px 0 4px 27px; overflow: hidden; _zoom: 1; background: url(/images/n/wol/2010/right/ranking/ranking_num_all.gif) no-repeat left top; }
#tabBox201303 ul li.num1 a { }
#tabBox201303 ul li.num2 a { background-position: left -60px; }
#tabBox201303 ul li.num3 a { background-position: left -120px; }
#tabBox201303 ul li.num4 a { background-position: left -177px; }
#tabBox201303 ul li.num5 a { background-position: left -231px; }

#tabBox201303 ul li.more { border-bottom: none; margin-bottom: 0; }
#tabBox201303 ul li.more a { display: inline; padding: 0 0 0 10px; font-size: 11px; background: url(/images/n/wol/2010/common/icon_tri.gif) no-repeat left center; }

#tabBox201303 ul li.description { border-bottom: none; }

#tabBox201303.all h4 { background: url(/images/n/wol/2010/right/tab/tab_top201303.jpg) no-repeat left top; }
#tabBox201303.career h4 { background: url(/images/n/wol/2010/right/tab/tab_careerskill201303.jpg) no-repeat left top; }
#tabBox201303.health h4 { background: url(/images/n/wol/2010/right/tab/tab_health201303.jpg) no-repeat left top; }
#tabBox201303.life h4 { background: url(/images/n/wol/2010/right/tab/tab_life201303.jpg) no-repeat left top; }

#tabBox201303 #tabList a { display: block; height: 27px; width: 150px; float: left; text-indent: -9999px; }
.all  #tabList a { height: 25px !important; }

/* グローバルフッター
--------------------------------------------------------- */
#bpGlobalFooter {
	clear: both;
}

#bpGlobalFooter .corporateLogo {
	position: absolute;
	overflow:hidden;
	/*background:url(/images/n/wol/2010/common/bp_newlogo.gif) no-repeat;*/
	top:5px;
	right:0;
	width:114px;
	height:25px;
}
#bpGlobalFooter .corporateLogo a {
	display:block;
	width:114px;
	height:25px;
	text-indent:-9999px;
}
#bpGlobalFooter .globalCopyright {
	clear: both;
	font-size: 10px;
	margin: 5px 0 0 58px;
}

#bpGlobalFooter ul {
	margin-left: 50px !important;
}

/* 記事ページエラー */
.leaflogin_01 .clear{
	clear:both;
}
.leaflogin_01{
	color:#333;
	width:620px;
	border:solid 1px #ccc8c2;
	background:#fffaf2;
	padding:30px 40px;
	margin:40px auto;
}
.leaflogin_01 p{
	font-weight:bold;
	font-size:14px;
	color:#333;
	margin:0 !important;
}
.leaflogin_01 ul{
	width:330px;
	height:40px;
	margin:15px auto 20px;
}
.leaflogin_01 li{
	float:left;
}
.leaflogin_01 li:first-child{
	margin-right:30px;
}
.leaflogin_01 li:hover{
	opacity:0.8;
}
.leaflogin_01 span{
	font-size:12px;
	display:inline-block;
	margin-top:5px;
}
.leaflogin_01 a{
	color:#643c2e;
	text-decoration:underline;
}
/* 記事ページ */
.incontents{
	width:460px;
}
.incontents ul{
	width:320px;
}
.incontents li:first-child{
	margin-right:20px;
}
.incontents a{
	color:#643c2e !important;
	text-decoration:underline !important;
}
.leaflogin_02 .clear{
	clear:both;
}
.leaflogin_02{
	color:#333;
	width:auto;
	border:solid 1px #ccc8c2;
	background:#fffaf2;
	padding:18px;
	margin-bottom:20px;
}
.leaflogin_02 p{
	margin:5px 0 10px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.leaflogin_02 ul{
	height:40px;
}
.leaflogin_02 li{
	float:left;
}
.leaflogin_02 li:hover{
	opacity:0.8;
}
.leaflogin_02 li:first-child{
	margin-right:20px;
}
.leaflogin_02 .clearfix:after {   
content: ".";    
display: block;    
height: 0;    
clear: both;    
visibility: hidden;   
} 
.leaflogin_02 .clearfix { display: inline-table; }     
* html .leaflogin_02 .clearfix { height: 1%; }   
.leaflogin_02 .clearfix { display: block; }