@charset "utf-8";


/*----------------------
	header
----------------------*/
#header	{ background-color:#8cc63f; width:100%; background:url("../images/smile_base.gif") center top; background-repeat:repeat-x; background-size:contain; }

#header h1	{ width:980px; margin:0 auto; text-align:center; }



/*----------------------
	content
----------------------*/
#content	{ width:980px; margin:0 auto; padding:40px 0; }

#content .left		{ width:600px; float:left; }
#content .left img	{ width:100%; display:block; margin:0 auto; }

#content .right		{ width:320px; float:right; }


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

#content h2	{ background-color:#8cc63f; font-size:120%; color:#ffffff; font-weight:normal; padding:15px; letter-spacing:2px; margin-bottom:30px; }

#content dl	{ width:600px; }
#content dd	{ width:85%; margin:0 auto; line-height:180%; padding:10px 0 20px 0; }
#content dd a		{ color:#333333; }
#content dd a:hover	{ color:#8cc63f; }

#content dd img	{ width:100%; height:auto; }

#content .link			{ padding:10px 0; color:#333333; }
#content .link a		{ width:85%; margin:0 auto; line-height:180%; padding:10px 0; display:block; border-radius: 40px; text-align:center; background-color:#8cc63f; }
#content .link a:hover	{ color:#ffffff; }


#content .oa		{ padding: 0 10px 10px 10px; }
#content .oa-sabu	{ font-size:90%; text-align:right; color:#c5c5c5; padding:20px 20px 40px 0; border-top:dashed 1px #c5c5c5; }

/*
#content .line	{ margin:40px 0; border-bottom:solid 1px #c5c5c5; }
*/


/*

#content dt	{ width:90%; margin:0 auto; display:block; letter-spacing:30px; border:solid 2px #8cc63f; color:#8cc63f; font-weight:bold; padding:10px; }



#content h3	{ width:95%; margin: 0 auto; background-color:#8cc63f; color:#ffffff; padding:20px; font-weight:normal; letter-spacing:2px; font-size:120%; }

#content dl	{ width:800px; margin:0 auto; }
#content dt	{ }
#content dd	{ width:80%; margin:0 auto; padding:20px 0; }


#content .oa	{ width:80%; font-size:110%; margin:0 auto; padding:10px 0; }

#content .oa-sabu	{ width:100%; font-size:80%; text-align:right; color:#c5c5c5; padding:20px 20px 40px 0; border-top:dashed 1px #c5c5c5; }


#content .link a			{ background-color:#8cc63f; padding:10px; display:block; width:40%; margin:0 auto; border-radius:40px; text-align:center; color:#000000; }
#content .link a:hover	{ background-color:#8cc63f; color:#ffffff; }


#content img	{ width:100%; height:auto; padding:10px 0; }
*/




/*----------------------
	smile
----------------------*/

#smile	{ border:solid 6px #8cc63f; padding:10px; }

#smile h3	{ text-align:center; font-size:140%; padding:10px 10px 0 10px; }

#smile ul	{ padding:10px; line-height:160%; font-size:80%; }

#smile li	{ padding:10px 0; }
#smile li a	{ display:block; color:#000000; text-align:center; }





/*
#smile 	{ background-color:#8cc63f; color:#ffffff; padding:15px 20px; font-size:140%; letter-spacing:3px; font-weight:normal; margin-bottom:30px; line-height:150%; }

#smile		{ padding:40px 0 0 0; }

#smile .info	{ width:800px; margin:0 auto; border:solid 6px #8cc63f; padding:20px; line-height:200%; letter-spacing:2px; }

#smile .info h2	{ font-size:160%; line-height:160%; text-align:center; }

#smile .info li		{ padding-bottom:10px; }
#smile .info li a	{ width: 340px; margin:0 auto; display:block; color:#333333; text-align:center; }

#smile .link a			{ width:40%; margin:0 auto; padding:10px; display:block; border-radius:40px; background-color: #f2e200; }
#smile .link a:hover	{ color:#ffffff; background-color:#8cc63f; }
*/



/*----------------------
	backnumber
----------------------*/
#backnumber		{ width:320px; line-height:180%; padding-top:40px; }
#backnumber	h3	{ border:solid 2px #7abd28; text-align:center; padding:10px 20px; font-size:120%; letter-spacing:2px; color:#7abd28; }

#backnumber ul	{ width:320px; }
#backnumber li	{ padding:20px 0; }

#backnumber dl	{ width:100%; }
#backnumber dt	{ width:80%; margin:0 auto; letter-spacing:0; border:none; color:#000000; font-weight:normal; padding:0; }
#backnumber dd	{ width:60%; margin:0 auto; padding:0; line-height:250%; }

#backnumber dd a		{ display:block; color:#333333; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
#backnumber dd a:hover	{ color:#7abd28; }








/*-------------------------------*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*-------------------------------*/
@media screen and (max-width: 750px) {


/*----------------------
------------------------	header
----------------------*/
	#header h1	{ width:90%; padding:10px 0; }
	#header h1 img	{ width:100%; }


/*----------------------
------------------------	content
----------------------*/
	#content	{ width:100%; margin:0; padding:0; }

	#content .left		{ width:100%; float:none; }
	#content .left img	{ width:100%; display:block; margin:0 auto; }

	#content .right	{ width:100%; float:none; }


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

/*
	#content h3	{ width:90%; margin:0; padding:5%; line-height:150%; }

*/

	#content dl	{ width:100%; margin:0; letter-spacing:2px; }
	#content dt	{ letter-spacing:2px; }

	#content dd		{ width:90%; }
	#content dd a	{ padding:10px 0px; display:block; }

	#content .oa	{ padding:10px; }

	#content .oa-sabu		{ width:90%; }



	#content .link a		{ width:80%; margin:0 auto; background-color:#8cc63f; padding:10px; display:block; border-radius:40px; }
	#content .link a:hover	{  color:#ffffff;  }

	#content img	{ width:100%; height:auto; }




/*----------------------
------------------------	smile
----------------------*/

	#smile	{ margin:4%; }

	#smile .info	{ width:90%; border:solid 3px #8cc63f; padding:10px; line-height:160%; }

	#smile .info h2	{ font-size:140%; }
	#smile .info li	{ padding:10px 0; }

	#smile .info li a	{ width:80%; }


	#smile .link a			{ width:80%; margin:0 auto; background-color:#f2e200; padding:10px; display:block; border-radius:40px; }
	#smile .link a:hover	{ background-color:#8cc63f; color:#ffffff;  }




/*----------------------
	backnumber
----------------------*/
	#backnumber		{ width:90%; margin:0 auto; }

	#backnumber h3	{ width:96%; margin:0 auto; padding:2%; }

	#backnumber ul	{ width:90%; margin:0 auto; }

	#backnumber dt	{ width:100%; margin:0; }
	#backnumber	dd		{ width:90%; border:solid 1px #7abd28; padding:1%; margin:4%; }
	#backnumber	dd a	{ padding:0 10px; }








}