@charset "shift_jis";


body {
	font-family: ???C???I, "?l?r ?o?S?V?b?N", Osaka, "?q???M?m?p?S Pro W3";
	font-size: 75%;		/*?S?̓I?ȕ????T?C?Y?ݒ??ӏ?*/
	line-height: 2;
	color: white;		/*?S?̓I?ȕ????F?ݒ??ӏ?*/
	margin: 0;
	padding: 0;
	text-align: center;
	background: blue url(images/bg.gif) repeat-x 50% top;	/*?ǎ??Ɣw?i?F?Bimages?t?H???_?ɓ??BĂ???bg.gif?þÝ?(repeat-x)?ŏ㕔(top)?ɔz?u???????B*/
}

h1,h2,h3,h4,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

.fla {
	text-align: center;
	height: 200px;
	background: #000102;
	padding-top: 100px;
	color: #999999;
}

.color1 {
	color: aqua;
}

.look {
	background: #e8edf1;
}



/*?R???e?i?[?iHP?S?̘̂g?g?݁j
------------------------------------------------------------------------------------------*/
#container {
	width: 900px;		/*HP?̕?*/
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: #ffffff url(images/container_bg.gif) repeat-y;	/*?w?i?F?ÙÞɁBimages?t?H???_?ɓ??BĂ???container_bg.gif???c?Ƀ??s?[?g(repeat-y)?B*/
}




/*?w?b?_?[
------------------------------------------------------------------------------------------*/
#header { background-image: url(images/header_bg.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: relative;	/*?w?b?_?[?̔w?i?F?ƕǎ??Bimages?t?H???_??headder_bg.gif???z?u?????Ă????B*/
}

#header h1 {
	font-size: 10px;	/*h1?^?O?̕????T?C?Y*/
	color: #fafafa;		/*?????F*/
	line-height: 1.2;
	position: absolute;	/*?w?b?_?[?ɑ΂??Đ??Δz?u???????w??*/
	left: 20px;			/*?w?b?_?[?ɑ΂??Ẳ??????̈ʒu?w??*/
	top: 5px;			/*?w?b?_?[?ɑ΂??Ă̏ォ???̈ʒu?w??*/
	font-weight: normal;
}

#header img {
	vertical-align: top;
	padding-top: 18px;
}




/*?i?r???j???[?i???C?????j???[?̉E???ɂ??鏬???ȃ??j???[?j
------------------------------------------------------------------------------------------*/
#nav {
	position: absolute;	/*?w?b?_?[?ɑ΂??Đ??Δz?u???????w??*/
	top: 72px;			/*?w?b?_?[?ɑ΂??Ă̏ォ???̈ʒu?w??*/
	right: 0px;			/*?w?b?_?[?ɑ΂??ẲE?????̈ʒu?w??*/
	line-height: 26px;
	background: url(images/nav_bg.gif);
	padding-left: 50px;
	font-size: 11px;	/*?i?r???j???[?̕????T?C?Y*/
}

#nav li {
	float: left;
	width: 10em;		 /*IE7?̃??C???I?t?H???g????8em?i8?????j???ɂ????\???????Ȃ??̂Œ???*/
	overflow: hidden;
	height: 21px;
}

#nav li a {
	color: #FFFFFF;		/*?????F*/
	text-decoration: none;	/*?ʏ탊???N?̉??????O???w???B???????o???????Ȃ炱?̂P?s???ۂ??ƍ폜?B*/
	background: url(images/arrow1.gif) no-repeat left center;	/*???̐Ԃ??????ݒ??B*/
	padding-left: 13px;
}

#nav a:hover {
	color: #e60012;		/*?J?[?\?????悹?????̕????F*/
	background: url(images/arrow1.gif) no-repeat 2px center;	/*?J?[?\?????悹?????ɖ?????2px???????????ݒ??B*/
}



/*???C?????j???[
------------------------------------------------------------------------------------------*/
ul#menu li {
	float: left;
	height: 66px;
	width: 150px;
}
ul#menu img {
	vertical-align: top;
}



/*?R???e???c
------------------------------------------------------------------------------------------*/
#contents {
	clear: left;	/*???C?????j???[??float????*/
	width: 100%;
}



/*???C???R???e???c?i?????u???b?N?j
------------------------------------------------------------------------------------------*/
#main {
	float: left;
	width: 570px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 100px;
	display: inline;
}

#main h2 {
	background: blue url(images/h2_bg.gif) no-repeat;	/*h2???o???̔w?i?摜?Ɣw?i?F?ݒ??B*/
	height: 45px;
	font-size: 110%;	/*?????T?C?Y*/
	color: #ffffff;		/*?????F*/
	padding-left: 15px;
	line-height: 45px;
	overflow: hidden;
}

#main p {
	padding: 0.5em 10px 1em;
}

#main a {
	color: white;	/*???C???R???e???c?̃????N?F?ݒ?*/
}

#main a:hover {
	color: #e60012;	/*???C???R???e???c?̃????N?̃J?[?\?????̂B????̐F*/
}



/*???C???R???e???c???́uWhat's New?v????
---------------------------------------------------------------------------*/
#main dl.new {
	width: 548px;		/*What's New?{?b?N?X?̕?*/
	height: 100px;		/*What's New?{?b?N?X?̍???*/
	overflow: auto;		/*???̐ݒ???iframe???Ɍ?????*/
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border-right: 1px solid #0060B2;	/*What's New?̃t?`?̉E???C???B*/
	border-bottom: 1px solid #0060B2;	/*What's New?̃t?`?̉????C???B*/
	border-left: 1px solid #0060B2;		/*What's New?̃t?`?̍????C???B*/
	background: #e8edf1;	/*What's New?{?b?N?X?̔w?i?F*/
}

#main dt {
	font-weight: bold;	/*???t?ßϞ??ɁB?ʏ??̑??????????Ȃ??A????1?s???ۂ??ƍ폜?B*/
	color: #00c;		/*???t?̕????F???i#0D3F69?j??*/
}

#main dd { color: black; border-bottom: 1px dotted #1d5f87;	/*?־???̉???1px?̓_??(dotted)??#1D5F87?̐F?œ??????B*/
}



/*?̔????X?g?y?[?W?̃{?b?N?X?ݒ?
---------------------------------------------------------------------------------------------------------*/
.box {
	width: 570px;	/*?e?[?u???̕?*/
	font-size: 100%;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px dashed #0D3F69;	/*?e?[?u???̉???#0D3F69?̐F?œ_??(dashed)?????????ݒ??B???????????Ȃ?solid?ɂ????B*/
	margin-bottom: 10px;
}

.box td{
	padding-bottom: 10px;
	vertical-align: top;
}

/*???i???ݒ?*/
.box h4 {
	border-bottom: 1px solid #0D3F69;	/*???i???̉???1px????#0D3F69?F?̒???????????*/
	border-left: 4px solid #0D3F69;		/*???i???̍???4px????#0D3F69?F?̒???????????*/
	padding-left: 5px;
	font-size: 120%;		/*?????T?C?Y*/
	position: relative;
}

/*???i?ݒ?*/
.box h4 span {
	position: absolute;
	right: 0px;
	color: #e60012;	/*???i?̕????F*/
}

/*SOLD OUT?\???ݒ?*/
.box .soldout { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom;
		/*SOLD OUT?摜???E???ɔz?u???????B*/
}

/*?{?b?N?X???ɂ????摜?̐ݒ?*/
.box img {
	padding: 4px;				/*?ʐ^?ƃt?`???̊Ԃɂ????]??*/
	border: 1px solid #cccccc;	/*?ʐ^?̃t?`?ݒ??Bsolid?͒????Ƃ????Ӗ??B*/
	margin: 2px;
}

.box a:hover img {
	border: 1px solid #333333;	/*?摜?ɃJ?[?\?????̂B????̃??C???F?ύX?ݒ??B*/
}




/*?T?u?R???e???c?i?E???u???b?N?j
------------------------------------------------------------------------------------------*/
#sub {
	float: right;
	width: 270px;
	color: #ffffff;		/*?T?u?R???e???c?̕????F*/
	background: blue;
	margin: 15px 15px 100px;
	display: inline;
}

#sub a {
	color: #ffffff;		/*?T?u?R???e???c?̃????N?̕????F*/
	background: blue;
}

#sub a:hover {
	color: #e60012;		/*?T?u?R???e???c?̃????N?ɃJ?[?\?????̂B????̕????F*/
}

#sub p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#sub h3 {
	background: #000203 url(images/h3_bg.gif) repeat-x top;
	line-height: 31px;
	text-align: center;		/*???????Z???^?????O?B???悹?ł????Ȃ炱?̂P?s???ۂ??ƍ폜?B*/
	letter-spacing: 0.2em;	/*?????Ԋu?þϞ??L?????ݒ??B*/
	font-size: 100%;
}




/*?t?b?^?[
------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	text-align: center;
	background: #000102;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
}

#footer a {
	color: #FFFFFF;
	background: #000102;
}
.mainemedia { float: left; margin-right: 12px; }
.sidemedia { float: left; margin-right: 12px; border-color: #00f; border-width: 1px; }
.table { float: left; margin-right: 12px; outline: solid 2px #00f; }
.hai  { color: #999; }