/* CSS Document */

*{ margin: 0; padding: 0;}

body{
	text-align: center;
	font-size: 80%;
	line-height: 1.4;
}

#frame{
	width: 780px;
	text-align: left;
	margin: 0 auto;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

h4{ margin: 20px 0 10px; font-size: 100%;}


/*------------------------------------------------------------------
			header
-------------------------------------------------------------------*/

#header{
	height: 76px;
}

#logoArea{
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	width: 360px;
}

#subMenuArea{
	padding-top: 10px;
	float: right;
	padding-right: 10px;
	width: 300px;
	text-align: right;
}




/*------------------------------------------------------------------
			contents
-------------------------------------------------------------------*/

#contents{
}

#topMain{
	width: 435px;
	float: left;
	padding-left: 10px;
}

#topSide{
	width: 309px;
	float: right;
	padding-right: 10px;
}

#sideArea{
	float: left;
	width: 180px;
	padding-left: 10px;
}

#mainArea{
	padding: 10px 22px;
}

#wnewArea{
	border: 1px solid #CCC;
}
#wnewArea iframe{
	width: 400px;
	height: 80px;
}

#hourArea{
	border: 1px solid #CCC;
	margin-top: 10px;
}

#linkArea{
	line-height: 1.2;
}

/*-----------------------------------------------------------------
		gnavi
------------------------------------------------------------------*/

#gnavi{
	height: 37px;
	background-color: #0099CC;
}

#gnavi ul{
	list-style-type: none;
}
#gnavi li{
	float: left;
	background: url(img/comm/mb-bk.gif) no-repeat;
	padding-left: 2px;
	height: 37px;
}

#gnavi li.no-bk{
	background: none;
	padding-left: 0px;
}






/*------------------------------------------------------------------
			footer
-------------------------------------------------------------------*/


#footer{
	clear: both;
	text-align: center;
	border-bottom: 5px solid #FEDF4F;
	padding-top: 20px;
}



/*-----------------------------------------------------------------
		class
------------------------------------------------------------------*/

.alin-c{ text-align: center;}
.alin-l{ text-align: left;}
.alin-r{ text-align: right;}

.bdr{ border: 1px solid #CCC;}
.bdr-bl{ border: 1px solid #3366CC;}
.bdr-t{ border-top: 1px solid #CCC;}

.bdr-l-orn{ border-left: 4px solid #FFC299;}

.box-ylw{
	border: 1px solid #FF9933;
	background-color: #FFFFE0;
}


.clr{ clear: both;}

.cap-orn{
	background: url(img/top/bk-scap.jpg) no-repeat;
	padding: 5px 8px 10px 20px;
	font-size: 120%;
}

.cap-bl{
	clear: both;
	background: url(img/comm/bk-cap-bl.gif) no-repeat;
	padding: 12px 8px 30px 23px;
}

.cap-bl-s{
	color: #0099CC;
	border-left: #09C solid 4px;
	padding-left: 10px;
}

.box-gry{
	background-color: #E8E8E8;
	border: 1px solid #CCC;
	padding: 4px 8px;
}


.flt-r{
	float: right;
	margin: 0px 0px 10px 10px;
}

.flt-l{
	float: left;
	margin: 0px 10px 10px 0px;
}
.fs-sml{ font-size: 80%;}

.i-ptop{
	background: url(img/comm/i-ptop.gif) no-repeat left 2px;
	padding-left: 13px;
}


.pd3{padding:3px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd25{padding:25px;}
.pd30{padding:30px;}

.pdt3{padding-top:3px;}
.pdt5{padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt50 {padding-top:50px;}
	
.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}
.pdr30 {padding-right:20px;}

.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
	
.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}
.pdl15 {padding-left:15px;}
.pdl20 {padding-left:20px;}
.pdl25 {padding-left:25px;}
.pdl30 {padding-left:30px;}
.pdl35 {padding-left:35px;}
.pdl40 {padding-left:40px;}
.pdt10b20l10{padding:10px 0 20px 10px;}

.mg10{margin:10px;}

.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}

.mgr5 {margin-right:5px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}

.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}

.mgl5 {margin-left:5px;}
.mgl8 {margin-left:8px;}
.mgl10 {margin-left:10px;}
.mgl15 {margin-left:15px;}
.mgl20 {margin-left:20px;}


.tbl-nml{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.tbl-nml td{
	padding: 8px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.tbl-nml td.nopd{
	padding: 0px;
}

.fnt_org{
	color:red;
	font-weight:bold;
}

.fnt_org{
	color:red;
	font-weight:bold;
}

.text14pxGreen {
	font-size: 14px;
	line-height: 130%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	color: #6c3;

}
.subtitle-boxp {

	padding: 5px 0px 2px 7px;
	border-top: 1px solid #FBB5DE;
	border-bottom: 2px solid #FBB5DE;
	background-color: #FFECEC;
	font-size: 13px;
	font-weight: bold;
	color: #039;
	margin-top: 4px;	
	margin-bottom: 12px;
}
.text14pxGray {
	font-size: 14px;
	line-height: 130%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	color: #333333;

}
.text18pxPink {

	font-size: 18px;
	color: #FF0066;
}
.text16pxGreen {

	font-size: 16px;
	line-height: 130%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
	color: #6c3;
}
.orange14 {
	color: #F90;
	font-size: 14px;
}
.darkredText10px {

	font-size: 11px;
	line-height: 130%;
	color: #CC0000;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka";
}
.orange13 {

	color: #F90;
	font-size: 13px;
}
.text16pxPink {


	font-size: 16px;
	color: #FF0066;
}
.darkred14px {
	color: #C03;
	font-size: 14px;

}

.orange12 {
	color: #F90;
	font-size: 14px;
}
.lightblue {

	color: #6FB7FF;
}
.lightpink {

	color: #FF9999;
}


.waku{
	border:1px solid #006699;
 	background-color: #E0F3FE;
	padding:5px;
	font-size:12px;
	line-height:140%;
}

.textBox{
	padding:0 0 5px 0;
	font-size:12px;
	line-height:140%;
}
.darkred16px {

	color: #C03;
	font-size: 16px;
}