@import url(include.css);

a	   	{color: #0033cc;}
a:link   	{color: #0033cc;}
a:visited	{color: #0033cc;}
a:active 	{color: #0033cc;}
a:hover		{color: #ea0000;}

#body{
	margin: 0 auto;
	position: relative;
	color: #000000;
	font-family: Verdana,Arial,sans-serif,ＭＳ Ｐゴシック,Osaka;
	font-size: 80%;
	line-height: 140%;
	background: #ffffff url(/img/bg_body.jpg) repeat-x;
	}


td{
	text-align: left;
	line-height: 130%;
	font-size: 100%;
	}
th{
	text-align: left;
	line-height: 130%;
	font-size: 100%;
	}

/* フォント
----------------------------- */
.bold	{ font-weight: bold; }
.f_normal	{ font-weight: normal !important; }
.font-small{ font-size: 0.85em !important;}
.font-large{ font-size: 1.25em !important;}
.c_blue	{color: #0071bd;}
.c_red	{color: #cc0000;}
.c_gray	{color: #999999;}

/* 画像
----------------------------- */
img.f_left	{margin: 0 20px 20px 0; }
img.f_right	{margin: 0 0 20px 20px; }
img.border	{padding: 3px; background: #ffffff; border: 1px solid #e8e8e8;}
img.icon	{margin: 0 5px; vertical-align: middle;}

/* 配置
----------------------------- */
.center	{text-align: center !important;}
.left	{text-align: left !important;}
.right	{text-align: right !important;}
.top	{vertical-align: top !important;}
.middle	{vertical-align: middle !important;}
.bottom	{vertical-align: bottom !important;}
.width_auto{width: auto !important;}
.block	{display: block;}
.inline	{display: inline;}
.hidden	{display: none;}
.overflow {overflow: hidden !important;}
.f_left {float: left; }
.f_right{float: right; }
.f_none	{float: none !important;}
.clear	{clear: both;}
.clear_none		{clear: none;}
.clear_left		{clear: left;}
.clear_right	{clear: right;}
.clearfix		{zoom:1;}
.clearfix:after{content : ''; display : block; clear : both;}
.nowrap	{white-space: nowrap;}
.width50{width: 50% !important;}
.width100{width: 100% !important;}

/* 余白
----------------------------- */
.m_none		{margin: 0 !important;}
.m_auto		{margin-left: auto !important; margin-right: auto !important;}
.m_top0		{margin-top: 0 !important;}
.m_right0	{margin-right: 0 !important;}
.m_bottom0	{margin-bottom: 0 !important;}
.m_left0	{margin-left: 0 !important;}
.m_top5		{margin-top: 5px !important;}
.m_right5	{margin-right: 5px !important;}
.m_bottom5	{margin-bottom: 5px !important;}
.m_left5	{margin-left: 5px !important;}
.m_top10	{margin-top: 10px !important;}
.m_right10	{margin-right: 10px !important;}
.m_bottom10	{margin-bottom: 10px !important;}
.m_left10	{margin-left: 10px !important;}
.m_top15	{margin-top: 15px !important;}
.m_right15	{margin-right: 15px !important;}
.m_bottom15	{margin-bottom: 15px !important;}
.m_left15	{margin-left: 15px !important;}
.m_top20	{margin-top: 20px !important;}
.m_right20	{margin-right: 20px !important;}
.m_bottom20	{margin-bottom: 20px !important;}
.m_left20	{margin-left: 20px !important;}
.m_top30	{margin-top: 30px !important;}
.m_right30	{margin-right: 30px !important;}
.m_bottom30	{margin-bottom: 30px !important;}
.m_left30	{margin-left: 30px !important;}
.m_top40	{margin-top: 40px !important;}
.m_right40	{margin-right: 40px !important;}
.m_bottom40	{margin-bottom: 40px !important;}
.m_left40	{margin-left: 40px !important;}
.m_top50	{margin-top: 50px !important;}
.m_right50	{margin-right: 50px !important;}
.m_bottom50	{margin-bottom: 50px !important;}
.m_left50	{margin-left: 50px !important;}
.m_top100	{margin-top: 100px !important;}
.m_right100	{margin-right: 100px !important;}
.m_bottom100{margin-bottom: 100px !important;}
.m_left100	{margin-left: 100px !important;}

.p_top0		{padding-top: 0 !important;}
.p_right0	{padding-right: 0 !important;}
.p_bottom0	{padding-bottom: 0 !important;}
.p_left0	{padding-left: 0 !important;}
.p_top10	{padding-top: 10px !important;}
.p_right10	{padding-right: 10px !important;}
.p_bottom10	{padding-bottom: 10px !important;}
.p_left10	{padding-left: 10px !important;}
.p_top20	{padding-top: 20px !important;}
.p_right20	{padding-right: 20px !important;}
.p_bottom20	{padding-bottom: 20px !important;}
.p_left20	{padding-left: 20px !important;}
.p_top30	{padding-top: 30px !important;}
.p_right30	{padding-right: 30px !important;}
.p_bottom30	{padding-bottom: 30px !important;}
.p_left30	{padding-left: 30px !important;}
.p_top40	{padding-top: 40px !important;}
.p_right40	{padding-right: 40px !important;}
.p_bottom40	{padding-bottom: 40px !important;}
.p_left40	{padding-left: 40px !important;}
.p_top50	{padding-top: 50px !important;}
.p_right50	{padding-right: 50px !important;}
.p_bottom50	{padding-bottom: 50px !important;}
.p_left50	{padding-left: 50px !important;}
.p_all5		{padding: 5px !important;}
.p_all10	{padding: 10px !important;}
.p_all15	{padding: 15px !important;}
.p_all20	{padding: 20px !important;}
.p_all30	{padding: 30px !important;}


	/*== SP css ==*/
	@media screen and (max-width: 640px) {

		#body{
			background: none;
			font-size: 100% !important;
			}

		.sp_none{
			display: none !important;
		}
		.sp_block th,
		.sp_block td{
			display: block !important;
		}
		.sp_img{
			width: 100%;
			height: auto;
		}

	}