@charset "shift_jis";


body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,address,blockquote,form,table,th,td{margin:0px;padding:0px;}table{width:100%;border-collapse:collapse;border-spacing:0;}th,td{padding:0;vertical-align:top;}img{vertical-align:top;border:none;}del{text-decoration:line-through;}em{font-style:normal;}sup{margin:0 1px;padding:0;vertical-align:text-top;font-size:11px;line-height:1em;}sub{margin:0 1px;padding:0;vertical-align:baseline;font-size:11px;line-height:1em;}

/* -------------------------------------------------------------------
	UI SETTING : basic
------------------------------------------------------------------- */

html { margin-bottom:1px;height:100%; overflow-y:scroll; }
body {
	color:#333333; background-color:#E6E6E6; text-align:center;
	font-family:"MS PGothic","‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒSPro W3",Helvetica,sans-serif;
	font-size:100%; line-height:1.5em; 
	-webkit-text-size-adjust:none;}

a:link    { color: #0074cc; }
a:visited { color: #493999; }
a:active  { color: #493999; }
a:hover   { color: #0099ff; }

#wrap { background:url(../img/wrap-bg.jpg) repeat-x center top; text-align:left; }

/* clearfix */
.clearfix:after { content:".";display:block;clear:both;height:0;visibility:hidden; }
.clearfix { min-height:1px; }
* html .clearfix { height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

/* ƒI[ƒ‰ƒ‹ƒiƒr@ƒAƒNƒZƒVƒrƒŠƒeƒB•ΆŒΎ@*/
.accessibility{ position:absolute; left:-9999px; top:-9999px; }

/* -------------------------------------------------------------------
	UI SETTING : head
------------------------------------------------------------------- */

#outer-head { background:url(../img/head-bg.gif) repeat-x left top;}

#head{ width:970px; margin:0 auto; background:url(../img/head-bg.gif) repeat-x left top; text-align:left; }
	#head p#logo { float:left; width:272px; }
		#head p#logo img { margin-left: -16px; }

	#head-menu { float:right; width:680px; margin:20px 0 0 0; }
		#head-menu ul{ float:right; padding:2px 0 0 10px; }
			#head-menu ul li { float:left; font-size:82%; line-height:1.3em; list-style-type:none; } /* 13px */
			#head-menu ul li a { display:inline-block; padding:0 6px; color:#b2b2b2; text-decoration:none; }
			#head-menu ul li a:hover { text-decoration:underline;}

	#head-navi{ clear:both; width:970px; margin:0 auto; text-align:left;}
		#head-navi ul{}
			#head-navi ul li{ float:left; list-style-type:none; }


/* -------------------------------------------------------------------
	UI SETTING : foot
------------------------------------------------------------------- */

#outer-foot { background:url(../img/foot-bg.gif) repeat-x left top #333; }

#foot{
	clear:both;
	width:970px; margin:0 auto; padding:0 0 1.5em 0;
	background:url(../img/foot-bg.gif) repeat-x left top #333; }
	#foot ul { float:left; margin:0; padding:15px 0; list-style:none;}
		#foot ul li { float:left; margin:0; padding:0 10px 0 0; font-size:69%; line-height:1.4em; } /* 11px */
			#foot ul li a {
				display:inline-block; padding-left:9px;
				background:url(../img/icon-arrow-r.gif) no-repeat 2px 0.35em;
				color:#fff; text-decoration:none; }
			:root #foot ul li a { background-position:2px 0.4em; }
			.ua-ipad   #foot ul li a { background-position:2px 0.38em; }
			.ua-iphone #foot ul li a { background-position:2px 0.38em; }
			.ua-mac-firefox #foot ul li a { background-position:2px 0.5em; }
			.ua-mac-safari  #foot ul li a { background-position:2px 0.5em; }

			#foot ul li a.icon-blank {
				padding-left:20px;
				background:url(../img/icon-blank.gif) no-repeat 2px -0.05em; }
			.ua-mac-firefox #foot ul li a.icon-blank { background-position:2px 0.1em; }

			#foot ul li a:hover{ text-decoration:underline;}

	#foot p#foot-logo{ float:right; margin:0; padding:0; }
	#foot p#foot-copyright{
		clear:both;
		padding:0.5em 0 0 0; text-align:right;
		font-size:69%; line-height:1.4em; font-weight:normal; font-style:normal; color:#fff; } /* 11px */


/* -------------------------------------------------------------------
	CADJapan SETTING
------------------------------------------------------------------- */

.cadjapan #main .pagetop a{
	background:url(../img/icon-arrow-t.gif) no-repeat 3px 0.5em;}

/* icon class */
.cadjapan #main .icon-arrow-r { background:url(../img/icon-arrow-r.gif) no-repeat 2px 0.5em; }
.cadjapan #main .icon-blank   { padding-left:20px; background:url(../img/icon-blank.gif) no-repeat 2px 0.2em; }

.cadjapan .ua-ipad #main .icon-blank   { padding-left:16px; background-position:0 0.25em; }
.cadjapan .ua-iphone #main .icon-blank   { padding-left:16px; background-position:0 0.25em; }
.cadjapan * html #main .icon-blank   { background-position:2px 0.2em; }
.cadjapan *+html #main .icon-blank   { background-position:2px 0.2em; }

.cadjapan .ua-mac-firefox #main .icon-blank { padding-left:17px; background-position:0 0.3em; }
.cadjapan .ua-mac-safari #main .icon-blank  { padding-left:17px; background-position:0 0.25em; }

.cadjapan #main{
	padding:15px 18px 15px 17px;
	background:url(../img/main-bg.gif) repeat-y left top #fff; }

	/* element set */
	.cadjapan #main h1{
		margin:0; padding:0.5em 0 0.5em 10px;
		border-bottom:1px dotted #000; border-left:none;
		background:url(../img/h1-bg.gif) no-repeat left top; }

.cadjapan #main #category-link li a{ background:url(../img/icon-arrow-r.gif) no-repeat 2px 0.5em; }