@charset "UTF-8";


/* -----------------------------------------------
　全体
----------------------------------------------- */

body { background-image: url('../images/bg.jpg'); }

div#wrapper {
	text-align: center;
	width: 1007px;
	margin:  0 auto;
	padding: 0;
}



/* -----------------------------------------------
　header
----------------------------------------------- */

div#header {
	position: relative;
	width: 1007px;
	height: 100px;
	overflow: hidden;
}


/* ---- 見出し ---- */

h1 {
	text-align: left;
	padding: 11px 0 0 0;
}

h1 span { display: none; }

h1 a {
	display: block;
	outline: none;
	width: 360px;
	height: 78px;
	background: url('../images/sw_logo.png') 0 0 no-repeat;
}


/* ul#menu
----------------------------------------------- */

ul#menu {
	position: absolute;
	top: 1px ;
	right: 0;
}

ul#menu li { float: left; }

ul#menu li a {
	display: block;
	outline: none;
	width: 106px;
	height: 98px;
}

ul#menu li a span { display: none; }

li#menu_products a { background: url('../images/menu_products.png') 0 0 no-repeat; }
li#menu_order a    { background: url('../images/menu_order.png') 0 0 no-repeat; }
li#menu_support a  { background: url('../images/menu_support.png') 0 0 no-repeat; }
li#menu_staff a    { background: url('../images/menu_staff.png') 0 0 no-repeat; }
li#menu_recruit a  { background: url('../images/menu_recruit.png') 0 0 no-repeat; }
li#menu_link a     { background: url('../images/menu_link.png') 0 0 no-repeat; }

ul#menu li a:hover { background-position: 0 -98px; }



/* -----------------------------------------------
　footer
----------------------------------------------- */

div#footer {
	margin: 0 auto;
	padding: 1em 0;
}

div#footer p {
	margin: 10px 0;
	font-size: 13px;
	color: #cc3300;
}

div#footer a.banner {
	display: block;
	margin: auto;
	width:  200px;
	height: 40px;
	background: url('../images/banner/banner.jpg') 0 0 no-repeat;
}

div#footer a.banner span { display: none; }



/* -----------------------------------------------
　contents
----------------------------------------------- */

div#contents {
	position: relative;
	width: 1007px;
	background: url('../images/frame.png') 0 0 repeat-y #fff;
}

div#contents:before,
div#contents:after {
	content: " ";
	position: absolute;
	left: 0px;
	width: 1007px;
	height: 3px;
	background: url('../images/frame_cross.png') 0 0 no-repeat;
}

div#contents:before { top:    -3px; }
div#contents:after  { bottom: -3px; }


/* div.poster
----------------------------------------------- */

div.poster {
	margin: auto;
	padding: 16px 0 8px 0;
}


/* div.table
----------------------------------------------- */

div.table {
	width: 968px;
	margin: 0 auto;
}

div.table_left {
	float: left;
	margin: 0 auto;
	padding: 0 16px;
	width: 374px;
}

div.table_right {
	float: left;
	margin: 0 auto;
	width: 545px;
}


/* .box
----------------------------------------------- */

div.box {
	position: relative;
	padding: 0 0 20px 0;
}

div.box2 {
	position: relative;
	padding: 20px 0;
}

div.box h2 { margin: 0 0 10px 0; }


/* div.section
----------------------------------------------- */

div.section {
	width: 860px;
	margin: 0 auto;
	padding: 0 1em 1em;
}


/* 見出し
----------------------------------------------- */

h2.title {
	padding: 20px 0 10px 0;
}

h3 {
	text-align: left;
	width: 900px;
	background: #fff9d9;
	border-bottom: 3px solid #f8a8a9;
	margin: 1em auto;
	padding: 5px 0 3px 10px;
	font-size: 14px;
	color: #663330;
}

h4 {
	text-align: left;
	background: #ffd1b0;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffeecc #cc9966 #cc9966 #ffeecc;
	margin: 1em 0;
	padding: 5px 0 5px 10px;
	font-size: 14px;
	color: #993330;
}

/* text 整形
----------------------------------------------- */

p.textbox { padding: 1em 0; }

p.center {
	text-align: center;
	margin: 0 auto;
	line-height: 1.5;
	font-size: 14px;
}

p.left {
	text-align: left;
	line-height: 1.5;
	font-size: 14px;
}

p.caution {
	font-weight: bold;
	color: #ff6666;
}


/* ul.list
----------------------------------------------- */

ul.list { list-style: none; }

ul.list li { padding: 0 0 8px 0; }

ul.list li:last-child { padding: 0; }

ul.list li a:hover img {
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.8;
	MozOpacity: 0.8;
	opacity: 0.8;
}

/* ul.list-row
----------------------------------------------- */
.list-row {
	list-style: none;
	width: 968px;
	margin: auto;
}

.list-row > li {
	float: left;
	padding: 0 5px;
}

.list-row > li a:hover img {
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.8;
	MozOpacity: 0.8;
	opacity: 0.8;
}


/* ulcheck
----------------------------------------------- */

ul.check {
	list-style: square;
	text-align: left;
	margin: 1.5em 0 1.5em 3em;
	font-size: 13px;
	line-height: 1.3;
}

ul.check li { margin: 0.8em 0; }


/* ol.check
----------------------------------------------- */

ol.check {
	list-style: decimal;
	text-align: left;
	margin: 1.5em 0 1.5em 3em;
	font-size: 13px;
	line-height: 1.3;
}

ol.check li { margin: 0.8em 0; }


/* ----------------------------------------------- */