@charset "shift_jis";

body {

	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 80%;

	line-height: 1.8;

	color: #333333;

	margin: 0px;

	padding: 0px;

	text-align: center;

	background: #eeeeee;

}

h1,h2,h3,p,ul,li{

	margin: 0px;

	padding: 0px;

}

p {

	padding-bottom: 10px;

}

ul{

	list-style-type: none;

}

img {

	border: none;

	vertical-align: bottom;

}





/*HPを囲む枠。両サイドの影を入れている。

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

#wrapper {

	background: #FFFFFF url(images/bg.gif) repeat-y center;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

}





/*HP本体の枠。ここは基本的に変更しないように。

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

#container {

	text-align: left;

	width: 890px;

	margin-right: auto;

	margin-left: auto;

}





/*ヘッダー。メイン画像が入っている所。

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

#header {

	background: url(images/main_img.jpg) no-repeat left top;

	height: 260px;

	position: relative;

}





/*ヘッダー内のh1タグの設定。

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

#header h1 {

	font-size: 10px;

	color: #FFFFFF;

	position: absolute;

	left: 30px;

	top: 240px;

	width: 800px;

}





/*メインメニューの設定。

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

#menu {

background-color:#ffffff;

width:890px;

height:26px

}







#menu li {

background-color:#ffffff;

/*background-image:url(images/pb2.gif);

background-repeat:no-repeat;

*/

text-align:right;

padding-left:5px;

display:inline

}





/*コンテンツ。文章が入る２列部分の背景をここで設定。

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



#contents {

	background: url(images/contents_bg.gif) repeat-y left;

	padding-top: 0px;

}

#contents_top {

background-image:url(images/contents_top.gif);

background-repeat:no-repeat;

padding-top:0px;

	height: 6px;

}





/*メインコンテンツ。（左側）

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

#main {

	float: right;

	width: 620px;

	display: inline;

	margin-right: 5px;

	margin-left: 5px;

}

#bar {

background-image:url(images/bar-1.gif);

background-repeat:no-repeat;

font:メイリオ;

font-size:16px;

text-align:left;

padding-top:7px;

padding-left:20px;

padding-right:5px;

width:570px;

height:40px

}



#main p {

	padding-right: 5px;

	padding-left: 5px;

}

#main h3 {

background:#eeeeee;

font-size:100%;

text-align:left;

margin-top:5px;

margin-bottom:5px;

padding-left: 10px;

border:3px double #cccccc

}



/*サブコンテンツ。（右側）

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

#sub {

	float: left;

	width: 229px;

	color: #E78A47;

	padding-right: 10px;

	padding-left: 10px;

	margin-top: -5px;

}

#sub h3 {

	border: 3px double #E78A47;

	background: #f4d388;

	font-size: 100%;

	text-align: center;

	margin-bottom: 5px;

	margin-top: 10px;

}





/*TOPICS部分。

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

ul#topics {

	padding: 0px 12px 20px 8px;

}

#topics li {

	border-bottom: 1px dotted #CCCCCC;

	text-indent: -1em;

	padding-left: 1em;

}





/*フッター。コピーライトや著作部分。

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

#footer {

color:#708090;

background:#eeeeee;

font-size:75%;

text-align:center;

padding:10px 10px 10px 10px;

width:870px;

height:auto;

clear:both

}





/*clearfix（※ここは変更しない）

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

#contents:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#contents { display: inline-block; }



/* Hides from IE-mac \*/

*html #contents { height: 1%; }

#contents { display: block; }

/* End hide from IE-mac */