@charset "UTF-8";

/*============================================================
//
//  目次---------------------
//  　・ヘッダー
//  　・フッター
//
//==========================================================*/

#header:after,
#navi:after,
#footer:after,
#crumb:after,
#contents:after,
#main:after,
#menu-left:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#header,
#navi,
#footer,
#crumb,
#contents,
#main,
#menu-left{
	zoom: 1;
}

/*============================================================
//  ヘッダー
//==========================================================*/

#header{
	width:950px;
	height:98px;
	margin-bottom:5px;
}
#header .logo{
	width:260px;
	margin:10px 0 0 0;
	float:left;
}
#header .logo h1{
	width:250px;
	height:50px;
}
#header .logo p{
	font-size:1.0em;
	color:#666;
	margin-bottom:6px;
}
#header .box-info{
	width:623px;
	height:87px;
	float:right;
	margin:10px 0 0 0;
	position: relative; 
}
#header .box-info .btn{
	width:235px;
	height:55px;
	background:url(/image/common/header_btn_form.jpg) no-repeat;
	text-indent:-9999px;
	position: absolute;  
	top: 27px;
	left: 382px;
}
#header .box-info .btn a{
	width:235px;
	height:55px;
	display:block;
}

/*============================================================
//  ナビゲーション
//==========================================================*/

#navi{
	width:950px;
	margin-bottom:13px;
}
#navi ul{
	width:950px;
	height:55px;
	background:url(/image/common/navi.jpg) no-repeat;
	list-style:none;
}
#navi ul li {
	text-indent:-9999px;
	float:left
}
#navi ul li.publish a{
	width:146px;
	height:55px;
	display: block;
}
#navi ul li.publish a:hover{
	width:146px;
	height:55px;
	background: url(/image/common/navi_on.jpg) no-repeat;
	background-position:0px 0px;
	display: block;
}
#navi ul li.conference a{
	width:109px;
	height:55px;
	display: block;
}
#navi ul li.conference a:hover{
	width:109px;
	height:55px;
	background: url(/image/common/navi_on.jpg) no-repeat;
	background-position:-146px 0px;
	display: block;
}
#navi ul li.flow a{
	width:142px;
	height:55px;
	display: block;
}
#navi ul li.flow a:hover{
	width:142px;
	height:55px;
	background: url(/image/common/navi_on.jpg) no-repeat;
	background-position:-255px 0px;
	display: block;
}
#navi ul li.flow-cost a{
	width:133px;
	height:55px;
	display: block;
}
#navi ul li.flow-cost a:hover{
	width:133px;
	height:55px;
	background: url(/image/common/navi_on.jpg) no-repeat;
	background-position:-397px 0px;
	display: block;
}
#navi ul li.qa a{
	width:90px;
	height:55px;
	display: block;
}
#navi ul li.qa a:hover{
	width:90px;
	height:55px;
	background: url(/image/common/navi_on.jpg) no-repeat;
	background-position:-530px 0px;
	display: block;
}
#navi ul li.about a{
	width:130px;
	height:55px;
	display: block;
}
#navi ul li.about a:hover{
	width:130px;
	height:55px;
	background: url(/image/common/navi_on.jpg) no-repeat;
	background-position:-620px 0px;
	display: block;
}
#navi ul li.about a{
	width:130px;
	height:55px;
	display: block;
}
#navi ul li.biz a:hover{
	width:200px;
	height:55px;
	background: url(/image/common/navi_on.jpg) no-repeat;
	background-position:-750px 0px;
	display: block;
}
#navi ul li.biz a{
	width:200px;
	height:55px;
	display: block;
}
#navi .search{
	width:500px;
	margin:auto;
	padding:5px 0 0 0;
}
#navi .search .search_title{
	float:left;
	margin:2px 3px 0 0;
}
#navi .search p{
	font-size:0.8em;
	font-weight:bold;
	color:#FFF;
	float:left;
	margin:4px 00 0;
}
#navi .search p a{
	color:#FFF;
	text-decoration: underline;
}
#navi .search p a:hover{
	color:#FF9900;
	text-decoration: underline;
}
#navi .search .search_box{
	width:280px;
	height:23px;
	border:2px solid #CCC;
	margin:0px 5px 0px 0;
	font-size:1.4em;
	color:#111;
	float:left;
}
#navi .search .submit_btn {
	width:59px;
	height:24px;
	float:left;
	margin:2px 10px 0 0;
}

/*============================================================
//  フッター
//==========================================================*/

