@charset "UTF-8";
@import "./base.css";

body {
	text-align: center;
}
div#container {
	margin: auto;
	width: 800px;
	background-color: rgb(204,102,102);
	text-align: left;
}
div#header {
	margin: 0;
	padding: 0;
	position: relative;
	width: 800px;
	height: 567px;
}
div#header h1 {
	position: absolute;
	top: 4px;
	left: 29px;
	font-size: 110%;
	z-index: 2;
}
div#header p.tit {
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 100px;
	z-index: 1;
}	
div#header div.tit p {
	margin: 0;
	padding: 0;
}
div#header p img {
	vertical-align: bottom;
	border: none;
}
div#header ul.subNav {
	position: absolute;
	top: 72px;
	margin: 0;
	padding: 5px 10px 0 0;
	width: 790px;
	height: 25px;
	color: #fff;
	text-align: right;
	z-index: 3;
	}
div#header ul.subNav li {
	margin: 0;
	padding: 0;
	color: #fff;
	display: inline;
}
div#header ul.subNav li a {
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: right;
}
div#header ul.subNav li a:hover {
	color: #ff2;
}
div#header p.image {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100px;
}
div#header p.topPath {
	padding: 6px 0 0 10px;
	position: absolute;
	top: 540px;
	left: 0;
	width: 790px;
	height: 24px;
	font-size: 105%;
	background-color: white;
}
div#content {
	float: left;
	margin: 0;
	padding: 0;
	width: 800px;
	background-color: rgb(204,102,102);
}
div#content div#main {
	margin: 0;
	display: inline;
	float: right;
	width: 590px;
	background: rgb(255,255,0);
}
div#content div#main p {
	line-height: 1.2;
}
div#content div#main p.info {
	margin: 10px 0 0 160px;
	padding: 0;
}
div#content div#main div#menu {
position: relative;
	margin: 10px 15px 0 15px;
	width: 550px;
	height: 460px;
}
div#content div#main div#menu p.fukidashi1 {
	position: absolute;
	top: 0;
	left:0;
}
div#content div#main div#menu p.fukidashi2 {
	position: absolute;
	top: 0;
	left:282px;
}
div#content div#main div#menu span {
	color: rgb(255,0,0);
	font-weight: bold;
}
div#content div#main div.left {
	float: left;
	width: 266px;
	margin: 0 0 16px;
}
div#content div#main div.right {
	float: right;
	margin: 0 0 16px;
	padding: 0;
	width: 266px;
}
div#content div#main p.course1 {
	margin: 0;
	padding: 71px 0 0;
	width: 266px;
	vertical-align: top;
}
div#content div#main p.course2 {
	margin: 0;
	padding: 0;
	width: 266px;
	vertical-align: top;
}
div#content div#main p.contain {
	margin: 4px 0 0;
	padding: 0;
	width: 266px;
	font-size: 110%;
	font-weight: bold;
	color: rgb(51,51,102);
	text-align: center;
}
/* safari only \*/
html[xmlns*=""] body:last-child div#content div#main p.contain {
	font-size: 100%;
}
div#content div#main p.intro {
	clear: both;
	margin: 0 0 140px 20px;
	padding: 10px 0;
	font-size: 130%;
	text-align: center;
	line-height: 1.7;
	width: 540px;
	color: #fff;
	font-weight: bold;
	background-color: rgb(255,102,0);
}
/* safari only \*/
html[xmlns*=""] body:last-child div#content div#main p.intro {
	font-size: 120%;
}

