@charset "UTF-8";

/*------------------------------------------------------------------
/- file   : default.css
/- admin  : moag, Inc.
/- update : 20130214
/- desc   : css for publications.asahi.com
/------------------------------------------------------------------*/


/* TAG OVERRIDE */

* {
	font-family: "MS Pゴシック", "MS PGothic",Osaka-等倍, "ヒラギノ角ゴ Pro W3",helvetica,sans-serif;
	margin: 0;
}
body {
	font-size: 100%;
	line-height: 1.3;
	text-align: center;
}
table {
	font-size: 100%;
}
img {
	border: none;
}
textarea {
	font-size: 100%;
}
ul,ol {
	padding: 0 0 0 25px;
}
li {
	padding: 5px 0;
	text-align: left;
}
hr {
	height: 1px;
	padding: 0;
	margin: 2px 0;
}

a:link {
	color: #0B4770;
	text-decoration: underline;
}
a:visited {
	color: #394056;
	text-decoration: underline;
}
a:hover {
	color: #394056;
	text-decoration: underline;
}


/* CLEARFIX STYLES */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* COMMON STYLES */

.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

/* OPENDOORS SIDEBAR STYLES */

#sidebar {
	width: 300px;
	padding: 10px;
	background: #D2D2D2;
	text-align: left;
	border-top: 30px solid #FFFFFF;
}
#sidebar .twitterBox {
	width: 300px;
	overflow: hidden;
}
#sidebar img,
#sidebar table,
#sidebar div.adRectangle {
	margin-bottom: 10px;
}
#sidebar .sidebarTopicsTitle {
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 10px;
	background: #900000 url(../img/sidebar_title_bg.gif) no-repeat right top;
}
#sidebar .sidebarTopicsTxt {
	width: 284px;
	font-size: 75%;
	margin: 0 0 10px;
	padding: 8px;
	background: #EFEFEF;
	overflow: hidden;
}
#sidebar .sidebarTopicsTxt p {
	padding: 0 0 0 12px;
	background: url(../img/arrow_red.gif) no-repeat left top;
}
#sidebar .sidebarTopicsTxt div p {
	padding: 0;
	background-image: none;
}
#sidebar ul.topics {
	margin: 0 0 10px;
	padding: 0;
	background: #EFEFEF;
	list-style-type: none;
	overflow: hidden;
}
#sidebar ul.topics li {
	font-size: 75%;
	line-height: 1.2;
	padding: 8px 5px 8px 30px;
	background: url(../img/arrow_red.gif) no-repeat 19px 8px;
	border-top: 1px solid #D2D2D2;
}
#sidebar .sidebarTopicsTxt ul.topics {
	margin: -8px;
}
#sidebar .sidebarTopicsTxt ul.topics li {
	font-size: 100%;
}
#sidebar ul.original {
	margin: 0 0 10px;
	padding: 0;
	background: #EBEBF2;
	list-style-type: none;
}
#sidebar ul.original li {
	font-size: 75%;
	line-height: 1.2;
	padding: 8px 5px 8px 10px;
	border-top: 1px solid #D2D2D2;
}
#sidebar div#sidebarLinkArea {
	margin: 10px 0 30px;
}
#sidebar div#sidebarLinkArea a {
	display: block;
	font-size: 75%;
	margin: 3px 0 0;
	padding: 5px 0;
	background: #FAE8C2;
	border: 1px solid #900000;
	text-align: center;
}
#sidebar div#sidebarLinkArea a:link,
#sidebar div#sidebarLinkArea a:visited{
	color: #861B20;
	text-decoration: none;
}
#sidebar div#sidebarLinkArea a:hover,
#sidebar div#sidebarLinkArea a:active{
	color: #531B20;
	text-decoration: underline;
}
#sidebar .TopRegularBanTable{
	margin: 10px 0 0 0;
}
#sidebar div#sidebarJasracArea {
	display: none;
}

#sidebar div#rightNews {
	margin: 0 0 10px;
}
#sidebar div#rightNews div.main {
	position: relative;
	padding: 12px 10px;
	background: #FFF;
	overflow: auto;
	zoom: 1;
}
#sidebar div#rightNews div.main ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#sidebar div#rightNews div.main li {
	font-size: 75%;
	margin: 8px 0 0;
	padding: 0 0 0 10px;
	background: url(/home/common/arrow_black.gif) no-repeat left 0.25em;
	list-style-type: none;
}
#sidebar div#rightNews div.dot h3 a {
	display: block;
	height: 19px;
	background: url(/home/right/logo_aeradot.gif) no-repeat left top;
	text-indent: -7777px;
	overflow: hidden;
}
#sidebar div#rightNews div.asahicamera {
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #CCC;
}
#sidebar div#rightNews div.asahicamera h3 a {
	display: block;
	height: 19px;
	background: url(/home/right/logo_asahicamera2.gif) no-repeat left top;
	text-indent: -7777px;
	overflow: hidden;
}
#sidebar .logoutBtn {
	padding: 5px;
	background: #fff url(../../home/right/logo_aerababy.gif) no-repeat 50px center;
	margin: 0 0 10px;
	text-align: right;
}
#sidebar .logoutBtn img {
	margin: 0;
}


/* OPENDOORS BREADCRUMB STYLES */

#breadCrumb {
	font-size: 10px;
	line-height: 1.2;
	margin: 9px 0;
}
#breadCrumb a:link,
#breadCrumb a:visited {
	color: #861B20;
}
#breadCrumb a:hover {
	color: #531B20;
}


/* OPENDOORS MAINAREA STYLES */

