@charset "UTF-8";

body{
	margin:0;
	padding:0;
	background-color:#000;
	text-align:center;
	color:#000;
}

h1,h2,h3,p{
	margin:0;
	padding:0;
}

ul,li{
	margin:0;
	padding:0;
	list-style:none;
}

img{
	border:none;
}

#container{
	margin:auto;
	text-align:left;
	background-color:#FFF;
	display:block;
}

#title{
	margin:0 auto;
	width:980px;
	height:137px;
	background-image:url(../img/title_bg.jpg);
	background-repeat:no-repeat;
	display:block;
	position:relative;
}

#title #titleText{
	left:144px;
	top:19px;
	position:absolute;
}

#title #campaing{
	left:724px;
	top:35px;
	position:absolute;
}

#title #campaing a{
	width:248px;
	height:72px;
	background-image:url(../img/title_btn_cp.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}

#title #campaing a:hover{
	background-position:0 -72px;
}

#title #navi{
	left:149px;
	top:83px;
	position:absolute;
}

#title #navi .naviItem01,
#title #navi .naviItem02{
	float:left;
	margin:0 10px 0 0;
}

#title #navi .naviItem01 a{
	width:223px;
	height:27px;
	background-image:url(../img/title_link01.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}

#title #navi .naviItem02 a{
	width:223px;
	height:27px;
	background-image:url(../img/title_link02.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}

#title #navi .naviItem01 a:hover,
#title #navi .naviItem02 a:hover{
	background-position:0 -27px;
}

/* PE */

#sec01{
	margin:auto;
	padding-top:5px;
	width:980px;
	background-image:url(../img/sec01_bg.gif);
	background-repeat:no-repeat;
	background-color:#000;
	display:block;
}

#sec01 #sec01Spec{
	margin-left:34px;
	position:relative;
	display:block;
	height:458px;
}

#sec01 #sec01Spec #sec01Title{
	top:8px;
	width:913px;
	height:49px;
	position:absolute;
	background-image:url(../img/sec1_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sec01 #sec01Spec #sec01Text01{
	left:12px;
	top:70px;
	width:360px;
	height:28px;
	position:absolute;
	background-image:url(../img/sec1_text01.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sec01 #sec01Spec #sec01Text02{
	left:12px;
	top:113px;
	width:361px;
	height:59px;
	position:absolute;
	background-image:url(../img/sec1_text02.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sec01 #sec01Spec #sec01Text03{
	left:12px;
	top:182px;
	width:384px;
	height:63px;
	position:absolute;
	background-image:url(../img/sec1_text03.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sec01 #sec01Spec #sec01Text04{
	left:330px;
	top:256px;
	width:462px;
	height:21px;
	position:absolute;
	background-image:url(../img/sec1_text04.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sec01 #sec01Spec #sec01Text05{
	left:143px;
	top:325px;
	width:229px;
	height:73px;
	position:absolute;
	background-image:url(../img/sec1_text05.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sec01 #sec01Spec #sec01Text06{
	left:608px;
	top:326px;
	width:232px;
	height:72px;
	position:absolute;
	background-image:url(../img/sec1_text06.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}


#sec01 #sec01Spec #sec01jacket01{
	left:375px;
	top:0px;
	position:absolute;
}

#sec01 #sec01Spec #sec01jacket02{
	left:8px;
	top:307px;
	position:absolute;
}

#sec01 #sec01Spec #sec01jacket03{
	left:473px;
	top:307px;
	position:absolute;
}

#sec01 #sec01Spec #sec01Link01{
	left:11px;
	top:256px;
	position:absolute;
}

#sec01 #sec01Spec #sec01Link02{
	left:143px;
	top:414px;
	position:absolute;
}

#sec01 #sec01Spec #sec01Link03{
	left:608px;
	top:414px;
	position:absolute;
}

#sec01 #sec01Copyright{
	text-align:right;
	margin:0 33px 13px 0;
}

/* PE Comment */

#sec01 #sec01Comment{
	margin:0 33px 0 34px;
	display:block;
	background-image:url(../img/sec01_comment_bg.gif);
	background-repeat:repeat-y;
}

#sec01 #sec01Comment #sec01Comment01{
	padding:0 0 0 12px;
	width:423px;
	float:left;
}

#sec01 #sec01Comment #sec01Comment02{
	padding:0 0 0 42px;
	width:423px;
	float:left;
}

#sec01 #sec01Comment #sec01CommentFix{
	clear:both;
	height:10px;
	display:block;
	background-color:#b3b3b3;
}

.commentText{
	color:#000;
	font-size:12px;
	line-height:1.8em;
}

.rightsName{
	text-align:right;
}

/* PE Link */

#sec01 #sec01Link{
	padding:10px 0 10px 505px;
}

#sec01 #sec01Link a{
	width:442px;
	height:26px;
	background-image:url(../img/sec01_btn_ost.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	display:block;
}

#sec01 #sec01Link a:hover{
	background-position:0 -26px;
}


/* DOD */

#sec02{
	margin:auto;
	padding:21px 0 0 0;
	width:980px;
	background-image:url(../img/sec02_bg.gif);
	background-repeat:no-repeat;
	background-color:#000;
	display:block;
	position:relative;
}

#sec02 #sec02Title{
	margin:0 0 0 34px;
	width:913px;
	height:49px;
	background-image:url(../img/sec02_title.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sec02 #sec02Text01{
	margin:12px 0 0 46px;
	width:618px;
	height:23px;
	background-image:url(../img/sec02_text01.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sec02 #sec02Text02{
	margin:23px 0 0 46px;
	width:498px;
	height:32px;
	background-image:url(../img/sec02_text02.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#sec02 #sec02Link{
	margin:18px 0 0 46px;
	padding-bottom:18px;
}

#sec02 #sec02Jacket{
	top:34px;
	left:743px;
	position:absolute;
}


/* FOOTER */

#footer{
	width:980px;
	height:47px;
	margin:auto;
	display:block;
}

#footerMusic{
	margin:14px 0 0 10px;
	float:left;
	
}

#footerMusic a{
	width:158px;
	height:20px;
	background-image:url(../img/footer_sem.gif);
	text-indent:-9999px;
	display:block;
}

#bgm{
	float:left;
	margin:15px 0 0 10px;
}

.clearfix{
	clear:both;
}