@charset "Shift_JIS";

/****************************
* 基本
****************************/
body {
	margin-top : 5px;
	margin-bottom : 5px;
	background-color : #E0E0E0;
	font-size: 13px; 
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	color:#777;
	line-height:1.5;
	letter-spacing:0.1em;
	text-align:center;
}

ipsum{
	background : url(img/test.gif) repeat;
}

h1{
	font-size: 14px;
	color: #666666;
}

a {
	color : #DD4162;
	text-decoration : none;
}

a:visited{
	color : #DD4162;
}

a:hover {
	color : #DD4162;
	text-decoration : underline;

}

/****************************
* 外枠
****************************/
#container {
	width : 800px;
/*	border : 2px solid #CCCCCC; */
	border-top : 1px solid #CCCCCC;
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	border-bottom : 1px solid #CCCCCC;
	background-color : #FFFFFF;
	margin-left:auto;
	margin-right:auto;
}


/****************************
* ヘッダ
****************************/
#header {
	width				:800px;
	height				:260px;
	margin-bottom		:20px;
}
#header2 {
	width				:800px;
	height				:380px;
	margin-bottom		:20px;
}

#picture_under {
	width	:	800px;
	height	:	150px;
	margin-top		:200px;
}
	#header_top {
		display:none;
		width:800px;
		height:20px;
		border-bottom : 1px dotted #CCCCCC;

	}
	#header_middle{
		width:800px;
		height:65px;
	}

	#header_logo_box {
		float : left;
		width : 230px;
		height : 65px;
	}
	#header_logo_img {
		width				:200px;
		height 				:45px;
		margin-top			:150px;
		margin-bottom		:5px;
		margin-left			:15px;
		margin-right		:15px;
		background-image	:url(img/basic/logo.jpg);
	}
	#header_logo_text{
		display:none;
	}

	#header_right{
		float:left;
		width:550px;
		height:65px;
		border:0px;
	}
	#header_menu {
		width:800px;
		margin-top:15px;
		text-align : left;
		border:0px solid #CCCCCC;
		font-size:0;
	}

	#header_menu_bar{
		display:none;
		width:550px;
		height:32px;
		margin-top:8px;
		background-image : url(img/basic/logo_bar.gif);
	}

	#header_end {
		clear : left;
	}
	
	#header_name {
		margin-top			:15px;
		margin-bottom		:5px;
		margin-left			:15px;
		margin-right		:15px;
		text-align:left;
	}
	#header_sitemap {
		margin-top			:-26px;
		margin-bottom		:5px;
		margin-left			:650px;
		margin-right		:15px;
	}
	#next_here {
		margin-top			:0px;
		margin-bottom		:5px;
		margin-left			:390px;
		margin-right		:15px;
	}
	
	
/****************************
* フッタ
****************************/
#footer {
	padding : 5px;;
	font-weight : normal;
	font-size : 13px;
}

	#footer_box {
		margin : 10px;
		height : 15px;
		/* border : 1px solid #666666; */
	}