div#content div#main p.form1 {
	margin: 50px 10px 0 0;
	padding: 0;
	text-align: center;
}
div#content div#main p.form2 {
	margin: 10px 10px 0 0;
	padding: 0;
	text-align: center;
}
div#content div#main p.faxOrder {
	margin: 6px 0 20px;
	padding: 0;
	text-align: center;
}
div#content div#main p.phone {
	margin: 10px 10px 10px 0;
	padding: 0 0 0 0;
	text-align: center;
}
div#content div#main p.return {
	margin: 20px 0;
	padding: 0 20px 0 0;
	width: 557px;
	text-align: right;
}
div#content div#globalNavBox {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	width: 210px;
	background-color: rgb(204,102,102);
} 
div#content dl#globalNavi {
	margin: 14px 0 0 12px;
	padding: 0;
	width: 180px;
}
div#content dl#globalNavi p {
	margin: 10px 0;
	padding: 0;
	width: 180px;
}
div#content dl#globalNavi dt {
	margin: 0;
	padding: 0;
}
div#content dl#globalNavi dt.forFusou {
	margin: 8px 0;
	padding: 0;
	width: 180px;
}div#content dl#globalNavi dd {
	margin: 0;
	padding: 0;
}
div#content dl#globalNavi ul {
	margin: 0 0 16px 0;
	padding: 0;
	width: 180px;
}
div#content dl#globalNavi ul#topNav li {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 23px;
	text-indent: -9999px;
}
div#content dl#globalNavi ul#topNav li a {
	text-decoration: none;
	display: block;
	width: 180px;
	height: 23px;
	outline: 0;
}
div#content dl#globalNavi ul li#home {
	background: url(../img/shin_gloNav01_080929.gif) no-repeat 0 0;
}
div#content dl#globalNavi ul li#home a:hover {
	background: url(../img/shin_gloNav01_080929.gif) no-repeat -180px 0;
}
div#content dl#globalNavi ul#service li {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 36px;
	text-indent: -9999px;
}
div#content dl#globalNavi ul#service li a {
	text-decoration: none;
	display: block;
	width: 180px;
	height: 36px;
	outline: 0;
}
div#content dl#globalNavi ul li#osaka {
	background: url(../img/shin_gloNav02_2_080929.gif) no-repeat 0 0;
}
div#content dl#globalNavi ul li#osaka a:hover {
	background: url(../img/shin_gloNav02_2_080929.gif) no-repeat -180px 0;
}
div#content dl#globalNavi ul li#super {
	background: url(../img/shin_gloNav02_2_080929.gif) no-repeat 0 -36px;
}
div#content dl#globalNavi ul li#super a:hover {
	background: url(../img/shin_gloNav02_2_080929.gif) no-repeat -180px -36px;
}
div#content dl#globalNavi ul li#express {
	background: url(../img/shin_gloNav02_2_080929.gif) no-repeat 0 -72px;
}
div#content dl#globalNavi ul li#express a:hover {
	background: url(../img/shin_gloNav02_2_080929.gif) no-repeat -180px -72px;
}
div#content dl#globalNavi ul li#regular {
	background: url(../img/shin_gloNav02_2_080929.gif) no-repeat 0 -108px;
}
div#content dl#globalNavi ul li#regular a:hover {
	background: url(../img/shin_gloNav02_2_080929.gif) no-repeat -180px -108px;
}
div#content dl#globalNavi ul#guide li {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 36px;
	text-indent: -9999px;
}
div#content dl#globalNavi ul#guide li a {
	text-decoration: none;
	display: block;
	width: 180px;
	height: 36px;
	outline: 0;
}
div#content dl#globalNavi ul li#order {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat 0 0;
}
div#content dl#globalNavi ul li#order a:hover {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat -180px 0;
}
div#content dl#globalNavi ul li#delivery {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat 0 -36px;
}
div#content dl#globalNavi ul li#delivery a:hover {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat -180px -36px;
}
div#content dl#globalNavi ul li#delivery_date {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat 0 -72px;
}
div#content dl#globalNavi ul li#delivery_date a:hover {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat -180px -72px;
}
div#content dl#globalNavi ul li#payment {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat 0 -108px;
}
div#content dl#globalNavi ul li#payment a:hover {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat -180px -108px;
}
div#content dl#globalNavi ul li#choice {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat 0 -144px;
}
div#content dl#globalNavi ul li#choice a:hover {
	background: url(../img/shin_gloNav03_2_080929.gif) no-repeat -180px -144px;
}
div#content dl#globalNavi ul#about li {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 36px;
	text-indent: -9999px;
}
div#content dl#globalNavi ul#about li a {
	text-decoration: none;
	display: block;
	width: 180px;
	height: 36px;
	outline: 0;
}
div#content dl#globalNavi ul li#company {
	background: url(../img/shin_gloNav04_2_080929.gif) no-repeat 0 0;
}
div#content dl#globalNavi ul li#company a:hover {
	background: url(../img/shin_gloNav04_2_080929.gif) no-repeat -180px 0;
}
div#content dl#globalNavi ul li#privacy {
	background: url(../img/shin_gloNav04_2_080929.gif) no-repeat 0 -36px;
}
div#content dl#globalNavi ul li#privacy a:hover {
	background: url(../img/shin_gloNav04_2_080929.gif) no-repeat -180px -36px;
}
div#content dl#globalNavi ul li#tokutei {
	background: url(../img/shin_gloNav04_2_080929.gif) no-repeat 0 -72px;
}
div#content dl#globalNavi ul li#tokutei a:hover {
	background: url(../img/shin_gloNav04_2_080929.gif) no-repeat -180px -72px;
}
div#content dl#globalNavi ul li#contact {
	background: url(../img/shin_gloNav04_2_080929.gif) no-repeat 0 -108px;
}
div#content dl#globalNavi ul li#contact a:hover {
	background: url(../img/shin_gloNav04_2_080929.gif) no-repeat -180px -108px;
}

div#footer {
	background: rgb(204,102,102);
}

div#footer {
clear: both;
width: 800px;
	padding: 10px 0 ;
	background-color: rgb(153,0,0);
}
div#footer ul#siteInfo {
	text-align: center;
}
div#footer ul#siteInfo li {
	margin: 0;
	display: inline;
	color: #fff;
}
div#footer ul#siteInfo li a {
	color: #fff;
}
div#footer ul#siteInfo li a:hover {
	color: #ff2;
}
div#footer address {
	margin-top: 1.0em;
	color: #fff;
	text-align: center;
}
