@charset "utf-8";
body  {
	background-image:url("http://www.frl.co.jp/blog/img/common/background.jpg");
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}

div,h1,h2,h3,h4,h5,h6,p,td {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

img, a img {
    border: 0 !important;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

.twoColFixLtHdr #container { 
	width: 894px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.twoColFixLtHdr #header { 
	padding: 0 0px 0px 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	height:52px;
}
 
.twoColFixLtHdr #banner { 
	padding: 0px 0px 0px 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	height:363px;
	
}

.twoColFixLtHdr #main { 
	padding: 0px 0px 0px 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	
}

.twoColFixLtHdr #sidebar1 {
	
	width: 216px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	margin:0;
	padding-top:37px;
	padding-left:15px;
	padding-bottom:0px;
}

.twoColFixLtHdr #sidebar1 p {
	width: 193px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	font-size:12px;
	color:#5a3b5a;
	line-height:148%;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 231px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	vertical-align:top;
}
.twoColFixLtHdr #item { 
	margin: 0 0 0 0px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 8px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 
.twoColFixLtHdr #item02 {
background-image:url("http://www.frl.co.jp/img/top/topitem.png");
	background-repeat:no-repeat;
	background-position:center center;
}
.twoColFixLtHdr #footer { 
	padding: 0 0px 0 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	
} 
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* about用css */
.twoColFixLtHdr #header02 { 
	padding: 0 0px 0px 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	height:52px;
}

.twoColFixLtHdr #sidebar02 {
	width: 216px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	margin:0;
	padding-top:37px;
	padding-left:15px;
	padding-bottom:0px;
}
.twoColFixLtHdr #sidebar02 p {
	width: 193px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	font-size:12px;
	color:#5a3b5a;
	line-height:148%;
}
.twoColFixLtHdr #us { 
	margin: 0 0 0 0px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 45px 0px 0 25px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	height:83px;
	font-size:12px;
	color:#5a3b5a;
	line-height:148%;
}
.twoColFixLtHdr #us .us_l { 
	font-weight:bold;
	font-size:25px;
	color:#5a3b5a;
}
.twoColFixLtHdr #us_txt { 
	margin: 0px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	height:663px;
}
.twoColFixLtHdr #us_txt h2 { 
	padding: 20px 0px 0px 25px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	font-size:14px;
	color:#5a3b5a;
	margin:0;
}
.twoColFixLtHdr #us_txt h3 { 
	padding: 8px 0px 8px 320px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	font-size:12px;
	color:#5a3b5a;
	font-weight:normal;
	margin:0;
}
.twoColFixLtHdr #us_txt p { 
	padding: 10px 0px 0px 25px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	font-size:12px;
	color:#5a3b5a;
	line-height:150%;
	width:618px;
	margin:0;
}

/* recommend用css */
.twoColFixLtHdr #re01 { 
	margin: 15px 10px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	vertical-align:top;
}

/* new用css */
.twoColFixLtHdr .new_box { 
	margin: 8px 0 0 0px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding-top: 25px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	padding-left:25px;
	padding-right:25px;
	background-image:url("http://www.frl.co.jp/img/new/news_1.jpg");
	height:380px;
	background-repeat:no-repeat;
	background-position:center center;
	font-size:12px;
	color:#5a3b5a;
	line-height:135%;
}
.twoColFixLtHdr .new_box01 { 
	margin: 0px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding-top: 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	padding-left:7px;
	height:380px;
}
.twoColFixLtHdr .new_box03 { 
	margin: 8px 0 0 0px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding-top: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	padding-left:25px;
	padding-right:25px;
	background-image:url("http://www.frl.co.jp/img/new/news_box.jpg");
	height:385px;
	background-repeat:no-repeat;
	background-position:left center;
	font-size:12px;
	color:#5a3b5a;
	line-height:135%;
}
.twoColFixLtHdr .new_box02 { 
	margin: 0px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding-top: 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	padding-left:25px;
	padding-right:25px;
	background-image:url("http://www.frl.co.jp/img/new/news_box.jpg");
	height:380px;
	background-repeat:no-repeat;
	background-position:top center;
	font-size:12px;
	color:#5a3b5a;
	line-height:135%;
}
.twoColFixLtHdr .new_box04 { 
	margin: 0px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding-top: 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	padding-left:25px;
	padding-right:25px;
	background-image:url("http://www.frl.co.jp/img/new/news_box.jpg");
	height:380px;
	background-repeat:no-repeat;
	background-position:left top;
	font-size:12px;
	color:#5a3b5a;
	line-height:135%;
}
.twoColFixLtHdr .title {
	color:#5a3b5a;
	font-size:20px;
	font-weight:bold;
} 

/* gallery用css */
.twoColFixLtHdr .ga_box { 
	margin: 15px 10px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	height:325px;
	
}

.twoColFixLtHdr .ga_box h1 { 
	margin-top: 15px;
	margin-left:10px;
	font-size:15px;
	color:#5a3b5a;
}
.twoColFixLtHdr .ga_box .bk { 
	margin-top: 8px;
	margin-left:10px;
	font-size:13px;
	color:#5a3b5a;
}
.twoColFixLtHdr .ga_box .gazou { 
	margin-top: 8px;
	margin-left:10px;
	margin-bottom:8px;
}

.twoColFixLtHdr .ga_box p { 
	margin-right:20px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	vertical-align:top;
	font-size:12px;
	color:#5a3b5a;
	line-height:150%;
}

.twoColFixLtHdr .posted { 
	margin-left: 10px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	vertical-align:top;
	font-size:11px;
	color:#5a3b5a;
	line-height:150%;
}

/* news用css */
.twoColFixLtHdr .news_box { 
	margin: 15px 10px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	
}

.twoColFixLtHdr .news_box h1 { 
	margin-top: 15px;
	margin-left:10px;
	font-size:15px;
	color:#5a3b5a;
}
.twoColFixLtHdr .news_box .bk { 
	margin-top: 8px;
	margin-left:10px;
	font-size:13px;
	color:#5a3b5a;
}
.twoColFixLtHdr .news_box .gazou { 
	margin-top: 8px;
	margin-left:10px;
	margin-bottom:5px;
}

.twoColFixLtHdr .news_box p { 
	margin-right:20px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	vertical-align:top;
	font-size:12px;
	color:#5a3b5a;
	line-height:150%;
}



/* link用css */
a:link {
    color: #ff00ff;
    text-decoration:none
    }
    a:visited {color: #5a3b5a;
    text-decoration:none
    }
    a:active {
    color: #ff00ff;
    text-decoration:none
    }
    a:hover {color: #5a3b5a;
    text-decoration:none;
    }