@charset "UTF-8";

body{
	color: #000000;
	background: #00324e;
	}
	
#all {
	background: #fff;
}
	
.wrapper{
	width: 920px;
	margin: 0 auto;
	text-align: left;
	}



/******************************************************************************
header
******************************************************************************/
#header {
	height: 100px;
	width: 100%;
	background: #00324e url(../img/header/bg.gif) repeat-x center bottom;
	margin-bottom: 40px;
}
#header2 {
	width: 920px;
	height: 100px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
/* hover */
#header2 h1 a:hover img,
#header2 ul.sub a:hover img,
#header2 ul.gl a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}
/* logo */
#header2 h1 {
	position: absolute;
	top: 18px;
	left: 0;
}
/* sub */
#header2 ul.sub {
	position: absolute;
	right: 155px;
	top: 20px;
}
#header2 ul.sub li {
	float: left;
	padding: 0 10px 0 0;
}
/* gl */
#header2 ul.gl {
	position: absolute;
	right: 0;
	top: 55px;
}
#header2 ul.gl li {
	float: left;
}
/* font_size */
#header2 dl.font_size {
	position: absolute;
	top: 20px;
	right: 0;
}
#header2 dl.font_size dt,
#header2 dl.font_size dd {
	float: left;
}
#header2 dl.font_size dd a {
	display: block;
	height: 24px;
	overflow: hidden;
	text-indent: -9999em;
}
#header2 dl.font_size dd#small a {
	width: 20px;
	background: url(../img/header/font_size_s.png) no-repeat left top;
}
#header2 dl.font_size dd#medium a {
	width: 19px;
	background: url(../img/header/font_size_m.png) no-repeat left top;
}
#header2 dl.font_size dd#large a {
	width: 27px;
	background: url(../img/header/font_size_l.png) no-repeat left top;
}






/******************************************************************************
footer
******************************************************************************/
#footer {
	background: #00324e url(../img/footer/bg.gif) repeat-x center top;
	height: 125px;
	overflow: hidden;
	margin: 10px 0 0 0;
}
#footer2 {
	width: 920px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	line-height: 1.7;
}
#footer2 a {
	color: #fff;
	text-decoration: none;
}
#footer2 a:hover {
	text-decoration: underline;
}
/* menu */
#footer2 .menu {
	width: 450px;
	float: left;
	margin: 0 20px 0 0;
	display: inline;
}
#footer2 .menu ul {
	border-bottom: 1px solid #2e5971;
	padding: 4px 0;
}
#footer2 .menu ul.last {
	border-bottom: none;
}
#footer2 .menu ul li {
	width: 150px;
	float: left;
	font-size: 10px;
}
#footer2 .menu ul li a {
	background: url(../img/footer/arrow.png) no-repeat 5px center;
	padding: 0 0 0 15px;
}
#footer2 .menu ul li.blank a {
	background: url(../img/footer/blank.png) no-repeat left center;
	padding: 0 0 0 15px;
}
/* sub */
#footer2 ul.sub {
	width: 125px;
	float: left;
}
#footer2 ul.sub li {
	font-size: 10px;
	margin: 0 0 1px 0;
	/*padding: 2px 0;*/
}
#footer2 ul.sub li a {
	display: block;
	padding: 2px 0 2px 15px;
}
#footer2 ul.sub li.en a,
#footer2 ul.sub li.tw a{
	background: #09486b;
}
#footer2 ul.sub li.os a {
	background: url(../img/footer/onlineshop.gif) no-repeat left center;
}
#footer2 ul.sub li.sm a {
	background: url(../img/footer/sitemap.gif) no-repeat left center;
}
/* data */
#footer2 p.data {
	float: right;
}



/*404ページフッター*/

#footer_404{
	width:920px;
	height:100px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	border-top:4px solid #DBD6D6;
	background:url(../img/telfax_404.jpg) 633px 35px no-repeat;
	text-indent:-9999px;
}




/******************************************************************************
2 Column
******************************************************************************/
/*left*/
#left {
	width:720px;
	margin:0px 0px 0px 0px;
	float:left;
	text-align:left;
}

/*right*/
#right {
	width:180px;
	float:left;
	text-align:left;
	margin:0px 0px 0px 20px;
}

/*パンくず*/
.pan {
	width:720px;
	float:left;
	margin:10px 0px 30px 0px;
	text-align:left;
	padding-top:2px;
}

/******************************************************************************
404ページ
******************************************************************************/
.top404 {
	width:160px;
	float:left;
	margin:35px 0px 0px 0px;
	text-align:left;
}

.box404 {
	width:760px;
	float:right;
	margin:30px 0px 0px 0px;
	text-align:left;
}

.box404 dl{
	width:760px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	border-bottom:1px solid #CCCCCC;
}

.box404 dl.wh{
	width:760px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	border-bottom:1px solid #ffffff;
}

.box404 dt{
	width:210px;
	float:left;
	text-align:left;
	padding:0px 0px 0px 0px;
}

.box404 dd{
	width:275px;
	float:left;
	text-align:left;
	padding:0px 0px 5px 0px;
}

.box404 dd.line{
	width:275px;
	float:left;
	text-align:left;
	padding:2px 0px 5px 0px;
	border-bottom:1px solid #CCCCCC;
}