#footer{
	width:100%;
	background:#3399CC;
	padding-bottom:15px;
}
#footer .inner{
	margin:0 auto;
	width:950px;
	text-align: left;
}
#footer .inner ul.navi{
	width:400px;
	list-style:none;
	float:left;
	margin-top:15px;
}
#footer .inner ul.navi li{
	font-size:0.8em;
	border-right:1px solid #FFF;
	padding-right:10px;
	margin-right:10px;
	float:left;
}
#footer .inner ul.navi li.left{
	font-size:0.8em;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	padding-left:8px;
	padding-right:10px;
	margin-right:10px;
	float:left;
}
#footer .inner ul.navi a{
	color:#FFF;
	text-decoration: none;
}
#footer .inner ul.navi a:hover{
	color:#FF9900;
	text-decoration: underline;
}
#footer .inner p.copy{
	width:320px;
	font-size:0.8em;
	color:#FFF;
	margin-top:15px;
	float:right;
	text-align:right;
}
#toptop{
	width:950px;
	margin:auto;
}
#toptop p{
	width:80px;
	height:19px;
	background:url(/image/common/btn_pagetop.gif) no-repeat;
	text-indent:-9999px;
	margin-left:auto;
}
#toptop p a{
	width:80px;
	height:19px;
	background:url(/image/common/btn_pagetop.gif) no-repeat;
	display:block;
}

/*============================================================
//  コンテンツレイアウト
//==========================================================*/

/*======パンくず======*/
#crumb{
	width:950px;
	margin-bottom:13px;
}
#crumb h2{
	width:660px;
	font-size:0.8em;
	font-weight:normal;
	color:#666;
	padding-left:3px;
}
#crumb h2 a{
	color:#666;
	text-decoration: underline;
}
#crumb h2 a:hover{
	color:#FF6600;
	text-decoration: underline;
}
#crumb span{
	color:#3399CC;
}

/*======カラム======*/

#contents{
	width:950px;
	background:url(/image/common/contents_bg.gif) repeat-y left bottom;
}
#main{
	width:730px;
	float:right;
	margin-bottom:25px;
}
#menu-left{
	width:200px;
	float:left;
	padding:0 0 10px 0;
	margin-bottom:10px;
}


/*====== メニュー ======*/

#menu-left .box-category{
	width:190px;
	margin:auto;
	margin-top:5px;
}
#menu-left .box-category .category{
	width:190px;
	background:url(/image/common/menu_category_body.jpg) repeat-y;
	margin-bottom:10px;
}
#menu-left .box-category h3{
	width:179px;
	height:31px;
	background:url(/image/common/menu_category_head.jpg) no-repeat;
	color:#FFF;
	padding:4px 0 0 11px;
}
#menu-left .box-category .box{
	width:160px;
	margin:auto;
}
#menu-left .box-category .bottom{
	width:190px;
	height:10px;
	background:url(/image/common/menu_category_bottom.jpg) no-repeat;
	text-indent:-9999px;
}
#menu-left .box-category ul{
	list-style:none;
}
#menu-left .box-category ul li{
	background-image : url(/image/common/icon_square.gif) ;
	background-position : 0 50% ;
	background-repeat : no-repeat ;
	padding-left : 16px ;
	font-size:1.0em;;
	color:#333;
	margin-bottom:4px;
}
#menu-left .box-category ul li a{
	color:#333;
	text-decoration: underline;
}
#menu-left .box-category ul li a:hover{
	color:#FF6600;
	text-decoration: none;
}

#menu-left .box-conference{
	width:190px;
	background:url(/image/common/menu_conference_body.gif) repeat-y;
	margin:auto;
	margin-top:5px;
}
#menu-left .box-conference h3{
	width:190px;
}
#menu-left .box-conference .box{
	width:170px;
	margin:auto;
}
#menu-left .box-conference .bottom{
	width:190px;
	height:10px;
}
#menu-left .box-conference .btn{
	margin-bottom:4px;
}
#menu-left .box-conference p.date{
	font-size:1.2em;
	font-weight:bold;
	color:#333;
}
#menu-left .box-conference p.time{
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
}
#menu-left .box-conference span.hosoku{
	font-size:0.8em;
	font-weight:normal;
	line-height:1.4em;
	color:#333;
	margin-bottom:10px;
}
#menu-left .box-conference p.arrow{
	font-size:1.0em;
	color:#333;
	line-height:120%;
	margin-bottom:4px;
	text-align:center;
}
#menu-left .box-conference p.detail{
	font-size:1.0em;
	color:#333;
	padding:0 3px 0 3px;
	margin-bottom:6px;
}
#menu-left .box-conference span{
	font-weight:bold;
	color:#333;
}

