@charset "Shift_JIS";

/*---all---*/

body { margin: 0px; padding: 0px; font-size: 12px; line-height: 140%; background-image:url('img/top/background.gif');} 
p    { margin: 0px; padding: 0px; color: #999999; line-height: 130%; font-size: 95%;} 
img  { border: none;}
h1 { margin: 3px 0 0; font-size: 12px; font-weight: bold;}
ul,li { list-style: none;}

.more { margin-right: 3px; padding: 0; float: right;}

a    { color: #000; text-decoration: none;}
a:hover { color: #0033cc; text-decoration: underline;}
a img {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
a:hover img { -webkit-opacity: .7; -moz-opacity: .7; opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

#mainbody{ margin: 5px;}

/* 共通 */
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: -10px; /*下からのボタンの配置場所を指定*/
    right: 10px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #000; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 5%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
	 -webkit-transition: all .3s ease;
	 -moz-transition: all .3s ease;
	 transition: all .3s ease;
}
#PageTopBtn a:hover {
    text-decoration: none; 
    background: #0033cc; /*マウスオーバー時の背景色*/
}

/* PC */
@media (min-width: 768px) {
#PageTopBtn {
    font-size: 17px; /*文字のサイズ*/
}
#PageTopBtn a {
    width: 60px; /*ボタンの幅*/
    height: 50px; /*ボタンの高さ*/
    padding: 10px 0; /*文字の配置場所の調整*/
}
}

/*---header---*/

#mainbody #header_area { width: 950px; height: 70px; margin: 0px; padding: 0; line-height: 0;}
#header_area #site_logo { margin: 0px; padding: 0; float: left;}
#header_area ul { margin: 15px 0 0 0px; padding: 0px; float:right; text-align: right;}
#header_area ul li { margin: 0px; padding: 1px 0;}

/*---main---*/

#main_area { width: 950px; margin: 0; padding: 0; background:#FFF; overflow: hidden; zoom: 1;}

#main_area #top_navi { width: 950px; height: 80px; margin: 0px; padding: 5px 0px; background: #000;}
#main_area #top_navi ul { width: 932px; padding: 0px; margin: 0px; line-height: 0;}
#main_area #top_navi ul li { margin: 0 4px; float: left; background: #fff;}

/*---leftnavi---*/

#main_area #left_navi { width: 230px; height: auto; margin: 0px; padding: 0px; float: left; line-height: 0;}
#main_area #left_navi ul { padding: 0px; margin: 18px 0px;}
#main_area #left_navi ul li { margin-bottom: 5px; padding: 0px;}

/*---contentsA---*/

#main_area #top_news { width: 390px; height: auto; margin: 0px; padding: 0px; float: left;}

#top_news #topic { width: 395px; margin: 0px; padding: 13px 0 0 10px;}
#top_news #topic dl { margin: 0px; padding: 8px 0 0 5px; text-align: left;}
#top_news #topic dl dt { width: 85px; height: 90px; padding: 0px; float: left; clear: both;}
#top_news #topic dl dd { width: 310px; height: 90px; margin-left: 85px; padding: 0px;}

#top_news #up { width: 390px; margin: 0px; padding: 7px 0 0 10px;}
#top_news #up dl { margin: 0px; padding: 8px 0px 0 7px; text-align: left;}
#top_news #up dl dt { width: 70px; padding: 3px 0; float: left; clear: both; font-weight: bold;}
#top_news #up dl dd { width: 315px; margin-left: 78px; padding: 3px 0;}

/*---contentsB---*/

#main_area #member { width: 300px; height: 70px; margin: 0px; padding: 13px 0 0 5px; float: right;}
#main_area #member #m1,#m2 { margin-top: 5px; padding: 0px; float: left;}
#member #m1 dl { margin: 4px; padding: 0px; text-align: left;}
#member #m1 dl dt { width: 80px; margin-top: 2px; padding: 1px; float: left; clear: both;}
#member #m1 dl dd { width: 105px; padding: 1px; margin-left: 80px;}
#member #m2 dl { margin: 4px; padding: 0px; text-align: left;}
#member #m2 dl dt { width: 40px; margin-top: 2px; padding: 1px; float: left; clear: both;}
#member #m2 dl dd { width: 45px; padding: 1px; margin-left: 40px;}
#main_area #member ul {padding: 0; margin: 0;}
#main_area #member ul li {padding: 0 1px; margin: 0; float: left;}

#main_area #mv   { width: 300px; height: auto; margin: 0px; padding: 10px 0 0 5px; float: right;}
#main_area #mv ul { margin: 0px; padding: 0px;}
#main_area #mv ul li { width: 295px; height: 166px; margin: 7px 0 -1px 1px; padding: 0px; border: 1px solid #000;}

#main_area #twi { width: 300px; height: auto; margin: 0px; padding: 7px 0 5px; float: right; font-size: 10px;}
#botton { width: 110px; margin-right: 3px; padding: 0; float: right; overflow: hidden;}

/*---footer---*/

#mainbody #footer { width: 950px; margin: 5px 0px; padding: 0px;}
#mainbody #footer ul { margin: 0px; padding: 0px; float: right;}