@charset "utf-8";
/* =============================================================================
CSS information

 File Name  : block.css
 Style Info : ページ構造の定義
============================================================================= */

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	color:#2b2b2b;
	}

/*---- page header ----*/
#header {
	z-index:1000;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:40px;
	margin:0px;
	padding:0px;
	background:#26499d url(/takao/img/header_mrk.gif) no-repeat scroll 0px 0px; /* oriental blue */
	text-align:center;
	}

#header > div.headline {
	width:800px;
	height:40px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background:#26499d url(/takao/img/header_img.gif) no-repeat scroll 0px 0px; /* oriental blue */
	}

#header input#top {
	width:180px;
	height:18px;
	margin:12px 1px 10px;
	padding:0px;
	cursor:pointer;
	}


/*---- menubar navigation ----*/
#menubar {
	z-index:998;
	position:fixed;
	top:40px;
	left:0px;
	width:100%;
	height:26px;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	text-align:center;
	}

#menubar ul.main_menu {
	width:798px;
	height:24px;
	margin:1px auto;
	padding:0px;
	background-color:#f1f1f1;
	background-image:url(/takao/img/dot_c6c6c6.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	border-left:#c6c6c6 1px solid;
	border-right:#c6c6c6 1px solid;
	overflow:hidden;
	}

#menubar ul.main_menu > li {
	float:left;
	height:24px;
	margin:0px;
	padding:0px;
	border-right:#c6c6c6 1px solid;
	text-align:center;
	list-style:none;
	}

#menubar ul.main_menu > li > p {
	display:block;
	height:24px;
	margin:0px;
	padding:4px 16px 0px;
	line-height:16px;
	background-color:#ffffff;
	background-image:url(/takao/img/dot_c6c6c6.gif);
	background-repeat:repeat-x;
	background-position:left top;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#3c3c3c;
	}

#menubar ul.main_menu > li > a {
	display:block;
	height:24px;
	margin:0px;
	padding:4px 16px 0px;
	line-height:16px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#2b2b2b;
	}

#menubar ul.main_menu > li > a:hover {
	background-color:#c6c6c6;
	}


/*---- outer container ----*/
#page_area {
	position:relative;
	margin:0px auto 0px;
	padding:66px 0px 0px;
	width:800px;
	height:auto;
	overflow-x:hidden;
	overflow-y:visible; 
	text-align:left;
	}


/*---- cover image & logo mark ----*/
#cover_img {
	position:relative;
	top:0px;
	left 0px;
	width:800px;
	height:300px;
	margin:0px 0px 1px;
	padding:0px;
	background:transparent url(/takao/img/cover_img.png) no-repeat scroll 0px 0px;
	}

#cover_img > img {
	position:absolute;
	right:18px;
	bottom:18px;
	width:190px;
	height:67px;
	margin:0px;
	padding:0px;
	}

#cover_img  > p {
	position:absolute;
	top:18px;
	left:18px;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	filter:Shadow(Color=#cccccc, Strength=10, Direction=135);
	}


/*---- Bread Crumbs ----*/
#breadcrumbs {
	margin:5px 5px 0px;
	padding:0px;
	text-align:left;
	line-height:100%;
	}

#breadcrumbs > p {
	display:inline;
	margin:0px;
	padding:0px;
	font-size:10px;
	}

#breadcrumbs > a {
	font-size:10px;
	}

#breadcrumbs > a:hover {
	font-size:10px;
	text-decoration:underline;
	color:#26499d; /* oriental blue */
	}


/*---- sidebar container ----*/
#sidebar {
	margin:5px 0px 0px;
	padding:0px;
	width:182px;
	height:auto;
	background-color:#ffffff;
	text-align:left;
	}

#side_navi {
	margin-bottom:18px;
	}
	
#side_navi > div.menu_box {
	width:182px;
	margin:0px;
	padding:0px;
	overflow-x:hidden
	}
