@charset "utf-8";
/* CSS Document */
/***********************************************/
/* CSS file For サイト名　株式会社サムシングフォー */
/* FileName: style.css                          */
/* data:2009/03/18                             */
/***********************************************/
/*
■目次 ==========================================

[01]:ブラウザスタイル初期化
[02]:ページの基本構造
[03]:大枠レイアウト
[04]:ヘッダー,フッター
[05]:メインコンテンツ
[06]:Margin.Padding
[07]:clearfix
[08]:
[09]:
[10]:
[11]:

================================================


/* [01]:ブラウザスタイル初期化 */
/* ------------------------------------------------------------------------- */

	html {
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	h1,h2,h3,h4,h5,h6,p,pre,blockquote,ol,dl,dd {
		margin: 0px;
		padding: 0px;
	}

	img {
		border: none;
		vertical-align: top;
	}

	br {
		letter-spacing: normal;
	}

	form,fieldset {
		margin: 0px;
		padding: 0px;
	}

	fieldset {
		border: none;
	}



/* [02]:ページの基本構造 */
/* ------------------------------------------------------------------------- */

	blockquote {
		padding: 5px;
		font-size: 12px;
		line-height: 18px;
		color: #FC758E;
	}

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

	li {
		border: none;
		vertical-align: top;
		padding: 0px;
		margin: 0px;
	}

	hr {
		color: #CCCCCC;
		height: 1px;
		border: 0px;
	}


	A:link    {color:#e03b01; text-decoration:underline;}
	A:visited {color:#e03b01; text-decoration:none;}
	A:hover   {color:#e03b01; text-decoration:none;}


/* [03]:大枠レイアウト */
/* ------------------------------------------------------------------------- */

	body {
	font-size:100%;
	color:#4c101f;
	font-family:"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";
	background-color:#fff;
	background-image: url(../img/bg_01.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	#container {
	width: 810px;
	margin: 0 auto;
	text-align: left;
	}
/* [04]:ヘッダー,フッター レイアウト*/
/* ------------------------------------------------------------------------- */
	#header {
	width: 810px;		/* IE5.5-6.0対策 */
	height:100px;
	padding-left: 10px;
	}
	
	#footer {
	clear:both;
	width: 810px;		/* IE5.5-6.0対策 */
	height:60px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	padding-top: 20px;
	}
	
	
	
/* [05]:メインコンテンツ */
/* ------------------------------------------------------------------------- */
	#contents {
	width: 810px;
	background-color: #FFF;
	}
	.text01{
	font-size: 16px;
	width: 650px;
	line-height: 24px;
	padding-left: 40px;
	padding-top: 15px;
	}
	.text02 {
	padding-top: 15px;
	font-size: 14px;
	width: 680px;
	line-height: 26px;
	text-decoration: underline;
	display: block;
	margin-left: 40px;
	}
	.text02 img{
	vertical-align: middle;
	}
	.text02 span{
	display: block;
}
	.text03 {
	padding-top: 15px;
	font-size: 14px;
	width: 680px;
	line-height: 18px;
	text-decoration: underline;
	display: block;
	margin-left: 40px;
	}
	.text03 img{
	vertical-align: middle;
	margin-top: 5px;
	}
	.text03 span{
	display: block;
}
	.box01 {
	float: left;
	}
 	.box01_01{
	float: left;
	 }
	.box01_02 {
	float: left;
	background-image: url(../img/img_14.gif);
	background-repeat: no-repeat;
	height: 85px;
	width: 197px;
	}
	.box01_02 img {
	margin-top: 22px;
	}
	.box02 {
	background-image: url(../img/img_16.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 680px;
	height: auto;
	margin-left: 20px;
	}
	.box02 p{
	font-size: 16px;
	line-height: 24px;
	padding-top: 15px;
	margin-bottom: 15px;
	margin-left: 40px;
	clear: both;
	}
	.box03 {
	font-size: 14px;
	line-height: 20px;
	background-image: url(../img/img_20.gif);
	background-repeat: repeat-y;
	width: 720px;
	}
	.box03 .year{
padding-top: 0;
padding-left: 0px;
padding-right: 0;
padding-bottom: 0;
	}
	.box03 .keireki{
	line-height: 20px;
	margin-top: -20px;
	margin-left: 4.5em;
	margin-right: 0;
	margin-bottom: 0;
	display: block;
	}

/* [06]:Margin.Padding */
/* ------------------------------------------------------------------------- */
	/* margin */
	.m0 {margin: 0px;}
	.m10 {margin: 10px;}
	.mb10 {margin-bottom: 10px;}
	.mb25 {margin-bottom: 25px;}
	.mb30 {margin-bottom: 30px;}
	.mt8 {margin-top: 8px;}
	.mt10 {margin-top: 10px;}
	.mt13 {margin-top: 13px;}
	.mt20 {margin-top: 20px;}
	.mt21 {margin-top: 21px;}
	.mt33 {margin-top: 33px;}
	.mt25 {margin-top: 25px;}
	.mt30 {margin-top: 30px;}
	.mt35 {margin-top: 35px;}
	.mt50 {margin-top: 35px;}
	.mt77 {margin-top: 77px;}
	.ml5 {	margin-left: 5px;}
	.ml10 {	margin-left: 10px;}
	.ml20 {	margin-left: 20px;}
	.ml30 {	margin-left: 30px;}
	.ml45 {	margin-left: 45px;}
	.ml64 {	margin-left: 64px;}
	.mr10 {margin-right: 10px;}
	
	/* padding */
	.p10 {padding: 10px;}
	.pb10 {padding-bottom: 10px;}
	.pb15 {padding-bottom: 15px;}
	.pl10 {padding-left: 10px;}
	.pr10 {padding-right: 10px;}
	.pt10 {padding-top: 10px;}
	.pt20 {padding-top: 20px;}
	.pt30 {padding-top: 30px;}
	/* float */
	.FLTleft {float: left;}
	.FLTright {float: right;}
	.clear {clear:both;}	
	
	/* height */
	.height62 {	height: 62px;}	

/* ----------------------------------------------------------------- */
/* [07]:clearfix */
/* ==========================================================*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */