@charset "utf-8";

/*-----------------------------------------------
 Reset
-----------------------------------------------*/

* {
	margin:						0;
	padding:					0;
}

body {
	background:					#fff;
	font-size:					9pt;
	color:						#333;
	text-align: 				center;
}

h1,h2 {
	line-height:				0;
}

img {
	border: 					0px;
}

p,dt,dl {
	line-height:				1.5;
}

p {
	margin:						0 0 0.7em;
}

.clear {
	clear:						both;
}



/*-----------------------------------------------
 Link
-----------------------------------------------*/

a {
	color: 						#1d3994;
	text-decoration:			none;
}

a:link {
	color: 						#1d3994;
}

a:visited {
	text-decoration:			none;
}

a:hover {
	color: 						#1d3994;
	text-decoration:			underline;
}

a:active {
	color: 						#1d3994;
	text-decoration:			underline;
}



/*-----------------------------------------------
 Container
-----------------------------------------------*/

#wrapper {
	width:						937px;
	margin:						0 auto;
	padding:					0 auto;
	text-align: 				left;
}

#header {
	background:					url(../images/bg1.png) no-repeat;
	width: 						937px;
	padding:					0 0 30px;
}

ul#menu1_in{
	position:					relative;
	top:						0px;
	width:						863px;
	height:						208px;
	list-style:					none;
	overflow:					hidden;
	padding:					0;
	margin:						0 0 0 37px;
}
ul#menu1_in li a{
	position:					absolute;
	height:						208px;
	overflow:					hidden;
	padding:					140px 0 0 18px;
	line-height:				1.5;
	color:						#333;
	text-decoration:			none;
	top:						0px;
}

li#smenu1_in1 a{ 
	background: transparent url(../images/b1.jpg) top left no-repeat;
	width: 202px;
	left: 0px;
}
li#smenu1_in2 a{ 
	background: transparent url(../images/b2.jpg) top left no-repeat;
	width: 202px;
	left: 221px;
}
li#smenu1_in3 a{ 
	background: transparent url(../images/b3.jpg) top left no-repeat;
	width: 202px;
	left: 440px;
}
li#smenu1_in4 a{ 
	background: transparent url(../images/b4.jpg) top left no-repeat;
	width: 202px;
	left: 661px;
}

li#smenu1_in1 a:hover, 
li#smenu1_in2 a:hover, 
li#smenu1_in3 a:hover, 
li#smenu1_in4 a:hover{ 
	background-position: 0px -210px;
}

ul#menu2_in{
	position:					relative;
	top:						0px;
	width:						863px;
	height:						208px;
	list-style:					none;
	overflow:					hidden;
	padding:					0;
	margin:						2em 0 0 37px;
}
ul#menu2_in li a{
	position:					absolute;
	height:						208px;
	overflow:					hidden;
	padding:					140px 0 0 18px;
	line-height:				1.5;
	color:						#333;
	text-decoration:			none;
	top:						0px;
}

li#smenu2_in1 a{ 
	background: transparent url(../images/b5.jpg) top left no-repeat;
	width: 202px;
	left: 0px;
}
li#smenu2_in2 a{ 
	background: transparent url(../images/b6.jpg) top left no-repeat;
	width: 202px;
	left: 221px;
}
li#smenu2_in3 a{ 
	background: transparent url(../images/b9.jpg) top left no-repeat;
	width: 202px;
	left: 440px;
}
li#smenu2_in4 a{ 
	background: transparent url(../images/b10.jpg) top left no-repeat;
	width: 202px;
	left: 661px;
}

li#smenu2_in1 a:hover, 
li#smenu2_in2 a:hover, 
li#smenu2_in3 a:hover, 
li#smenu2_in4 a:hover{ 
	background-position: 0px -210px;
}

ul#menu3_in{
	position:					relative;
	top:						0px;
	width:						863px;
	height:						208px;
	list-style:					none;
	overflow:					hidden;
	padding:					0;
	margin:						2em 0 0 37px;
}
ul#menu3_in li a{
	position:					absolute;
	height:						208px;
	overflow:					hidden;
	padding:					140px 0 0 18px;
	line-height:				1.5;
	color:						#333;
	text-decoration:			none;
	top:						0px;
}

li#smenu3_in1 a{ 
	background: transparent url(../images/b11.jpg) top left no-repeat;
	width: 202px;
	left: 0px;
}
li#smenu3_in2 a{ 
	background: transparent url(../images/b12.jpg) top left no-repeat;
	width: 202px;
	left: 221px;
}
li#smenu3_in3 a{ 
	background: transparent url(../images/b13.jpg) top left no-repeat;
	width: 202px;
	left: 440px;
}
li#smenu3_in4 a{ 
	background: transparent url(../images/b14.jpg) top left no-repeat;
	width: 202px;
	left: 661px;
}

li#smenu3_in1 a:hover, 
li#smenu3_in2 a:hover, 
li#smenu3_in3 a:hover, 
li#smenu3_in4 a:hover{ 
	background-position: 0px -210px;
}

ul#menu4_in{
	position:					relative;
	top:						0px;
	width:						863px;
	height:						208px;
	list-style:					none;
	overflow:					hidden;
	padding:					0;
	margin:						2em 0 0 37px;
}
ul#menu4_in li a{
	position:					absolute;
	height:						208px;
	overflow:					hidden;
	line-height:				1.5;
	color:						#333;
	text-decoration:			none;
	top:						0px;
}

