/* main frames */
*
{
	margin:0px;
	padding:0px;
}

img
{
	border:none;
}

form
{
	display:inline;
}

.error
{
	background-image:url(../images/base/icon_err.png);
	background-repeat:no-repeat;
	overflow:hidden;
	margin:10px 0px;
}

.error .text
{
	margin:5px 0px 5px 40px;
	color:#FF0000;
	font-weight:bold;
}

body{
	margin:0;
	font-size:12px;
	text-align:center;
	background-image:url(../images/base/body_bg.png);
	background-repeat:repeat-x;
	font-family:Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*-----フォント基本設定-----*/

h2,h3,h4,h5{
	font-size:16px;
	font-weight:normal;
}

table
{
	text-align:left;
}

table th, table td
{
	vertical-align:top;
	padding:5px;
}

a.bg_button
{
	text-indent:-9999px;
	overflow:hidden;
}

.focus
{
	color:#FF0000;
}

.bold
{
	font-weight:bold;
}

ul, ol
{
	margin-left:20px;
}

ul.l1
{
	list-style:none;
}

ul.l1 li
{
	background-image:url(../images/base/list01.png);
	background-position:0px 3px;
	line-height:20px;
	padding-left:22px;
	background-repeat:no-repeat;
}

#background{
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:center;
	background-color:#FFFFFF;
}

#container{
	position:relative;
	width:980px;
	margin:0px auto;
}

#maincontentsbox{
	width:980px;
	margin:0px;
	padding:0px;
}

#maincontentsbox .column1{
	width:240px;
	float:left;
}

/* カテゴリから選ぶ */
#maincontentsbox .column1 .category ul
{
	padding:0px;
	margin:0px 0px 20px 10px;
}

#maincontentsbox .column1 .category li
{
	background-image:url(../images/base/side/category_btn.png);
	width:220px;
	height:41px;
	text-align:left;
	text-indent:40px;
	list-style:none;
	padding:0px;
	margin:0px;
	line-height:41px;
}

/* 都道府県から選ぶセミナー情報 */
#maincontentsbox .column1 .prefecture{
	background-image:url(../images/base/side/pref_m.png);
	width:220px;
	margin:0px 0px 20px 10px;
}

#maincontentsbox .column1 .prefecture .region:hover{
	color:#FF0000;
}

#maincontentsbox .column1 .prefecture .region{
	background-image:url(../images/base/side/pref_group.png);
	width:200px;
	height:25px;
	line-height:25px;
	margin:0px 0px 0px 10px;
	cursor:pointer;
}

#maincontentsbox .column1 .prefecture .region:hover{
	color:#FF0000;
}

#maincontentsbox .column1 .prefecture .pref{
	margin:5px 0px 10px 5px;
	display:none;
}

#maincontentsbox .column1 .prefecture li{
	list-style-type: none;
}

#maincontentsbox .column1 .prefecture .cell{
	float:left;
	width:90px;
	margin:0px 10px 5px 0px;
	text-align:left;
}

/* 都道府県から選ぶ施設情報 */
#maincontentsbox .column1 .facility{
	background-image:url(../images/base/side/facility_m.png);
	width:220px;
	margin:0px 0px 20px 10px;
}

/*
#maincontentsbox .column1 .facility .text{
	margin:0px 0px 0px 10px; 
}
*/

#maincontentsbox .column1 .facility .region{
	background-image:url(../images/base/side/pref_group.png);
	width:200px;
	height:25px;
	line-height:25px;
	margin:0px 0px 0px 10px;
	cursor:pointer;
}

#maincontentsbox .column1 .facility .region:hover{
	color:#FF0000;
}

#maincontentsbox .column1 .facility .pref{
	margin:5px 0px 10px 5px;
	display:none;
}

#maincontentsbox .column1 .facility li{
	list-style-type: none;
}

#maincontentsbox .column1 .facility .cell{
	float:left;
	width:90px;
	margin:0px 10px 5px 0px;
	text-align:left;
}

/* YCOMバナー */
#maincontentsbox .column1 .banner{
	margin:0px 0px 30px 0px;
}

#maincontentsbox .column1 .banner a.ycom {
	margin:10px auto;
}

/* ログインフォーム */
#maincontentsbox .column1 #login
{
	width:220px;
	background-image:url(../images/base/side/login_m.png);
	margin:0px 0px 20px 10px;
	text-align:left;
}

#maincontentsbox .column1 #login table
{
	width:200px;
	margin:0px 0px 10px 10px;;
	border-collapse:collapse;
}

