@charset "UTF-8";

/*
Theme Name: AT-FACTORY
Theme URI: http://www.at-factory.com
Description: Created by <a href="http://www.at-factory.com/">AT-FACTORY Inc.</a>
Version: ver.1.0
Author: AT-FACTORY Inc.
Author URL: http://www.at-factory.com/
Tags: Corporate-Site,Fixed-Width, Two-Columns,Right-Sidebar
*/

/* common
------------------------------------------------------------ */
body{
margin: 0;
padding: 0;
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, Arial,sans-serif;
background:url(images/base_bg.jpg);
font-size: 62.5%;
color:#333;
}

div#container{
width: 986px;
margin: 0 auto;
}

div#box-right{
width: 236px;
float: right;
}

div#box-left{
width: 736px;
float: left;
}

h1{
padding:0;
margin:0;
}

h2{
padding:0;
margin:0;
font-size:1.4em;
}

h3{
padding:0;
margin:5px 0 5px 0;
font-size:1.1em;
}

ul{
margin:0;
padding:0;
}

li{
list-style:none;
}

td{
background:#FFF;
}

a, a:link {
color: #006699;
text-decoration: none;
outline: none;
}

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

a:active,a:hover {
color: #0088CC;
text-decoration: none;
}

img{
border:none;
}

hr {
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: #ccc;
   height: 1px;
   padding-bottom:5px;
}

.red{
color:#CC3300;
}

th{
background:#FFFFFF;
white-space: nowrap;
}

.sticker{
z-index:100;
position:absolute;
top:0;
right:0;
}

/* header
------------------------------------------------------------ */
div#header{
position:relative;
width:864px;
height:80px;
}

.site-logo img{
position:absolute;
top:20px;
left:15px;
}


/* home
------------------------------------------------------------ */
.home-top{
float:left;
background-image:url(images/content_top_bg.jpg);
background-repeat:no-repeat;
height:30px;
margin:0;
padding:15px 15px 0 15px;
}

.title-cliant-works{
position:relative;
background-image:url(images/title_cliant_works.jpg);
background-repeat:no-repeat;
width:706px;
height:22px;
}

.more{
position:absolute;
font-size:1.4em;
top:-10px;
right:10px;
}

.home-top2{
float:left;
background-image:url(images/content_top_bg2.jpg);
background-repeat:repeat-y;
width:736px;
height:22px;
margin:0;
padding:15px 15px 0 15px;
}

.home-middle{
float:left;
_float:none; /*IE6*/
background-image:url(images/content_middle_bg.jpg);
background-repeat:repeat-y;
width:736px;
padding: 0;
margin:0;
line-height:180%;
}

.home-middle li{
float:left;
padding-bottom:10px;
width:215px;
margin-left:22px;
_margin:0 11px 0 11px; /*IE6*/
font-size:1.0em;
}

.home-middle li a{
color:#006699;
}

.home-middle li a:hover{
color: #0088CC;
}

.home-bottom{
float:left;
position:relative;
background-image:url(images/content_bottom_bg.jpg);
background-repeat:no-repeat;
width:736px;
height:11px;
margin-bottom:15px;
padding:0;
}

div#recommend{
margin:10px 0 10px 0;
}

.mark{
float:left;
margin:10px 0 10px 0;
width:215px;
}

.works-description{
width:215px;
margin:5px 0 10px 0;
}

.tags{
width:215px;
color:#999;
}

.icon-external{
width:215px;
}

.icon-external a{
padding-left:20px;
background:url(images/icon_external.jpg);
background-repeat:no-repeat;
}

.icon-more a{
padding-left:15px;
background:url(images/icon_more.jpg);
background-repeat:no-repeat;
}

.icon-demo a{
padding:0 0 3px 20px;
background:url(images/icon_demo_link.gif);
background-repeat:no-repeat;
height:16px;
font-size:1.1em;
font-weight:bold;
border-bottom:solid 3px #CC3300;
}

.icon-pdf a{
padding:0 0 3px 20px;
background:url(images/icon_pdf_link.gif);
background-repeat:no-repeat;
height:16px;
font-size:1.1em;
font-weight:bold;
border-bottom:solid 3px #CC3300;
}

.icon-info {
padding:0 0 3px 20px;
background:url(images/icon_info.gif);
background-repeat:no-repeat;
height:16px;
}

.heightLine-1{
position:relative;
margin:0;
padding:0;
}

.heightLine-1 p{
margin:0;
}


.new-mark{
position:absolute;
top:60px;
right:9px;
}