#menu-left .box-bnr{
	width:190px;
	margin:auto;
}
#menu-left .box-bnr ul{
	list-style:none;
	margin-bottom:15px;
}
#menu-left .box-bnr ul li{
	text-align:center;
	margin:auto;
	margin-bottom:6px;
}
#menu-left .box-menu{
	width:195px;
	margin:auto;
}
.about #menu-left h3.title {
	width:200px;
	height:34px;
	background:url(/image/common/menu_title_about.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:6px;
}

.flow #menu-left h3.title {
	width:200px;
	height:34px;
	background:url(/image/common/menu_title_flow.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:6px;
}

.biz #menu-left h3.title {
	width:200px;
	height:34px;
	background:url(/image/common/menu_title_biz.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:6px;
}
.qa #menu-left h3.title {
	width:200px;
	height:34px;
	background:url(/image/common/menu_title_qa.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:6px;
}
#menu-left .box-menu ul.menu{
	list-style:none;
}
#menu-left .box-menu ul.menu li a{
	width:195px;
	height:39px;
	display: block;
	text-indent:-9999px;
	text-decoration: none;
}


.about #menu-left ul.menu li.sub01 a{background: url(/image/common/menu_about.jpg) no-repeat; background-position:0px 0px;}
.about #menu-left ul.menu li.sub02 a{background: url(/image/common/menu_about.jpg) no-repeat; background-position:0px -39px;}
.about #menu-left ul.menu li.sub03 a{background: url(/image/common/menu_about.jpg) no-repeat; background-position:0px -78px;}
.about #menu-left ul.menu li.sub04 a{background: url(/image/common/menu_about.jpg) no-repeat; background-position:0px -117px;}
.about #menu-left ul.menu li.sub05 a{background: url(/image/common/menu_about.jpg) no-repeat; background-position:0px -156px;}
.about #menu-left ul.menu li.sub06 a{background: url(/image/common/menu_about.jpg) no-repeat; background-position:0px -195px;}
.about #menu-left ul.menu li.sub07 a{background: url(/image/common/menu_about.jpg) no-repeat; background-position:0px -234px;}

.about #menu-left ul.menu li.sub01 a:hover{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px 0px;}
.about #menu-left ul.menu li.sub02 a:hover{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -39px;}
.about #menu-left ul.menu li.sub03 a:hover{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -78px;}
.about #menu-left ul.menu li.sub04 a:hover{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -117px;}
.about #menu-left ul.menu li.sub05 a:hover{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -156px;}
.about #menu-left ul.menu li.sub06 a:hover{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -195px;}
.about #menu-left ul.menu li.sub07 a:hover{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -234px;}

.about #menu-left ul.menu li.sub01 a.active{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px 0px;}
.about #menu-left ul.menu li.sub02 a.active{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -39px;}
.about #menu-left ul.menu li.sub03 a.active{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -78px;}
.about #menu-left ul.menu li.sub04 a.active{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -117px;}
.about #menu-left ul.menu li.sub05 a.active{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -156px;}
.about #menu-left ul.menu li.sub06 a.active{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -195px;}
.about #menu-left ul.menu li.sub07 a.active{background: url(/image/common/menu_about_on.jpg) no-repeat; background-position:-0px -234px;}


.flow #menu-left ul.menu li.sub01 a{background: url(/image/common/menu_flow.jpg) no-repeat; background-position:0px 0px;}
.flow #menu-left ul.menu li.sub02 a{background: url(/image/common/menu_flow.jpg) no-repeat; background-position:0px -39px;}
.flow #menu-left ul.menu li.sub03 a{background: url(/image/common/menu_flow.jpg) no-repeat; background-position:0px -78px;}
.flow #menu-left ul.menu li.sub04 a{background: url(/image/common/menu_flow.jpg) no-repeat; background-position:0px -117px;}
.flow #menu-left ul.menu li.sub05 a{background: url(/image/common/menu_flow.jpg) no-repeat; background-position:0px -156px;}
.flow #menu-left ul.menu li.sub06 a{background: url(/image/common/menu_flow.jpg) no-repeat; background-position:0px -195px;}

.flow #menu-left ul.menu li.sub01 a:hover{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px 0px;}
.flow #menu-left ul.menu li.sub02 a:hover{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -39px;}
.flow #menu-left ul.menu li.sub03 a:hover{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -78px;}
.flow #menu-left ul.menu li.sub04 a:hover{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -117px;}
.flow #menu-left ul.menu li.sub05 a:hover{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -156px;}
.flow #menu-left ul.menu li.sub06 a:hover{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -195px;}

