@charset "EUC-JP";
/* CSS Document */

*{ margin: 0; padding: 0; border: none; font: normal normal normal 12px/18px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "osaka", Geneva, Arial, Verdana, sans-serif;  }
body,html{ width: 100%; height: 100% }
body{ background: #fff url("../images/common/bg.gif"); text-align: center  }

#Guid{ width: 740px; height: 100%; min-height: 100%; margin: 0 auto; padding: 0; background: url("../images/common/bg-body.gif") repeat-y; text-align: left; }
	#Guid div{ width: 740px }
	#Guid div * div, #Guid div div{ width: auto }
	body > #Guid{ height: auto }

#Header{ height: 70px; background-repeat: no-repeat }
	#Header{ background:  url("../images/common/head.jpg")}
	#Header h1{ visibility: hidden; display: inline; font-size: 1px; line-height: 1px; }
	#Header a{ display: block; width: 740px; height: 70px }
	body#Top #Header{ height: 320px; background:  url("../images/common/head-top.jpg")}
	body#Top #Header a{ height: 320px; }

#Navi{ height: 60px; background: #000; }
	#Navi ul{ list-style: none; margin: 0 0 0 1px }
	#Navi li{ float: left; }
	#Navi li *{ color: transparent }
	#Navi li a, #Navi li div{ display: block; width: 141px; height: 58px; background: #DDD; text-decoration: none; }
	#Navi li a span, #Navi li div span{ visibility: hidden }
	#Navi #NavCorp a, #Navi #NavCorp div{ background: url("../images/navi/nav-corp.gif") no-repeat; }
	#Navi #NavRect a, #Navi #NavRect div{ background: url("../images/navi/nav-rect.gif") no-repeat; }
	#Navi #NavCont a, #Navi #NavCont div{ background: url("../images/navi/nav-cont.gif") no-repeat; }
	#Navi #NavSoc1 a, #Navi #NavSoc1 div{ background: url("../images/navi/nav-soc1.gif") no-repeat; }
	#Navi #NavSoc2 a, #Navi #NavSoc2 div{ background: url("../images/navi/nav-soc2.gif") no-repeat; width: 175px; }
	#Navi #NavCorp a:hover, #Navi #NavCorp div{ background: url("../images/navi/nav-corp_on.gif") no-repeat; }
	#Navi #NavRect a:hover, #Navi #NavRect div{ background: url("../images/navi/nav-rect_on.gif") no-repeat; }
	#Navi #NavCont a:hover, #Navi #NavCont div{ background: url("../images/navi/nav-cont_on.gif") no-repeat; }
	#Navi #NavSoc1 a:hover, #Navi #NavSoc1 div{ background: url("../images/navi/nav-soc1_on.gif") no-repeat; }
	#Navi #NavSoc2 a:hover, #Navi #NavSoc2 div{ background: url("../images/navi/nav-soc2_on.gif") no-repeat; }
	#Top #Navi li a, #Top #Navi li div{ height: 82px; }


#BreadNavi, #Footer{ clear: both }	
	#BreadNavi *, #Footer *{ font-size: 10px; color: #666; }
	#BreadNavi ol{ list-style: none; margin: 0 21px; }
	#BreadNavi li{ display: inline; }
	#BreadNavi a, #Footer a{ text-decoration: none }
	#BreadNavi a:hover, #Footer a:hover, #Footer span{ color: #309; }

#Footer{ width: 720px; height:44px; margin: 9px 0 0 }
	#Footer dt{ float: left; width:240px; height: 44px; background: url("../images/common/foot-Logo.gif") no-repeat 16px 0; }
	#Footer dt span{ visibility: hidden; font-size: 1px }
	#Footer dd{ float: right; width: 500px; background: url("../images/common/foot-bg.gif") repeat-x; text-align: right }
	#Footer dd a, #Footer dd span{ line-height: 72px }

#Guid #MainStage{ width: 698px; margin: 21px; color: #333; }
	#Top #Guid #MainStage{ width: 100%; margin: 21px }

#MainStage ul, #MainStage ol{ padding: 0 0 0 24px }
#MainStage li{ margin: 0 0 6px }

/* タグ */
h2,h3,h4,h5,h6{ font-weight: bold; background-repeat: no-repeat; margin: 0 0 .5em }
h2 a, h3 a{ text-decoration: none; font-weight: bold; color: #306 }
h2, h2 a{ font-size: 15px; }
h3, h3 a{ font-size: 14px; }
h4{ font-size: 13px; }
h5{ font-size: 12px; }
h6{ font-size: 10px; }
p{ margin: 0 0 .5em }
em{ font-size: 10px }

/* 表示 */
.Clear{ clear: both }
.FloatL{ float: left }
.FloatR{ float: right }
.Center{ text-align: center }
.Left{ text-align: left }
.Right{ text-align: right }
.Inline{ display: inline }


/* ボックス */
.BoxStoneYel{ margin: 0 20px 21px; }
	.BoxStoneYel dl, .BoxStoneYel div{ width: 100% }
	.BoxStoneYel dt, .BoxStoneYel dd{ width: 610px; height: 24px; float: left; color: transparent }
	.BoxStoneYel dt{ width: 24px }
	.BoxStoneYel .Head .L{ background: url( ../images/common/box_stoneY-HL.gif ) no-repeat; }
	.BoxStoneYel .Head .R{ background: url( ../images/common/box_stoneY-HR.gif ) no-repeat;  }
	.BoxStoneYel .Head dd{ background: url( ../images/common/box_stoneY-H.gif ) no-repeat;  }
	.BoxStoneYel .Foot .L{ background: url( ../images/common/box_stoneY-FL.gif ) no-repeat;  }
	.BoxStoneYel .Foot .R{ background: url( ../images/common/box_stoneY-FR.gif ) no-repeat;  }
	.BoxStoneYel .Foot dd{ background: url( ../images/common/box_stoneY-F.gif ) no-repeat;  }
	.BoxStoneYel div{ background: url( ../images/common/box_stoneY-B.gif ) repeat-y; clear: both; padding: 0 24px; }
.BoxBorder{ margin: 12px auto; padding: 6px 9px; border: 1px solid #ccc }
	
.Box12{ margin: 0 12px 6px; }
.Box18{ margin: 0 18px 9px; }
.Box21{ margin: 0 21px 12px; }
.Box30{ margin: 0 30px 12px; }

	

/* タイトル */
.Per, .Grn, .Red, .Yel{ height: 18px; line-height: 19px; padding-left: 20px; }
.Per{ background-image: url( ../images/common/icon_ball-Per.gif ); color: #306 }
.Grn{ background-image: url( ../images/common/icon_ball-Grn.gif ); color: #060 }
.Red{ background-image: url( ../images/common/icon_ball-Red.gif ); color: #600 }
.Yel{ background-image: url( ../images/common/icon_ball-Yel.gif ); color: #930 }

.BarPer, .BarGrn, .BarRed, .BarYel{ width: 321px; height: 38px; line-height: 38px; padding: 0 15px }
.BarPer{ background-image: url( ../images/common/bar-Per.gif ); color: #306 }
.BarGrn{ background-image: url( ../images/common/bar-Grn.gif ); color: #060 }
.BarRed{ background-image: url( ../images/common/bar-Red.gif ); color: #600 }
.BarYel{ background-image: url( ../images/common/bar-Yel.gif ); color: #930 }

/* バナーサイズ */
.Banner290x210{ width: 290px; height: 210px }

/*お問い合わせ */
#toi_tbl {width:600px ; padding:1px; border:0px; }
#f_ttl{ padding:2px; text-align: right; }
#toi1,#toi2,#toi3 ,#toi4, #toi5, #toi6
	{padding:2px; width:400px;  border:1px solid gray; }
#toibun {padding:2px; width:400px; height:50px; border:1px solid gray;}