/* CSS Document */



/*------------*/
/*--文字構成--*/
/*------------*/

p{
	line-height:1.4;
}

h1{
	font-size:12px;
}

h2{
	font-size:18px;
	padding-left:5px;
	margin-bottom:5px;
	margin-bottom:5px;
	color:#333;
	border-left:solid 8px #999;
	border-bottom:solid 2px #999;
	
}


h3{
	font-size:18px;
	color:#000;
	margin-bottom:15px;
	text-shadow:2px 2px 2px #aaa;

}

h4{
	font-size:16px;
	color:#000;
	margin-bottom:15px;
	text-shadow:2px 2px 2px #aaa;	
}


/*------------*/
/*--IE処理用--*/
/*------------*/

.error{background:#ff6699;padding: 20px;text-align:center;}


/*--------------*/
/*--ページ構成--*/
/*--------------*/

body{
	margin:0px;          /* ページ全体のmargin */
    padding:0px;         /* ページ全体のpadding */
    text-align:center
}

#bg{
	width:950px;
	background-color:rgba(255,255,255,0.6);
	border-radius:3px;
	height:auto;
	box-shadow: 2px 2px 2px #999;
	-moz-box-shadow: 2px 2px 6px #999;
	-webkit-box-shadow: 2px 2px 6px 1px #999;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:3px;
    text-align:left;     /* 中身を左側表示に戻す */
}


