.@charset "utf-8";
/****************************************
				BASE
*****************************************/

*{
	margin: 0; padding: 0;
}

body {
	font-size: 14px;
/*	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	*/
	font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	color: #000;
/*	background-image:url(../img/backgroubd2.jpg);	*/
    margin: 0;
}

html, div, span, 
p, font, img, ol, ul, li,
form, table, label, tr, th, td {
		border: 0;
		font-weight: normal;
		list-style: none;
		outline: 0;
}



a img{ border:none; }
a{ color: #000; text-decoration: none; }
a:link,a:visited{ color:#FFF; text-decoration: none; }
a:hover{
	color: #000;
	text-decoration: underline;
}

/*-------------------------------------------*/

.font24{ font-size:23px;
line-height:50px; }

.font30{ font-size:29px;
line-height:50px; }

/*---------------------------------------------------------*/


.green { color:#063; }
.red { color:#990000; }

.white{
	color:#FFFFFF;
}

/*---------------------------------------------------------*/

/* 回り込み解除 */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	 clear:both;
}

/****************************************
				MAIN
*****************************************/


#container {
	height: auto;
	width: 100%;
	display:block;
	clear: both;
	margin: 0 auto;
	position: relative;
	margin-top: 25px;
}

#header {
	margin-top: 30px;
	background-color:#F9F;
	
}

/*---------------------------*/

#contents {
	width: 980px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

#c_left {
	width: 225px;
	float: left;
	height: auto;
	margin-right: 30px;
	margin-bottom: 30px;
}
	
/*----------------------*/
/*	メニュー関連		*/
	
#top_box{
	width:400px;
	height:auto;
	float:right;
}
#logo_box{
	width:400px;
	height:200px;
	background-image:url(../img/name.png);
	background-repeat:no-repeat;
	background-position:top;
}

	
#menu_box{
	width:400px;
	height:350px;

}

	
#blog_box{
	width:390px;
	height:145px;
	border:solid 1px #CCC;
	margin-bottom:20px;
	margin-right:10px;
	background-color:rgba(10,10,10,0.4);

}

	
#sns_box{
	width:400px;
	height:48px;
}

#menu1_btn{
	width:146px;
	height:81px;
	float:left;
	text-align:right;
	padding-bottom:40px;
	padding-left:30px;
}
#menu2_btn{
	width:194px;
	height:81px;
	float:left;
	text-align:left;
	margin-left:25px;
	padding-bottom:40px;
}



#menu3_btn{
	width:146px;
	height:81px;
	float:left;
	text-align:left;
	padding-bottom:40px;
	padding-left:30px;
}
#menu4_btn{
	width:154px;
	height:81px;
	float:right;
	text-align:right;
	margin-right:50px;
	padding-bottom:40px;
}


#menu5_btn{
	width:146px;
	height:81px;
	float:left;
	text-align:right;
	padding-left:30px;
}
#menu6_btn{
	width:194px;
	height:81px;
	float:left;
	text-align:left;
	margin-left:25px;
}


#blog_btn{
	width:60px;
	height:48px;
	float:right;
}

#fb_btn{
	width:115px;
	height:48px;
	float:right;
}

/*-------------------------------------------------------------*/

#button_bg{
	background-image:url(../img/bg_black.jpg);
	 position: relative;
}

#button_box{
	width:513px;
	height:406px;
	margin:auto;
	margin-top:200px;
/*
	display: table-cell;
	text-align: center;
*/
	background-image:url(../img/button.png);

}


/*-------------------------------------------------------------*/



#button_menu1_btn
{
	width:135px;
	height:74px;
	
	padding-top:53px;
	padding-left:186px;
}

#button_menu1_btn a
{
	width:135px;
	height:74px;
    background: url("../img/button_01.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
#button_menu1_btn a:hover
{
    background-image: url("../img/button_01_on.png");
}




#button_menu2_btn{
	width:128px;
	height:89px;
	float:left;
	margin-left:104px;
}
#button_menu2_btn a
{
	width:128px;
	height:87px;
    background: url("../img/button_02.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
#button_menu2_btn a:hover
{
    background-image: url("../img/button_02_on.png");
}


#button_menu3_btn{
	width:155px;
	height:89px;
	float:right;
	padding-right:102px;
}
#button_menu3_btn a
{
	width:155px;
	height:87px;
    background: url("../img/button_03.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
#button_menu3_btn a:hover
{
    background-image: url("../img/button_03_on.png");
}



#button_menu4_btn{
	width:132px;
	height:98px;
	float:left;
	margin-left:135px;
}
#button_menu4_btn a
{
	width:132px;
	height:87px;
    background: url("../img/button_04.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
#button_menu4_btn a:hover
{
    background-image: url("../img/button_04_on.png");
}


#button_menu5_btn{
	width:109px;
	height:81px;
	float:right;
	padding-right:136px;
}
#button_menu5_btn a
{
	width:109px;
	height:87px;
    background: url("../img/button_05.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
#button_menu5_btn a:hover
{
    background-image: url("../img/button_05_on.png");
}


#button_menu6_btn{
	width:249px;
	height:38px;

	padding-left:136px;
}


#top_box .t_news {
	clear: both;
	height: 200px;
	width: 400px;
}