li#smenu4_in1 a{ 
	background: transparent url(../images/b15.jpg) top left no-repeat;
	width: 202px;
	left: 0px;
	padding:					140px 0 0 18px;
}
li#smenu4_in2 a{ 
	background: transparent url(../images/b16.jpg) top left no-repeat;
	width: 202px;
	left: 221px;
	padding:					135px 0 0;
	text-align:	center;
	font-size:	10pt;
}
li#smenu4_in3 a{ 
	background: transparent url(../images/b7.jpg) top left no-repeat;
	width: 213px;
	left: 440px;
	padding:					300px 0 0 18px;
}
li#smenu4_in4 a{ 
	background: transparent url(../images/b8.jpg) top left no-repeat;
	width: 209px;
	left: 653px;
	padding:					300px 0 0 0;
}

li#smenu4_in1 a:hover, 
li#smenu4_in2 a:hover, 
li#smenu4_in3 a:hover, 
li#smenu4_in4 a:hover{ 
	background-position: 0px -210px;
}


#body {
	background:					url(../images/bg2.png) bottom no-repeat;
	width: 						937px;
}
#body_in {
	width: 						862px;
	margin:						0 0 0 38px;
	padding:					0 0 20px;
}


ul#leftmenu {
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 90px;
	list-style-type: none;
	float:						left;
	margin:	0 0 3em;
}
ul#leftmenu li a {
	position: absolute;
	overflow: hidden;
	width: 200px;
	padding:					200px 0 0;
}

li#lmenu_in1 a {
	background: url(../images/b6.png) no-repeat 0px 0px;
	height: 90px;
	top: 0px;
}

li#lmenu_in1 a:hover {
	background-position: -205px 0;
}

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

カタログも入れた、縦２つメニューの場合。

ul#leftmenu {
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 190px;
	list-style-type: none;
	float:						left;
	margin:	0 0 3em;
}
ul#leftmenu li a {
	position: absolute;
	overflow: hidden;
	width: 200px;
	padding:					200px 0 0;
}

li#lmenu_in1 a {
	background: url(../images/b5.png) no-repeat 0px 0px;
	height: 90px;
	top: 0px;
}
li#lmenu_in2 a {
	background: url(../images/b6.png) no-repeat 0px 0px;
	height: 90px;
	top: 100px;
}

li#lmenu_in1 a:hover, 
li#lmenu_in2 a:hover {
	background-position: -205px 0;
}

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


#topics {
	width: 						512px;
	margin:						0 0 0 36px;
	padding:					4px 0 0;
	float:						left;
}
#topics h2 {
	float:						left;
	margin:						0 0 3px;
}

#topics p.fr {
	float:						right;
	color:						#cc0000;
	padding:					5px 0 0;
}

#topics ul#line {
	width: 						512px;
	clear:						both;
	border-top:					1px dashed #666;
	margin:						0 0 21px;
}
ul#line li.linein {
	padding:					1em 15px;
	list-style:					none;
	line-height:				1.5;
	border-bottom:				1px dashed #666;
}

#leftin {
	float:						left;
	padding:					0 0 0 15px;
}
#leftin li {
	background-image:			url(../images/point.png);
	background-repeat:			no-repeat;
	padding:					0 0 5px 18px;
	list-style:					none;
}

#rightin {
	float:						left;
	padding:					0 0 0 35px;
}
#rightin li {
	background-image:			url(../images/point.png);
	background-repeat:			no-repeat;
	padding:					0 0 5px 18px;
	list-style:					none;
}

#logo {
	float:						right;
	margin:						0 0 8em;
}

.c {
	text-align:					center;
	clear:						both;
}
.link {
	text-align:					center;
	clear:						both;
	line-height:				1.7;
}

#copy {
	background:					url(../images/copy.png) no-repeat;
	width:						937px;
	height:						60px;
	margin:						0 auto;
	text-align: 				left;
}
#copy p {
	padding:					1.3em 0 0;
	margin:						0 0 0 4em;
	color:						#996633;
}
#copy a {
	color: 						#ad8751;
	text-decoration:			none;
}

#copy a:link {
	color: 						#ad8751;
}

#copy a:visited {
	text-decoration:			none;
}

#copy a:hover {
	color: 						#8a6029;
	text-decoration:			underline;
}

#copy a:active {
	color: 						#8a6029;
	text-decoration:			underline;
}



/*-----------------------------------------------
 Menu
-----------------------------------------------*/

#wrapper1 {
	background:					url(../images/bg2.png) bottom no-repeat;
	width:						937px;
	margin:						0 auto;
	padding:					0 auto;
	text-align: 				left;
}

#second {
	background:					url(../images/header_bg.png) no-repeat;
	width:						937px;
	height:						120px;
}
#second ul {
	float:						left;
	padding:					14px 0 0 35px;
	vertical-align:				top;
}
#second li {
	background-image:			url(../images/point.png);
	background-repeat:			no-repeat;
	padding:					0 0 6px 18px;
	list-style:					none;
}

#main {
	width: 						880px;
	padding:					0 0 30px 30px;
	clear:						both;
}