@charset "utf-8";

h2 { margin:20px 0 30px 0; }

/*==================================================================

　1. トップページ（index.html）

==================================================================*/

#Toppage .main-visual {
	clear:both;
	min-width:800px;
	background:url(images/bg_top_01.gif) repeat;
}

		#Toppage .main-visual h1 { display:none; }
		#Toppage .main-visual .flash { margin:0 auto; }

#Toppage #Container {
	width:800px;
	margin:20px auto 0 auto;
}

#Toppage .news-area {
	width:800px;
/*	margin:0 15px 30px 0;*/
}

#Toppage .news-area .left {
	 float:left; 
	 width:380px; 
}

#Toppage .news-area .right {
	float:right;
	width:380px;
	margin: 0px 0px 0px 40px;
}

#Toppage .news-area h2 { margin:0px; }


#Toppage .news-area .frame {
	DISPLAY: block;
	OVERFLOW-X: hidden;
	OVERFLOW: auto;
	WIDTH: 372px;
	HEIGHT: 200px;
	COLOR: #666666;
	TEXT-ALIGN: left;
	border: 1px solid #dddddd;
	margin-bottom: 20px;
	padding: 3px;
}

#Toppage .news-area .right2 {
	float:right;
	width:380px;
	font-size: 10px;
	margin: 0px 0px 0px 40px;
}

#Toppage .news-area .right2 hr {
	height: 1px;
	background-color: #EAEAEA;
	border: none;
}

#Toppage .news-area .right2 td {
	font-size: 10px;
	/*font-size:85%;*/
}


#Toppage .banner-area {
	float:right;
	width:380px;
/*	height:400px*/
}

#Toppage .banner-area a { color:#424AB9; }

/*#Toppage .banner-area .left {
	float:left;
	width:160px;
	margin:0 10px 0 0;
}

#Toppage .banner-area .right {
	float:right;
	width:160px;
}

		#Toppage .banner-area .left img
		#Toppage .banner-area .right img {
			display:block;
		}*/
		

#Toppage .banner-area .center {
	clear: both;
	width:380px;
	margin-top: 15px;
/*	background:url(images/line_dot_01.gif) repeat-x top;
	adding-top:15px;*/
}

		#Toppage .banner-area .center img.bnr {
			display:block;
			float:left;
			margin-right: 20px;
		}

		#Toppage .banner-area p {
			margin:0 0px 10px 0px;
		}


#Toppage .banner-area .about {
	clear: both;
	width:380px;
	text-align:left;
	background:url(images/line_dot_01.gif) repeat-x bottom;
	padding-bottom:20px;
}

		#Toppage .banner-area p.caption {
			margin:0 3px 5px 3px;
			padding:0px 0 5px 0;
			color:#444;
			font-size:85%;
			text-align:left;
			line-height:150%;
		}



#Toppage .banner-area .about img.bnr { 
	float:left;
/*	margin-top:7px;*/
}

#Toppage .banner-area02 {
	width:845px;
	margin:5px auto 0 auto;
	_margin:25px auto 0 auto;
}

#Toppage .banner-area02 a { color:#424AB9; }

		#Toppage .banner-area02 img {
			display:block;
			float:left;
			margin-right:5px;
		}
		
		#Toppage .banner-area02 p.caption02 {
			display:block;
			float:left;
			width:125px;
			padding:0;
			margin-right:15px;
			color:#444;
			font-size:85%;
			text-align:left;
			line-height:150%;
		}


/*==================================================================

　2. プライバシーポリシー（policy.html）

==================================================================*/

.Policy .lead { margin:0 4px 5px 3px; }

.Policy .day {
	font-size:85%;
	text-align:right;
	margin-right:8px;
}

.Policy .name {
	font-weight:bold;
	text-align:right;
}

.Policy h3 {
	font-size:100%;
	color:#001077;
	padding:7px 0 6px 11px;
	margin:30px 0 15px 0;
	width:615px;
	background:url(common/images/h3_bg_01.gif) repeat-y;
}

