@charset "utf-8";
body {
	font: 100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../img/back.png) repeat fixed left top;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}

/* 伸縮自在レイアウトに関するヒント
1. 伸縮自在レイアウトの全体的なサイズはユーザーの初期設定のフォントサイズに基づいて設定されるため、伸縮自在レイアウトの表示を予測することは困難です。伸縮自在レイアウトでは行の長さの割合が維持されるため、伸縮自在レイアウトは、適切に使用すれば、大きいフォントサイズを使用する必要がある場合に便利です。
2. このレイアウトの div のサイズは、body エレメントの 100% のフォントサイズに基づいて設定されます。body エレメントまたは #container の font-size: 80% を使用して全体のテキストサイズを小さくすると、レイアウト全体のサイズが比例して小さくなります。これを補正するには、必要に応じて、div の幅を大きくしてください。
3. デザイン全体ではなく div ごとにフォントサイズが変更される場合は (#sidebar1 のフォントサイズは 70% に設定され、#mainContent のフォントサイズは 85% に設定される場合)、これにより、それぞれの div の全体のサイズが比例して変更されます。必要に応じて、最終的なフォントサイズに基づいて調整してください。
*/
.oneColElsCtrHdr #container {
	width: 1007px;
	margin: 0;
	padding: 0px;
	height: auto;
}

img {
behavior: url(css/iepngfix.htc);
/*IE6透過PNG対応用*/
}

.oneColElsCtrHdr {

	
}
.oneColElsCtrHdr #header {
	padding: 0 0px 0 90px;
	margin: 0px;
	height: 145px;
	width: 917px;
} 
.oneColElsCtrHdr    #header_2 {
	padding: 0 0px 0 90px;
	margin: 0px;
	height: 70px;
	width: 917px;
	line-height: 0px;
} 
.oneColElsCtrHdr   #rogo_left {
	padding: 0 0px 0 90px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	line-height: 0px;
	margin: 0px;
	height: 48px;
	float: left;
	width: 169px;
} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.oneColElsCtrHdr #mainContent {
	padding: 0;
	width: 1007px;
	margin: 0px;
	height: auto;
	overflow: auto;
}
.oneColElsCtrHdr #footer {
	padding: 0;
	height: 183px;
	width: 1007px;
} 
.oneColElsCtrHdr  #footer_center {
	padding: 0;
	height: 183px;
	width: 635px;
	float: left;
} 
.oneColElsCtrHdr   #footer_center_top {
	padding: 0;
	height: 61px;
	width: 635px;
	float: left;
	background: #FFFFFF;
} 
.oneColElsCtrHdr    #footer_center_middle {
	padding: 0;
	height: 72px;
	width: 635px;
	float: left;
	background: url(../img/downframe_top.png);
	text-align: right;
} 

.oneColElsCtrHdr     #footer_center_under {
	padding: 0;
	height: 45px;
	width: 249px;
	float: left;
} 


.oneColElsCtrHdr      #footer_center_under_light {
	padding: 0;
	height: 45px;
	width: 386px;
	float: left;
} 
.oneColElsCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.oneColElsCtrHdr  #tsuru_left {
	padding: 0;
	margin: 0px;
	float: left;
	height: 100%;
	width: 90px;
	line-height: 0px;
}
.oneColElsCtrHdr   #footer_leftclover {
	padding: 0;
	margin: 0px;
	float: left;
	height: 100%;
	width: 90px;
	line-height: 0px;
}
.oneColElsCtrHdr    #footer_rightclover {
	padding: 0;
	margin: 0px;
	float: left;
	height: 100%;
	width: 83px;
	line-height: 0px;
}
.oneColElsCtrHdr     #footer_righttsuru {
	padding: 0;
	margin: 0px;
	float: left;
	height: 183px;
	width: 101px;
	line-height: 0px;
}
.oneColElsCtrHdr       #footer_right_flame_top {
	padding: 0;
	margin: 0px;
	float: left;
	height: 61px;
	width: 81px;
	line-height: 0px;
	background: url(../img/sideframe_right.png);
}
.oneColElsCtrHdr        #footer_right_flame_under {
	padding: 0;
	margin: 0px;
	float: left;
	height: 117px;
	width: 101px;
	line-height: 0px;
}
.oneColElsCtrHdr   #main {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 0px;
	float: left;
	width: 667px;
	text-align: left;
	height: auto;
}

