/*------------------------
 基本設定
 -------------------------*/

*{margin:0; padding:0;}

body{margin:0; padding:0;}

a{text-decoration:none;}
li{ list-style-type:none;}

.imgl{float:left;}
.imgr{float:right;}

.cl{ clear:both;}


/*------------------------
 フォント
 -------------------------*/
p,.gray12{
	font-size:12px;
	color:#999999;
	line-height:150%;}

.gray11{
	font-size:11px;
	color:#999999;
	line-height:150%;}

.gray12b{
	font-size:12px;
	color:#666666;
	line-height:150%;
	font-weight:bold;}

.green12b{
	font-size:12px;
	color:#3DB899;
	line-height:150%;
	font-weight:bold;}

.red12b{
	font-size:12px;
	color:#CC0000;
	line-height:150%;
	font-weight:bold;}


.white14b{
	font-size:14px;
	color:#FFFFFF;
	line-height:150%;
	font-weight:bold;}


.textcent{text-align:center;}
.textright{text-align:right;}


/*------------------------
 調整用
 -------------------------*/

.mgr10{	margin-right:10px;}
.mgl10{	margin-left:10px;}
.mgt10{	margin-top:10px;}
.mgb10{	margin-bottom:10px;}

.mgr15{	margin-right:15px;}

.mgt20{	margin-top:20px;}
.mgb20{	margin-bottom:20px;}
.mgr20{	margin-right:20px;}

.paall5{	padding:5px;}
.pal10{	padding-left:10px;}


/*------------------------
 テーブル
 -------------------------*/
.tablwaku{width:800px;}
.tablwaku_h{width:380px;}


td.bglgray{background-color:#F3F3F3;}
td.bgwhite{background-color:#FFFFFF;}
td.bgorenge{background-color:#FF9933;}
td.bggreen{background-color:#3DB899;}


.line_gray{
	border-bottom: 1px dotted #999999;
	display:block;
}

/*------------------------
 ページトップへ 
 -------------------------*/

.topnavi{
	padding:10px 0;
	text-align:right;
	clear:both;}

.topnavi a{	color:#666666;}
.topnavi a:hover{	color:#3DB899;}

/*------------------------
 グレー背景用枠（トップ用） 
 -------------------------*/
#topwrap{
	width:100%;
	margin:0 auto;
	background: url(../img/top_back.jpg) repeat-x;
	_height:600px;
	min-height:600px;}


/*------------------------
 グレー背景用枠 （コンテンツ用）
 -------------------------*/
#conwrap{
	width:100%;
	margin:0 auto;
	background: url(../img/cont_back.jpg) repeat-x;	
	_height:600px;
	min-height:600px;}


/*------------------------
 800枠  
 -------------------------*/

#wrap{
	width:800px;
	margin:15px auto;
	background: url(../img/back.jpg) repeat-y;}


/*------------------------
 ヘッダ
 -------------------------*/

#head{
	height: 80px;
	width:800px;
	margin: 0 auto;}

#head h1{float:left;}

#head li{display:inline;}

.menu01 a,.menu02 a,.menu03 a,.menu04 a,.menu05 a{
	width:105px;
	height:80px;
	float:left;}

.menu01 a{background: url(../img/menu01.jpg) no-repeat;}
.menu02 a{background: url(../img/menu02.jpg) no-repeat;}
.menu03 a{background: url(../img/menu03.jpg) no-repeat;}
.menu04 a{background: url(../img/menu04.jpg) no-repeat;}
.menu05 a{background: url(../img/menu05.jpg) no-repeat;}

.menu01 a:hover{background: url(../img/menu01.jpg) no-repeat 0 -80px;}
.menu02 a:hover{background: url(../img/menu02.jpg) no-repeat 0 -80px;}
.menu03 a:hover{background: url(../img/menu03.jpg) no-repeat 0 -80px;}
.menu04 a:hover{background: url(../img/menu04.jpg) no-repeat 0 -80px;}
.menu05 a:hover{background: url(../img/menu05.jpg) no-repeat 0 -80px;}


/*------------------------
 フッタ 
 -------------------------*/

#foot{
	width:100%;
	margin:0 auto;
	height:80px;
	background: url(../img/foot_back.jpg) repeat-x;}

#foot ul{
	margin:10px 0 5px 0;
	text-align:center;}

#foot li{
	font-size:12px;
	color:#999999;
	line-height:150%;
	border-right: 1px solid #999999;
	padding:0 10px;
	display:inline;}

#foot a{ color:#999999;}
#foot a:hover{ color:#000000;}