@charset "UTF-8";

/*
Theme Name: AICJ
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) repeat-x left top;
font-size: 62.5%;
color:#333;
}

html{
background:#FFF;
}

div#container{
width: 860px;
margin: 0 auto;
background-color:#FFF;
}

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

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

div#content{
padding:0;
font-size:1.2em;
}

h1{
padding:0;
margin:0;
}

h2{
padding:0;
margin-top:10px;
font-size:1.4em;
color:#555;
}

h3{
padding:0;
margin:0;
font-size:1.2em;
}

ul{
margin:0;
padding:0;
}

li{
list-style:none;
}

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

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

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

img{
border:none;
}

th{
text-align:left;
background:#FFFFFF;
}

caption{
border:solid 1px #CCCCCC;
background:#fcfcfc;
font-weight:bold;
}

hr{
display:none;
}

.line{
border-bottom: solid 1px #CCC;
}

.red{
color:#cc6600;
margin-top:15px;
}

.black{
color:#444;
font-size:1.2em;
margin-top:1px;
}

.black_p15{
color:#333;
font-size:1.3em;
padding:15px 0 15px 0;
line-height:180%;
}

.list{
color:#444;
font-size:1.2em;
padding-top:5px;
line-height:180%;
}


/* header
------------------------------------------------------------ */
div#header{
position:relative;
background:url(images/header-bg.jpg) no-repeat;
width:860px;
height:80px;
margin:0;
padding:0;
}

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

.home{
position:absolute;
top:5px;
right:150px;
}

.contact{
position:absolute;
top:5px;
right:35px;
}


/* home
------------------------------------------------------------ */

.imageSlideshowHolder,.imageSlideshowHolder_left{
margin-bottom:10px;	
width:860px;
height:300px;
position:relative;
}

.imageSlideshowHolder img{
margin-bottom:10px;
width:860px;
height:300px;
position:absolute;
}


.home-box{
float:left;
background:url(images/home-box.jpg) no-repeat;
width:210px;
height:190px;
margin:0 10px 10px 0;
*margin:0 10px 12px 0;
}

.box-title{
background:url(images/arrow1.jpg) no-repeat;
background-position:left center;
margin-left:10px;
padding-left:20px;
margin-top:10px;
}

.box-text{
margin:10px 10px 20px 10px;
color:#333;
font-size:1.2em;
}

.box-icon{
float:left;
margin:10px 0 50px 10px;
}

.home-top{
float:left;
background-image:url(images/content_bg_top1.jpg);
background-repeat:repeat-y;
width:620px;
height:27px;
margin:0;
padding:6px 10px 0 20px;
color:#FFF;
font-size:1.4em;
line-height:180%;
font-weight:bold
}

.icon{
float:left;
margin:5px 5px 0 0;
}

.home-middle{
float:left;
background-image:url(images/content_bg_middle.jpg);
background-repeat:repeat-y;
width:610px;
padding: 0 20px;
margin:0;
font-size:1.2em;
}

.home-middle li{
background:url(images/dot_line.jpg) repeat-x left bottom;
padding-bottom:10px;
}

.home-bottom{
float:left;
position:relative;
background-image:url(images/content_bg_bottom1.jpg);
background-repeat:no-repeat;
width:650px;
height:10px;
margin-bottom:15px;
}

.title-point{
background:url(images/point_square.jpg) no-repeat left center;
padding-left:12px;
margin-top:10px;
}

/* post
------------------------------------------------------------ */
div#util{
clear:both;
padding:10px 0 0 0;
}

.bread{
float:left;
font-size:1.2em;
}

.goto-top{
float:right;
}

.cat-title{
}

.content-top{
float:left;
background-image:url(images/content_bg_top2.jpg);
background-repeat:no-repeat;
width:630px;
height:30px;
margin:0;
padding:5px 0 0 20px;
color:#003366;
font-size:1.6em;
line-height:160%;
font-weight:bold
}

.content-middle{
float:left;
background-image:url(images/content_bg_middle.jpg);
background-repeat:repeat-y;
width:620px;
padding: 0 15px 10px 15px;
margin:0;
font-size:1.2em;
line-height:180%;
}

.content-bottom{
float:left;
position:relative;
background-image:url(images/content_bg_bottom2.jpg);
background-repeat:no-repeat;
width:650px;
height:45px;
margin-bottom:15px;
}

.prev{
background-image:url(images/prev.jpg);
background-repeat:no-repeat;
background-position:left center;
position:absolute;
top:12px;
left:22px;
float:left;
padding-left:30px;
font-size:1.4em;
font-weight:bold;
}

.next{
background-image:url(images/next.jpg);
background-repeat:no-repeat;
background-position:right center;
position:absolute;
top:12px;
right:22px;
float:right;
padding-right:30px;
font-size:1.4em;
font-weight:bold;
}

div#writing{
float:left;
margin:10px 0 50px 0;
}

.writing-box {
float:left;
border-bottom:1px solid #CCCCCC;
padding:10px 0 10px 0;
}

.writing-date {
color:#333333;
display:block;
float:left;
font-size:12px;
font-weight:bold;
line-height:18px;
margin:0;
padding:0;
width:90px;
}

.writing-title{
color:#333333;
display:block;
float:right;
font-size:12px;
line-height:18px;
margin:0;
padding:0;
width:520px;
}

.titem{
margin:0;
padding:0;
}

.detail{
background:url(images/arrow3.gif) left center;
background-repeat:no-repeat;
padding-left:15px;
color:#003366;
}

.external{
background:url(images/external.gif) left center;
background-repeat:no-repeat;
padding-left:15px;
color:#003366;
}

