@charset "utf-8";

/*=======================================================
 * CSS by Future Associates
 *=======================================================*/

/*=======================================================
 * Style for BODY
 *=======================================================*/
	body {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 22px;
		color: #303030;
		margin:0px;
		padding:0px;
		background-image: url(../images/back.gif);
		background-repeat: repeat-x;
		background-color:#ffffff;
	}

/*=======================================================
 * Style for MAIN
 *=======================================================*/
	#outline {
		background-image: url(../images/outline.jpg);
		background-repeat: repeat-y;
		width: 808px;
		margin-right: auto;
		margin-left: auto;
	}

	#pink {
		background-image: url(../images/pink_kage.jpg);
		background-repeat: no-repeat;
		width: 808px;
		height: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	#main
	{
		width:800px; 
		margin-right: auto;
		margin-left: auto;
	}

	#main_contents {
		width: 760px;
		margin-right: auto;
		margin-left: auto;
	}

	#left {
		width:495px;
		padding: 18px 0px 10px 0px;
		float:left; /* 回り込み処理 */
	}

	#right {
		width:246px;
		padding: 10px 0px 10px 19px;
		float:right; /* 回り込み処理 */
	}

/*=======================================================
 * Style for HEDDER
 *=======================================================*/
	#head_line {
		background-color:#EF6B90;
		width: 800px;
		height: 10px;
		color: #EF6B90;
		overflow: hidden;

	}

	#head {
		background-image: url(../images/yokomine_top.jpg);
		background-repeat: no-repeat;
		width: 800px;
		height: 398px;
	}

	#head div.logo {
		padding: 13px 0px 0px 721px;
	}

	#head_in {
		background-image: url(../images/yokomine_top_in.jpg);
		background-repeat: no-repeat;
		width: 800px;
		height: 170px;
	}

	#head_in div.logo {
		padding: 21px 0px 0px 721px;
	}

/*=======================================================
 * Style for MENU
 *=======================================================*/
	#menu {
		width: 800px;
		height: 61px;
		padding-bottom:10px;
		margin:0px;
	}

	div.menu_bg {
		width: 800px;
		height: 61px;
		background-color:#ffffff;
		background-image: url(../images/menu_bg.jpg);
		background-repeat: repeat-x;
	}

	#menu ul{
		margin:0px;
		padding-top:3px;
		padding-left:28px;
	}

	#menu ul li{
		margin:0px;
		padding:0px;
		list-style-type: none;
		float: left;
	}