#footer_menu_left {
	margin: 0px;
	padding: 0px;
	height: 72px;
	width: 450px;
	float: left;
}
#footer_menu_left a {
	text-decoration: none;
	color: #FFF5C5;
}
#footer_menu_left  ul {
	font-size: 14px;
	list-style: none;
	margin: 0px;
	text-align: left;
	padding: 55px 0px 0px;
}
#footer_menu_left ul a:hover, #footer_menu_left ul a:active {
	color: #FFCC00;
	text-decoration: none;
}

#footer_menu_left  li {
	display: inline;
	padding: 0px 18px 0px 0px;
	margin: 0px;
	color: #FFF5C5;
	font-weight: normal;
}


#footer_menu_right {
	margin: 0px;
	padding: 0px;
	height: 72px;
	width: 185px;
	float: right;
}


#header_2 img {
	text-decoration: none;
	border-style: none;
}
#page_title_space    {
	padding: 10px 20px 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 0px;
	float: left;
	width: 667px;
	text-align: left;
	height: 100px;
}
#page_title    {
	padding: 0 0 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #F9D953;
	margin: 15px 0px 0px;
	float: left;
	width: 300px;
	text-align: left;
	height: 35px;
}
#page_title_space    {
	padding: 0 0 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #F9D953;
	margin: 15px 0px 0px;
	float: left;
	width: 315px;
	text-align: left;
	height: 35px;
}
#page_title_space li {
	display: inline;
	padding-right: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}
#page_title_space ul {
	margin: 0px;
	padding: 15px 0px 0px;
}

#page_title h2    {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #F9D953;
	margin: 15px 0px 0px;
	float: left;
	text-align: left;
	font-size: 16px;
	line-height: 0px;
}
#page_title_space a {
	color: #6D996E;
	text-decoration: none;
}
#page_title_space li a:hover, #page_title_space li a:active {
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 80px;
	background: #FFFFFF;
}

#page_title img {
	padding: 0px;
	margin: 0px 10px 0px 30px;
}
.page_category    {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 10px 0px 0px;
	float: left;
	width: 637px;
	height: 50px;
}
.page_category_title    {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 0px;
	float: left;
	width: 200px;
	text-align: left;
	height: 40px;
	border-bottom: thin dashed #CCCCCC;
}
.page_category_title  img {
	margin: 0px 15px;
	border-style: none;
	height: 15px;
	width: 15px;
	padding: 0px;
}
.page_category h3   {
	font-size: 16px;
	font-weight: 700;
	list-style: disc;
	line-height: 0px;
	margin: 0px;
	padding: 15px 0px 0px;
}
.page_category_space    {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 0px;
	float: left;
	width: 30px;
	height: 50px;
}

.contents    {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 0px;
	float: left;
	width: 667px;
	height: 100%;
}
#footer_menu_right  img {
	border-style: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

/*別ファイルにする場合は、headerに
<link href="css/print.css" rel="stylesheet" type="text/css" media="print"/>
media属性を追加する*/

@media print{
#header, .header2_print, #tsuru_left, #frame_right, #frame_rightout, #footer_leftclover, #footer_rightclover, #footer_center_under, #footer_center_under_light, #footer_right_flame_under, #footer_menu_right{
	display: none;
}
.rogo_print{
	float: left;
	margin: 50px 0px 0px;
	padding: 0px;
}

#footer_center{
	margin: 0px 0px 0px 83px;
}
#container{
	border: thin solid #000000;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 670px;
}


}