@charset "EUC-JP";

/* =============================================== */
/** livedoor Blog CSS
last Update 2008.02.08
*/
/* =============================================== */

div#container {
	margin: 0 auto;
	padding-bottom: 10px;
	position: relative;
	text-align: left;
}

/** clearfix */
div#container:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div#main div.columnInner {
	margin: 0 0 0 180px;
}

ol.topicPath {
	list-style-type: none;
	padding: 0;
	margin: 0 0 10px;
}
ol.topicPath li {
	display: inline;
	padding: 0;
	margin: 0 3px 0 0;
	font-size: 83%;
}

h2 {
	background: url(/img/portal/plan/banner_bg.gif) repeat-x;
	text-align: center;
	margin-bottom: 10px;
}

div.subTitle {
	background: url(/img/portal/plan/title_bg_01.gif) repeat-x top;
border: 0;
padding: 0;
}

div.subTitle h3 {
	background: url(/img/portal/plan/title_bg_02.gif) no-repeat right top;
}

/* hack for IE */
div.explanationText {
	min-height: 130px;
	border: solid #a1ce71;
	border-width: 0 1px 1px;
	margin-bottom: 10px;
	line-height: 1.55;
	font-size: 83%;
} * html div.explanationText {
	height: 130px;
}

div.first {
	background: url(/img/portal/plan/01_img.gif) no-repeat;
}

div.second {
	background: url(/img/portal/plan/02_img.gif) no-repeat;
}

div.third {
	background: url(/img/portal/plan/03_img.gif) no-repeat;
}

div.fourth {
	background: url(/img/portal/plan/04_img.gif) no-repeat;
}

div.explanationText p {
	padding: 10px 10px 0 180px;
}




/* listTable styleStart */

h2 {
	background: url(/img/portal/plan/title_bg.gif) repeat-x;
}

div#main p.lead {
	font-size: 83%;
	margin-bottom: 10px;
	padding: 0 10px;
}

div#main div.wrapper {
	width: 100%;
}

table.list {
	width: 100%;
	border: solid #b8b8b8;
	border-width: 1px 0 0 1px;
	margin-bottom: 25px;
}

table.list th ,
table.list td {
	border: solid #b8b8b8;
	border-width: 0 1px 1px 0;
	text-align: left;
	font-size: 83%;
}

table.list th {
	font-weight: bold;
	width: 24%;
	padding: 5px 10px;
}

table.list td {
	width: 19%;
	padding: 5px 10px;
}

table.list tr.planName {
	background-color: #ececec;
}

table.list tr.planName td {
	text-align: center;
}

table.list tr.planName th ,
table.list tr.planName td {
	font-size: 90%;
	font-weight: bold;
}

table.list tr.planContent td ul li.explanation {
	text-align: left;
}

table.list tr.planContent td ul li.img ,
table.list tr.planContent td ul li.linkToDetails {
	margin-bottom: 5px;
}

table.list tr.planCharge td {
	text-align: center;
	color: #e23d00;
	font-weight: bold;
}

table.list td {
	text-align: center;
}

table.list td.ok {
	background-color: #ffedaf;
	color: #e23d00;
	font-weight: bold;
}

/* font */
table.list th ,
table.list td {
	font-family: "Hiragino Kaku Gothic Pro","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
}