#maincontentsbox .column1 #login table th
{
	width:100px;
	font-size:11px;
	padding:5px 0px;
}

#maincontentsbox .column1 #login table td
{
	padding:5px 0px;
}

#maincontentsbox .column1 #login table td.remember
{
	text-align:right;
}

#maincontentsbox .column1 #login table input
{
	width:100px;
	vertical-align:middle;
}

#maincontentsbox .column1 #login table input.check
{
	margin:0px 10px 0px 0px;
	width:auto;
}

#maincontentsbox .column1 #login .reminder
{
	text-align:center;
}

#maincontentsbox .column2{
	width:730px;
	text-align:left;
	margin-left:10px;
	float:left;
}

#maincontentsbox .column2 #links{
	border-top:2px solid #FF6C00;
	padding:20px 0px 0px 0px;
	margin:0px 10px; 
}

#maincontentsbox .column2 #links ul{
	list-style:none;
}

/* 使い方 */
#maincontentsbox .column2 #usage{
	width:708px;
	margin:0px 0px 20px 10px;
	border:1px solid #dddddd;
}

#maincontentsbox .column2 #usage dl{
	margin:20px 10px;
}

#maincontentsbox .column2 #usage dl img.icon{
	vertical-align:middle;
}

#maincontentsbox .column2 #usage dt{
	font-weight:bold;
	color:#FF6600;
}

#maincontentsbox .column2 #usage dd{
	margin:0px 0px 10px 30px;
}


/* description */
#description{
	width:850px;
	margin-left:150px;
	height:20px;
	line-height:20px;
	text-align:left;
}

#description .text{
	display:inline;
	width:940px;
	height:20px;
	line-height:20px;
	text-align:left;
	margin-left:10px;
}

#description h1{
	display:inline;
	margin:0px;
	font-weight:normal;
	color:#ffffff;
	font-size:1.0em;
}

/* header area */
#header{
	width:1000px;
	background-image:url(../images/base/header_bg.png);
	background-repeat:no-repeat;
	height:200px;
	margin:0px auto;
	margin-bottom:30px;
}

#header h2{
	height:131px;
}

#header h2 a{
	display:block;
	position:relative;
	width:700px;
	height:40px;
	top:30px;
	left:60px;
}

#header .search {
	background-image:url(../images/base/search_bg.png);
	display:block;
	width:425px;
	height:80px;
	position: absolute;
	top:60px;
	left:170px;
}

#header .search form table{
	margin: 12px 0px 0px 5px;
	float:left;
}

#header .search form table tr th {
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:70px;
	padding:0px;
	vertical-align: middle;
}

#header .search form table tr td.s_pref {
	text-align: left;
	width:80px;
	padding:0px;
	vertical-align: middle;
}

#header .search form table tr td.s_cate {
	text-align: left;
	width:140px;
	padding:0px;
	vertical-align: middle;
}

#header .search form table tr td.s_keyw {
	text-align: left;
	width:300px;
	padding:0px;
	vertical-align: middle;
}

#header .search form table tr td.s_keyw input {
	text-align: left;
	width:290px;
	padding:0px;
	vertical-align: middle;
}

#header .link_menu {
	display:block;
	width: 125px;
	height: auto;
	position: absolute;
	top:25px;
	left:615px;
	text-align: center;
}

#header .link_menu .host {
	background-image:url(../images/base/host_btn.png);
	display:block;
	width:85px;
	height:25px;
/*
	text-align:center;
*/
	float:right;
	margin-bottom: 5px;
}

#header .link_menu .about {
	background-image:url(../images/base/about_btn.png);
	display:block;
	width:125px;
	height:25px;
/*
	text-align:center;
*/
	float:right;
	margin-bottom: 5px;
}

#header .link_menu .contact {
	background-image:url(../images/base/contact_btn.png);
	display:block;
	width:105px;
	height:25px;
/*
	text-align:center;
*/
	float:right;
}

#header .link_menu a {
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	line-height:25px;
}

#header .status
{
	margin:0px 0px 10px 5px;
	background-image:url(../images/base/number_bg.png);
	width:230px;
	height:115px;
	position:absolute;
	top:20px;
	left:750px;
}

#header .status .host
{
	position:absolute;
	top:20px;
	left:140px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:20px;
	text-align:right;
	width:70px;
}

#header .status .event
{
	position:absolute;
	top:48px;
	left:140px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:20px;
	text-align:right;
	width:70px;
}

 .status .facility
{
	background-image:none;
	position:absolute;
	top:76px;
	left:140px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:20px;
	text-align:right;
	width:70px;
	margin:0px;
}
/* global menu */
#globalnavi{
	width:960px;
	height:50px;
	background-image:url(../images/g_menu/button_base.png);
	margin-left:20px;
}

