/**  

common.css   Date: 2008.06.07

==============================
Used Hacks are 

html>body .xxx{margin:10px} //for except IE
*html .xxx {width: 202px}  //for IE
behavior:url(iepngfix.htc) // png transparent for IE
*:first-child+html{}// for IE7
html* .xxx {width: 202px}  //for safari

@charset "shift_jis";

for alpha images:
xxx a:hover{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6; 
}
==============================

**/


/* Initial Setting */

*{margin:0; padding:0; background-repeat:no-repeat; line-height:140%;font-size:100%;font-family:Verdana, Arial, Helvetica, sans-serif, "‚l‚r ‚oƒSƒVƒbƒN";}

a {color:#0099FF; text-decoration:none; overflow:hidden}

img, table {border: none}

li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:80%;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

.line {
	height: 10px;
	background-image: url(../images/line_01.gif);
	background-repeat:repeat-x;
	margin:10px 20px 0 20px;
	line-height:10px
}
	
/* Initial Setting */


body{background:#000; text-align:center; color:#fff; font-size:90%;}

#wrapper{
	width:820px;
	height:auto;
	background-image: url(../images/hd_bg.jpg);
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#hd_line{
	width:auto;
	height:3px;
	line-height:3px;
	background-color:#CC0000;
	margin:0 10px
}

#content{margin:0 25px;}

#hd{position:relative}

#logo{
	position:absolute;
	left: 0px;
	top: 10px;
}

#bt_ct{
	position:absolute;
	left: 637px;
	top: 10px;
}

#hd_img{padding:54px 0 0 0}

/** Global Menu **/

#gb_menu{margin:10px 0 0 0;}

#gb_menu li{float:left; font-size:11px; line-height:100%!important}

#gb_menu li a{
	color:#FFFFFF;
	
	background-image: url(../images/menu_bt.jpg);
	height: 28px;
	width: 146px;
	display:block;
	 line-height:100%!important;
	 text-align:center;
	 padding:8px 4px 0 4px;
	 
}

*html #gb_menu li a{
	height: 36px;
	width: 154px;
}

#gb_menu li a:hover, #gb_menu li a.on{
	background-image: url(../images/menu_bt_h.jpg);
}


/** Content **/

#top{
	background-image: url(../images/content_top.gif);
	height: 16px;
	width: 772px;
	margin-top: 10px;
	line-height:16px
}

#mid{
	background-image: url(../images/content_mid.gif);
	height: auto;
	width: 772px;
	background-repeat: repeat-y;
	position:relative;
}

#ind table{
	margin:0px 20px 20px 20px
}

#ind table td{
	padding:2px;
	
}

.new{
	background-image: url(http://www.tokina.co.jp/images/icon_new.gif);
	width:30px;
	height:11px;
	display:block;
	position:absolute;
	top:36px;
	left:548px
}


#bt_back a{
	position:absolute;
	right: 160px;
	top: 10px;
	background-image: url(../images/bt_back.jpg);
	text-indent: -9999px;
	display: block;
	height: 31px;
	width: 150px;
}



#bt_contact a{
	position:absolute;
	right: 10px;
	top: 10px;
	background-image: url(../images/bt_contact.jpg);
	text-indent: -9999px;
	display: block;
	height: 31px;
	width: 132px;
}

#bt_contact a:hover{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}

#bn_contest{
	background-image: url(../images/bn_contest_02.png);
	height: 291px;
	width: 202px;
	position:absolute;
	left: 574px;
	top: 2px;
}

#go_contest a{
	height:180px;
	width: 187px;
	position:absolute;
	left: 574px;
	top: 2px;
	display:block;
	text-indent:-9999px;
}

#go_tokina a{
	height:20px;
	width: 130px;
	position:absolute;
	left: 574px;
	top: 220px;
	display:block;
	text-indent:-9999px;
}

#btm{
	background-image: url(../images/content_btm.gif);
	height: 11px;
	width: 772px;
}

#notice{
	color:#FF0000;
	margin:10px 10px 10px 0;
	line-height:110%;
	font-size:12px
}

#footer{
	background-image: url(../images/ft_bg.jpg);
	background-position:bottom;
	height: 113px;
	width: 820px;
	position:relative;
	margin-top:20px;
}

#f_menu{
	margin:0 0 0 24px;
}

#f_menu li {
	float:left;
}

#f_menu li a{
	float:left;
	background-image: url(../images/arrow_01.gif);
	background-position: left 2px;
	padding-left: 12px;
	color:#CCCCCC;
	font-size:10px;
	margin-left:12px
}

#f_menu li a:hover{
	text-decoration:underline
}

#nbsp a{
	width:80px;
	height:14px;
	top:86px;
	left:720px;
	position:absolute;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#bread {
    font-size:10px;
	margin:0 22px;
	color:#FFFFFF;
}

#bread a{
    font-size:10px;
	color:#999
}

#bread a:hover{
    text-decoration:underline
}

#title_p {
	margin:10px 10px 0 10px;
}

#p_p {
	margin:0px 28px 0 28px;
}

#p_01{
	margin:10px 10px 10px 14px
}

#p_01 p{
	margin:20px 10px;
}

.line_01{
	margin:30px 0 30px 20px
}

.ex{
	margin:0 0 0 12px;
	font-weight:bold;
	font-size:13px;
	padding-left:10px
}

.t_ex{
	margin:10px 20px
}

.t_ex h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:14px
}

.right_td{
	padding:0 14px 0 30px
}

.enlarge{
	margin-top:10px
}

#pagetop{
	text-align:right;
	margin-right:20px
}


#mid h1{
	background-image: url(../images/arrow_02.gif);
	background-position: left center;
	padding-left: 26px;
	font-size:26px;
	font-weight:bold;
	font-family:verdana
}


.ImgLine{
	border:3px solid #FFFFFF
}

/** 2010.11.30 NISHIHIRA **/

#title_p_h1{
	font-weight: bold;
	margin-bottom:0!important
}

#title_h1{
	font-size: 24px!important;
	margin:0!important;
	padding-left:10px!important

}
















