@charset "shift-JIS";

/*
===============================================
	CONTENTS
-----------------------------------------------
	html,body
	contaner
	wrapper
	header

===============================================
*/

/*---------------------------------------------
	html,body
---------------------------------------------*/
body { text-align:center; background: url(../img/bg_contents.gif) repeat-y top center #C8C9CA;}

/*---------------------------------------------
	contaner
---------------------------------------------*/
#contanier { text-align:left; width: 810px; margin:0 auto; background: #eee;}
noscript p { position:absolute; top:0; left:0; font-size:120%; font-weight:bold; width:100%; text-align:center; z-index:10;}

/*---------------------------------------------
	header
---------------------------------------------*/
#header {position: relative; width: 750px; height: 166px; top: 0; left: 30px;}
#site-title { position:absolute; top: 22px; left: 0;}
#header #nav { position:absolute; width:750px; height:50px; top:91px; left:0; background:url(../img/nav_bg.gif) repeat-x;}
#header #nav li { position:relative; float:left; margin-top:4px; z-index: 3;}
#header #nav li a { display: -moz-inline-box; display: inline-block; height: 44px; background:url(../img/nav.gif) no-repeat 0 0;}
#header #nav li.nav01 a { background-position: 0 0;}
#header #nav li.nav02 a { background-position: -85px 0;}
#header #nav li.nav03 a { background-position: -179px 0;}
#header #nav li.nav04 a { background-position: -344px 0;}
#header #nav li.nav05 a { background-position: -442px 0;}

#header #nav li a:hover {position: static; }
#header #nav li a:hover img { position: relative; z-index: -1;}

#news #header #nav li.nav01 a img,
#music #header #nav li.nav02 a img,
#culture #header #nav li.nav03 a img,
#sports #header #nav li.nav04 a img,
#people #header #nav li.nav05 a img { position: relative; z-index: -1;}

#header #menu {position:absolute;width: 170px; height:35px; text-align:center;left: 580px;top: 29px;}
#header #menu li { display:inline; padding-bottom:7px;}
#header #menu li a { display:inline-block;}

#header #continent { position:absolute; top: 148px; left: 587px;}
#header #continent li { float:left;}


/*---------------------------------------------
	contents
---------------------------------------------*/
#contents { text-align:left; width: 750px; margin:0 auto;}
#main-image { margin-bottom:30px;}
#main-image ul { position:relative; width:750px; height:420px;}
#main-image ul li { position:absolute;}
#contents h1 { margin-bottom:15px;}

dl.category-index { margin-bottom:20px; zoom: 1;}
dl.category-index{
zoom: 100%;
}

dl.category-index:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
dl.category-index dt { float:left; width:150px;}
/*dl.category-index .p2 { position:absolute; top: 0; left:0; width:150px; min-height:218px; height:auto !important; height:218px;}*/
dl.category-index dd.txt-right { float:right; width:570px; padding-bottom:12px;}
dl.category-index dd.txt-right h2 { font-size:110%; margin-bottom:3px;}
dl.category-index dd.txt-rightPop { float:right; width:430px; padding-bottom:12px;}
dl.category-index dd.txt-rightPop h2 { font-size:110%; margin-bottom:3px;}
dl.category-index dd.txt-all { margin-left: 0;}
dl.category-index dd.txt-all h2 { font-size:110%; margin-bottom:3px;}
dl.category-index dd.txt-all p { margin-bottom:5px;}
dl.category-index dd.txt-exp { clear:both; position:relative; margin-top:12px; padding:13px; background:#fff; zoom: 1;}
dl.category-index dd.txt-exp02 {
	margin-top:12px;
	padding:13px;
	background:#fff;
	zoom: 1;
	float: right;
	width: 550px;
}

dl.category-index dd.txt-exp{zoom: 100%;}
dl.category-index dd.txt-exp:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
dl.category-index dd.txt-exp .profile-pt { position:absolute; top: 10px; left:10px;}
dl.category-index dd.txt-exp .profile { margin-left: 160px;}

ul.category-index-list { margin-bottom:30px; margin-right:-5px; zoom: 1;}
ul.category-index-list li { float:left; width:188px;}
ul.category-index-list dl { padding-right:2px;}
ul.category-index-list dl dt { margin-bottom:5px;}
ul.category-index-list dl dd.text { margin-bottom:3px;}
ul.category-index-list dl dd.city { color:#1C94D4; font-size:80%; font-weight:bold; font-style: italic;}

ul.category-index-list02 { margin-bottom:30px; margin-right:-2px;}
ul.category-index-list02 li { float:left; width:376px;}

ul.category-index-list03 { margin-right:-20px; margin-bottom:30px;} 
ul.category-index-list03 li { float:left; width:380px; min-height:90px; height:auto !important; height:90px;}

#news-link { margin:20px 0 10px; padding-top:20px; background:url(../img/line_news_link.gif) repeat-x 0 0;}
#news-link ul { margin-right:-10px;}
#news-link ul li { float:left; width:190px; }

.li-sch {
	margin-right: -5px;

}
.li-sch li {
	float:left;
	width:188px;
	height: 91px;
}

.li-sch-haf {
	margin-right: -5px;

}
.li-sch-haf li {
	float:left;
	width:188px;
	height: 75px;
}

.li-tabBtn {
	margin-right:-5px;
	padding-bottom: 10px;
}
.li-tabBtn li { float:left; width:251px;}

/*---------------------------------------------
	cnt-bnr
---------------------------------------------*/
#cnt-bnr {
	padding-top:15px;
	border-top:1px solid #3E3A39;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-right: 0px;
	padding-left: 0px;
}
#cnt-bnr ul { margin-right:0;}
#cnt-bnr ul li {
	line-height:0;
	float:left;
	width:187px;
}


/*---------------------------------------------
	ft-bnr
---------------------------------------------*/
#ft-bnr {
	padding-top:15px;
	border-top:1px solid #3E3A39;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	padding-right: 0px;
	padding-left: 0px;
}
#ft-bnr ul { margin-right:0;}
#ft-bnr ul li {
	line-height:0;
	float:left;
	width:187px;
}


