@charset "utf-8";

.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
	margin:0;
	padding:0;
}


html,body{
	height: 100%;
	background:#FFFFFF;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

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

* html div#container{
    height:100%;
}



div#container{
	width: 100%;
	min-width: 1000px;
	background:#FFFFFF url(../images/_common/bg_grid.gif) repeat-x center top;
	position: relative;
	height: auto !important; /*IE6対策*/
	height: 100%;
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}

body > #container {
        height: auto;
}

img {
	margin: 0px;
	padding: 0px;
	-ms-interpolation-mode: bicubic;
    behavior: expression(IEPNGFIX.fix(this));
	border: none;
}

/*---link---*/
a:link,a:visited{
	color:#6B818F;
	text-decoration: underline;
}
a:hover,a:active{
	color:#B6BAC6;
	text-decoration: none;
}
/*---link end---*/

/*---layout---*/

#wrap{
	display: block;
	width: 1000px;
	position: relative;
	height: auto !important; /*IE6対策*/
	height: 100%;
	width: 100%;
	/*overflow: hidden;*/
	text-align:center;
}

/*BACKGROUND*/

#bg_circle{position:absolute;left:50%;top:-45px;margin-left:-840px}
#bg_circle2{position:absolute;left:50%;top:-45px;margin-left:-840px}
#bg_ship1{position:absolute;left:50%;top:460px;margin-left:-705px}
#bg_ship2{position:absolute;left:50%;top:491px;margin-left:-520px}
#bg_tgl1{position:absolute;left:50%;top:635px;margin-left:-705px}
#bg_tgl2{position:absolute;left:50%;top:499px;margin-left:-852px}
#bg_tgl3{position:absolute;left:50%;top:235px;margin-left:-840px}
#bg_icon1{position:absolute;left:50%;top:537px;margin-left:-663px}
#bg_icon2-1{position:absolute;left:50%;top:283px;margin-left:-630px}
#bg_icon2-2{position:absolute;left:50%;top:292px;margin-left:-865px}
#bg_icon2-3{position:absolute;left:50%;top:558px;margin-left:-709px}
#bg_icon2-4{position:absolute;left:50%;top:674px;margin-left:-820px}

#bg_icon3-1{position:absolute;left:50%;top:102px;margin-left:-567px}
#bg_icon3-2{position:absolute;left:50%;top:192px;margin-left:-87px}
#bg_icon3-3{position:absolute;left:50%;top:264px;margin-left:-700px}
#bg_icon3-4{position:absolute;left:50%;top:378px;margin-left:-851px}
#bg_icon3-5{position:absolute;left:50%;top:376px;margin-left:-733px}
#bg_icon3-6{position:absolute;left:50%;top:367px;margin-left:-617px}
#bg_icon3-7{position:absolute;left:50%;top:521px;margin-left:-712px}
#bg_icon3-8{position:absolute;left:50%;top:680px;margin-left:-838px}
#bg_icon3-9{position:absolute;left:50%;top:644px;margin-left:-680px}
#bg_icon3-10{position:absolute;left:50%;top:816px;margin-left:-532px}

/*HEADER*/

#header{
	width:1000px;
	margin:0 auto 0;
	position:relative;
	padding:20px 0 0;
	text-align:left}
	
#list-area{
	width:660px;
	margin-left:30px;
	display:inline-block;
	vertical-align:top;
}

#list-area ul{
	padding:10px 10px 10px 185px;
	border-bottom:dashed 1px #D5DBE6;
}

#list-area ul.line2{
	background:url(../images/_common/header_tv.png) no-repeat left 10px;
	border-bottom:none;}
	
#list-area ul.line3{
	background:url(../images/_common/header_movie.png) no-repeat left 10px;
	padding-top:12px}

/*#list-area ul.line2{
	background:url(../images/_common/header_tv.png) no-repeat left 10px;}
	
#list-area ul.line3{
	background:url(../images/_common/header_movie.png) no-repeat left 10px;
	border-bottom:none;
	padding-top:12px}*/

#list-area ul.line4{
	background:url(../images/_common/header_movie.png) no-repeat left 35px;
	padding-top:15px}
#list-area ul.line5{
	text-align:right;
	border-bottom:none;
	padding-top:12px}
	
#list-area ul.line6{
	text-align:right;
}

#list-area ul.line7{
	background:url(../images/_common/header_tv.png) no-repeat 15px 12px;
	border-bottom:none;
	padding-top:15px;
	padding-left:210px;}

#list-area ul li{
	display:inline;
	margin-right:20px;
	font-size:16px;
	font-weight:bold;
}

#list-area ul.line5 li{
	margin-right:-5px;
}

#list-area ul.line6 li{
	margin-right:-5px;
}

#list-area a:link,#list-area a:visited{
	color:#2B2B2B;
	text-decoration: none;
}
#list-area a:hover,#list-area a:active{
	color:#B6BAC6;
	text-decoration: none;
}

/*menu-area*/

#menu-area{
	width:1000px;
	margin:10px auto 3px;
	background:url(../images/_common/menu_bg.png) no-repeat center 15px;
	padding:5px 0;
}

#menu-area ul{
	margin:0 0 0 35px}
	
