@import "top_osaka.css";/* 大阪版トップページ用 */
@import "top_tokyo.css";/* 東京版トップページ用 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin:0px;
	padding:0px;
}

img {
	border: 0;
	vertical-align: bottom;
}

/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
    clear: both; 
}

/*幅基本設計書*/
body{
	margin: 0px;
	padding: 0px;
	FONT-SIZE: 1em; 
	COLOR: #404e51;
	background:#ffffff;
 	line-height: 100%;       
}
/*設計書link.visited.active color: #;hover color: #;*/a {
	text-decoration: underline;
}
h1{
    margin: 0px
}
h2 {
	font-size: 13px;
	color: #000066;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
h3{
    margin: 0px
}

/*大阪版背景*/
div#osaka{
	background: url("/co_img/body_bg_osaka.jpg") no-repeat 50% 0;
}

div#osaka div#header {
	background: url("/co_img/header_bg_osaka.jpg") no-repeat 0 0;
}
	div#osaka div#header h1{ 
		COLOR: #571E1E;
		letter-spacing: -1px ;
	}

/*東京版背景*/
div#tokyo{
	background: url("/co_img/body_bg_tokyo.jpg") no-repeat 50% 0;
}

div#tokyo div#header {
	background: url("/co_img/header_bg_tokyo.jpg") no-repeat 0 0;
}
	div#tokyo div#header h1{ 
		COLOR: #205545;
		letter-spacing: -0.1em ;
	}

div#container {
    width :803px; 
	margin: 0px auto;
}

div#header {
    width :803px; 
}
	div#header h1{ 
	    width: 780px;
		FONT-SIZE: 12px; 
		font-weight:normal;
	    padding:5px 10px 5px 10px;
		text-align:left;
		line-height: 120%;
	}

	div#header .left_column{
		width:300px;
		padding:18px 0px 0px 2px;
		float:left;
	}

	div#header .right_column{
		width:389px;
		padding:18px 0px 0px 112px;
		float:left;
	}

		div#header .right_column div#contact{
			margin:0px 9px 0px 0px;
		}

div#menu{ 
	width:780px;
	height:40px;
	margin:0px auto;
	padding:0px 0px 10px 0px;
}

	div#menu ul#global_menu{
		width:780px;
		float:left;
		list-style:none;
		text-indent:-9999px;
	}

		ul#global_menu li{
			float:left;
		}

		ul#global_menu li a{
			display:block;
			height:40px;
			background:url("/co_img/menu.jpg") no-repeat 0 0;
		}
			ul#global_menu li#navi01 a{width:80px; background-position:0 0;}
			ul#global_menu li#navi02 a{width:100px; background-position:-80px 0;}
			ul#global_menu li#navi03 a{width:100px; background-position:-180px 0;}
			ul#global_menu li#navi04 a{width:100px; background-position:-280px 0;}
			ul#global_menu li#navi05 a{width:100px; background-position:-380px 0;}
			ul#global_menu li#navi06 a{width:103px; background-position:-480px 0;}
			ul#global_menu li#navi07 a{width:97px; background-position:-583px 0;}
			ul#global_menu li#navi08 a{width:100px; background-position:-680px 0;}
			ul#global_menu li#navi01 a:hover{width:80px; background-position:0 -40px;}
			ul#global_menu li#navi02 a:hover{width:100px; background-position:-80px -40px;}
			ul#global_menu li#navi03 a:hover{width:100px; background-position:-180px -40px;}
			ul#global_menu li#navi04 a:hover{width:100px; background-position:-280px -40px;}
			ul#global_menu li#navi05 a:hover{width:100px; background-position:-380px -40px;}
			ul#global_menu li#navi06 a:hover{width:103px; background-position:-480px -40px;}
			ul#global_menu li#navi07 a:hover{width:97px; background-position:-583px -40px;}
			ul#global_menu li#navi08 a:hover{width:100px; background-position:-680px -40px;}

div#main { 
	padding:0px 10px 10px 10px;
    FONT-SIZE: 13px; 
    COLOR: #404e51;
 	line-height: 140%;
	background: url("/co_img/container_bg.jpg") repeat-y 0 0;
}

div#footer{ 
	margin:0px 0px 15px 0px;
	FONT-SIZE: 12px;
	COLOR: #404e51;
 	line-height: 140%;
}

	div#footer .left_column{
		width:310px;
		float:left;
	}

	div#footer .center_column{
		width:350px;
		float:left;
	}

	div#footer .right_column{
		width:142px;
		float:left;
	}