@charset "shift_jis";
/* CSS Document */

div#TopHeaderArea {
	float: left;
	position: relative;
	width:975px;
	height: 490px;
	/*background: url(../img/top/headerBK.jpg) no-repeat;*/
}

div#TopHeaderArea h2{
	float: left;
	font-size: 12px;
	font-family: "MS PGothic";
	font-weight: normal;
	color: #FFFFFF;
	padding: 3px 0 0 5px;
}

div#TopHeaderArea img.img01{
	position: absolute;
	left: 31px;
	top: 30px;}

div#TopHeaderArea img.img02{
	position: absolute;
	left: 689px;
	top: 30px;}

div#TopHeaderArea img.img03{
	position: absolute;
	left: 24px;
	top: 365px;}

div#TopHeaderArea img.img04{
	position: absolute;
	left: 751px;
	top: 365px;}

div#TopHeaderArea ul#mainmenu{
	position: absolute;
	width: 975px;
	left: 0;
	top: 453px;}

div#TopHeaderArea ul#mainmenu li{ float: left; list-style: none;}

div#TopHeaderArea ul#mainmenu li a{
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;}
	
div#TopHeaderArea ul#mainmenu li#menu01 a {
	width: 59px;
	height: 37px;
	background:url(../img/common/menu_01.jpg) top left no-repeat;}

div#TopHeaderArea ul#mainmenu li#menu02 a {
	width: 162px;
	height: 37px;
	background:url(../img/common/menu_02.jpg) top left no-repeat;}

div#TopHeaderArea ul#mainmenu li#menu03 a {
	width: 120px;
	height: 37px;
	background:url(../img/common/menu_03.jpg) top left no-repeat;}

div#TopHeaderArea ul#mainmenu li#menu04 a {
	width: 63px;
	height: 37px;
	background:url(../img/common/menu_04.jpg) top left no-repeat;}

div#TopHeaderArea ul#mainmenu li#menu05 a {
	width: 84px;
	height: 37px;
	background:url(../img/common/menu_05.jpg) top left no-repeat;}

div#TopHeaderArea ul#mainmenu li#menu06 a {
	width: 109px;
	height: 37px;
	background:url(../img/common/menu_06.jpg) top left no-repeat;}

div#TopHeaderArea ul#mainmenu li#menu07 a {
	width: 93px;
	height: 37px;
	background:url(../img/common/menu_07.jpg) top left no-repeat;}

div#TopHeaderArea ul#mainmenu li#menu08 a {
	width: 181px;
	height: 37px;
	background:url(../img/common/menu_08.jpg) top left no-repeat;}
	
div#TopHeaderArea ul#mainmenu li#menu09 a {
	width: 104px;
	height: 37px;
	background:url(../img/common/menu_09.jpg) top left no-repeat;}
	
/*CONTENTS
-------------------------------------------------------*/

div#TopContentContainer {
	float: left;
	width: 975px;
	margin-top: 14px;}

div#TopContentContainerInner {
	float: left;
	width: 975px;
	margin-top: 14px;}

div#TopContentMid02 {
	float: left;
	width: 975px;}

div#TopContentMid02A {
	float: left;
	width: 376px;}

div#TopContentMid02 img.imgmid01{
	float: left;
	margin-left: 15px;}

div#TopContentMid02 img.imgmid02{
	float: left;}

div#TopContentMid02 img.imgmid03{ float: left;}

div#TopContentMid02 h3{
	float: left;
	width: 180px;
	font-size: 12px;
	color: #3C3C3C;
	line-height: 150%;
	font-family: MS PGothic;
	font-weight: normal;
	text-align: left;}

div#TopContentMid02 h4{
	float: left;
	width: 180px;
	font-size: 12px;
	color: #3C3C3C;
	line-height: 150%;
	font-family: MS PGothic;
	font-weight: bold;
	text-align: left;}

div#TopContentMid02 h4 a{
	text-decoration: underline;
}

/*--------------------------------------------*/
div#TopContentMid02B {
	float: left;
	width: 270px;}

div#TopContentMid02B img{
	float: left;
}

/*--------------------------------------------*/
div#TopContentMid02C {
	float: left;
	width: 312px;
	height: 135px;
	background: url(../img/top/topmid02_image06_bk.jpg) top left no-repeat;}

