@charset "utf-8";

@import url("common.css");

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


/*--------------------------------------------------------
#info　インフォ
--------------------------------------------------------*/
#info{
	margin-bottom:15px;
	padding-bottom:5px;
	border-top:5px solid #224284;
	border-bottom:1px dotted #999999;
}

#info .title{
	margin-bottom:15px;
	padding:0 0 2px 12px;
	border-right:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
	background:url(/images/contents_title_bg.gif) repeat-x left bottom;
}

#info .title h1{
	margin-top:1px;
	padding:11px 150px 5px 15px;
	background:url(/images/contents_title_icon.gif) no-repeat 0 0.5em;
	font-size:150%;
}

#info .title p{
	margin:-37px 0 0 398px;
}

#info h2{
	padding:0 0 5px 1px;
	color:#224284;
	font-size:100%;
}

#info .caption{
	margin-bottom:10px;
	background:url(/images/contents_caption_line.gif) repeat-x left bottom;
}

#info .caption h2{
	padding:5px 0 9px 20px;
	clear:left;
	color:#224284;
	background:url(/images/contents_caption_icon.gif) no-repeat 3px 0.6em;
	font-size:115%;
}

#info h3{
	color:#224284;
	font-weight:bold;
}

#info p{
	margin-bottom:1.2em;
}

#info ul{
	margin:0 0 20px 1.2em;
}

#info dl.privacy{
	margin-bottom:1.5em;
}

#info .privacy dd{
	padding-left:1.1em;
	margin-bottom:5px;
}

#info table.join,
#info table.ad{
	margin:0 20px 20px;
	width:250px;
}

#info table.browser{
	margin:5px 0 20px 1em;
	width:350px;
}

#info th{
	background-color:#CED7EE;
}

#info td,
#info th{
	padding:5px 10px;
	border:1px solid #999;
}

#info p.join{
	margin:0 20px 20px;
	padding:10px 15px;
	border:1px solid #999;
	background-color:#FFFDEE;
}

#info .sitemap dt{
	margin-top:1em;
	padding:3px 10px;
	background-color:#EDEDED;
	font-weight:bold;
}

#info .sitemap dt a{
	font-weight:bold;
}

#info .sitemap dt.home{
	margin:0 0 10px;
	background-color:#CED7EE;
	color:#224284;
}

#info .sitemap dd{
	padding-left:10px;
	margin-bottom:0.5em;
}

#info ul.sitemap{
	margin:5px 0 20px;
}

/* 利用規約 */
#terms h2{
	color:#000;
}

#terms dl{
	zoom:1;
}

#terms dt{
	line-height:1.4;
}

#terms dd{ 
	margin-top:-1.4em;
	padding-left:2em;
	line-height:1.4;
	zoom:1;
}

#terms dd dt{
	margin-left:5px;
}

#terms dd dd{
	padding-left:2.5em;
}

#terms ol{
	margin-left:2em;
	margin-bottom:1.5em;
}

#terms li{
	list-style:decimal;
	margin-bottom:0.8em;
}

/* 利用規約PopUp */
#termsPop { 
	margin:0 auto 15px;
	width:400px;
}

#termsPop h1 {
	padding:3px 150px 3px 8px;
	border-left:4px solid #224284;
	border-bottom:1px solid #CCC;
	font-size:110%;
} 

#termsPop h2 {
	font-size:100%;
}

#termsPop p{
	margin-bottom:1.2em;
}

#termsPop p.crose{
	padding:0 5px 0 255px;
	margin:-1.6em 0 15px;
	text-align:right;
}

/*--------------------------------------------------------
#link　リンク
--------------------------------------------------------*/
#link{
	margin-bottom:15px;
	padding-bottom:5px;
	border-top:5px solid #224284;
	border-bottom:1px dotted #999999;
}

#link .title{
	margin-bottom:15px;
	padding:0 0 1px 12px;
	border-right:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
	background:url(/images/contents_title_bg.gif) repeat-x left bottom;
}

#link .title h1{
	margin-top:1px;
	padding:11px 230px 10px 15px;
	background:url(/images/contents_title_icon.gif) no-repeat 0 0.5em;
	font-size:150%;
}

#link .title p{
	margin:-33px 15px 11px 300px;
	padding-bottom:5px;
	text-align:right;
}

#link h2{
	padding:0 0 5px 1px;
	color:#224284;
	font-size:100%;
}

#link .caption{
	margin-bottom:10px;
	background:url(/images/contents_caption_line.gif) repeat-x left bottom;
}

#link .caption h2{
	padding:5px 0 9px 20px;
	clear:left;
	color:#224284;
	background:url(/images/contents_caption_icon.gif) no-repeat 3px 0.6em;
	font-size:115%;
}

#link h3{
	color:#224284;
	font-weight:bold;
}

#link p{
	margin-bottom:1.2em;
}

#link dl{
	margin-bottom:1.5em;
}

#link dt{
	margin-bottom:0.5em;
	font-weight:bold;
}

#link dd{
	padding-left:1em;
	margin-bottom:10px;
}

#link dd.line{
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}

#link img.banner{
	border:1px solid #000;
	vertical-align:top;
}

#link table{
	width: 570px;
}

#link td,
#link th{
	padding: 5px;
}

#link .category{
	margin-bottom:16px;
}

#link .list{
	margin-bottom:16px;
	border: 1px solid #CCC;
}

#link .list td,
#link .list th{
	border:1px solid #CCC;
	vertical-align:top; 
	width:70%;
	text-align:left;
}

#link .list th{
	width:30%;
}