/*---------------------------------------------
	footer
---------------------------------------------*/
#footer { width:750px; margin:0 auto;}
#footer ul { float:left; width:320px;}
#footer ul li { float:left;}
#footer .copy { font-size:80%; float:right; width:430px; text-align:right;}
#footer .copy img { vertical-align:top;}

/*---------------------------------------------
	汎用class
---------------------------------------------*/
br.br-clear { line-height:.01em;}
a.arw { display:inline; border-bottom:1px solid #fff;}
a:hover.arw { text-decoration:none; border-bottom:1px solid #333;}
a.arw span{ padding-right:40px; line-height:1.2; background:url(../img/ar.gif) no-repeat center right;}

.line  { margin:20px 0; padding:10px 0; background:url(../img/line_news_link.gif) repeat-x left center; zoom: 1;}
.line hr { display:none;}

.mb00 { margin-bottom:0 !important}
.mb05 { margin-bottom:5px !important}
.mb10 { margin-bottom:10px !important}
.mb15 { margin-bottom:15px !important}
.mb20 { margin-bottom:20px !important}
.mb25 { margin-bottom:25px !important}
.mb30 { margin-bottom:30px !important}
.mb35 { margin-bottom:35px !important}
.mb40 { margin-bottom:40px !important}
.mb45 { margin-bottom:45px !important}
.mb50 { margin-bottom:50px !important}


/*---------------------------------------------
	ポップアップ
---------------------------------------------*/
body#popup { text-align:center; background: none;}
#popup #contanier { width:650px; padding:10px 0;}
#popup #contents { text-align:left; width: 595px; margin:0 auto;}
#popup .btn-close { text-align:center; margin:10px 0;}


/*---------------------------------------------
	ポップアップ 740
---------------------------------------------*/
body#popup2 { text-align:center; background: none;}
#popup2 #contanier { width:740px; padding:10px 0;}
#popup2 #contents { text-align:left; width: 700px; margin:0 auto;}
#popup2 .btn-close { text-align:center; margin:10px 0;}

/*---------------------------------------------
	ポップアップ 760
---------------------------------------------*/
body#popup3 { text-align:center; background: none;}
#popup3 #contanier {
	width:800px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#popup3 #contents {
	width: 780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#popup3 .btn-close { text-align:center; margin:10px 0;}


/*---------------------------------------------
	ポップアップ 760
---------------------------------------------*/
body#popup4 { text-align:center; background: none;}
#popup4 #contanier {
	width:810px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#popup4 #contents {
	width: 750px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#popup4 .btn-close { text-align:center; margin:10px 0;}
ul li.right-contents .btn-back {
	text-align: right;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 30px;
}