div#TopContentMid02C img{
	float: left;
	margin: 11px 0 0 11px;}

div#TopContentMid02C h3{
	margin: 13px 0 0 11px;}

div#TopContentMid02C h4{
	margin: 0 0 0 11px;}

/*--------------------------------------------*/

div#TopContentMid02C_2 {
	padding-top:13px;	
}

/*--------------------------------------------*/

div#TopContentMid02D {
	float: left;
	width: 627px;
	height: 154px;
	background: url(../img/top/top_cd_back.jpg) top no-repeat;}

div#TopContentMid02D img.cd_button {
	margin: 116px 0 0 0;}

/*--------------------------------------------*/

div#TopOfferArea {
	float: left;
	width: 945px;
	height: 658px;
	margin: 16px 0 0 13px;
	_margin: 16px 0 0 6px;
	padding-top: 16px;
	background: url(../img/top/top_offerbk.jpg) top left no-repeat;}

div#TopOfferAreaInner {
	float: left;
	position: relative;
	width: 945px;
	height: 658px;
}

div#TopContentDVD {
	float: left;
	width: 975px;
	height: 220px;
	background:url(../img/top/topmidbk.jpg) top left no-repeat;}

div#TopContentDVDLeftContainer {
	float: left;
	position: relative;
	width: 642px;
	height: 200px;
	margin: 13px 0 0 9px;
	_margin: 13px 0 0 4px;
}

div#TopContentDVDLeftContainer img.dvdimg01{
	position: absolute;
	top: 3px;
	left: 0; }

div#TopContentDVDLeftContainer img.dvdimg02{
	position: absolute;
	top: 3px;
	left: 90px; }
	
div#TopContentDVDLeftContainer img.dvdimg03{
	position: absolute;
	top: 45px;
	left: 85px; }

div#TopContentDVDLeftContainer img.dvdimg04{
	position: absolute;
	top: 45px;
	left: 269px; }

div#TopContentDVDLeftContainer img.dvdimg05{
	position: absolute;
	top: 45px;
	left: 454px; }
	
div#TopFlashContainer {
	float: left;
	margin: 18px 0 0 2px;
	width: 317px;
	height: 181px;}

div#TopContentContainer{
	float: left;
	width: 975px;
	background:url(../img/top/topmidbk02.jpg) top left repeat-y;}

div#TopBlogparts {
	float: left;
	padding: 0 15px;
	width: 945px;}

div#TopBlogparts img#FootBlog01{ float: left;}
div#TopBlogparts img#FootBlog02{ float: right;}

/*-----------------------------------------------------*/

img#Order_Offers_Heading {
	position: absolute;
	top: 0;
	left: 17px;
}

img#Order_Offers_HeadingLower {
	position: absolute;
	top: 50px;
	left: 193px;
}

img#Order_Offers_Subheading {
	position: absolute;
	top: 64px;
	left: 12px;
}

img#Order_Offers_Subheading_Text {
	position: absolute;
	top: 137px;
	left: 153px;
}

img#Order_Offers_Subheading_Text02 {
	position: absolute;
	top: 162px;
	left: 134px;
}

img#Order_Offers_Subheading_Link {
	position: absolute;
	top: 162px;
	left: 636px;
}

img#Order_Offers_Disc01 {
	position: absolute;
	top: 79px;
	left: 48px;
}

img#Order_Offers_Disc01_Text {
	position: absolute;
	top: 116px;
	left: 155px;
}

img#Order_Offers_Disc01_Button {
	position: absolute;
	top: 184px;
	left: 17px;
}

ul#Order_Offers_Disc01_Desc {
	position: absolute;
	top: 215px;
	left: 20px;
	width: 290px;
}

ul#Order_Offers_Disc01_Desc li {
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #3C3C3C;
	text-align: left;
	line-height: 1.5;
}
	
ul#Order_Offers_Disc01_Desc img {
	float: left;
	margin: 2px 0px 0px 0px;
}

img#Order_Offers_Disc02 {
	position: absolute;
	top: 79px;
	left: 356px;
}

img#Order_Offers_Disc02_Text {
	position: absolute;
	top: 116px;
	left: 464px;
}

img#Order_Offers_Disc02_Button {
	position: absolute;
	top: 184px;
	left: 326px;
}

