@charset "utf-8";

/*
-------------------------------
	body	[=tab]
-------------------------------
*/
html {
}

body {
	margin:0;
	padding:0;
	color:#333333;
	text-align:center;
	background:url("../images/bg_body.png") repeat-x left 135px;
}
body#home{
	background:url("../images/bg_body_top.png") repeat-x left 135px;
}

a:link {
	color:#333333;
	text-decoration:undeline;
}
a:visited {
	color:#3399cc;
	text-decoration:undeline;
}
a:active {
	color:#006699;
	text-decoration:none;
}
a:hover {
	color:#006699;
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

h1 {
	margin:0;
	overflow:hidden;
}

img{
	vertical-align:bottom;
}

/*
-------------------------------
	container	[=tab]
-------------------------------
*/
div#container {
	width:960px;
	margin:0px auto;
}


/*
-------------------------------
	header	[=tab]
-------------------------------
*/
div#header {
	width:100%;
	height:135px;
	margin:0px auto 20px;
	background:url("../images/bg_header.png") repeat-x left top;
	text-align:left;
	overflow:hidden;
	_zoom:1;
	/* [clear] be described in [clearfix] */
}
body.home div#header{
	margin-bottom:0;
}
	div#header #header_container{
		width:960px;
		margin:0 auto;
	}
	div#header .headerRight {
		float:right;
	}
	div#header .headerRight .add{
		width:467px;
	}
	div#header .headerRight .mail{
		width:467px;
	}
	div#header .headerLeft{
		float:left;
	}
/*	globalNav  */
	div#header ul#globalNav {
		clear:both;
		overflow:hidden;
		_zoom:1;
	}
	div#header ul#globalNav li {
		float:left;
	}

	div#header ul#globalNav li a {
	width:240px;
	height:0;
	padding:53px 0 0 0;
	display:block;
	color:#000000;
	text-decoration:none;
	overflow:hidden;
	_zoom:1;
}
	div#header ul#globalNav li#nav01 a{
	background:url("../images/nav_01.png") no-repeat left top;
}
	div#header ul#globalNav li#nav02 a{
	background:url("../images/nav_02.png") no-repeat left top;
}
	div#header ul#globalNav li#nav03 a{
	background:url("../images/nav_03.png") no-repeat left top;
}
	div#header ul#globalNav li#nav04 a{
	background:url("../images/nav_04.png") no-repeat left top;
}
	div#header ul#globalNav li a:hover,
	div#header ul#globalNav li a.selected {
		background-position:left -53px !important;
	}
	div#header ul#globalNav li a.none {
		background-position:left top;
	}

/*
-------------------------------
	contents	[=tab]
-------------------------------
*/
#mainFlash{
	width:972px;
	height:257px;
	margin:5px auto 20px ;
	background:url("../images/bg_flash.png") no-repeat left top;
}
	#mainFlash embed,
	#mainFlash object{
		margin:6px;
	}
	#mainFlash object object{
		margin:6px 0;
	}
	
/*
-------------------------------
	contents	[=tab]
-------------------------------
*/
div#contents {
	width:960px;
	margin:0px auto;
	padding-bottom:50px;
	background:url(../images/bg_footer_01.png) no-repeat center bottom;
	text-align:left;
}
	div#contents div#sideArea {
		width:238px;
		padding-bottom:20px;
		float:left;
	}
	div#contents div#main {
		width:680px;
		padding-bottom:20px;
		float:right;
	}

/*
-------------------------------
	sideArea	[=tab]
-------------------------------
*/

div#sideArea ul li {
	margin-bottom:12px;
}
div#sideArea ul li a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/*
-------------------------------
	main	[=tab]
-------------------------------
*/

#breadcrumb{
	margin:15px 0 20px;
	line-height:1;
}

div#main h1 {
	margin-bottom:30px;
	clear:both;
}

div#main h2 {
	margin-bottom:30px;
	clear:both;
}

div#main h3 {
	margin-bottom:30px;
	clear:both;
}

div#main h4 {
	clear:both;
}

div#main h5 {
}

div#main p {
}
	div#main p.pagetop {
		margin-top:20px;
		overflow:hidden;
		clear:both;	
	}
	div#main p.pagetop a {
		display:block;
		float:right;
	}
