@charset "utf-8";

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

  Author   :  Takashi Hirasawa

  URL      :  http://css-happylife.com/

  Date     :  06/09/17

  Copyright(C)2006 CSS HappyLife all rights reserved.

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

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

	- 全体

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

* {

	margin:0;

	padding:0;

}

body {

	color:#333;

	font-size:80%;

	font-family: "ＭＳ Ｐゴシック", "Arial", Osaka,"ＭＳ ゴシック","Osaka",sans-serif;

	line-height:120%;

	color:#464646;

	background:url(img/bg.gif) repeat-y center top;

}

img {

	border:0;

}

hr {

	display:none;

}

h1,h2,h3 {

	font-size:100%;

	letter-spacing:.1em;

	margin-left:20px;

	color:#333;

}

ul li {

	list-style-type:none;

}

a {

	color:#333;

}

a:hover {

	color:#F60;

}

.hid {

	display:none;

}

p {

	margin-bottom:.8em;

}

#container {

	width:700px;

	margin:0 auto;

}

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

	- ヘッダー

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

div#header {

	padding-bottom:20px;

	background:url(img/bg_head.gif);

}

div#header h1 {

	height:30px;

	padding-top:20px;

	font-size:160%;

}

div#header h1 a {

	text-decoration:none;

}

div#header h1 a:hover {

	position:relative;

	top:1px;

	left:1px;

}

div#header h2 {

	font-weight:normal;

}

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

	- コンテンツの囲み

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

div#main_container {

	margin-top:10px;

	margin-bottom:10px;

	padding-bottom:0;

	float:left;    /*←Floatを指定する事で、背景画像が伸びます。over-flow:autoでも伸びます。*/

	background:url(img/bg_side.gif) repeat-y right top;

	/*↑サイドの背景画像を2カラムを囲うdivに指定して繰り返してます。*/

}

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

	- メインコンテンツ

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

div#left_container {

	float:left;

	width:505px;

	margin-right:10px;

	padding-left:10px;

	padding-bottom:20px;

	background:url(img/bg_main.gif) no-repeat right bottom;

}

div#left_container h3 {

	margin:0 0 10px;

	padding:5px 10px;

	font-size:120%;

	border-left:5px solid #FB96CC;

}

div#left_container ul {

	margin-bottom:20px;

}

div#left_container ul li {

	margin-bottom:.5em;

	padding-left:20px;

	background:url(img/list_triangle.gif) no-repeat 2px 50%;

}

div#left_container ol {

	margin-left:22px;

}

div#left_container ol li {

	margin-bottom:.5em;

}

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

	- 右のコンテンツ

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

div#right_container {

	float:left;

	width:175px;

	padding-top:10px;

}

div#right_container li {

	padding:0;

	text-align:center;

}

div#right_container li img {

	margin-bottom:8px;

	border:1px solid #999;

}

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

	- フッター

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

address {

	clear:both;

	padding:5px 0 10px 15px;

	border-top:1px solid #A1A1A1;

	font-style:normal;

}

/* ☆.。.:*・゜☆.。.:*・゜☆。



       ★☆ END ☆★



☆.。.:*・゜☆.。.:*・゜☆.  */