.description p{
margin:0 15px 10px 15px;
padding:5px 0 5px 0;
background:#fff;
width:706px;
color:#777;
}

.demo-thumb{
float:left;
margin:8px 10px 0 0; 
padding:0;
}

.shadow{
-moz-box-shadow:0 0 2px #ccc;
-webkit-box-shadow:0 0 2px #ccc;
}


/* page
------------------------------------------------------------ */

.page-top{
float:left;
background-image:url(images/page_top_bg.jpg);
background-repeat:no-repeat;
height:30px;
margin:0;
padding:15px 15px 0 15px;
}

.page-middle{
float:left;
background-image:url(images/page_middle_bg.jpg);
background-repeat:repeat-y;
width:696px;
padding: 10px 20px;
margin:0;
font-size:1.2em;
line-height:190%;
}

.page-middle li{
float:left;
padding-bottom:20px;
width:215px;
margin-left:22px;
font-size:1.0em;
}

.page-bottom{
float:left;
position:relative;
background-image:url(images/page_bottom_bg.jpg);
background-repeat:no-repeat;
width:736px;
height:11px;
margin-bottom:15px;
}

.cat-title{
margin-bottom:10px;
}

.title{
background-image:url(images/title_bg.jpg);
border:solid 1px #f3f4ec;
font-size:1.5em;
margin-bottom:10px;
background-color:#f3f4ec;
padding:15px;
}

.read{
font-size:1.0em;
padding:10px 0 0 0;
color:#555;
}

.sub{
font-size:1.1em;
color:#444;
border-left:solid 4px #CC0000;
padding-left:8px;
margin:30px 0 10px 0;
background-color:#F1F1F1;
}

.remarks{
font-size:0.9em;
line-height:150%;
color:#777;
}

.jiseki tr{
background-color:#3333FF;
}

.jiseki th{
text-align:left;
padding-left:30px;
border-bottom:solid 1px #ededed;
}

.jiseki td{
text-align:left;
padding-left:50px;
border-bottom:solid 1px #ededed;
}

.yahoo{
background-image:url(images/yahoo_11.gif) ;
background-repeat:no-repeat;
background-position:left center;
padding-left:30px;
}

.google{
background-image:url(images/google_11.gif) ;
background-repeat:no-repeat;
background-position:left center;
padding-left:30px;
}

/* sidebar
------------------------------------------------------------ */
.sidebar-top{
background-image:url(images/sidebar_top_bg.jpg);
width:236px;
height:auto;
margin:0;
padding-top:7px;
color:#333;
text-align:center;
font-size:1.4em;
font-weight:bold
}

.sidebar-top2{
background-image:url(images/sidebar_top_bg2.jpg);
width:236px;
height:19px;
margin:0;
padding-top:8px;
text-align:center;
}

.sidebar-middle{
background-image:url(images/sidebar_middle_bg.jpg);
background-repeat:repeat-y;
width:236px;
padding:10px 0 0 0;
margin:0;
}

.sidebar-middle2{
background-image:url(images/sidebar_middle_bg.jpg);
background-repeat:repeat-y;
width:236px;
padding:10px 0 0 0;
margin:0;
color:#666;
}

.sidebar-middle2 li {
border-top:solid 1px #ededed;
padding:5px 10px 5px 10px;
margin:0;
display:block;
width:216px;
}

.bambooo li a{
background:url(images/icon_talk.jpg) 8px 8px;
background-repeat:no-repeat;
border-top:solid 1px #ededed;
padding:5px 10px 5px 30px;
margin:0;
display:block;
width:196px;
font-size:1.1em;
}

.bambooo li a:hover{
background:url(images/icon_talk.jpg) 8px 8px;
background-repeat:no-repeat;
border-top:solid 1px #ededed;
padding:5px 10px 5px 30px;
margin:0;
display:block;
width:196px;
font-size:1.1em;
}

.aktt_tweets li{
background:url(images/icon_talk.jpg) 8px 8px;
background-repeat:no-repeat;
padding:5px 10px 5px 30px;
border-top:solid 1px #ededed;
}

.sidebar-bottom{
background-image:url(images/sidebar_bottom_bg.jpg);
background-repeat:no-repeat;
width:236px;
padding:0;
height:11px;
margin-bottom:10px;
_margin-bottom:6px;
}

.sidebar-menu-middle{
background-image:url(images/sidebar_middle_bg.jpg);
background-repeat:repeat-y;
width:236px;
padding:10px 0 0 0;
margin:0;
}