/****************************
* メインコンテンツ
****************************/
#main {
	width:770px;
	margin-bottom : 30px;
	margin-top:-20px;
	padding-left : 15px;
	padding-right : 15px;
}


	#main_left {
		float : left;
		width : 200px;
	}
		.menu_title{
			width:200px;
			height:35px;
			margin-bottom:8px;
		}
		.menu_title_text{
			display:none;
		}
		#menu_01{
			background-image:url(img/basic/sidebar_slogan.gif);
		}
		#menu_02{
			background-image:url(img/basic/sidebar_mobilenews.gif);
		}
		#menu_03{
			background-image:url(img/basic/menu_03.jpg);
		}
		#menu_04{
			background-image:url(img/basic/menu_04.jpg);
		}
		.menu_ele{
			width :180px;
			text-align:left;
			padding-left:20px;
		}
		.menu_space{
			width:200px;
			height:20px;
		}
		#menu_mob_photo{
			width :180px;
			margin-left:auto;
			margin-right:auto;
		}
		#menu_sub_photo{
			width :180px;
			margin-left:auto;
			margin-right:auto;
		}
		#menu_mob_text{
			width:170px;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
			font-size : 11px;
			padding : 5px;
			border:solid 1px #cccccc;
		}
	#main_right {
		float:left;
		width:550px;
		margin-top:-10px;
		margin-left :20px;
	}


		#main_right_top {
			width:550px;
			margin-top : 10px;
			height	:60px;			
		}
		#main_right_top2 {
			width:550px;
			margin-bottom : 0px;
			margin-top : 10px;			
		}
		#main_right_menu00{
			width:510px;
			padding-left:20px;
			padding-right:20px;
			padding-top:8px;
			height:17px;
			border-bottom:dotted 1px #808080;
			text-align:right;
			margin-bottom:15px;
		}
		#main_right_body {
		}
		.content_title_box00{
			clear:both;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:4px;
			width:550px;
			height:20px;
			border-bottom:dashed 1px #808080;
		}
		.content_title_icon00{
			float:left;
			width:20px;
			height:20px;
			margin-left:10px;
			margin-right:10px;
			margin-top:-1px;
			margin-bottom:1px;
			background-image:url(img/basic/events.gif);
		}
		.content_title_icon77{
			float:left;
			width:20px;
			height:20px;
			margin-left:10px;
			margin-right:10px;
			margin-top:-1px;
			margin-bottom:1px;
			background-image:url(img/basic/news.gif);
		}

		.content_title_text00{
			float:left;
			margin-top:0px;
			margin-bottom:2px;
			font-size:13px;
			font-weight:600;
			text-align:left;
		}


		.content_title_box_top{
			clear:both;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:4px;
			width:500px;
			height:20px;
			border-bottom:dashed 1px #A9A9A9;
		}
		.content_title_icon_top{
			display:none;
			width:25px;
			height:25px;
			margin-left:4px;
			margin-right:4px;
			margin-top:-3px;
			margin-bottom:1px;
			background-image:url(img/basic/icon_00.gif);
		}
		
		.content_title_text_top{
			margin-left:28px;
			margin-top:-5px;
			margin-bottom:2px;
			font-size:13px;
			font-weight:600;
			width:550px;
			text-align:left;
		}

		.content_oneday_icon00{
			float:left;
			width:20px;
			height:20px;
			margin-left:10px;
			margin-right:10px;
			margin-top:-1px;
			margin-bottom:1px;
			background-image:url(img/basic/tatsumo.gif);
		}

		
		.content_main_box{
			width:480px;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:35px;
		}
		.content_main_photo_box{
			width:480px;
			height:60px;
			margin-bottom:10px;
		}
		.content_main_photo_img{
			float:left;
			margin-left:7px;
			margin-right:7px;
			width:100px;
			height:100%;
		}
		.content_main_text{
			width:420px;
			margin-top:15px;
			margin-left:auto;
			margin-right:auto;
			text-align:left;
		}
		.content_main_top_box{
			width:550px;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
		}
		.content_main_top_icon{
			float:left;
			width:75px;
		}
		.content_main_top_icon_img{
			width:48px;
			height:48px;
			margin-top:20px;
			margin-left:21px;
			margin-right:6px;
		}
		.content_main_top_icon_img_event{
			width:48px;
			height:50px;
			margin-top:-15px;
			margin-left:21px;
			margin-right:6px;
			background-image:url(img/basic/icon_event.gif);
		}
		.content_main_top_icon_img_topic{
			width:40px;
			height:40px;
			margin-top:5px;
			margin-left:50px;
			margin-right:6px;
		}
		.content_main_top_icon_img_text{
			position: relative;
			top:-37px;
			width:400px;
			height:48px;
			margin-top:0px;
			margin-left:50px;
			margin-right:6px;
			text-align:left;
		}
		.content_main_top_icon_img_news{
			width:48px;
			height:50px;
			margin-top:-15px;
			margin-left:21px;
			margin-right:6px;
			background-image:url(img/basic/icon_news.gif);
		}
		.content_main_top_icon_img_blog{
			width:48px;
			height:48px;
			margin-top:20px;
			margin-left:21px;
			margin-right:6px;
			background-image:url(img/basic/icon_blog.png);
		}
		.content_main_top_text{
			float:left;
			width:455px;
			margin-left:-48px;
			margin-top:18px;
			margin-right:auto;
			text-align:left;
		}
		.content_main_top_space{
			clear:left;
			width:550px;
			height:35px;
		}
		.content_main_post{
			width:440px;
			margin-top:5px;
			margin-left:auto;
			margin-right:auto;
			text-align:right;
		}
		.image_float_r{
			float:right;
			width:200px;
			height:150px;
			padding-left:8px;
			padding-bottom:10px;
		}
		.image_float_l{
			float:left;
			width:200px;
			height:150px;
			padding-right:15px;
			padding-bottom:10px;
		}
		.image_float_l3{
			float:left;
			width:150px;
			height:200px;
			padding-right:15px;
			padding-bottom:10px;
		}
		.image_float_l2{
			float:left;
			padding-right:15px;
			padding-bottom:10px;
		}
		.image_float_c{
			float:center;
			width:320px;
			height:240px;
			padding-right: 15px;
			padding-bottom:10px;
		}
		.content_banner_box{
			margin-top:25px;
			margin-bottom:15px;
			margin-left:70px;
			text-align:left;
		}
		.content_banner_img{
			margin-top:5px;
			margin-bottom:5px;
		}
		.image_float_n{
			float:none;
			width:200px;
			height:150px;
			margin:8px;

		}
		#goroku_box{
			width:550px;
		}
		#goroku_left{
			float:left;
			width:350px;
		}
		#goroku_right{
			float:left;
			width:200px;
		}
		.goroku_title_box{
			clear:both;
			margin-left:50px;
			margin-right:auto;
			padding-bottom:4px;
			width:300px;
			height:20px;
			border-bottom:dashed 1px #808080;
		}
		.goroku_title_icon{
			float:left;
			width:25px;
			height:25px;
			margin-left:10px;
			margin-right:10px;
			margin-top:-3px;
			margin-bottom:1px;
			background-image:url(img/basic/icon_00.gif);
		}
		.goroku_title_text{
			float:left;
			margin-top:1px;
			margin-bottom:2px;
			font-size:13px;
		}
		.goroku_main_box{
			width:250px;
			margin-top:10px;
			margin-bottom:15px;
			margin-left:80px;
			margin-right:auto;
			text-align:left;
			font-size:12px;
		}
		#goroku_list{
			margin-top:10px;
		}
		.mob_photo_view{
			width:352px;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
		}
		.mob_photo_text{
			width:300px;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:20px;
			text-align:left;
		}
		.mob_photo_post{
			width:350px;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}
		.member_photo_view{
			width:300px;
			margin-top:10px;
			margin-bottom:20px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}
		.member_title_box{
			clear:both;
			margin-top:10px;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:4px;
			width:350px;
			height:20px;
			border-bottom:dashed 1px #808080;
		}
		.member_title_icon{
			float:left;
			width:13px;
			height:18px;
			margin-left:10px;
			margin-right:10px;
			margin-top:1px;
			margin-bottom:1px;
			background-image:url(img/basic/icon_00.gif);
			
		}
		.member_member_icon{
			float:left;
			width:16px;
			height:21px;
			margin-left:10px;
			margin-right:10px;
			margin-top:1px;
			margin-bottom:1px;
			background-image:url(img/basic/sankaku.gif);
		}
		.member_title_text{
			float:left;
			margin-top:3px;
			margin-bottom:2px;
			font-size:14px;
		}
		.member_main_box{
			width:300px;
			margin-top:10px;
			margin-bottom:15px;
			margin-left:130px;
			margin-right:auto;
			text-align:left;
			font-size:13px;
			line-height:1.5;
			letter-spacing:0.1em;
		}
		.member_top_icon{
			float:left;
			width:20px;
			height:20px;
			margin-left:10px;
			margin-right:10px;
			margin-top:-3px;
			margin-bottom:1px;
			background-image:url(img/basic/members.gif);
		}
		.contact_icon{
			float:left;
			width:20px;
			height:20px;
			margin-left:10px;
			margin-right:10px;
			margin-top:-3px;
			margin-bottom:1px;
			background-image:url(img/basic/contact.gif);
		}
		.leader_icon{
			float:left;
			width:20px;
			height:20px;
			margin-left:10px;
			margin-right:10px;
			margin-top:-3px;
			margin-bottom:1px;
			background-image:url(img/basic/tomoki.gif);
		}
	#main_end {
		clear : left;
	}
	
	.col_title{
		text-align:left;
		list-style-image:url(img/basic/dot.gif);
	}
	.col_title_text{
	margin-top:10px;
	margin-bottom:10px;
	}

        .oneday_box{
	    margin-bottom:30px;             
         }