.flow #menu-left ul.menu li.sub01 a.active{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px 0px;}
.flow #menu-left ul.menu li.sub02 a.active{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -39px;}
.flow #menu-left ul.menu li.sub03 a.active{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -78px;}
.flow #menu-left ul.menu li.sub04 a.active{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -117px;}
.flow #menu-left ul.menu li.sub05 a.active{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -156px;}
.flow #menu-left ul.menu li.sub06 a.active{background: url(/image/common/menu_flow_on.jpg) no-repeat; background-position:-0px -195px;}


.biz #menu-left ul.menu li.sub01 a{background: url(/image/common/menu_biz.jpg) no-repeat; background-position:0px 0px;}
.biz #menu-left ul.menu li.sub02 a{background: url(/image/common/menu_biz.jpg) no-repeat; background-position:0px -39px;}
.biz #menu-left ul.menu li.sub03 a{background: url(/image/common/menu_biz.jpg) no-repeat; background-position:0px -78px;}
.biz #menu-left ul.menu li.sub04 a{background: url(/image/common/menu_biz.jpg) no-repeat; background-position:0px -117px;}
.biz #menu-left ul.menu li.sub05 a{background: url(/image/common/menu_biz.jpg) no-repeat; background-position:0px -156px;}
.biz #menu-left ul.menu li.sub06 a{background: url(/image/common/menu_biz.jpg) no-repeat; background-position:0px -195px;}

.biz #menu-left ul.menu li.sub01 a:hover{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px 0px;}
.biz #menu-left ul.menu li.sub02 a:hover{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -39px;}
.biz #menu-left ul.menu li.sub03 a:hover{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -78px;}
.biz #menu-left ul.menu li.sub04 a:hover{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -117px;}
.biz #menu-left ul.menu li.sub05 a:hover{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -156px;}
.biz #menu-left ul.menu li.sub06 a:hover{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -195px;}

.biz #menu-left ul.menu li.sub01 a.active{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px 0px;}
.biz #menu-left ul.menu li.sub02 a.active{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -39px;}
.biz #menu-left ul.menu li.sub03 a.active{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -78px;}
.biz #menu-left ul.menu li.sub04 a.active{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -117px;}
.biz #menu-left ul.menu li.sub05 a.active{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -156px;}
.biz #menu-left ul.menu li.sub06 a.active{background: url(/image/common/menu_biz_on.jpg) no-repeat; background-position:-0px -195px;}


input:focus,
select:focus,
textarea:focus{
	background:#FFFFF5;
}

.field300{
	width:300px;
	height:20px;
	border:1px solid #999;
	margin:3px 8px 3px 0;
	color:#111;
}
.field550_180{
	width:500px;
	height:180px;
	border:1px solid #999;
	margin:3px 8px 3px 0;
	font-size:1.0em;
	color:#111;
}
.radio_btn{
	margin-right:5px;
}
.pulldown{
	border:1px solid #999;
	margin:3px 0 3px 0;
}
.check_box{
	margin-right:4px;
}


#menu-left .line-190{
	width:190px;
	margin:auto;
	padding:15px 0 15px 0;
}
#contents .line-328{
	clear: both;
	width:328px;
	padding:15px 0 15px 0;
}
#contents .line-693{
	clear: both;
	width:693px;
	padding:15px 0 15px 0;

}
#contents .line-730{
	clear: both;
	width:730;
	padding:10px 0 10px 0;

}
#constraction{
	width:120px;
	font-size:1.8em;
	line-height:160%;
	font-weight:bold;
	color:#FF6600;
	margin:auto;
	margin-top:80px;
}

/*============================================================
//  インフォメーション
//==========================================================*/

#info-box{
	width:730px;
	background:url(/image/common/info_body.gif) repeat-y;
	margin:auto;
	margin-top:5px;
}
#info-box .head{
	width:730px;
}
#info-box .box{
	width:670px;
	margin:auto;
	padding:0 0 10px 0;
}
#info-box .bottom{
	width:730px;
	height:20px;
}
#info-box .btn-info{
	margin-bottom:1px;
}
#info-box p.text{
	font-size:1.0em;
	color:#333;
}


#error{
	width:730px;
	margin:30px 0 0 50px;
}
#error h3{
	font-size:1.2em;
	color:#FF6600;
	margin-bottom:8px;
}
#error p{
	font-size:1.0em;
	color:#333;
}
#error .renewal{
	width:450px;
	border:2px dotted #CCC;
	background:#EFEFE8;
	padding:15px 15px 15px 15px;
	margin-bottom:10px;
}
#error .renewal h4{
	font-size:1.2em;
	color:#FF6600;
	margin-bottom:5px;
}
#error .renewal p{
	font-size:1.0em;
	line-height:1.6em;
	color:#111;
}