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


* {margin: 0;padding: 0;}


 body {
 	background:#FFFFFF;
 	}
 

#main { 
     width: 100%;    
 }
 
 
div #gawa {
	width: 900px;
     margin: 0 auto;
     background:#FFFFFF url(../img/bg_top.jpg) repeat-y top center;

 }
  
 
div #gawa-foot {
	 width: 900px;
	 height: 105px; 
     margin: 0 auto;
     vertical-align: top;
     background:#FFFFFF url(../img/bg_foot.jpg) no-repeat top center;

 }   


   
#contents {  
     width: 782px;
     margin: 0 auto;
 } 


.left{float: left ;}

.right{float: right ;}

.clear{clear: both ;}


/*---------------------------
	ページのトップへ設定
----------------------------*/

#retune {
	margin: 0 auto 10px;
	width: 480px;
	}


#retune div{
	text-align: right;
	}



/*---------------------------
       センタリングの設定
----------------------------*/

.wrap {
	width: 782px;
	margin: 0 auto;
	padding: 0;	
}



/*---------------------------
       ヘッダ部の設定
----------------------------*/


div#head {
	width: 782px;
	height: 62px;
	background:#FFFFFF url(../img/head_bg.jpg) repeat-x top left;
}

#h-logo{
	width: 672px;
	height: 62px;
	float: left;
	}
	
#h-info{
	width: 110px;
	height: 62px;
	float: right;	
	}
	
.comment{
	margin-top: 37px;
	color: #7A7878;
	font-size: 9pt;

	}







/*----------------------------------
メニュー・トップムービー 基本設定
----------------------------------*/


#top-menu {
	width: 548px;
	height: 329;
	float: left;
	}
	
	
	
	
	
/*---------------------------------------
ニュース・インフォーメーション基本設定
---------------------------------------*/

#news-info {
	width: 234px;
	height: 100%;
	float: right;
	background:#D3D3D3;
	}




.news {font-Size:10pt; line-height:15px;color: #666666;}
a.news:link {color: #666666; text-decoration: underline;}
a.news:visited {color: #666666; text-decoration: underline;}
a.news:hover {color: #BE313F; text-decoration: underline;}
a.news:active {color: #BE313F; text-decoration: none;}



#fpdl{padding:3px 3px 3px 6px;}





/*----------------------------------
商品カタログ・メニュー基本設定
----------------------------------*/



#ctg-product {
	width:782;
	clear: both;
	}





/*----------------------------------
商品カテゴリーリスト TEXT基本設定
----------------------------------*/


#ctg-list{
	width:782;
	background: #FFFFFF;
	}


#list-area {
	margin: 0 auto;
	width: 730px;
	text-align:left;
	}

#list-area ul{
	width:170px;
	}

#list-area li {
	list-style-image : url(../img/list_mark.gif);
	margin-left:28px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	}

	
.c1 {
	margin-bottom:5px;
	width: 170px;
	height: 20px;
	color:#333333;
	background:#FEFEFE url(../img/bg_ctg.jpg) repeat-x top left;
	font-size: 10px;
	}

.ctg {font-Size:10px; line-height:15px;color: #0B333C;}

a.ctg:link {font-Size:10px;color: #666666; text-decoration: none;}
a.ctg:visited {font-Size:10px;color: #666666; text-decoration: none;}
a.ctg:hover {font-Size:10px;color: #BE313F; text-decoration: underline;}
a.ctg:active {font-Size:10px;color: #BE313F; text-decoration: none;}


/*----------------------------------
フッター 基本設定
----------------------------------*/



#foot {
	margin:0 auto;
	width: 782px;
	height: 83px;
	
}




/*----------------------------------
カンパニー・ご挨拶 基本設定
----------------------------------*/

#mission {
	margin:10px auto 16px;
	width:480px;
	}
	
	
/*----------------------------------
会社概要 基本設定
----------------------------------*/

#outline {
	margin:10px auto 16px;
	width:480px;
	}

.office-sub {
	margin-left: 10px;
	}
	

.office-sub div{
	margin-top: 5px;
	margin-bottom: 10px;
	}


/*----------------------------------
カンパニー・ご挨拶 基本設定
----------------------------------*/

#client {
	margin:10px auto 16px;
	width:480px;
	}
	
.client-sub {
	margin-left: 10px;
	}


/*----------------------------------
トピックス 基本設定
----------------------------------*/

#topics {
	margin:10px auto 16px;
	width:514px;
	}
	
	
#topics ul{
	margin: 0;
    padding: 0;
    }
    
    

#topics li {
	list-style-type:none;
	margin:0px 0px 12px;
	}