.Policy dl { margin:0 15px; }
.Policy dt { font-weight:bold; }
.Policy dd { margin:5px 5px 20px 15px; }

.Policy .guidance {
	font-size:85%;
	border:1px solid #DDDDDD;
	padding:10px;
	margin-top:20px;
}

.Policy .guidance .mark {
	width:14px;
	float:left;
	clear:both;
}

.Policy .guidance span {
	float:left;
	width:580px;
	margin-bottom:10px;
}

/*==================================================================

　3. 個人情報保護法に基づく公表事項（privacy.html）

==================================================================*/

.Privacy .lead { margin:0 4px 5px 3px; }

.Privacy .day {
	font-size:85%;
	text-align:right;
	margin-right:8px;
}

.Privacy h3 {
	font-size:100%;
	color:#001077;
	padding:7px 0 6px 11px;
	margin:30px 0 15px 0;
	width:615px;
	background:url(common/images/h3_bg_01.gif) repeat-y;
}

.Privacy dt {
	font-weight:bold;
	color:#333;
	margin:0 0 15px 12px;
}

.Privacy dd { margin:0 10px 15px 52px; }

.Privacy dd ul.list li {
	list-style:lower-alpha;
	list-style-position:outside;
}

.Privacy dd h4 {
	font-size:100%;
	color:#333;
	margin:20px 0 7px 0;
}

.Privacy dd table {
	font-size:100%;
	width:556px;
	border:1px solid #CCC;
	border-collapse:collapse;
	margin-bottom:30px;
}

.Privacy dd table th {
	font-weight:bold;
	/*text-align:center;*/
	padding:5px 4px;
	background:#EEE;
	border:1px solid #CCC;
}

.Privacy dd table td {
	text-align:left;
	line-height:150%;
	padding:7px 8px;
	background:#FFF;
	vertical-align:middle;
	border:1px solid #CCC;
}

.Privacy dd table td span {
	font-size:85%;
	margin:25px 0 0 0;
	display:block;
}