/****************************
* オリジナル基本
****************************/
.textarea_1 {
	width : 80px;
	height : 60px;
}

.err_text {
	font-size : 12px;
	color : red;
}

.err_text_2 {
	color : red;
}

.box_1 {
	margin : 30px;
	padding : 5px;
	text-align : center;
	border : 2px solid #b0c4de;
	font-weight : normal;
}

.submit_1 {
	color: #FFFFFF;
	background : #666666;
}


.text_small {
	font-size : 12px;
}

.table_1 {
	empty-cells : show;	
	table-layout : fixed;
	width : 300px;
	border-collapse : collapse;
}

	.td_cell_1_1 {
		padding : 4px 0px 4px 0px;
		border : 1px solid #CCCCCC;
		background : #000033;
		text-align : center;
		color : #FFFFFF;
	}
	.td_cell_1_2 {
		padding : 2px 10px 2px 10px;
		border : 1px solid #CCCCCC;
		font-weight : normal;
	}

.table_2 {
	empty-cells : show;	
	table-layout : fixed;
	width : 300px;
	border-collapse : collapse;
}

	.td_cell_2_1 {
		padding : 5px 10px 5px 10px;
		border : 1px solid #CCCCCC;
		text-align : left;
	}
	.td_cell_2_2 {
		padding : 5px 10px 5px 10px;
		font-weight : normal;
		font-size : 16px;
		color : #666666;
		border : 1px solid #CCCCCC;
		text-align : left;
	}

