/* グローバル --------------------------------------------------------------- */
body{
	padding:0; margin:0;
}
ul{
	list-style-type:none;
}
hr{
	width:100%; padding:0; margin:24px 0 24px 0; border-color:#333;
}
span{
	color:#fecb00; font:13px/17px Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
}

/* ヘッダー ----------------------------------------------------------------- */
#main_header{
	width:100%; margin:0 auto;
	background-color:#fff;  color:#333
}
#main_header #header{
	background:url(images/header_right_bg.gif) no-repeat right;
	width:780px; height:140px; margin:0 auto; position:relative;
}

/* メニュー ----------------------------------------------------------------- */
#main_menu{
	width:100%; margin:0 auto;
	background-color:#fff; color:#333;
	border-top:1px solid #ccc; border-bottom:1px solid #ccc;
}
#main_menu #menu{
	width:780px; margin:0 auto;
	border-right:1px solid #ccc; border-left:1px solid #ccc;
}
#main_menu #menu ul.menu{
	height:20px; padding:0; margin:0; display:block;
}
#main_menu #menu ul.menu li{
	padding:0; margin:0; float:left; display:block;
}
#main_menu #menu ul.menu li a{
	padding:3px 10px 3px 10px; margin:0;
	color:#333; font:13px/17px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;
}
#main_menu #menu ul.menu li a:hover{
	background-color:#fecb00; 
}

#main_menu .dropdwn{
    display: flex;
}

#main_menu ul{
    text-align: center;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    color: #fff;
}
#main_menu li{
    position: relative;
    padding: 5px;
    display: block;
    cursor: pointer;
}

#main_menu .dropdwn>li{
    width: 100%;
    margin: 1px;
    background-color:#fff;
    color:#333;
    font:13px/17px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold; 
    display: inline;
    z-index: 9998;
}

#main_menu .dropdwn_menu{
    width: 100%;
    display: none;
    position: absolute;
    margin-left: -5px;
    margin-top: 5px;
    padding: 0;
    background: #fff;
}

#main_menu .dropdwn_menu li{
    width: 100%;
}

#main_menu li a{
    padding: 5px 0;
    margin: -5px 5px -5px -5px;
    display: block;
    color:#333;
    text-decoration:none;
}
#main_menu .dropdwn_menu li a{
    font-size: 11px;
}

#main_menu li a:hover{
    background-color:#fecb00; 
}


/* ボディ ------------------------------------------------------------------- */
#main_body{
	width:100%; margin:0 auto;
	background:url(images/bg.gif);
	background-color:#021c37;  color:#333;
}
#main_body #body{
	width:722px; margin:0 auto; padding:30px; position:relative;
	background-color:#000; color:#fefefe;
	border-right:1px solid #ccc; border-left:1px solid #ccc;
}
#main_body #body h2{
	margin:10px 0 30px 0;
	color:#fefefe; font:28px/24px 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal;
}

/* メンバー紹介用 ------------------------------------------------------------------- */
#main_body #body #item_member{
	margin-bottom:30px;
	color:#fefefe; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
}
#main_body #body #item_member img.face{
	border:2px solid #fff;
}
#main_body #body #item_member td.name{
	padding:4px; text-align:center;
	background:#2b2b2b;
	font-weight:bold;
}
#main_body #body #item_member td.comment{
	padding:8px 16px 8px 16px;
	color:#ccc;
}
#main_body #body #item_member td.comment h3{
	margin:0 0 10px; padding:0;
	color:#fecb00; font:13px/17px Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
}

/* コメント用 ------------------------------------------------------------------- */
#main_body #body #item_uchiwa{
	height:230px; margin-bottom:10px; padding-right:230px;
	color:#ccc; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/uchiwa.jpg) no-repeat right;
}
#main_body #body #item_connection{
	height:230px; margin-bottom:10px; padding-right:230px;
	color:#ccc; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/connection.gif) no-repeat right;
}
#main_body #body #item_flag{
	height:230px; margin-bottom:10px; padding-right:260px;
	color:#ccc; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/flag.jpg) no-repeat right;
}
#main_body #body #item_free{
	margin-bottom:10px;
	color:#ccc; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
}
#main_body #body #item_mail{
	margin-bottom:10px; padding-right:260px;
	color:#ccc; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/mail.jpg) no-repeat right;
}
#main_body #body #information{
	background:url(images/information.png) no-repeat right top;
}
#main_body #body #item_logo{
	height:230px; margin-bottom:10px; padding-right:260px;
	color:#ccc; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
	background:url(images/logo.jpg) no-repeat right;
}

/* 表用 ------------------------------------------------------------------- */
#main_body #body #item_matrix table{
	width: 690px; padding:0; margin:0 0 16px 4px;
	background-color:#000;
}
#main_body #body #item_matrix td{
	padding:0 5px 0 5px; margin:0;
	background-color:#000; color:#ccc; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
}
#main_body #body #item_matrix td.top_head{
	padding:0 0 0 5px; margin:0;
	background-color:#000; color:#fecb00; font:13px/17px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
#main_body #body #item_matrix td.top_left{
	width: 20%; padding:0 0 0 5px; margin:0;
	background-color:#363636; color:#fff; font:13px/17px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
#main_body #body #item_matrix td.top_right{
	width: 80%; padding:0 0 0 5px; margin:0;
	background-color:#363636; color:#fff; font:13px/17px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
#main_body #body #item_matrix td.link{
	height:18px; padding:0; margin:0;
	background-color:#fff; color:#000; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
}
#main_body #body #item_matrix td.link a{
	width: 100%-5px; height:18px; display:block; padding:0 0 0 5px; margin:0; -moz-box-sizing:border-box;
	background-color:#000;
	font:12px/15px Verdana, Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;
}
#main_body #body #item_matrix td.link a:hover{
	background:none; background-color:#fecb00; color:#000;
}

/* トップページ用 ------------------------------------------------------------------- */
#body div.counter{
	width:233px; height:40px; padding:1px 0 0 53px; margin:0; top:24px; left:531px; position:absolute; display:block;
	background:url(images/counter_bg.gif) no-repeat ;
}
#main_body #body #item_index table{
	padding:0; margin:0 0 8px 0px;
	background-color:#000;
}
#main_body #body #item_index td{
	padding:0 5px 0 5px; margin:0;
	background-color:#000; color:#ccc; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
}
#main_body #body #item_index td.top_left{
	padding:0 0 0 5px; margin:0;
	background-color:#363636; color:#fff; font:13px/17px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
#main_body #body #item_index td.top_right{
	padding:0 0 0 5px; margin:0;
	background-color:#363636; color:#fff; font:13px/17px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
#main_body #body #item_index td.link{
	height:18px; padding:0; margin:0;
	background-color:#fff; color:#000; font:13px/17px Verdana, Arial, Helvetica, sans-serif;
}
#main_body #body #item_index td.link a{
	width: 100%-5px; height:18px; display:block; padding:0 0 0 5px; margin:0; -moz-box-sizing:border-box;
	background-color:#000;
	font:12px/15px Verdana, Arial, Helvetica, sans-serif; color:#ccc; font-weight:normal;
}
#main_body #body #item_index td.link a:hover{
	background:none; background-color:#fecb00; color:#000;
}
a.more{
	font:12px/15px Verdana, Arial, Helvetica, sans-serif; color:#fecb00; font-weight:normal;
}
a.more:hover{
	background:none; background-color:#fecb00; color:#000;
}

/* フッター */
p.copyright{
	text-align:center; font-size:11px; margin:0; padding:4px;
}