@charset "utf-8";

@import url("common.css");
@import url("header.css");

/*
exclude from common.css
-----------------
Win Netscape 4.7
Win IE 3.0
Mac IE 4.5
もしMac IE 5.0も除外なら('〜')と記述
*/

/*--------------------------------------------------------
#contentsWrapper　コンテンツ＆左メニューコンテナ
--------------------------------------------------------*/
#contentsWrapper { 
	padding:5px 0 10px 0;
	float:left;
	width:745px;
}


/*--------------------------------------------------------
#contents　コンテンツ系格納コンテナ（回り込み中央）
--------------------------------------------------------*/
#contents { 
	float:right;
	clear:right; 
	width:570px; 
}

/*#contents .logout {
	margin-top:-30px;
	padding-left:130px;
	text-align:right;
}*/

/* コンテナ系フッター余白 */
img.boxBottom {
	margin-bottom:15px;
}

/* バナー・広告・PR */
.pr img {
	margin-bottom:10px;
} 

/*---------------------------------------------------
.pageInfo 総合案内所
---------------------------------------------------*/
.pageInfo h2 {
	margin-bottom:5px;
}

.pageInfo .infoLeft {
	width:260px;
	float:left;
}

.pageInfo .infoRight {
	width:260px;
	float:right;
}

.pageInfo .infoLeft p,
.pageInfo .infoRight p {
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
}


.pageInfo .infoLeft ul,
.pageInfo .infoRight ul {
	margin:0 0 15px 0;
}

.pageInfo .infoLeft li,
.pageInfo .infoRight li {
	margin:0 0 5px 10px;
	padding-left:15px;
	background:url(/images/marker_arrow.gif) no-repeat 0 0.5em;
}

.pageInfo .infoRight li.explain {
	margin:-0.5em 0 5px 30px;
	padding:0;
	line-height:1.2;
	background:none;
}

.pageInfo .infoLeft li a,
.pageInfo .infoRight li a {
	padding:3px 0;
}

/*--------------------------------------------------------
.infoHowto 　ダンドリとは
--------------------------------------------------------*/
.pageInfo .infoHowto {
	margin-top:15px;
}

.pageInfo .infoHowto h2 {
	margin:-75px 0 5px 0;
	padding-left:202px;
}

.pageInfo .infoHowto p {
	margin:0 0 25px 0;
	padding-left:202px;
	min-height:50px;
	line-height:1.3;
}

/*--------------------------------------------------------
.infoFaq 　よくある質問
--------------------------------------------------------*/
/*
.pageInfo .infoFaq td {
	padding:2px 0;
}
*/

.pageInfo .infoFaq td a {
	padding:2px 50px 2px 15px;
	background:url(/images/marker_arrow.gif) no-repeat left center;
	zoom:1;
}

.pageInfo .infoFaq h2 {
	margin:8px 0 5px;
	padding:3px 5px;
	background-color:#DDEFFC;
	font-weight:bold;
	font-size:100%;
}

.pageInfo .infoFaq dl {
	margin-left:3px;
	padding:10px 0;
	background:url(/images/dotted.gif) repeat-x bottom;
}

.pageInfo .infoFaq dt {
	margin-bottom:5px;
	padding:3px 0 0 30px;
	background:url(/images/info/ico_question.gif) no-repeat left top;
	font-weight:bold;
}

.pageInfo .infoFaq dd {
	margin:5px 0;
	padding:3px 0 0 30px;
	background:url(/images/info/ico_answer.gif) no-repeat left top;
}

.pageInfo .infoFaq .link {
	margin-bottom:0;
}

#qa1,
#qa2,
#qa3,
#qa4 {
	padding:2px 0 10px;
	display:block;
}


/*--------------------------------------------------------
.infoBrowser 　ご利用環境
--------------------------------------------------------*/
.pageInfo .infoBrowser h2 {
	margin:8px 0;
	padding:3px 5px;
	background-color:#DDEFFC;
	font-weight:bold;
	font-size:100%;
}

.pageInfo .infoBrowser dl {
	margin-bottom:15px;
}

.pageInfo .infoBrowser dt {
	margin-bottom:3px; 
	font-weight:bold;
}

.pageInfo .infoBrowser p {
	margin-bottom:15px;
	width:570px;
}

.pageInfo .infoBrowser table { 
	margin-bottom:30px;
	width:400px; 
}

.pageInfo .infoBrowser th {
	padding:5px;
	border:1px solid #CCC;
	background-color:#F5F5F5;
	font-weight:bold;
	text-align:left;
} 

.pageInfo .infoBrowser td {
	padding:5px;
	line-height:1.3;
	border:1px solid #CCC;
	vertical-align:middle;
}

.pageInfo .infoBrowser td.stripe {
	border:1px solid #CCC;
	background-color:#F5F5F5;
}

/*--------------------------------------------------------
.infoAd 　広告掲載募集
--------------------------------------------------------*/
.pageInfo .infoAd table {
	width:300px;
}

.pageInfo .infoAd th {
	padding:5px 10px;
	border:1px solid #CAD8C9;
	background-color:#DDEFFC;
	width:20px;
	text-align:center;
} 

.pageInfo .infoAd td {
	padding:5px 10px;
	border:1px solid #CCC;
}

.pageInfo .infoAd div {
	margin:20px 0;
	padding:5px 10px;
	border:2px solid #4F97C4;
	width:276px;
	background-color:#F5F5F5;
}

.pageInfo .infoAd div strong {
	font-size:120%;
}

/*--------------------------------------------------------
.infoLink 　リンクについて
--------------------------------------------------------*/
.pageInfo .infoLink h2 {
	margin:8px 0;
	padding:3px 5px;
	background-color:#DDEFFC;
	font-weight:bold;
	font-size:100%;
}

.pageInfo .infoLink p {
	margin-bottom:10px;
}

.pageInfo .infoLink ul,
.pageInfo .infoLink ol {
	margin-bottom:15px;
	padding:0 0 10px;
}

.pageInfo .infoLink ol li {
	list-style:decimal;
	list-style-position:inside;
	line-height:1.4;
	font-weight:bold;
}

.pageInfo .infoLink ol li p{
	padding-left:1.4em;
}

.pageInfo .infoLink dt {
	font-weight:bold;
	line-height:1;
}

.pageInfo .infoLink dd {
	margin:-1em auto 2em 1.4em;
}

.pageInfo .infoLink div {
	margin:10px 0;
	padding:5px;
	border:1px solid #CCC;
	width:456px;
	font-size:100%;
}