@charset "shift_jis";

*{
	margin:0;
	padding:0;
	list-style:none
}

img{
	border:0;
}


div#contents{/*contentsを強制上書き*/
	width:100% !important;
	text-align:center;
}


/* font
=========================================*/
body{
	font-size:80%;
	line-height:1.3;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background:#f8f8f8;
	text-align:center;/*100301追記*/
}


/* clearfix
=========================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
	zoom:1;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



/* clear
=========================================*/
.clear{
	clear:both;
}



/* hr
=========================================*/
hr{
	display:none;
}


/* hover、半透明
=========================================*/
a.trans img {
	filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}

a.trans:hover img {
	filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}




/* div#wrapper
=========================================*/
div#wrapper{
	width:900px;
	padding:0 7px;
	margin:0 auto;
	background:url(image-index/wrapper_bg.gif) repeat-y;
	text-align:left;/*100301追記*/
}


/* div#ar_header
=========================================*/
div#ar_header{
	width:900px;
	padding:10px 14px 5px;
}

div#ar_header h1{
	float:left;
	width:720px;
}

div#ar_header p.go_accesstop{
	float:left;
	width:152px;
}

div#pankuzu{
	clear:both;
	padding-top:5px;
}



div#pankuzu ul li{
	display:inline;
	font-weight:bold;
	color:#336699;
}

div#pankuzu ul li a{
	padding-right:19px;
	background:url(image-index/pankuzu_bullet.gif) right center no-repeat;
	font-weight:normal;
	color:#000;
	text-decoration:none;
}

div#pankuzu ul li a:visited{
	color:#000;
	text-decoration:none;
}

div#pankuzu ul li a:hover{
	color:#336699;
	text-decoration:underline;
}


/* div#ar_main
=========================================*/
div#ar_main{
	width:900px;
	background:url(image-index/main_bg.gif) repeat-y;
}

div#ar_main h2{
	width:670px;
	float:left;
}

div#ar_main ul{
	width:230px;
	padding-top:5px;
	float:right;
}

div#ar_main ul li{
	padding-bottom:5px;
	padding-left:5px;
}

div#ar_main ul li img{
	vertical-align:bottom;
}


/* div#ar_footer
=========================================*/
div#ar_footer{
	width:900px;
	padding:10px 0 10px 10px;/*padding-rightに10pxを設定すると、a:hover時にバグが出るので未設定*/
	clear:both;
}

div#article{
	width:615px;
	float:left;
	margin-right:9px;
	background:url(image-index/article_bg.gif) left top no-repeat;
}

div#article div h3{
	font-size:110%;
	color:#FFF;
	padding-left:20px;
	padding-top:14px;
	line-height:1.4;
}


div#article div h3 span{
	font-weight:normal;
	font-size:80%;
}

div#article div p.download{
	margin-top:17px;
}

div#article div p.size{
	color:#fff;
	position:relative;
}

div#article div p.size span{
	position:absolute;
	left:370px;
	top:-2.1em;
}

div#article div ul{
	font-size:80%;
	margin:7px 0 2px 7px;
}


div#article div ul li.txt{
	float:left;
	width:384px;
	line-height:1.2;
}

div#article div ul li.img{
	float:left;
	width:112px;
}

div#aside{
	width:256px;
	float:left;
}

div#aside ul li{
	text-align:center;
	margin-bottom:14px;
}

div#aside ul li img{
	vertical-align:bottom;
}



/*WEBカタログ*/
table.table_webcatalog_wrapper{
	border-top:1px solid #434343;
}

table.table_webcatalog_wrapper td.midashi{
	width:137px;
	border-right:1px solid #434343;
	border-bottom:1px solid #434343;
	background:url(image-index/wc_bg.gif) top no-repeat;
	text-align:center;
}

table.table_webcatalog td{
	width:108px;
	border-right:1px solid #434343;
	border-bottom:1px solid #434343;
	height:27px;
	background:url(image-index/btnbg_off.gif) center no-repeat;
	text-align:center;
	font-size:12px;/*100301追記*/
}

table.table_webcatalog td:hover{
	background:url(image-index/btnbg_on.gif) center no-repeat;
}

table.table_webcatalog td.right{
	width:108px;
	border-right:none;
	border-bottom:1px solid #434343;
	height:27px;
}

table.table_webcatalog td.empty{
	background:#9a9a9a;
}

table.table_webcatalog td.empty:hover{
	background:#9a9a9a;
}


table.table_webcatalog td a,
table.table_webcatalog td.right a{
	display:block;
	text-decoration:none;
	color:#FFF;
}