p#Order_Offers_Disc02_Desc {
	position: absolute;
	top: 215px;
	left: 329px;
	width: 283px;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 12px;
	color: #3C3C3C;
	text-align: left;
	line-height: 1.5;
}

img#Order_Offers_Disc03 {
	position: absolute;
	top: 79px;
	left: 668px;
}

img#Order_Offers_Disc03_Text {
	position: absolute;
	top: 116px;
	left: 775px;
}

img#Order_Offers_Disc03_Button {
	position: absolute;
	top: 184px;
	left: 637px;
}

p#Order_Offers_Disc03_Desc {
	position: absolute;
	top: 215px;
	left: 639px;
	width: 283px;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 12px;
	color: #3C3C3C;
	text-align: left;
	line-height: 1.5;
}

img#Order_Offers_Middle {
	position: absolute;
	top: 327px;
	left: 313px;
}

img#Order_Offers_Gift01 {
	position: absolute;
	top: 410px;
	left: 18px;
}

img#Order_Offers_Gift01_Text {
	position: absolute;
	top: 410px;
	left: 120px;
}

img#Order_Offers_Gift01_Button {
	position: absolute;
	top: 433px;
	left: 120px;
}

ul#Order_Offers_Gift01_Desc {
	position: absolute;
	top: 465px;
	left: 122px;
	width: 180px;
}

ul#Order_Offers_Gift01_Desc li {
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #3C3C3C;
	text-align: left;
	line-height: 1.5;
	letter-spacing: -1px;
}
	
ul#Order_Offers_Gift01_Desc img {
	float: left;
	margin: 2px 0px 0px 0px;
}

img#Order_Offers_Gift02 {
	position: absolute;
	top: 410px;
	left: 328px;
}

img#Order_Offers_Gift02_Text {
	position: absolute;
	top: 410px;
	left: 430px;
}

img#Order_Offers_Gift02_Button {
	position: absolute;
	top: 433px;
	left: 430px;
}

p#Order_Offers_Gift02_Desc {
	position: absolute;
	top: 465px;
	left: 432px;
	width: 190px;
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #3C3C3C;
	text-align: left;
	line-height: 1.5;
}

img#Order_Offers_Gift03 {
	position: absolute;
	top: 410px;
	left: 636px;
}

img#Order_Offers_Gift03_Text {
	position: absolute;
	top: 410px;
	left: 720px;
}

img#Order_Offers_Gift03_Button {
	position: absolute;
	top: 433px;
	left: 722px;
}

p#Order_Offers_Gift03_Desc {
	position: absolute;
	top: 465px;
	left: 724px;
	width: 195px;
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #3C3C3C;
	text-align: left;
	line-height: 1.5;
	letter-spacing: -1px;
}

div#TopCommon_Button_Container {
	float: left;
	margin: 0;
	width: 945px;
	padding: 13px 13px 5px 13px;}

div#TopCommon_Button_ContainerLeft {
	float: left;
	width: 645px;
}

div#TopCommon_Button_Container img {
	float: left;
	margin-left: 0;}

div#TopCommon_Button_Container img.buttonorder {
	float: left;
	margin: 15px 0 0 10px;}
	
/* =============================================*/
/* 2008/10/30 韮澤 追加Start↓　				*/
/* =============================================*/
div#TopHeaderArea span.h2{
	float: left;
	font-size: 12px;
	font-family: "MS PGothic";
	font-weight: normal;
	color: #FFFFFF;
	padding: 3px 0 0 5px;
}

div#TopContentMid02 span.h3{
	float: left;
	width: 180px;
	font-size: 12px;
	color: #3C3C3C;
	line-height: 150%;
	font-family: MS PGothic;
	font-weight: normal;
	text-align: left;
}
	
div#TopContentMid02C span.h3{
	margin: 13px 0 0 11px;
}

div#TopContentMid02 span.h4{
	float: left;
	width: 180px;
	font-size: 12px;
	color: #3C3C3C;
	line-height: 150%;
	font-family: MS PGothic;
	font-weight: bold;
	text-align: left;
}

div#TopContentMid02 span.h4 a{
	text-decoration: underline;
}


div#TopContentMid02C span.h4{
	margin: 0 0 0 11px;}



/* =============================================*/
/* 2008/10/30 韮澤 追加End↑ 　				    */
/* =============================================*/