.Privacy dd ul.url li   { color:#FF0000; margin-bottom:20px; }
.Privacy dd ul.url li a { color:#FF0000; }


/*==================================================================

　4. 特定商取引法に基づく表記（legal_info.html）

==================================================================*/

/* ==================== Law 表組み ==================== */
.legal-info dl {
	margin:0 0 0 2px;
	background:url(common/images/bg_cell_01.gif) repeat-y;
}

.legal-info dt {
	color:#001077;
	font-weight:bold;
	margin-right:-13em;
	padding:6px 0 5px 10px;
	border-top:2px solid #FFF;
	float:left;
	clear:both;
	display:inline;
	width:125px;
}

.legal-info dd {
	margin-left:125px;
	padding:7px 0 6px 10px;
	background-color:#FFF; 
}

.legal-info dd span { font-size:85%; }

.legal-info h4 {
	font-size:100%;
	color:#333;
	padding:0px 0 10px 0;
}

.legal-info dd strong {
	clear:both;
	color:#333;
	display:block;
	margin:10px 0 0 0;
}

.legal-info dd .attention { clear:both; }

.legal-info dd p.left  { float:left; padding:0 0 5px 0; width:10px; }
.legal-info dd p.right { float:left; padding:0 0 10px 10px; width:430px; }


.legal-info dd ul.list-01,
.legal-info dd ul.list-02 { margin:5px 10px 10px 15px; }

.legal-info dd ul.list-01 li { list-style:disc; padding-left:2px; margin-bottom:2px; }
.legal-info dd ul.list-02 li { list-style:none; padding-left:2px; margin-bottom:2px; }


/* ==================== Law 表組み ==================== */


/*==================================================================

　5. サイトご利用規約（rules.html）

==================================================================*/

.Rules .lead { margin:0 4px 8px 3px; }

.Rules .day {
	font-size:85%;
	text-align:right;
	margin:0 8px 25px 0;
}

.Rules .lead a {
	display:block;
	margin-bottom:20px;
}

.Rules h3 {
	clear:both;
	font-size:100%;
	color:#001077;
	padding:7px 0 6px 11px;
	margin:30px 0 18px 0;
	width:615px;
	background:url(common/images/h3_bg_01.gif) repeat-y;
}

.Rules dt {
	font-size:85%;
	font-weight:bold;
	color:#333;
	float:left;
	width:18px;
	margin-left:10px;
}

.Rules dd {
	float:left;
	width:570px;
	margin-bottom:18px;
}

.Rules dd strong {
	color:#333;
	display:block;
	margin:15px 0 0 17px;
}

.Rules dd ul.list {
	margin:5px 10px 0 38px;
}

.Rules dd ul.list li {
	list-style:disc;
	padding-left:2px;
	margin-bottom:2px;
}

.Rules dd ul.url      { margin-top:40px; }
.Rules dd ul.url li   { color:#FF0000; margin:0 0 20px 10px; }
.Rules dd ul.url li a { color:#FF0000; }

/*==================================================================

　6. サイトマップ（sitemap.html）

==================================================================*/

.Sitemap .category {
	clear:both;
	padding-bottom:30px;
}

.Sitemap h3 {
	clear:both;
	font-size:100%;
	color:#333;
	border:1px solid #CCCCCC;
	padding:1px;
	margin-bottom:20px;
}

.Sitemap h3 span {
	background:#EEE;
	display:block;
	padding:5px 0 5px 8px;
}

.Sitemap ul.list-company,
.Sitemap ul.list-business,
.Sitemap ul.list-college,
.Sitemap ul.list-goods,
.Sitemap ul.list-w-research,
.Sitemap ul.list-event,
.Sitemap ul.list-mail,
.Sitemap ul.list-blog,
.Sitemap ul.list-inquire,
.Sitemap ul.list-other { margin:0 10px 0 15px; }

.Sitemap ul.list-company li,
.Sitemap ul.list-business li,
.Sitemap ul.list-college li,
.Sitemap ul.list-goods li,
.Sitemap ul.list-w-research li,
.Sitemap ul.list-event li,
.Sitemap ul.list-mail li,
.Sitemap ul.list-blog li,
.Sitemap ul.list-inquire li,
.Sitemap ul.list-other li {
	background:url(common/images/icon_listmark_01.gif) no-repeat 0 7px;
	float:left;
	margin:0 5px 12px 0;
	padding-left:10px;
}

.Sitemap ul.list-company li         { width:182px; }
.Sitemap ul.list-business li.list01 { width:182px; }
.Sitemap ul.list-business li.list02 { width:360px; }
.Sitemap ul.list-college li         { width:182px; }
.Sitemap ul.list-goods li           { width:182px; }
.Sitemap ul.list-w-research li      { width:182px; }
.Sitemap ul.list-event li           { width:182px; }
.Sitemap ul.list-mail li            { width:182px; }
.Sitemap ul.list-blog li            { width:182px; }
.Sitemap ul.list-inquire li         { width:250px; }
.Sitemap ul.list-other li           { width:182px; }


.Sitemap h4 {
	clear:both;
	font-size:100%;
	color:#333;
	background:url(common/images/line_dot_01.gif) repeat-x bottom;
	padding:15px 4px 7px 4px;
	_padding:5px 4px 7px 4px;
	margin:0 10px 15px 10px;
}


/*==================================================================

　7. Error（404.html）

==================================================================*/

.error404 #Contents {
	width:100%;
	margin-right:0;
	margin-bottom:150px;
}

.error404 #Contents h2 {
	margin:30px 0 20px 0;
	padding:0;
	color:#000;
	font-size:200%;
	line-height:100%;
}

.error404 #Contents p {
	margin:0 0 10px 0;
	padding:0;
}

.error404 ul.btn {
	margin:20px 0 0 0;
}

.error404 ul.btn li {
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	background:url(common/images/icon_arrow_01.gif) no-repeat 5px 5px;
}