header{
	width:950px;
	height:110px;	
	text-indent:-9999px;
	background-image:url(../img/logo_01.gif),url(../img/type89_logo_01.gif),url(../img/type64_logo_01.gif),url(../img/boeijin_logo_01.gif);
	background-repeat:no-repeat;
	background-position:0px 20px,316px 20px,556px 20px,827px 20px;
	background-color:#FFFFFF;
	
}



	.top_bar {
		width: 950px;
		height: 20px;	
		background-color:#666633;
		font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		position: relative;
		text-align: right;
	}
	
	#top_bar{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		margin-right:10px;
		width: 300px;
		height: 15px;
	}


	#nav_under_bar{
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0;
		width: 950px;
		height: 5px;
		background-color:#666633;
	}
	
	#main{
		width:950px;
		height:auto;
		overflow: hidden !important;  
    	overflow: visible; 
	}
	
	#left_bar{
		background-image:url(../img/meisai_01.gif);
		background-repeat:repeat-y;
		width:225px;
		height: 100%; 
		float:left;
		padding-bottom: 32767px !important;  
    	margin-bottom: -32767px !important;   
    	padding-bottom: 0;  
    	margin-bottom: 0;   
	}
	
	#main_contents{
		width:600px;
		height:auto;
		float:left;
	}
	
	#right_bar{
		background-image:url(../img/hmv_tire.gif);
		background-repeat:repeat-y;
		width:120px;
		height: 100%;  
		float:left;
		padding-bottom: 32767px !important;  
    	margin-bottom: -32767px !important;   
    	padding-bottom: 0;  
    	margin-bottom: 0;   
    
	}
	
	
	
	#main_image_left{
		width:300px;
		height:auto;
		float: left;
	}
	
	
	
	#main_image_left ul{
		width: 300px;
		padding: 0; 
		margin: 0px; 
		clear:both;
	}
	
	#main_image_left li{ 
		display: inline; 
		padding: 0; 
		margin: 0; 
		line-height:normal;		
	}
	
	#main_image_left li a{
   	 	display : block;
		float: left;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
   	 	margin-right:auto;   /* 右側マージンを自動的に空ける */
		text-indent:-9999px;
	}
	
	
	#main_image_left li a#image_1{
		background-image:url(../img/type64_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:164px;
	}
	
	#main_image_left li a#image_2{
		background-image:url(../img/boeijin_64_t_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:220px;
	}
	
	#main_image_left li a#image_3{
		background-image:url(../img/type89_02.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	#main_image_left li a#image_4{
		background-image:url(../img/type89_bag_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	#main_image_left li a#image_5{
		background-image:url(../img/120mortar_mug_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	#main_image_left li a#image_6{
		background-image:url(../img/meiban_case_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	#main_image_left li a#image_7{
		background-image:url(../img/boeijin_boots_mag_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	#main_image_right{
		width:300px;
		height:auto;
		margin-left:0px;
		float: left;
	}
	
	
	
	#main_image_right ul{
		width: 300px;
		padding: 0; 
		margin: 0px; 
		clear:both;
	}
	
	#main_image_right li{ 
		display: inline; 
		padding: 0; 
		margin: 0; 
		line-height:normal;		
	}
	
	#main_image_right li a{
   	 	display : block;
		float: left;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
   	 	margin-right:auto;   /* 右側マージンを自動的に空ける */
		text-indent:-9999px;
	}
	
	
	#main_image_right li a#image_1_right{
		background-image:url(../img/my_rifle_t_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:220px;
	}
	
	#main_image_right li a#image_2_right{
		background-image:url(../img/type89_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:164px;
	}
	
	#main_image_right li a#image_3_right{
		background-image:url(../img/typ64_bag_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	#main_image_right li a#image_4_right{
		background-image:url(../img/type64_02.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	#main_image_right li a#image_5_right{
		background-image:url(../img/type89_bag_02.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	#main_image_right li a#image_6_right{
		background-image:url(../img/bohyo_lighter_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	#main_image_right li a#image_7_right{
		background-image:url(../img/boeijin_89_t_01.gif);
		background-repeat:no-repeat;
		width:300px;
		height:280px;
	}
	
	
	#main_menu{
		width: 210px;
		height:500px;
		float:left;
		margin-left:0;
	}
	
	#main_menu ul{
		width: 210px;
		padding: 0; 
		margin: 10px; 
		clear:both;
	}
	
	#main_menu li{ 
		display: inline; 
		padding: 0; 
		margin: 0; 
		line-height:normal;
		
	}
	
	#main_menu li a{
   	 	display : block;
    	width:200px;
		height:30px;
		float: left;
		box-shadow: 2px 2px 2px #000000;
		-moz-box-shadow: 2px 2px 3px #000000;
		-webkit-box-shadow: 2px 2px 3px 1px #000000;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
   	 	margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:0px;
		text-indent:-9999px;
	}
	

	#main_menu li a#menu_1{
		background-image:url(../img/menu_01_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_1:hover{
		background-image:url(../img/menu_01_2.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_2{
		background-image:url(../img/menu_02_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_2:hover{
		background-image:url(../img/menu_02_2.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_3{
		background-image:url(../img/menu_03_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_3:hover{
		background-image:url(../img/menu_03_2.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_4{
		background-image:url(../img/menu_04_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_4:hover{
		background-image:url(../img/menu_04_2.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_5{
		background-image:url(../img/menu_05_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_5:hover{
		background-image:url(../img/menu_05_2.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_6{
		background-image:url(../img/menu_06_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_6:hover{
		background-image:url(../img/menu_06_2.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_7{
		background-image:url(../img/menu_07_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_7:hover{
		background-image:url(../img/menu_07_2.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_8{
		background-image:url(../img/menu_08_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_8:hover{
		background-image:url(../img/menu_08_2.gif);
		background-repeat:no-repeat;
	}

	#main_menu li a#menu_9{
		background-image:url(../img/menu_09_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_9:hover{
		background-image:url(../img/menu_09_2.gif);
		background-repeat:no-repeat;
	}

	#main_menu li a#menu_10{
		background-image:url(../img/menu_10_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_10:hover{
		background-image:url(../img/menu_10_2.gif);
		background-repeat:no-repeat;
	}

	#main_menu li a#menu_12{
		background-image:url(../img/menu_12_1.gif);
		background-repeat:no-repeat;
	}
	
	#main_menu li a#menu_12:hover{
		background-image:url(../img/menu_12_2.gif);
		background-repeat:no-repeat;
	}
	
	
	#link_menu{
		width: 210px;
		height:500px;
		float:left;
		margin-left:0;
	}
	
	#link_menu ul{
		width: 210px;
		padding: 0; 
		margin: 10px; 
		clear:both;
	}
	
	#link_menu li{ 
		display: inline; 
		padding: 0; 
		margin: 0; 
		line-height:normal;
		
	}
	
	#link_menu li a{
   	 	display : block;
		float: left;
		box-shadow: 2px 2px 2px #000000;
		-moz-box-shadow: 2px 2px 3px #000000;
		-webkit-box-shadow: 2px 2px 3px 1px #000000;
		margin-left:auto;    /* 左側マージンを自動的に空ける */
   	 	margin-right:auto;   /* 右側マージンを自動的に空ける */
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:3px;
		text-indent:-9999px;
	}
	

	#link_menu li a#link_menu_1{
		width:153px;
		height:84px;
		background-image:url(../img/item/clubt/about_logo.gif);
		background-repeat:no-repeat;
	}
	
	#link_menu li a#link_menu_1:hover{
		background-image:url(../img/item/clubt/about_logo.gif);
		background-repeat:no-repeat;
	}
	
	#link_menu li a#link_menu_2{
		width:198px;
		height:32px;
		background-image:url(../img/item/trinit/ci.jpg);
		background-repeat:no-repeat;
	}
	
	#link_menu li a#link_menu_2:hover{
		background-image:url(../img/item/trinit/ci.jpg);
		background-repeat:no-repeat;
	}
	
	#link_menu li a#link_menu_3{
		width:198px;
		height:109px;
		background-image:url(../img/item/mask/dd389524621151fcf0ce.png);
		background-repeat:no-repeat;
	}
	
	#link_menu li a#link_menu_3:hover{
		background-image:url(../img/item/mask/dd389524621151fcf0ce.png);
		background-repeat:no-repeat;
	}

	#link_menu li a#link_menu_4{
		width:198px;
		height:95px;
		background-image:url(../img/link/up-tlogo.png);
		background-repeat:no-repeat;
	}
	
	#link_menu li a#link_menu_4:hover{
		background-image:url(../img/link/up-tlogo.png);
		background-repeat:no-repeat;
	}

	

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

#footer_01{
	width:950px;
	height:20px;
}


footer #foot_bar_01{
	background-color:#666633;
	width:950px;
	height:20px;
	font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:14px;
	color:#333333;
	text-align:center;
	margin-top:0px;
}

footer p{
	float:left;	
}

#footer_menu{
	float:right;	
}

#link_space{
	width:950px;
	text-align:center;
}