.sidebar-menu-middle li {
margin:0;
width:196px;
font-size:1.1em;
}

.sidebar-menu-middle li a{
background:url(images/icon_more.jpg) 12px 8px;
background-repeat:no-repeat;
border-top:solid 1px #ededed;
padding:5px 10px 5px 30px;
margin:0;
display:block;
width:196px;
}

.sidebar-menu-middle li a:hover{
background:url(images/icon_more.jpg) 12px 8px;
background-repeat:no-repeat;
background-color:#f3f4ec;
border-top:solid 1px #ededed;
padding:5px 10px 5px 30px;
margin:0;
display:block;
width:196px;
}

.postdesk{
text-align:center;
}

.notice{
margin:0 15px 10px 15px;
color:#CC3300;
}

.ad{
margin-top:15px;
}

.aktt_tweet_time{

}

/* footer
------------------------------------------------------------ */
div#footer{
position:relative;
float:left;
margin-top:20px;
color:#FFF;
font-size:1.2em;
}

.footer-box{
position:relative;
width: 986px;
}

.contact_tel{
position:absolute;
float:left;
top:0;
left:0;
}

.util a{
background:url(images/icon_doc.gif) no-repeat;
position:absolute;
float:right;
top:0;
right:0;
padding-left:22px;
}

.copyright{
float:left;
margin-top:25px;
padding-bottom:30px;
}

/* GLOBAL NAVIGATION */

#menu { 
	position:relative;
	float:left;
	margin: 0px auto;
	padding: 0px;
	width: 986px;
	height:30px;
}


ul#g-navi {
	padding:0;
	margin:0;
	position:absolute;
	top:30px;
	right:20px;
	background: transparent url(images/navi.jpg) ;
	background-repeat:no-repeat;
	
}
ul#g-navi li {
	padding:0;
	margin:0;
	display:block;
	text-indent:-9999px;
	float:left;
}
ul#g-navi li a {
	border:0;
	display:block;
	text-decoration:none;
	background: transparent url(images/navi.jpg) no-repeat;
}

/* GLOBAL NAVIGATION HOVER */
li#home   a:link, li#home   a:visited { background-position:   0px   0px; width: 120px; height: 20px; }
li#home   a:hover,li#home   a:focus   { background-position:   0px -20px; width: 120px; height: 20px; }
li#company   a:link, li#company   a:visited { background-position: -134px   0px; width: 120px; height: 20px; }
li#company   a:hover,li#company   a:focus   { background-position: -134px -20px; width: 120px; height: 20px; }
li#contact   a:link, li#contact   a:visited { background-position: -268px   0px; width: 111px; height: 20px; }
li#contact   a:hover,li#contact   a:focus   { background-position: -268px -20px; width: 111px; height: 20px; }

/* GLOBAL NAVIGATION SELECTED */
body#home ul#g-navi li#home a { background-position:0px -40px; }
body#company ul#g-navi li#company a { background-position:-134px -40px; }
body#contact ul#g-navi li#contact a { background-position:-268px -40px; }


/* ***********************************************************************
	Clear Fix
*********************************************************************** */
.clearFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hides from IE-mac \*/

/* ***********************************************************************
	Photo Slide
*********************************************************************** */

.slide,.slide_left{
width:696px;
height:300px;
position:relative;
margin-bottom:15px;
}

.slide img{
width:696px;
height:300px;
position:absolute;
}

/*** QUICK CART mini ***/
#mini-demo{
border:solid 1px #CCCCCC;
}

#outline{
font-size:12px;
line-height:150%;
}

#mini-flow{
background-image:url(images/mini_flow.jpg);
background-repeat:no-repeat;
width:696px;
height:176px;
font-size:10px;
line-height:130%;
}

#mini-flow ul{
list-style:none;
margin:0;
padding:0;
}

#mini-flow li{
float:left;
width:174px;
margin:0;
padding-top:110px;
text-align:center;
}

#mini-flow input{
background-image:url(images/btn_bg.jpg);
background-repeat:no-repeat;
width:155px;
height:29px;
border:none;
font-size:small;
margin-top:3px;
}

#help{
margin:0;
padding:0;
}

#help ul{
padding:0;
margin:0;
}

#help li{
padding-bottom:5px;
}

#help table,td,tr{
border:none;
color:#777;
}

.square{
padding:5px;
margin:0;
}

/* TOOLTIP */

a.tooltip span {display:none; padding:0; margin:-5px 0 0 5px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; color:#6c6c6c;}