/*
*
* top css
*
*/

@import url("sitestyle.css");



/* contents headline */

h2#contents-headline { width:900px; height:44px; }

#news #contents-area h2 { background: url("../img/contents/headline_news.gif") 0 0 no-repeat; }
#corporate #contents-area h2 { background: url("../img/contents/headline_corporate.gif") 0 0 no-repeat; }
#license #contents-area h2 { background: url("../img/contents/headline_license.gif") 0 0 no-repeat; }
#service #contents-area h2 { background: url("../img/contents/headline_service.gif") 0 0 no-repeat; }
#image #contents-area h2 { background: url("../img/contents/headline_image.gif") 0 0 no-repeat; }
#privacy #contents-area h2 { background: url("../img/contents/headline_privacy.gif") 0 0 no-repeat; }


/* contents */

table { font-size: 80%; line-height:1.5; width:530px; float:left; }
table th { color:#555; }
table td { padding:8px; }
table tr.gray { background-color:#eee; }
table td.right { border-left:1px solid #ddd; }



/* corporate style */
#map { float:left; margin-left:15px; }

#license-area,
#message-area,
#service-area,
#image-area,
#privacy-area {
	margin-top:30px;
	font-size:90%;
	color:#222;
	line-height: 1.8;
}
#license-area {
	width:900px;
}

#license-area h3,
#image-area h3 { color:#80CC27; margin:0; padding:0; }

#license-area h3.first {
	width:300px;  height:27px;
	background:url("../img/contents/headline_list.gif") 0 0 no-repeat;
}

#license-area h3.second {
	width:363px;  height:27px;
	background:url("../img/contents/headline_agreement.gif") 0 0 no-repeat;
}


#image-area h3.first {
	width:499px;  height:60px;
	background:url("../img/contents/headline_image02.gif") 0 0 no-repeat;
}

#message-area h3 {
	width:209px;  height:27px;
	background:url("../img/contents/headline_message.gif") 0 0 no-repeat;
}

/* service-area 20100331 */
#service-area h3.first {
	width:209px;  height:27px;
	background:url("../img/contents/headline_message.gif") 0 0 no-repeat;
}
#service-area h3.second {
	width:363px;  height:27px;
	background:url("../img/contents/headline_agreement.gif") 0 0 no-repeat;
}

/* privacy-area 20101227 */
#privacy-area h3.first {
	width:319px;  height:27px;
	background:url("../img/contents/headline_privacy_01.gif") 0 0 no-repeat;
}
#privacy-area h3.second {
	width:319px;  height:27px;
	background:url("../img/contents/headline_privacy_02.gif") 0 0 no-repeat;
}
#privacy-area h3.third {
	width:319px;  height:27px;
	background:url("../img/contents/headline_privacy_03.gif") 0 0 no-repeat;
}

#privacy-area h3{
	margin:5px 0; padding:0;
}


#message-area h4,
#image-area h4,
#service-area h4,
#license-area h4{
	color:#80CC27;
	margin:0;
	padding:0;
}

#privacy-area h4{
	font-weight:bold;
	margin:0;
	padding:0;
} 

#service-area h4.first {
	color:#80CC27;
	margin-top:20px;
	padding:0;
}

#licence-area h4.first {
	color:#80CC27;
	margin-top:20px;
	padding:0;
}

#license-area p,
#message-area p,
#image-area p,
#service-area p,
#privacy-area p {
	margin:5px 0 25px 0;
}

#license-area p span,
#message-area p span,
#image-area p span,
#service-area p span,
#privacy-area p span {
	margin-top:5px;
	float:right;
}

#license-area img, #message-area img { margin:0 45px 0 15px; border:1px solid #ccc; }
#image-area img { margin:0 45px 0 15px;  }

#license-area #license_mark {
	width:900px; height:179px;
	background: url("../img/contents/license_chart02.gif") center 0 no-repeat;
}
#license-area #license_mark p {
	display:none;
}


#map-area img { margin: 0 0 0 20px; _margin: 0 0 0 14px; border:1px solid #888; }
#contents-area img.release { margin-top:15px; }




/* contents */

#privacy-area table {
	font-size: 80%;
	line-height:1.5;
	margin:auto;
	width:900px;
}
#privacy-area table th { padding:8px;color:#555;border-bottom:1px solid #ddd;text-align:center; }
#privacy-area table td { padding:8px;border-bottom:1px solid #ddd;}
#privacy-area table tr.gray { background-color:#eee; }
#privacy-area table tr.d-gray { background-color:#ddd; }
#privacy-area table td.right { border-left:1px solid #ddd; }


.privacy-01 { float:left; margin:0; padding:0; width:700px; float:left; font-weight:bold; }
.privacy-02 { float:right; margin:0; padding:0;width:200px; text-align:right; }

/* map style */
#map {
	margin:20px;
}
#map img { border:1px solid #555; }

#map li, #map p { font-size: 80%; color:#888;}
#map ul { margin-left: 0px; padding:0; }
#map li { text-decoration:none; }
#map li span { font-weight:bold; }
#map p { margin:10px 0 0 0; padding:0; }

/* news */
#news-area {
	margin:20px 0 30px 0;
}
#news-area ul { margin:0 10px; padding:0 40px 0 0; }
#news-area li {
	padding:5px 0;
	list-style-type:none;
	font-size: 80%;
	border-bottom:1px dashed #ccc;
}
#news-area li span.data {
	color:#333;
	line-height:1.8;
	margin-right:15px;
}
#news-area img { margin:0 3px; }

/* image */

/* license */
#swfArea-license {
	float:right;
	border:5px solid #ebebeb;
	margin:0 0 10px 10px;
}