#side_navi > div.menu_box > div.title_box {
	display:block;
	height:22px;
	margin:0px;
	padding:9px 4px 0px 20px;
	background:#ffffff url(/takao/img/btn-arrow-r.png) no-repeat scroll 4px 10px;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#3c3c3c;
	cursor:pointer;
	}

#side_navi > div.menu_box > div.title_box_active {
	display:block;
	height:22px;
	margin:0px;
	padding:9px 4px 0px 20px;
	background:#c1f1f1 url(/takao/img/btn-arrow-b.png) no-repeat scroll 4px 10px;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#26499d; /* oriental blue */
	cursor:pointer;
	}

#side_navi > div.menu_box > div.navi_menu {
	display:none;
	margin:0px;
	padding:0px;
	}

#side_navi > div.menu_box > div.navi_menu > ul{
	margin:5px 3px 9px 15px;
	padding:0px;
	}

#side_navi > div.menu_box > div.navi_menu > ul > li{
	margin:4px 0px 5px;
	padding:0px 0px 0px 14px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(/takao/img/btn_arrow_menu.gif) no-repeat scroll 0px 1px;
	}

#side_navi > div.menu_box > div.navi_menu > ul > li > a {
	text-decoration:none;
	color:inherit;
	}

#side_navi > div.menu_box > div.navi_menu > ul > li > a:hover {
	text-decoration:underline;
	color:#26499d; /* oriental blue */
	}


#side_link {
	margin-bottom:18px;
	}


/*---- main container ----*/
#main_block {
	margin:5px 0px 0px;
	padding:0px;
	width:600px;
	height:auto;
	background:#ffffff;
	text-align:left;
	}


/*---- body block ----*/
#body_block {
	margin:0px;
	padding:0px;
	width:600px;
	height:auto;
	text-align:left;
	}


/*---- sitemap Navigation ----*/
#sitemap {
	margin:18 0 0px;
	padding:0px;
	width:100%;
	height:40px;
	background-color:transparent;
	}


/*---- Footer ----*/
#footer {
	margin:18 0 0px;
	padding:0px;
	width:100%;
	height:32px;
	background-color:#ffffff;
	border-top:1px solid #26499d; /* oriental blue */;
	}

#footer > p.copyright {
	margin:2px 18px 0px;
	text-align:center;
	white-space:nowrap;
	font-size:10px;
	font-family:Georgia;
	color:#595857; /* 墨（すみ） */
	}

#footer > p.poweredby {
	margin:2px 0px 0px 2px;
	float:left;
	text-align:left;
	line-height:110%;
	white-space:nowrap;
	font-size:10px;
	font-family:Georgia;
	color:#595857; /* 墨（すみ） */
	}

#footer > p.websquare {
	margin:4px 1px 0px;
	float:right;
	text-align:right;
	white-space:nowrap;
	}


/*---- Dialog Box ----*/

div.dialog_base {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	background-color:transparent;
	}

div.dialog_box {
	position:relative;
	width:640px;
	height:auto;
	margin-top:30%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	padding:0px;
	text-align:left;
	border:1px solid #666;
	background-color:#fff;
	}

div.dialog_box > button {
	position:absolute;
	top:2px;
	right:2px;
	margin:0px;
	padding:0px;
	width:19px;
	height:19px;
	float:right;
	}

div.dialog_box > button > img {
	width:10px;
	height:10px;
	margin:auto;
	padding:0px;
	}

div.dialog_box > div {
	margin:10px auto 10px;
	padding:0px;
	text-align:left;
	}

div.dialog_box p {
	font-size:10.5pt;
	line-height:18px;
	}


/*---- hacks ----*/

/* Place a float-shim under floated objects to force their parent container to match their height in Firefox */
#end_mark {
	clear:both;
	font-size:1px;
}

/* This keeps the bounds of body_block container from extending under the floats in Firefox */
html>body #main_block, html>body #body_block {
	overflow:auto;
}

/* This hack combined with the height setting above compensates for IE's failure to support min-height */
html>body .base-container { 
	height:auto;
}



/*----------終了--------------------------------------------------------------*/