.video-list{
border-bottom:solid 1px #CCC;
margin:10px 0 10px 0;
}

.photo-list{
background:url(images/icon_photo.jpg) left center;
background-repeat:no-repeat;
border-bottom:solid 1px #CCC;
margin:0 0 10px 1px;
padding-left:20px;
}

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

.page-top{
float:left;
background-image:url(images/content_bg_top2.jpg);
background-repeat:no-repeat;
width:630px;
height:30px;
margin:0;
padding:5px 0 0 20px;
color:#003366;
font-size:1.6em;
line-height:180%;
font-weight:bold
}

.page-middle{
float:left;
background-image:url(images/content_bg_middle.jpg);
background-repeat:repeat-y;
width:610px;
padding: 0 20px;
margin:0;
font-size:1.2em;
line-height:180%;
min-height:525px;
}

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


/* sidebar
------------------------------------------------------------ */

.sidebar-top{
background-image:url(images/sidebar_bg_top.jpg);
background-repeat:repeat-y;
width:200px;
height:27px;
margin:0;
padding-top:6px;
color:#FFF;
text-align:center;
font-size:1.4em;
line-height:180%;
font-weight:bold
}

.sidebar-top a:link{
color:#FFF;
}
.sidebar-top a:visited{
color:#FFF;
}
.sidebar-top a:hover{
color:#FFF;
}
.sidebar-top a:active{
color:#FFF;
}

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

.sidebar-middle li a{
background:url(images/arrow3.gif) 0 13px;
background-repeat:no-repeat;
border-bottom:solid 1px #ededed;
padding:5px 5px 5px 15px;
margin:0;
display:block;
width:160px;
font-size:1.3em;
}

.sidebar-middle li a:hover{
background:url(images/arrow3.gif) 0 13px;
background-repeat:no-repeat;
border-bottom:solid 1px #ededed;
padding:5px 5px 5px 15px;
margin:0;
display:block;
width:160px;
font-size:1.3em;
}

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



/* footer
------------------------------------------------------------ */
div#footer{
float:left;
width:100%;
background:url(images/footer_shadow.jpg) top repeat-x;
background-color:#003366;
margin-top:20px;
color:#FFF;
font-size:1.2em;
}

.footer-box{
position:relative;
background:url(images/footer_bg.jpg)  right bottom no-repeat;
margin:0 auto;
text-align:left;
width: 860px;
height:237px;
color:#FFF;
}

div#footer a{
color:#FFF;
}

div#footer li{
background:url(images/arrow2.jpg) no-repeat left center;
padding-left:10px;
}

ul.post{
float:left;
padding:10px 0 20px 0;
width:220px;
margin-top:10px;
line-height:250%;
}

ul.page{
float:left;
padding:10px 0 20px 0;
width:220px;
margin-top:10px;
line-height:250%;
}

/* GLOBAL NAVIGATION */

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


ul#g-navi {
	padding:0;
	margin:0;
	position: absolute;
	width: 860px;
	height: 44px;
	background: transparent url(images/g-navi.jpg) ;
	background-position: 0px 0px;
	
}
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/g-navi.jpg) no-repeat;
}

/* GLOBAL NAVIGATION HOVER */

li#cat1   a:link, li#cat1   a:visited { background-position:   0px   0px; width: 145px; height: 44px; }
li#cat1   a:hover,li#cat1   a:focus   { background-position:   0px -44px; width: 145px; height: 44px; }
li#cat3   a:link, li#cat3   a:visited { background-position: -145px   0px; width: 142px; height: 44px; }
li#cat3   a:hover,li#cat3   a:focus   { background-position: -145px -44px; width: 142px; height: 44px; }
li#cat4   a:link, li#cat4   a:visited { background-position: -287px   0px; width: 142px; height: 44px; }
li#cat4   a:hover,li#cat4   a:focus   { background-position: -287px -44px; width: 142px; height: 44px; }
li#cat5   a:link, li#cat5   a:visited { background-position: -429px   0px; width: 142px; height: 44px; }
li#cat5   a:hover,li#cat5   a:focus   { background-position: -429px -44px; width: 142px; height: 44px; }
li#cat6   a:link, li#cat6   a:visited { background-position: -571px   0px; width: 142px; height: 44px; }
li#cat6   a:hover,li#cat6   a:focus   { background-position: -571px -44px; width: 142px; height: 44px; }
li#cat7   a:link, li#cat7   a:visited { background-position: -713px   0px; width: 143px; height: 44px; }
li#cat7   a:hover,li#cat7  a:focus   { background-position: -713px -44px; width: 143px; height: 44px; }

/* GLOBAL NAVIGATION SELECTED */

body#cat1 ul#g-navi li#cat1 a { background-position:0px -88px; }
body#cat3 ul#g-navi li#cat3 a { background-position:-145px -88px; }
body#cat4 ul#g-navi li#cat4 a { background-position:-287px -88px; }
body#cat5 ul#g-navi li#cat5 a { background-position:-429px -88px; }
body#cat6 ul#g-navi li#cat6 a { background-position:-571px -88px; }
body#cat7 ul#g-navi li#cat7 a { background-position:-713px -88px; }


/* ***********************************************************************
	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 \*/

/* ***********************************************************************
	Site Map
*********************************************************************** */

.sitemap-wrapper{
margin:0;
padding:0;
}

.sitemap-wrapper ul{
padding:5px;
}

.sitemap-wrapper li {
margin:1px;
padding:5px;
border:solid 1px #ededed;
font-weight:bold;
}

.sitemap-wrapper li a{
background:url(images/arrow3.gif) left center;
background-repeat:no-repeat;
padding-left:20px;
margin:1px;
font-weight:100;
}