#mainArea {
	width: 650px;
	padding: 0 10px 0 0;
	text-align: left;
}
#mainArea h1, #mainArea h2 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px 8px 5px 8px;
	background: #FFCC66;
}
#mainArea h3 {
	font-size: 90%;
}
#mainArea h3.title {
	margin: 10px 0;
	padding: 5px;
	background: #EEEEEE;
	text-align: center;
}
#mainArea li {
	font-size: 80%;
}
#mainArea table {
	text-align: left;
}
#mainArea ul.newsList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#mainArea ul.newsList li {
	font-size: 75%;
	line-height: 1.5;
	margin: 0;
	padding: 5px 5px 5px 18px;
	background: url(../img/arrow_red.gif) no-repeat 5px 6px;
}
#mainArea ul.newsList li a {
	color: #000;
	text-decoration: none;
}
#mainArea ul.newsList li a:hover {
	text-decoration: underline;
}


/* BASIC STYLES */

.hide{
	display: none;
}
.clear {
	clear: both;
}
.nowrap{
	white-space: nowrap;
}

.keyword {
	width: 165px;
	vertical-align: middle;
}
.keyword100 {
	width: 100px;
	vertical-align: middle;
}
.keyword150 {
	width: 150px;
	vertical-align: middle;
}
.keyword350 {
	width: 350px;
	vertical-align: middle;
}

p.note {
	text-indent: -1em;
	margin: 10px 1em;
}

.red {
	color: #FF0000;
}

.normalTxt{
	font-size: 100%;
}
.smallTxt{
	font-size: 80%;
	line-height: 1.4;
	text-align: left;
}
.smallTxtRight{
	font-size: 80%;
	line-height: 1.4;
	text-align: right;
}
.smallTxtB{
	font-size: 80%;
	line-height: 1.4;
	font-weight: bold;
}
.xSmallTxt{
	font-size: 70%;
	line-height: 1.4;
}
.Imageleft{
	float: left;
}
.centerTable {
	width: 980px;
	margin: 0 auto;
}
.centerTable .centerTable {
	width: auto;
}

.rightTable {
	float: right;
}
.leftTable {
	float: left;
	margin: 0 15px 15px 0;
}
.MarginT5 { margin-top: 5px; }
.MarginT10 { margin-top: 10px; }
.MarginT15 { margin-top: 15px; }
.MarginT20 { margin-top: 20px; }
.MarginT30 { margin-top: 30px; }
.MarginT40 { margin-top: 40px; }
.MarginT50 { margin-top: 50px; }
.MarginL15 { margin-left: 15px; }
.MarginB10 { margin-bottom: 10px; }
.MarginB20 { margin-bottom: 20px; }
.MarginT10L15 { margin-top: 10px; margin-left: 15px; }
.MarginT20B10L15 { margin-top: 20px; margin-bottom: 10px; margin-left: 15px; }
.MarginT20B20 { margin-top: 20px; margin-bottom: 20px; }
.w1 { width: 1px; }
.w6 { width: 6px; }
.w7 { width: 7px; }
.w8 { width: 8px; }
.w10 { width: 10px; }
.w11 { width: 11px; }
.w15 { width: 15px; }
.w19 { width: 19px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w52 { width: 52px; }
.w55 { width: 55px; }
.w57 { width: 57px; }
.w58 { width: 58px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w88 { width: 88px; }
.w89 { width: 89px; }
.w90 { width: 90px; }
.w91 { width: 91px; }
.w92 { width: 92px; }
.w93 { width: 93px; }
.w95 { width: 95px; }
.w96 { width: 96px; }
.w98 { width: 98px; }
.w100 { width: 100px; }
.w102 { width: 102px; }
.w103 { width: 103px; }
.w105 { width: 105px; }
.w106 { width: 106px; }
.w107 { width: 107px; }
.w108 { width: 108px; }
.w112 { width: 112px; }
.w113 { width: 113px; }
.w119 { width: 119px; }
.w120 { width: 120px; }
.w121 { width: 121px; }
.w124 { width: 124px; }
.w125Top { vertical-align: top; width: 125px; }
.w126Top { vertical-align: top; width: 126px; }
.w129 { width: 129px; }
.w130 { width: 130px; }
.w133 { width: 133px; }
.w136 { width: 136px; }
.w138 { width: 138px; }
.w140 { width: 140px; }
.w141 { width: 141px; }
.w142 { width: 142px; }
.w147 { width: 147px; }
.w150 { width: 150px; }
.w155 { width: 155px; }
.w156 { width: 156px; }
.w159 { width: 159px; }
.w160 { width: 160px; }
.w162 { width: 162px; }
.w165 { width: 165px; }
.w170 { width: 170px; }
.w173 { width: 173px; }
.w175 { width: 175px; }
.w176 { width: 176px; }
.w179 { width: 179px; }
.w180 { width: 180px; }
.w181 { width: 181px; }
.w187 { width: 187px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220Right { width: 200px; text-align: right; }
.w215 { width: 215px; }
.w206 { width: 206px; }
.w230 { width: 230px; }
.w256 { width: 256px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w360 { width: 360px; }
.w431 { width: 431px; }
.w500 { width: 500px; }
.MokujiRight { width: 310px; }
.LineMargin15 { margin: 15px 0 0 0; }
.MultiIndexTable {
	text-align: left;
	border-collapse: collapse;
	border-top: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
}
.MultiIndexTable td {
	width: 580px;
	font-size: 70%;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}
.MultiIndexTable p {
	padding-left: 12px;
	background: url(../img/arrow_blue_r.gif) no-repeat left top;
}

/* OPENDOORS WIDTH STYLES */

div#globalHeader,
div#mainContents,
div#globalFooter {
	min-width: 1020px;
}