#menu-area ul li{
	display:inline;
	margin-left:23px;
	margin-right:23px;
	text-shadow: #FFF 1px 1px 0px, #FFF -1px 1px 0px,
             #FFF 1px -1px 0px, #FFF -1px -1px 0px;
	
	font-size:16px;
	font-weight:bold;
}
	
#menu-area a:link,#menu-area a:visited{
	color:#2B2B2B;
	text-decoration: none;
}
#menu-area a:hover,#menu-area a:active{
	color:#B6BAC6;
	text-decoration: none;
}
	
/*HEADER END*/

#main {
	width:1000px;
	/*height:auto;*/
	margin:0 auto;
	/*background:url(../img/0307/main_bg.png) no-repeat 500px 5px;*/
	text-align:left;
	position:relative;
}


/*footer*/

#footer-wrap{
	width:100%;
	min-width:1200px;
	margin:28px auto 0;
	height:auto;
	background:#000000;
	color:#FFFFFF;
	text-align:center;
}

#footer{
	width:1000px;
	margin:0 auto;
	padding:20px 0 0;
	text-align:center;
	position:relative;
}

#footer ul{
	width:980px;
	padding:10px;
	margin:0 auto;
	text-align:left;
	border-bottom:solid 1px #65686B;
}

#footer ul li{
	display:inline;
	vertical-align:middle;
}

#footer a:link,#footer a:visited{
	color:#FFFFFF;
	text-decoration: none;
}
#footer a:hover,#footer a:active{
	color:#B6BAC6;
	text-decoration: none;
}

#footer ul li .icon{
	margin:0 3px 7px 0;
}

#footer .line1 li{margin:0 10px 0 18px;font-size:20px}
#footer .line2 li{margin:0 8px 0 15px;font-size:16px}
#footer .line3 li{margin:0 8px 0 15px;font-size:16px}


#footer #footer_tv,#footer #footer_movie{font-size:24px}

/*#footer .line3 li#footer_movie{margin-right:38px}*/

#footer #banner{
	width:1000px;
	margin:50px auto 0;
	padding-bottom:30px;
	text-align:left;
}

#footer #banner img{
	margin-right:10px;
}

#footer #copyright{
	position:absolute;
	right:0;
	bottom:15px;
	color:#FFFFFF;
}

#footer #copyright img{
	margin-bottom:3px}

/*common*/
.box350{width:350px;margin:0 auto 1.5em;}
.box700{width:700px;margin:0 auto 1.5em;}
.box780{width:780px;margin:0 auto 1.5em;}
.box850{width:850px;margin:0 auto 1.5em;}
.box870{width:870px;margin:0 auto 1.5em;}
.box900{width:900px;margin:0 auto 1.5em;}
.box960{width:960px;margin:0 auto 1.5em;}

.box_btm{
	width:960px;
	margin:1.5em auto 20px}

/*---layout end---*/

/*---fontSize---*/

p{line-height:1.5em;}

.txt-xxl{font-size:1.5em}
.txt-xl{font-size:1.3em}
.txt-l{font-size:1.2em}
.txt{font-size:1.0em}
.txt-m{font-size:0.9em}
.txt-mm{font-size:0.8em}
.txt-s{font-size:0.7em}
.txt-ss{font-size:0.6em}

.txt-xxl_b{font-size:1.5em;font-weight:bold}
.txt-xl_b{font-size:1.3em;font-weight:bold}
.txt-l_b{font-size:1.2em;font-weight:bold}
.txt_b{font-size:1.0em;font-weight:bold}
.txt-m_b{font-size:0.9em;font-weight:bold}
.txt-mm_b{font-size:0.8em;font-weight:bold}
.txt-s_b{font-size:0.7em;font-weight:bold}
.txt-ss_b{font-size:0.6em;font-weight:bold}

.space-nar{letter-spacing:-0.1em}
.space-wide{letter-spacing:0.5em}

/*---fontSize end---*/

/*---color---*/
.bla{color:#000000}
.bla-l{color:#252525}
.gra-d{color:#6B818F}
.gra{color:#B2BFC6}
.gra-l{color:#B6BAC6}
.wh{color:#FFFFFF}
.red{color:#D90000}
.blu{color:#32429A}
.pur{color:#8C86BA}
.gld{color:#CCA455}
.rose{color:#893467}
.rav{color:#AF6DF1}
.grn{color:#1E8763}
.mgd{color:#E12D83}
.ora{color:#D93600}

/*---color end---*/

/*---tips---*/

#md_win iframe{
	/*border:solid 1px #6B818F;*/
}

.bn{border-bottom:none}

.mn{margin:0;}

.cb{clear:both}

.b-btm{
	border-bottom:dashed 1px #D5DBE6;
	margin:10px auto ;
}

.b-top{
	border-top:dashed 1px #D5DBE6;
	margin:10px auto ;
}

.b-right{
	border-right:dashed 1px #D5DBE6;
}

.b-left{
	border-left:dashed 1px #D5DBE6;
}

.t-l{text-align:left;}
.t-r{text-align:right;}
.t-c{text-align:center;}

.fl-r{float:right;}
.fl-l{float:left;}

.mar-t80{
	margin-top:80px;
}

.mar-t20{
	margin-top:20px;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */