/* ---------------------------------------------------------------------------------
Theme: Base
Description: This is a base theme aks All About theme
Version: 1.0
Last Update: 2011/06/25

TOC:

- COMMON
- LINK
- HEAD
- BODY
- SIDEBAR
- FOOT
--------------------------------------------------------------------------------- */
/* COMMON ----------------------------------------------------------------------- */
.layout_2col .layout_main {
    width: 650px;
}
/* ICON ------------------------------------------------------------------------- */
.icon, .i, .ico {
	background: url(http://img.allabout.co.jp/201107/all/sprite-icon.png) no-repeat 0 0;
	_background: url(http://img.allabout.co.jp/201107/all/sprite-icon.gif) no-repeat 0 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
}
.list-icon li a, .li-i li a, .li-ico li a {
	background: url(http://img.allabout.co.jp/201107/all/sprite-icon.png) no-repeat 0 0;
	_background: url(http://img.allabout.co.jp/201107/all/sprite-icon.gif) no-repeat 0 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}
.icon-folder,
.article-list .icon-level-second {
	background-position: -680px -1299px;
	min-width: 19px;
	_width: expression( document.body.clientWidth < 18 ? "19px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 32px;
}
.icon-folder-open {
	background-position: -688px -1630px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 25px;
}
.icon-window-gray {
	background-position: -2737px -650px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 16px;
	height: auto !important;
	height: 16px;
	padding-left: 32px;
}
.icon-window-blue {
	background-position: -2743px -330px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 16px;
	height: auto !important;
	height: 16px;
	padding-left: 25px;
}
.icon-doc,
.article-list .icon-level-third {
	background-position: 6px -1625px;
	min-width: 16px;
	_width: expression( document.body.clientWidth < 15 ? "16px" : "auto" ); /* set min-width for IE */
	min-height: 17px;
	height: auto !important;
	height: 17px;
	padding-left: 31px;
}
.icon-pot {
	background-position: -2056px -655px;
	min-width: 23px;
	_width: expression( document.body.clientWidth < 22 ? "23px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 26px;
}
.icon-edit {
	background-position: -686px -643px;
	min-width: 17px;
	_width: expression( document.body.clientWidth < 16 ? "17px" : "auto" ); /* set min-width for IE */
	min-height: 17px;
	height: auto !important;
	height: 17px;
	padding-left: 26px;
}
.icon-ranking {
	background-position: -2058px -329px;
	min-width: 16px;
	_width: expression( document.body.clientWidth < 15 ? "16px" : "auto" ); /* set min-width for IE */
	min-height: 17px;
	height: auto !important;
	height: 17px;
	padding-left: 25px;
}
.icon-related-site {
	background-position: -2058px -1302px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 26px;
}
.icon-out-link,
.link-list .icon-level-second {
	background-position: -1367px -977px;
	min-width: 21px;
	_width: expression( document.body.clientWidth < 20 ? "21px" : "auto" ); /* set min-width for IE */
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding-left: 32px;
}
.icon-newspaper,
.icon-level-first {
	background-position: -2px -1299px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 19px;
	height: auto !important;
	height: 19px;
	padding-left: 25px;
}
.icon-newspaper-new {
	background-position: -2px -977px;
	min-width: 21px;
	_width: expression( document.body.clientWidth < 20 ? "21px" : "auto" ); /* set min-width for IE */
	min-height: 22px;
	height: auto !important;
	height: 22px;
	padding-left: 26px;
}
.icon-guide {
	background-position: -1373px -325px;
	min-width: 18px;
	_width: expression( document.body.clientWidth < 17 ? "18px" : "auto" ); /* set min-width for IE */
	min-height: 24px;
	height: auto !important;
	height: 24px;
	padding-left: 23px;
}
.icon-arrow-gray {
	background-position: -9px -329px;
	min-width: 6px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 6px;
	height: auto !important;
	height: 6px;
	padding-left: 11px;
}
.list-icon-arrow-gray li {
	background: url(http://img.allabout.co.jp/201107/all/sprite-icon.png) no-repeat 0 -325px;
	_background: url(http://img.allabout.co.jp/201107/all/sprite-icon.gif) no-repeat 0 -325px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;	
	min-width: 6px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 6px;
	height: auto !important;
	height: 6px;
	padding-left: 20px;
} /* TODO: ONLY THIS DOESN'T HAVE ANCHOR */
.icon-arrow-red {
	background-position: -9px -659px;
	min-width: 6px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 6px;
	height: auto !important;
	height: 6px;
	padding-left: 11px;
}
.icon-arrow-red li a {
	background-position: -9px -654px;
	min-width: 6px;
	_width: expression( document.body.clientWidth < 5 ? "6px" : "auto" ); /* set min-width for IE */
	min-height: 6px;
	height: auto !important;
	height: 6px;
	padding-left: 11px;
}
.list-icon-arrow-circle li a {
	background-position: -681px 2px;
	min-width: 14px;
	_width: expression( document.body.clientWidth < 13 ? "14px" : "auto" ); /* set min-width for IE */
	min-height: 14px;
	height: auto !important;
	height: 14px;
	padding-left: 32px;
}
.link-list .icon-level-third {
	background-position: -681px 2px;
	min-width: 14px;
	_width: expression( document.body.clientWidth < 13 ? "14px" : "auto" ); /* set min-width for IE */
	min-height: 14px;
	height: auto !important;
	height: 14px;
	padding-left: 32px;
}
.icon-keyword {
	background-position: -2056px -1628px;
	min-width: 22px;
	_width: expression( document.body.clientWidth < 21 ? "22px" : "auto" ); /* set min-width for IE */
	min-height: 19px;
	height: auto !important;
	height: 19px;
	padding-left: 27px;
}
.icon-loupe {
	background-position: -1373px -2px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 21px;
	height: auto !important;
	height: 21px;
	padding-left: 30px;
}
.icon-link-collection,
.link-list .icon-level-second {
	background-position: -1366px -1304px;
	min-width: 18px;
	_width: expression( document.body.clientWidth < 17 ? "18px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 32px;
}
.icon-all-genre {
	background-position: -2px 0;
	_width: expression( document.body.clientWidth < 11 ? "12px" : "auto" ); /* set min-width for IE */
	min-height: 19px;
	height: auto !important;
	height: 19px;
	padding-left: 26px;
}
.icon-mail {
	background-position: -1373px -1630px;
	min-width: 20px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding-left: 25px;
}
.icon-mobile {
	background-position: -2057px 0;
	min-width: 13px;
	_width: expression( document.body.clientWidth < 12 ? "13px" : "auto" ); /* set min-width for IE */
	min-height: 22px;
	height: auto !important;
	height: 22px;
	padding-left: 25px;
}
.icon-crown {
	background-position: -2738px -973px;
	_width: expression( document.body.clientWidth < 19 ? "20px" : "auto" ); /* set min-width for IE */
	min-height: 16px;
	height: auto !important;
	height: 16px;
	padding-left: 25px;
}

/* #articlePager ---------------------------------------------------------------- */
#articlePager {
	font-size: 12px;
	line-height: 27px;
	margin: 20px auto;
	text-align: center;
	width: 363px;
}
#articlePager .pager {
	float: left;
	height: 27px;
}
#articlePager .pager span {
	background: url(//img.allabout.co.jp/201107/all/bg-pager-link.gif) no-repeat 0 -27px;
	color: #545454;
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-weight: bold;
	height: 27px;
	margin: 0 6px;
	width: 21px;
	}
	#articlePager .pager a {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-link.gif) no-repeat 0 0;
		color: #0044cc;
		display: inline-block;
		*display: inline;
		zoom: 1;
		height: 27px;
		margin: 0 6px;
		width: 21px;
	}
	#articlePager .pager a:hover {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-link.gif) no-repeat 0 -27px;
		height: 27px;
		width: 21px;
	}
	#articlePager .prev {
		float: left;
		height: 27px;
		margin-right: 6px;
		width: 44px;
	}
#articlePager .prev .front a {
	background: url(//img.allabout.co.jp/201107/all/bg-pager-prev.gif) no-repeat 0 0;
	font-weight: bold;
	height: 27px;
	width: 44px;
	}
	#articlePager .prev a {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-prev.gif) no-repeat 0 0;
		display: inline-block;
		*display: inline;
		zoom: 1;
		height: 27px;
		text-decoration: none;
		width: 44px;
	}
	#articlePager .prev a:hover {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-prev.gif) no-repeat 0 -27px;
		height: 27px;
		text-decoration: underline;
		width: 44px;
	}
	#articlePager .next {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-next.gif) no-repeat 0 0;
		float: left;
		height: 27px;
		margin-left: 6px;
		width: 44px;
	}
#articlePager .next a {
	background: url(//img.allabout.co.jp/201107/all/bg-pager-next.gif) no-repeat 0 0;
	color: #0044cc;
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-weight: bold;
	height: 27px;
	text-decoration: none;
	width: 44px;
	}
	#articlePager .next a:hover {
		background: url(//img.allabout.co.jp/201107/all/bg-pager-next.gif) no-repeat 0 -27px;
		height: 27px;
		text-decoration: underline;
		width: 44px;
	}


/* HEAD ------------------------------------------------------------------------- */
.seo-text {
	background: whiteSmoke;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#ececec');
	background: -webkit-gradient(linear,0% 0,0% 100%,from(#FCFCFC),to(#E8E8E8));
	background: -moz-linear-gradient(270deg,#FCFCFC,#ECECEC);
	border-color: #EEE;
	border: 1px solid #E9E9E9;
	border-bottom-color: whiteSmoke;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 9px 7px 4px;
	position: relative;
	border-top: none;
	margin-bottom: 14px;
}
.seo-text ul .pipe {
	background: url(//img.allabout.co.jp/201107/brandsite/all/nav-rule.png) no-repeat 100% 50%;
	padding: 0 7px 0 0;
}
.seo-text a {
	font-weight: bold;
	text-shadow: white 1px 1px 0;
}
.seo-text a:link {
	color: #4183C4;
	text-decoration: none;
}
.seo-text a:hover {
	text-decoration: underline;
}
.breadcrumb { padding: 0 7px; }

/* BODY ------------------------------------------------------------------------- */
.layout_unit {
	min-height: 450px;
	padding: 21px 7px 0;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.ie6 .layout_unit {
	background: none 0;
	margin 7px 0 0 0;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.tab-simple {
	border-bottom: 1px solid #DEDEDE;
	margin: 14px auto;
}

.article-list .label {
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 0%, #dcdcdc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dcdcdc));
	background: -webkit-linear-gradient(top, #ededed 0%,#dcdcdc 100%);
	background: -o-linear-gradient(top, #ededed 0%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #ededed 0%,#dcdcdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dcdcdc',GradientType=0 );
	background: linear-gradient(top, #ededed 0%,#dcdcdc 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 42px;
	line-height: 42px;
	padding: 0 7px;
	margin-bottom: 14px;
}

/* SIDEBER ---------------------------------------------------------------------- */

.layout_sidebar .mod .hd {
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f7f7f7 0%, #ebeced 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ebeced));
	background: -webkit-linear-gradient(top, #f7f7f7 0%,#ebeced 100%);
	background: -o-linear-gradient(top, #f7f7f7 0%,#ebeced 100%);
	background: -ms-linear-gradient(top, #f7f7f7 0%,#ebeced 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebeced',GradientType=0 );
	background: linear-gradient(top, #f7f7f7 0%,#ebeced 100%);
}
.layout_sidebar .media .left { margin-right: 7px; }
.layout_sidebar .mod .hd .label {
	border-top: 2px solid #CC0000;
	height: 28px;
	line-height: 28px;
	margin-bottom: 0;
	padding: 0 7px;
}
.layout_sidebar .mod .bd {
	border-bottom: 1px solid #e5e5e5;
}
.layout_sidebar .mod .bd .content {
	border: 1px solid #e5e5e5;
		border-width: 1px 1px 0;
}
.layout_sidebar .mod .bd .head {
	background-color: #F7F7F7;
	border-bottom: 1px solid #E5E5E5;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 7px;
}

.layout_sidebar .mod .bd .head-link { padding: 0; }
.layout_sidebar .mod .bd .head-link a {
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 7px;
}
.layout_sidebar .mod .bd li {
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 0;
}
.layout_sidebar .mod .bd li.last { border-bottom: 0 none; }
.layout_sidebar .mod .bd li:last-child { border-bottom: 0 none; }
.layout_sidebar .mod .bd li a {
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 7px;
}

/* FOOT ------------------------------------------------------------------------- */
.page-tool {
	background-color: #F3F3F3;
	border: 1px solid #E5E5E5;
	line-height: 1;
	margin-top: 7px;
	vertical-align: middle;
}
.page-tool a:link {
	color: #404040;
	text-decoration: none;
}
.page-tool a:visited {
	color: #272727;
	text-decoration: none;
}
.page-tool a:hover {
	text-decoration: underline;
}
.page-tool .size4of5 {
	padding: 7px;
	width: 838px;
}
.page-tool .size1of5 {
	border-left: 1px solid #EBEBEB;
	width: 110px;
}
.page-tool .size1of5 a {
	display: block;
	background-color: #EBEBEB;
	padding: 7px;
	width: 110px;
}

.page-tool .breadcrumb { margin-bottom: 0; padding: 0; }
.the-footer {
	border-top: 2px solid #cc0000;
	padding-top: 7px;
}


/******************************
記事本文用(article.cssから移植)
 ******************************/
#gsArticle{
margin-bottom: 1em;
font-size: 120%;
line-height: 1.6em;
}
#gsArticle table {
	text-align: left;
	border-collapse: collapse;
}
.right200,.left200,.right150,.left150{
background:#fff;
position:relative;
display: inline;
}
.left200 img,
.left150 img{
float:left;
}
.right200 img,
.right150 img{
float:right;
}
#gsArticle div.right200{
float: right; 
width: 200px;
height:auto;
margin: 6px 0 12px 15px;
}
#gsArticle div.left200{
float: left; 
width: 200px;
height:auto;
margin: 6px 15px 12px 0;
}
#gsArticle div.right150{
float: right; 
width: 150px;
height:auto;
margin: 6px 0 12px 15px;
}
#gsArticle div.left150{
float: left; 
width: 150px;
height:auto;
margin: 6px 15px 12px 0;
}
#gsArticle div.center150,
#gsArticle div.center200,
#gsArticle div.center300,
#gsArticle div.center400 {
background: #fff;
position:relative;
clear: both;
height:auto;
margin: 1em auto 12px;
text-align: center;
}
#gsArticle div.center200{
width: 200px;
}
#gsArticle div.center300{
width: 300px;
}
#gsArticle div.center400{
width: 400px;
}
#gsArticle div.right200 img,
#gsArticle div.left200 img,
#gsArticle div.right150 img,
#gsArticle div.left150 img,
#gsArticle div.center150 img,
#gsArticle div.center200 img,
#gsArticle div.center300 img,
#gsArticle div.center400 img{
margin-bottom:10px;
}
#gsArticle div.right200 a,
#gsArticle div.left200 a,
#gsArticle div.right150 a,
#gsArticle div.left150 a,
#gsArticle div.center150 a,
#gsArticle div.center200 a,
#gsArticle div.center300 a,
#gsArticle div.center400 a{
text-decoration:none;
}
#gsArticle a.article_gallery {
	display: block;
	position:relative;
}
#gsArticle .right200 a.article_gallery,
#gsArticle .left200  a.article_gallery,
#gsArticle .center200 a.article_gallery { width: 200px; }

#gsArticle .right150 a.article_gallery,
#gsArticle .left150 a.article_gallery,
#gsArticle .center150 a.article_gallery { width: 150px; }

#gsArticle a.article_gallery span {
	display: block;
	background: url(//img.allabout.co.jp/img/guidemedia/frame/icon_article_gallery.png) no-repeat 100% 100%;
	height:25px;
	position:absolute;
		top:5px;
		right:5px;
	width:25px;
}
#gsArticle small,
#gsArticle p.cap{
color:#808080;
clear: both;
font-size:80%;
margin:0;
text-align: left;
}
#gsArticle small a,
#gsArticle p.cap a{
text-decoration:none;
}
#gsArticle h3 {
    border-left: 7px solid #CC0000;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 0 0 0 7px;	
}
#gsArticle .BRClearAllClass{
clear:both;
display:block;
height:7px;
width:7px;
}
#gsArticle br.articleFloatClear{
clear:both;
}
#gsArticle small,
#gsArticle p.cap{
color:#808080;
clear: both;
font-size:80%;
margin:0;
text-align: left;
}
#gsArticle small a,
#gsArticle p.cap a{
text-decoration:none;
}
/************************
旧　記事スタイル
 ************************/
#gsArticle #setright,#article #setright{
float:right; 
margin: 0 0 10px 10px;
_margin: 0;
padding: 0;
_padding-left: 10px;
_padding-bottom: 10px;
}
#gsArticle #setleft,#article #setleft{
float:left; 
margin: 0 10px 10px 0;
}
.pcap{
color:#808080; 
font-size: 75%; 
line-height: 1.4em;
text-align: left;
}
.bo1{
font-weight: bold;
}