p, h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:100%; font-weight:normal}

em, address{font-style:normal}

ul, ol, li, dd, dt, dl{margin:0; padding:0; list-style-type:none}

form{margin:0; padding:0; border:0}

table{border:0; border-collapse:collapse; border-spacing:0; /* For NN6.0 higher or Opera*/}

th, td{padding:0; font-weight:normal; text-align:left; vertical-align:top}

a{font-family:none; /* for mac */text-decoration:underline}

a:link{color:#39F; text-decoration:none}

a:visited{color:#39F; text-decoration:none}

a:hover{text-decoration:underline}

a:active{color:#39F; text-decoration:underline}

img{margin:0; padding:0; border:none; vertical-align:bottom}

.nobdr{border:0 !important}

hr{display:none; margin:0}

.clearBoth{clear:both}

.alignLeft{text-align:left}

.alignCenter{text-align:center}

.alignRight{text-align:right}

.dispNone{display:none}

.dispBlock{display:block}

.dispInline{display:inline}

.mt0{margin-top:0}

.mt5{margin-top:5px}

.mt10{margin-top:10px}

.mt15{margin-top:15px}

.mt20{margin-top:20px}

.mr0{margin-right:0}

.mr5{margin-right:5px}

.mr10{margin-right:10px}

.mr15{margin-right:15px}

.mr20{margin-right:20px}

.mb0{margin-bottom:0}

.mb5{margin-bottom:5px}

.mb10{margin-bottom:10px}

.mb15{margin-bottom:15px}

.mb20{margin-bottom:20px}

.ml0{margin-left:0}

.ml5{margin-left:5px}

.ml10{margin-left:10px}

.ml15{margin-left:15px}

.ml20{margin-left:20px}

/* Font -------------------------------------*/
.fs10{font-size:10px}

.fs12{font-size:12px}

/*== Basic Structure =====================================================*/
body{padding:0; margin:0; color:#666; font-size:12px; line-height:140%; background:#fff; font-family:Verdana,"Lucida Grande","Lucida Sans",sans,"Microsoft YaHei"; *font-family:"Microsoft YaHei",Verdana,"Lucida Grande","Lucida Sans",sans}

/*== #header ============================================================*/
#wrapHeader{width:800px; margin:0 auto 20px; padding:0; position:relative}

#header{width:800px}

/*== #contents ==========================================================*/
#hint{margin:15px; color:#00f}
.img{position:relative}
.dt1{display:none; position:absolute}
.dt2{background-color:#fff; filter:alpha(opacity=65); -moz-opacity:0.65; /* Moz+FF */opacity:0.65; /* For CSS3 and FF 1.5 */}
.dt3{border:1px solid #ccc}

#story p{margin-bottom:8px}

#wrap{width:800px; margin:0 auto}

#contents{width:760px; padding:20px 20px 0; margin:0 auto}

#main{float:left; width:560px}

.information p{margin-bottom:20px!important}

#topicPath{font-size:10px; color:#CCC; margin-bottom:20px}

#topicPath strong{color:#999}

.ttlCommon{margin-bottom:15px}

.ttlType01{height:23px; padding:5px 0 0 20px; background:url(images/bg_products.gif) no-repeat left top; color:#FFF; font-weight:bold}

#topicPath a{color:#F66}

/*== #sidebar ============================================================*/
#sidebar{float:right; width:180px; text-align:left}

#productsNavi{margin-bottom:30px}

#productsNavi ul li{margin-bottom:3px; text-indent:-9999px}

#productsNavi ul li a{display:block; width:180px; height:32px; text-decoration:none}

#productsNavi ul li a:hover{background-position:0 -32px!important}

#productsNavi ul li#navi01 a{background:url(images/btn_kanon.jpg) no-repeat 0 0}

#productsNavi ul li#navi02 a{background:url(images/btn_air.jpg) no-repeat 0 0}

#productsNavi ul li#navi03 a{background:url(images/btn_clannad.jpg) no-repeat 0 0}

#productsNavi ul li#navi04 a{background:url(images/btn_planetarian.jpg) no-repeat 0 0}

#productsNavi ul li#navi05 a{background:url(images/btn_tomoyo.jpg) no-repeat 0 0}

#productsNavi ul li#navi06 a{background:url(images/btn_little.jpg) no-repeat 0 0}

#productsNavi ul li#navi07 a{background:url(images/btn_little_ex.jpg) no-repeat 0 0}

.productNavi{padding-top:5px}

.productNavi li{background:url(images/item02.gif) no-repeat 8px 0; margin-bottom:5px!important; padding-left:30px; color:#999; text-indent:0!important}

.productNavi li a{background:none!important; display:inline!important; width:auto!important; height:auto!important; color:#F66!important; text-decoration:none!important}

.productNavi li a:hover{text-decoration:underline!important}

#ttlCategory{margin:67px 0 15px; border-collapse:collapse}

.tableType01 th{padding:4px; border:1px solid #CCC; background:#EAEAEA; font-weight:bold; color:#333}

.tableType01 td{padding:4px; border:1px solid #CCC; background:#FFF}

.tableType01 tr.on td{background:#F2F2F2}

table tr.center th,
table tr.center td{text-align:center}

.annotation{color:#999; font-size:10px; padding-left:12px}

ul.linkList{clear:both; width:180px; text-align:center}
ul.linkList li{width:180px; line-height:2em}
ul.linkList li a{width:154px; /* IE6 */display:block; color:#589edf; border-bottom:1px dotted #eee; padding:0 13px 0 13px}
ul.linkList li a:hover{text-decoration:none; border-bottom:1px dotted #efeac5; background:#ffe; color:#f80}

.ttlType02{height:23px; padding:5px 0 0 20px; background:url(images/bg_friend.gif) no-repeat left top; color:#FFF; font-weight:bold}

#refLink p{color:red; padding-top:5px}

#copyright p{margin-left:3px;padding-bottom:5px}

/*== #footer ============================================================*/
#footer{width:800px; margin:0 auto}

#footer p{font-size:10px}

.toTop{padding:10px 0 5px; text-indent:-9999px; line-height:100%}

.toTop a{display:block; width:45px; height:15px; background:url(images/btn_totop.gif) no-repeat 0 0; text-decoration:none}

.toTop a:hover{background-position:0 -15px}