@charset 'utf-8';
@import url("./common.css");

/* =======================================
  INDEX index.css
-----------------------------------------
  1.header_img
  2.news
  3.side
  4.main
  5.menu
  5-1.h_menu
  5-3.f_menu
  6.contents
  7.footer
===================================== */
/* 1.info
------------------------------------*/
.info {
	width		: 880px;
	margin		: 0px 0 10px 20px;
	float       : left;
	}
	
.left_box{
	width		: 420px;
	margin		: 5px 5px 0 5px;
	float		: left;
	}

.right_box{
	width		: 420px;
	margin		: 5px 0 0 10px;
	float		: left;
	}

/* 2.news
------------------------------------*/		
.top_news{
	width		: 418px;
	color		: #606060;
	margin		: 10px 5px 0 5px;
	float		: left;
	border		: solid 1px #999;
	background	: url("../img/bg_news.jpg") top left repeat-y #FFF;
	}
	

.top_news h3{
	margin		: 0 0 0 0;
	}
	
.top_news ul{
	margin		: 5px 10px;
	}

.top_news li{
	margin-left	: 10px;
	}
		
.top_news a:link {   
	color		: #1563E4;
	}  
	
.top_news a:visited {   
	color		: #1563E4;
	}  

.top_news a:hover {  
	color		: #FF9C00;
	text-decoration	: none;
	}
	
.top_news a:active {  
	color		: #FF9C00;
	} 
	
.ed{
	float		: right;
	margin		: 0px 10px 0 auto;
	}

.new{
	float		: left;
	margin		: 10px 3px auto 5px;
	}


/* 3ＣＭ動画ボックススタイル 
------------------------------------*/
.cm-box {
	width		: 418px;
	height      : 188px;
	margin-bottom	: 0px;
	margin-top	: 10px;
	margin-left	: 10px;
	float		: left;
	background-color: #EBF0F2;
	border: 1px solid #CCC;
	margin-bottom: 15px;
}
.cm {
	float:left;
	margin:5px 10px;
}

.fleft {
	margin-right: 10px;
}
.b-m30 {
    float		: left;
	margin-top:10px;
	margin-bottom:10px;
}

/* 4.bnr_box
------------------------------------*/
.bnr_box {
	width		: 6005px;
	margin		: 0 0 10px 25px;
	float       : left;
	}
	
/* 5.itiran_box
------------------------------------------------*/
.itiran_box{
	width		: 880px;
	margin		: 0px 0 10px 20px;
	float       : left;
	}

.photo_g{
	width		: 200px;
	height		: 315px;
	margin-right: 10px;
	margin-left : 5px;
	margin-bottom : 5px;
	float		: left;
	border		: solid 1px #999;
	background	: #FDFDDE;
	}

.photo_g img{
	width		: 180px;
	height		: 120px;
	margin		: 5px 0 5px 10px
	}

.photo_g h3{
	text-align	: center;
	font-size	: 90%;
	margin-top : 5px;
	text-decoration	: underline;
	}

.photo_g h3 a,
.photo_box h3 a:hover{
	color		: #8B0B0B;
	}
		
.photo_g p{
	font-size	: 10px;
	margin		: 0 10px 5px 15px;
	color		: #FF0033;
	}

.photo_g strong{
	font-size	: 12px;
	color		: #FF0033;
	}	

.photo_g ul{
	margin		: 5px 5px 10px 15px;
	float		: left;
	width		: 170px;
	}

	
.photo_g h4{
	font-size	: 12px;
	text-align	: center;
	color		: #392827;
	text-decoration	: underline;
	}

.photo_g h4 a:link {   
	color		: #1563E4;
	}  
	
.photo_g h4 a:visited {   
	color		: #1563E4;
	}  

.photo_g h4 a:hover {  
	color		: #FF9C00;
	text-decoration	: none;
	}
	
.photo_g h4 a:active {  
	color		: #FF9C00;
	} 
					
/* 6.top_haisai
------------------------------------*/	
.top_haisai{
	width		: 860px;
	margin-left	: 20px;
	float		: left;
	background	: #FFF;
	}

.top_haisai p{
	margin		: 15px 10px;
	}

.haisai{
	float		: left;
	margin		: 0 20px 0 10px;
	}
	
/* 7.sitemap　サイトマップ
=====================================*/	
.sitemap_box{
	width		: 600px;
	text-align	: left;
	margin-top	: 30px;
	margin-left	: 50px;
	}

.sitemap_box h2{
	margin		: 5px;
	text-align	: left;
	font-weight	: bold;
	}

.sitemap_box p{
	margin-left	: 30px;
	}

/* 8.link_box
------------------------------------*/
.link_box {
	width		: 310px;
	margin		: 0 0 15px 25px;
	float       : left;
	height      : 60px;
	}

.link_box h3{
	font-size	: 12px;
	color		: #1563E4;
	}

.link_box h3 a:link {   
	color		: #1563E4;
	}  
	
.link_box h3 a:visited {   
	color		: #1563E4;
	}  

.link_box h3 a:hover {  
	color		: #FF9C00;
	text-decoration	: none;
	}
	
.link_box h3 a:active {  
	color		: #FF9C00;
	} 

/* 9.about 会社概要
=====================================*/
.about_box{
	margin		: 5px 0 0 40px;
	}

.about_tbl caption{
	margin		: 0;
	padding		: 6px 5px;
	font-weight	: bold;
	letter-spacing	: 0.1em;
	background	: #666;
	border-top	: solid 1px #999;
	border-right	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.about_tbl table{
	width		: 600px;
	margin		: 15px 0;
	empty-cells	: show;
	border-collapse	: collapse;
	border-top	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.about_tbl th,
.about_tbl td{
	padding		: 6px 5px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #999;
	border-bottom	: solid 1px #999;
	}

.about_tbl th{
	text-align	: center;
	letter-spacing	: 0.1em;
    background	: #6666CC;
	color :#FFF;
	}

.about_tbl td{
	padding		: 6px 15px;
	text-align	: left;

	}

.about_tbl td.no_b{
	padding		: 6px 15px 0 15px;
	border-bottom	: 0;
	}
	
.about_tbl td.no_rb{
	padding		: 6px 15px 0 15px;
	border-right	: 0;
	border-bottom	: 0;
	}

/* 10.bukken_list
=====================================*/
.bukken_list{
	width		: 650px;
	height      : 140px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
	float		: left;
	border		: solid 1px #999;
	}

.bukken_list h3{
	margin		: 8px 0 0 1px;
	font-weight	: bold;
	color		: #FF0033;
	font-size:11pt;
	}

.bukken_list p{
	margin		: 2px 10px;
	}

.bukken_list strong{
	font-weight	: bold;
	}
	
.bukken_list a:link {   
	color		: #1563E4;
	}  

	
.bukken_list a:visited {  
	color		: #1563E4;
	}
	
.bukken_list a:hover {  
	color		: #FF9C00;
	text-decoration	: none;
	}
	
.bukken_list a:active {  
	color		: #FF9C00;
	} 
	
.bukken{
	float		: left;
	margin		: 10px 10px 10px 10px;
	}

.ed{
	float		: right;
	margin		: 0 10px 0 auto;
	}