.container{
	margin-bottom:30px;
	padding-bottom:30px;
	overflow:hidden;
	_zoom:1;
}
.container h2.title{
	width:91px;
}
.container .container_left{
	float:left;
}

.container .container_left_00{
	float:left;
	height:45px;
}
.container .container_right{
	float:right;
}
.underline{
	background:url(../images/dot_line.png) no-repeat center bottom;
}
.bold{
	font-weight:bold;
}
.w91{
	width:91px;
}
.w210{
	width:210px;
}
.w400{
	width:400px;
}
.w480{
	width:480px;
}
.w532{
	width:532px;
}
.w555{
	width:555px;
}

.w555_00{
	width:555px;
	padding-top:5px;
}

.un333{margin-bottom:30px;
}
.ico01{
	padding-left:15px;
	background:url(../images/ico_01.png) no-repeat left center;
}
.ico02{
	padding-left:20px;
	background:url(../images/ico_02.png) no-repeat left center;
}
.ico03{
	padding-left:20px;
	background:url(../images/ico_03.png) no-repeat left center;
}
.ico04{
	padding-left:20px;
	background:url(../images/ico_04.png) no-repeat left center;
}
.align_right{
	text-align:right;
}
.btn_pdf{
	vertical-align:middle;
	margin:2px 0 5px 20px;
}
a:hover img.hover,
a:hover img.btn_pdf{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/*
-------------------------------
	footer	[=tab]
-------------------------------
*/
div#footer {
	width:100%;
	height:130px;
	background:#648D2F;
	clear:both;
	color:#FFF;
	text-align:left;
}
div#footer #footer_container{
		width:960px;
		margin:0 auto;
		padding-top :16px;
	}
	div#footer ul{
		margin-bottom:10px;
	}
	div#footer li {
		display:inline;
		padding-left:6px;
		_padding-left:12px;
		padding-right:8px;
		border-left:1px #fff solid;
	}
	div#footer li.end{
		border-right:1px #fff solid;
	}
		div#footer li a {
			color:#FFF;
			text-decoration:underline;
		}
		div#footer li a:hover{
			text-decoration:none;
		}
	div#footer address {
		font-size:90%;
	}

/*
-------------------------------
	layout	[=tab]
-------------------------------
*/
/* -- table -- */
table.layout_border {
	margin:15px 20px 0px 20px;
	border:1px #dcdcdc solid;
	border-collapse:collapse;
}
	table.layout_border tr th {
		padding:8px;
		text-align:center;
		border:1px #dcdcdc solid;
		background-color:#f4fdea;
	}
	table.layout_border tr td {
		padding:8px;
		vertical-align:top;
		border:1px #dcdcdc solid;
	}
	table.layout_border td.item {
		background-color:#f4fdea;
	}
	table.layout_border td.item_price {
		padding:8px 10px 8px 8px;
		text-align:right;
	}
	table.noborder,
	table.noborder tr th,
	table.noborder tr td{
		border:none !important;
		padding:2px 4px;
	}

/* -- image -- */
.image_right {
	float:right;
	margin:0px 0px 10px 10px;
}
.image_center {
	text-align:center;
}

/* -- font -- */
.emphasis {
	color:#FF6600;
}
.monospaced {
	font-family:"ＭＳ ゴシック", "Osaka－等幅"
}

/* -- form -- */
input.inputArea {
	width:200px;
}
input.inputspan {
	width:30px;
}
textarea.inputField {
	width:350px;
}
	
/*
-------------------------------
	横並び	[=tab]
-------------------------------	*/

ul.side_by_side {
	margin:0 5px 0px 20px;
}

ul.side_by_side li {
	display:inline;
	padding:0;
}

/*
-------------------------------
	clearfix	[=tab]
-------------------------------
*/
/*  --- fix related --- */
/* to fix clear flot */
div#header:after,
div#contents:after,
.clearfix:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
div#header,
div#contents,
.clearfix {
	display:inline-block;
}
div#header,
div#contents,
.clearfix {
	display:block;
	}
/* Mac IE \*//*/
div#header,
div#contents,
.clearfix {
	overflow:hidden;
}
/* */