/*=======================================================
 * Style for FOODER
 *=======================================================*/
	div.clear{ /* 回り込み終了 */
		clear:both;
		line-height:0;
		height:0;
	}

	#footer {
		background-color:#EF6B90;
		width: 800px;
		height: 20px;
		color: #ffffff;
		text-align: center;
	}

	div.submenu {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 20px;
		color: #EF6B90;
		margin:0px;
		padding-bottom:10px;
	}
	div.submenu a:link{text-decoration:none; color:#EF6B90;}
	div.submenu a:visited{text-decoration:none; color:#EF6B90;}
	div.submenu a:active{text-decoration:none; color:#EF6B90;}
	div.submenu a:hover {text-decoration:underline; color:#FF3366;} 

/*=======================================================
 * Style for FONT COLORS
 *=======================================================*/
	.blue {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 20px;
		color: #6666CC;
	}

	div.white {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 10px;
		line-height: 20px;
		color: #FBF8EF;
	}
	div.white a:link{text-decoration:none; color:#FBF8EF;}
	div.white a:visited{text-decoration:none; color:#FBF8EF;}
	div.white a:active{text-decoration:none; color:#FBF8EF;}
	div.white a:hover {text-decoration:none; color:#FBF8EF;} 

/*=======================================================
 * Style for FONT SPACE
 *=======================================================*/
	p {
		padding-bottom:10px;
		margin:0px;
	}


/*=======================================================
 * Style for INDEX
 *=======================================================*/
	div.migi_top {
		background-image: url(../images/freshvideo.jpg);
		background-repeat: no-repeat;
		width: 246px;
		height: 83px;
	}

	div.right_contents_bg {
		background-image: url(../images/right_contents_bg.jpg);
		background-repeat: repeat-y;
	}

	div.migi_bottom {
		background-image: url(../images/right_contents_bottom.jpg);
		background-repeat: no-repeat;
		width: 246px;
		height: 16px;
	}

	div.flv {
		padding-bottom:20px;
		margin:0px;
	}

	div.yokomine_msg {
		padding-left:3px;
		padding-bottom:30px;
		margin:0px;
	}

	div.kanren_link {
		background-image: url(../images/kanren.jpg);
		background-repeat: no-repeat;
		width: 218px;
		height: 28px;
		padding-bottom:10px;
		margin:0px;
	}

	div.daremotv {
		background-image: url(../images/daremotv.jpg);
		background-repeat: no-repeat;
		width: 218px;
		height: 28px;
		padding-bottom:10px;
		margin:0px;
	}

	#link {
		width: 160px;
		margin:0px;
		padding:0px;
	}

	#link ul{
		list-style-type: none;
		margin:0px;
		padding:0px;
	}

	#link ul li{
		margin-top: 5px;
		padding: 0px;
	}

	div.profile {
		background-image: url(../images/profile.jpg);
		background-repeat: no-repeat;
		width: 495px;
		height: 314px;
		padding-bottom:20px;
		margin:0px;
	}

	div.profile_text {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 20px;
		color: #303030;
		width: 253px;
		padding-top:42px;
		padding-left:17px;
		margin:0px;
	}

	div.profile_text_color {
		background-color:#FFFDF4;
	}

	div.giin_tsushin {
		background-image: url(../images/giin_tsushin.jpg);
		background-repeat: no-repeat;
		width: 495px;
		height: 30px;
		padding-bottom:10px;
		margin:0px;
	}

	div.shucho {
		background-image: url(../images/shucho.jpg);
		background-repeat: no-repeat;
		width: 495px;
		height: 30px;
		padding-bottom:10px;
		margin:0px;
	}

	div.anzen {
		background-image: url(../images/anzen.jpg);
		background-repeat: no-repeat;
		width: 495px;
		height: 30px;
		padding-bottom:10px;
		margin:0px;
	}

	div.anzen_ichi {
		padding: 20px 0px 0px 0px;
	}

	div.school {
		background-image: url(../images/school.jpg);
		background-repeat: no-repeat;
		width: 495px;
		height: 30px;
		padding-bottom:10px;
		margin:0px;
	}

	div.school_ichi {
		padding: 20px 0px 0px 0px;
	}

	div.school_page_ichi {
		padding: 0px 0px 10px 20px;
	}

	div.rss_feeld {
		padding-top:8px;
		padding-left:429px;
		margin:0px;
	}

	#anzen_top ul{
		margin:0px;
		padding:0px;
		padding-left:0px;
		list-style-type:none;
		padding: 295px 0px 0px 15px;
	}

	#anzen_top li{
		list-style-type:none;
		float:left;
		padding-right:5px;
	}

	#anzen_top li a{
		padding: 0px;
		display: block;
		list-style-type:none;
		text-decoration: none;
	}

	#anzen_top li span{
		visibility:hidden;
		font-size: 8px;
	}

	#anzen_top li#anzen_top_botton a{width:200px; height: 53px; background: url(../images/anzen_top2.jpg) no-repeat; }
	#anzen_top li#shucho_top_botton a{width:200px; height: 53px; background: url(../images/shucho_top.jpg) no-repeat; }

/*=======================================================
 * Style for HISTORY
 *=======================================================*/
	div.history {
		padding-top:6px;
		margin:0px;
	}

	div.waku_top {
		background-image: url(../images/waku_top.jpg);
		background-repeat: no-repeat;
		width: 495px;
		height: 12px;
	}

	div.waku_bottom {
		background-image: url(../images/waku_bottom.jpg);
		background-repeat: no-repeat;
		width: 495px;
		height: 12px;
	}

	div.waku {
		background-image: url(../images/waku.jpg);
		background-repeat: repeat-y;
	}

	div.waku_naka {
		width: 471px;
		margin-right: auto;
		margin-left: auto;
	}

	div.title_ichi {
		width: 471px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom:10px;
	}

	div.title1 {
		background-image: url(../images/history_title.jpg);
		background-repeat: no-repeat;
		width: 258px;
		height: 44px;
	}

/*=======================================================
 * Style for PROFILE
 *=======================================================*/
	div.title2 {
		background-image: url(../images/profile_title.jpg);
		background-repeat: no-repeat;
		width: 275px;
		height: 44px;
	}

	div.yokomine_profile {
		background-image: url(../images/yokomine_profile.jpg);
		background-repeat: no-repeat;
		width:495px;
		height: 100%;
	}

	div.profile_moji {
		width: 190px;
		padding-top:80px;
		padding-left:12px;
	}

/*=======================================================
 * Style for SCHOOL
 *=======================================================*/
	div.title3 {
		background-image: url(../images/activity_page.jpg);
		background-repeat: no-repeat;
		width: 250px;
		height: 44px;
	}

	div.school_mini {
		background-image: url(../images/school_mini.jpg);
		background-repeat: no-repeat;
		width:209px;
		height: 100%;
	}

/*=======================================================
 * Style for BOOKS
 *=======================================================*/
	div.title4 {
		background-image: url(../images/books_title.jpg);
		background-repeat: no-repeat;
		width: 171px;
		height: 44px;
	}

/*=======================================================
 * Style for ACCESS
 *=======================================================*/
	div.title5 {
		background-image: url(../images/access_title.jpg);
		background-repeat: no-repeat;
		width: 289px;
		height: 44px;
	}

/*=======================================================
 * Style for WORKS
 *=======================================================*/
	div.title6 {
		background-image: url(../images/works_title.jpg);
		background-repeat: no-repeat;
		width: 215px;
		height: 44px;
	}

	div.subtitle {
		background-image: url(../images/subtitle.jpg);
		background-repeat: no-repeat;
		width: 495px;
		height: 40px;
	}

	div.subtitle_ichi {
		padding: 0px 0px 0px 50px;
	}





/*=======================================================
 * Style for ANZEN
 *=======================================================*/
	div.title7 {
		background-image: url(../images/anzen_title.jpg);
		background-repeat: no-repeat;
		width: 423px;
		height: 44px;
	}

	div.title8 {
		background-image: url(../images/shucho_title.jpg);
		background-repeat: no-repeat;
		width: 155px;
		height: 44px;
	}