#lecture {
	width	:210px;
	height	:230px;
	margin-left	:	45px;
	margin-top	:	-50px;
}

#lecture2 {
	width	:210px;
	height	:230px;
	margin-left	:	290px;
	margin-top	:	-230px;
}

#zentai {
	margin-top	:	80px;
}
#future {
	margin-top	:	-32px;
	margin-left	:	30px;
}
#future2 {
	margin-top	:	-20px;
	margin-left	:	30px;
}

#lecture3 {
	width	:210px;
	height	:270px;
	margin-left	:	45px;
	margin-top	:	-50px;
}

#lecture4 {
	width	:210px;
	height	:270px;
	margin-left	:	290px;
	margin-top	:	-270px;
}
#left_app {
	margin-left	:35px;
}


/*****************************************
*　ダウンロード
*****************************************/

#globalNavi	{ background: url(image/navi.jpg) repeat-x; height: 28px; padding-top: 7px; text-align: center; }

#nav { width: 900px; margin: 0 auto; position: relative; line-height:1; text-align: left; }
#nav li { list-style: none; float: left; position: relative; }

#nav ul { display: none; position: absolute; top: 29px; left: 0; }
* html #nav ul { line-height: 0; }
#nav ul li { float: none; }

#nav ul { width: 120px; }
#nav ul ul { top: 0; left: 121px; }
#nav ul a { 
	display: block;
	width: 108px;
	background:#121212;
	padding: 6px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	zoom: 1;
	line-height: 1;
}
#nav ul a.hover { background: #444; }