

body{ font-size: medium; color: #333333;}
div.box_out{ padding:20px 20px 20px; margin:0px auto; width:700px; background-color: #CCFFFF;}/*　外枠　内外枠内肌色#ffddcc　新緑#CCFF99  薄草色#ccffcc*/
div.box_outr{ padding:20px 20px 20px; margin:0px auto; width:600px; background-color:#ccffff;}/*　外枠　内外枠内肌色#ffddcc　新緑#CCFF99　薄草色#ccffcc*/
 
table.main{ width:700px;}/*　内枠　内外枠内肌色　*/
table.menu{ margin:4px 0px; width:700px;}/*　HPガイド部分　*/
table.in  { margin:4px 0px; width:450px;}/*　HPガイド部分　*/

td.m_l{ width:80%; background-color:#FFFFCC;}/*　内枠内左側　*/
td.m_r{ width:20%; background-color:#FFFFCC; border-left-style:solid; border-left-color: #CCFF99;}/*　内枠内右側　TMP　*/


td.s_l{ width:125px; background-color:#FFFFCC;}/*　主題枠内左側　*/
td.s_r{ width:420px; background-color:#FFFFCC; padding-left:10px;}/*　主題枠内右側　*/
td.s_rb{ width:450px; background-image:url(gif/pho_miti.gif); padding-left:0px;}/*　背景道　*/
td.s_rb2{ width:450px; background-image:url(gif/hisyou.gif); padding-left:10px;}/*　背景飛翔　*/

td.width1{ width:100px; background-color:#FFFFCC; padding-left:10px;}/*　主題枠内右側　*/
td.width2{ width:200px; background-color:#FFFFCC; padding-left:10px;}/*　主題枠内右側　*/

.t_right { text-align:right;}/*　テキストの右揃え　*/
.t_left  { text-align:left;}/*　テキストの右揃え　*/
.t_left_color  { text-align:left; background-color: #CCFFFF;}/*　テキストの右揃え　*/
.t_center{ text-align:center;}/*　テキストの中央揃え　*/
.t_brown { color:#990000;}

.box_c   { text-align:center; width:100%; padding:0px 0px 3px; clear:both; }/*　コンテンツの中央揃え　*/
.box_c2  { text-align:center; width:100%; padding:0px 0px 3px; background-color:#FFFFCC; clear:both;}/*　コンテンツの中央揃え　*/
.box_l2  { text-align:left; width:100%; padding:0px 0px 3px; background-color:#FFFFCC; clear:both;}

.box_cbara   { text-align:center; width:100%; padding:0px 0px 0px; clear:both; background-image: url(gif/obi-bara.jpg)}/*　コンテンツの中央揃え　*/
.box_rifle{ padding:25px 20px 0px; margin:0px auto; width:700px; background-color:#3300CC;}


.right{ float:right; margin:5px;}/*　IMGを右側へ置く　*/
.left { float:left; margin:5px;}/*　IMGを左側へ置く　*/

.clear{ clear:both;}/*　ここ以降IMGの配置をクリアする　*/
.fifty{ width:50%;}/*　コンテンツを50％の幅にする　*/
.obi1  {background-color: #990000;
		width: auto;
		height: auto;
		color: #FFFFFF;
		font-weight: bold;
		line-height: 20px;
		text-decoration: none;}/*　茶色ラインの見出し　*/
.obi {line-height:36px; width:auto; height:auto; background-image:url(gif/nami.gif);}/*　波ラインの見出し　*/


th{ width:90px; font-size:12px; color: #006600; border:1px solid #006600;}/*上下のガイド*/