#globalnavi ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}

#globalnavi li{
	margin:0px;
	padding:0px;
	float:left;
	width:140px;
	height:50px;
}

#globalnavi a{
	display:block;
	width:140px;
	height:50px;
	line-height:50px;
	float:left;
	background-position:0px 0px;
	margin:0px;
	background-image:url(../images/g_menu/button.png);
}

#globalnavi a:hover{
	background-position:0px -50px;
}

#globalnavi a.top{
	background-position:0px 0px;
}

#globalnavi a.top:hover{
	background-position:0px -50px;
}

#globalnavi a.about{
	background-position:-140px 0px;
}

#globalnavi a.about:hover{
	background-position:-140px -50px;
}

#globalnavi a.calendar{
	background-position:-280px 0px;
}

#globalnavi a.calendar:hover{
	background-position:-280px -50px;
}

#globalnavi a.contact{
	background-position:-420px 0px;
}

#globalnavi a.contact:hover{
	background-position:-420px -50px;
}

#globalnavi a.logout{
	background-position:-560px 0px;
}

#globalnavi a.logout:hover{
	background-position:-560px -50px;
}


#globalnavi a#now{
}

/* footer */
#footer{
	position:relative;
	width:100%;
	font-size:1.0em;
	background-color:#0179ff;
	color:#FFFFFF;
}

#footer a{
	color:#FFFFFF;
}

#footer .menu
{
	width:100%;
	margin:10px 0px;
	text-align:center;
	float:left;
}

#footer h6{
	text-align:right;
	margin:0px;
	padding:0px;
	font-size:0.8em;
	font-weight:normal;
	margin-right:10px;
	clear:both;
}

#footer address{
	text-align:right;
	font-size:0.8em;
	font-weight:normal;
	font-style:normal;
	margin-right:10px;
}





em{
	font-weight:bold;
	font-style:normal;
}

img{
	border:0px;
}

/* around h3 */
h3
{
	width:710px;
	margin:0px 0px 20px 10px;
	height:45px;
	background-image:url(../images/base/label_h3.png);
	text-indent:30px;
	line-height:45px;
	color:#1c58c5;
	font-weight:bold;
	text-align:left;
}

.u_h3
{
	width:710px;
	margin-left:10px;
	margin-bottom:30px;
	text-align:left;
}

/* around h4 */
.wrap_h4
{
	width:700px;
	margin:10px;
	height:30px;
	background-color:#CCFFCC;
}

.wrap_h4 h4
{
	line-height:30px;
	margin-left:20px;
	text-align:left;
}

.u_h4
{
	width:700px;
	margin:10px;
	text-align:left;
}

#contact
{
	width:220px;
	height:100px;
	margin:10px auto;
	background-color:#FFFF00;
}

#contact a
{
	display:block;
	width:140px;
	height:40px;
	margin:0px auto;
	background-color:#00FF00;
}

/*-----ナビゲーションボタン設定-----*/



/*-----一般設定-----*/

.clear{
clear:both;
}

a.add_host
{
	display:block;
	width:230px;
	height:110px;
	background-image:url(../images/base/host_add.png);
	margin:0px 0px 10px 5px;
}

a.add_host:hover
{
	background-position:0px -110px;
}



#welcome
{
	margin:0px 0px 10px 5px;
	width:230px;
	background-image:url(../images/base/side/menu_menu.png);
}

#welcome div.name
{
	width:230px;
	background-image:url(../images/base/side/menu_name.png);
	padding:10px 0px;
}

#welcome ul.menu
{
	text-align:left;
	margin:15px 0px 10px 40px;
}

.column1 .status
{
	margin:0px 0px 10px 5px;
	background-image:url(../images/base/side/number_bg.png);
	width:230px;
	height:113px;
}

.column1 .status .host
{
	position:absolute;
	top:20px;
	left:140px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:20px;
	text-align:right;
	width:70px;
}

.column1 .status .event
{
	position:absolute;
	top:48px;
	left:140px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:20px;
	text-align:right;
	width:70px;
}

#maincontentsbox .column1 .status .facility
{
	background-image:none;
	position:absolute;
	top:76px;
	left:140px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:20px;
	text-align:right;
	width:70px;
	margin:0px;
}

a img.mov_icon
{
	padding: 0px 0px 0px 5px;
}

a img.fac_icon
{
	padding: 0px 0px 0px 5px;
}
