@charset "UTF-8";




/* =====================================
      Default settings
===================================== */

*{
	margin: 0;
	padding: 0;
}
html{}
body {
	height: 100%;
	text-align: center;
	
	background:#b6b6b6 url("../img/body_bg.gif") 0 0 repeat-x;
	color: #000;
	
	
	/*add 091205*/
	/*
	background:#33599c url("../img/deco/page_bg_xmas09.jpg") 0 0 repeat-x;
	color:#000;
	*/
}

body {font-family: Arial,Verdana,Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}


body{font-size: 16px;}
* html body{font-size: 100%;}

/*-----------------*/
/* 88% = 14.08px */
/* 82% = 13px */
/* 75% = 12px */
/* 69% = 11.04px */
/* 63% = 10.08px */
/*-----------------*/



table {
	border-collapse: collapse;
}
img { 
	border: 0;
	display: block;
}
img.inline{
	display: inline;
}
p { 
	font-size: 82%;
	line-height: 150%; 
	margin: 0 0 0.5em 0;
}
ul{list-style: none;}
sup{ vertical-align: text-top;}
sub{ vertical-align: text-bottom;}
em { 
	font-weight: bold;
	font-style: normal;
}
strong { 
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

input,textarea,select{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input,textarea,select{
	font-size: 100%;
}


/* =====================================
      Base layout
===================================== */

div#pageWrapper{
	width: 760px;
	margin: 0 auto;
	background:#fff url("../img/page_bg.gif") 0 0 repeat-y;
	color: #333;
	text-align:left;
	position:relative;
}
div#main{
	width: 758px;
	margin: 0 0 0 1px;
	padding: 0 0 11px 0;
	background: url("../img/main_end.jpg") left bottom no-repeat;
}


/*-----------------------------
      Header
-------------------------------*/
div#header{
	position: relative;
	width: 758px;
}
div#identity{
	width:164px;
	height: 73px;
	float: left;
}
div#identity a{
	display: block;
	width: 164px;
	height: 73px;
	text-indent: -5000px;
	background: url("../img/od_logo.jpg") 0 0 no-repeat;
	overflow:hidden;
}
/* Style for macIE \*//*/
div#identity a {
  overflow: auto;
}
/* End style for macIE */

div#headerRight{
	position: relative;
	width: 594px;
	height: 73px;
	float:right;
	background: url("../img/header_bg.jpg") 0 0 no-repeat;
}
div#headerRight p.headline{
	position: absolute;
	margin: 0;
	padding: 0;
	left: 10px;
	bottom: 2px;
	color: #E8D5AF;
	color:#ddd;
	font-size: 69%;
	line-height: 120%;
}
/* for IE */
* html .pngfix { behavior: expression(IEPNGFIX.fix(this)); }


/* Tab menu */
div#stickyNote{
	position: absolute;
	width: 312px;
	height: 90px;
	z-index: 2;
	right: 0;
}



/*-----------------------------
      Global navigation
-------------------------------*/
div#globalNav{
	width: 758px;
	padding: 3px 0 4px 0;
	background: url("../img/nav_bg.jpg") 0 0 no-repeat;
}
div#globalNav ul{
	width: 520px;
	margin: 0 0 0 29px;
	height: 25px;
}
div#globalNav ul li{
	display: block;
	width: 103px;
	float: left;
}
div#globalNav ul a{
	position:relative;
	display: block;
	z-index:3;
	width: 103px;
	height: 25px;
	text-indent: -5000px;
	background-image: url("../img/main_btn.jpg");
	background-repeat:no-repeat;
	overflow:hidden;
}
/* Style for macIE \*//*/
div#globalNav ul a {
  overflow: auto;
}
/* End style for macIE */

/*Roll over*/
li#btnHome a:link,
li#btnHome a:visited{
	background-position: 0 0;
}
li#btnHome a:hover{
	background-position: 0 -25px;
}

li#btnWorks a:link,
li#btnWorks a:visited{
	background-position: -103px 0;
}
li#btnWorks a:hover{
	background-position: -103px -25px;
}

li#btnProcess a:link,
li#btnProcess a:visited{
	background-position: -206px 0;
}
li#btnProcess a:hover{
	background-position: -206px -25px;
}

li#btnAbout a:link,
li#btnAbout a:visited{
	background-position: -309px 0;
}
li#btnAbout a:hover{
	background-position: -309px -25px;
}

li#btnContact a:link,
li#btnContact a:visited{
	background-position: -412px 0;
}
li#btnContact a:hover{
	background-position: -412px -25px;
}




/*-----------------------------
      Footer
-------------------------------*/
div#footer{
	width: 760px;
	margin: 0 auto;
}
div#footer p{
	font-size: 69%;
	text-align:right;
	color: #333;
	
	/*add 090902*/
	/*color:#fff;*/
}



/*-----------------------------
      Topic path
-------------------------------*/
div#topicPath{
	width: 758px;
	height: 43px;
	background: url("../img/side_bg2.gif") 0 0 no-repeat;
}
div#topicPath ul{
	margin: 0 0 0 12px;
	padding: 7px 0 0 0;
	font-size: 75%;
	line-height: 130%;
	color:#666;
}
div#topicPath ul li{
	display: inline;
	padding: 0 10px 0 5px;
	background: url("../img/link_misc02.gif") right center no-repeat;
}
div#topicPath ul li.here{
	color: #333;
	background: none;
}

div#topicPath a:link,
div#topicPath a:visited{
	color: #666;
}
div#topicPath a:hover{
	color: #f60;
}

/*-----------------------------
      Main contents area
-------------------------------*/

div#bodyArea{
	width: 745px;
	padding: 0 0 15px 0;
	margin: 0 0 0 13px;
	background: url("../img/side_bg.gif") right top repeat-y;
}

div#contentsArea{
	width: 495px;
	padding: 0 0 20px 0;
	float: left;
}
div#sideArea{
	width: 240px;
	float: right;
}


/*-----------------------------
      Side contents area
-------------------------------*/

/* banner space */
div#sideArea dl.bnr{
	width: 220px;
	margin: 0 0 20px 10px;
	padding: 0 0 10px 0;
	background: url("../img/dash_line01.gif") left bottom repeat-x;
}
div#sideArea dl.bnr dt{
	margin: 0 0 5px 0;
	padding: 0;
}
div#sideArea dl.bnr dd{
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 75%;
	line-height: 130%;
}
div#sideArea dl.bnr dt a{
	display: block;
	width: 217px;
	height: 51px;
	text-indent: -5000px;
	background-repeat:no-repeat;
}
div#sideArea dl.bnr dt a:link,
div#sideArea dl.bnr dt a:visited{
	background-position: 0 0;
}
div#sideArea dl.bnr dt a:hover{
	background-position: 0 -51px;
}
a#bnrProcess{background-image: url("../img/bnr_process.jpg");}
a#bnrContact{background-image: url("../img/bnr_contact.jpg");}


/* recent entry list */
div#recent{
	width: 220px;
	margin: 0 0 20px 10px;
	padding: 0 0 20px 0;
	background: url("../img/dash_line01.gif") left bottom repeat-x;	
}
div#titleList{
	width: 220px;
	padding: 1px 0;
	background-color:#fff;
}
div#titleList h2{
	margin: 0 5px 0.5em 5px;
	background-color: #963;
	color: #fff;
	font-size: 75%;
	line-height: 130%;
	font-weight: bold;
	text-align:center;
}
div#titleList dl{
	margin: 0 5px 0 5px;
	padding: 0 0 10px 0;
}
/*date*/
div#titleList dl dt{
	margin: 0 0 0.2em 0;
	font-size: 69%;
	line-height: 120%;
	color: #666;
}
/*subject*/
div#titleList dl dd{
	margin: 0 0 0.5em 5px;
	font-size: 75%;
	line-height: 120%;
	color: #666;
}
div#titleList dl dd a:link,
div#titleList dl dd a:visited{
	color: #963;
}
div#titleList dl dd a:hover{
	color: #f60;
}


/*Link more*/
div#titleList p.more{
	margin: 0 5px;
	font-size: 75%;
	line-height: 120%;
	text-align:right;	
}
div#titleList p.more a{
	padding: 0 0 0 12px;
	background: url("../img/link_misc01.gif") left center no-repeat;
}
div#titleList p.more a:link,
div#titleList p.more a:visited{
	color:#666;
}
div#titleList p.more a:hover{
	color:#f60;
}


/* Local navigation */
div#localNav{
	width: 220px;
	margin: 0 0 20px 10px;
	padding: 0 0 20px 0;
	background: url("../img/dash_line01.gif") left bottom repeat-x;
}
div#pageList{
	width: 220px;
	padding: 1px 0;
	background-color:#fff;
}
div#pageList h2{
	margin: 0 5px 0.5em 5px;
	background-color: #666;
	color: #fff;
	font-size: 75%;
	line-height: 130%;
	font-weight: bold;
	text-align:center;
}
div#pageList ul{
	margin: 0 5px;
}
div#pageList ul li{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
	font-size: 75%;
	line-height: 120%;
	background-position: 0 0.2em;
	background-repeat:no-repeat;
}


/* Other page link */
ul.otherLink{
	margin: 0 10px 10px 10px;
	padding-bottom: 5px;
	background: url("../img/dash_line01.gif") left bottom repeat-x;
}
ul.otherLink li{
	margin: 0 0 10px 0;
	padding: 2px 0 2px 23px;
	font-size: 75%;
	line-height: 120%;
	background-repeat:no-repeat;
	background-position: 0 0;
}
ul.otherLink li.link{
	background-image: url("../img/nav_icon_link.gif");
}




/* Link to website */
div#linkWeb{
	width: 220px;
	margin: 0 0 20px 10px;
	padding: 0 0 20px 0;
	background: url("../img/dash_line01.gif") left bottom repeat-x;
}
div#siteList{
	width: 220px;
	padding: 1px 0;
	background-color:#fff;
}
div#siteList h2{
	margin: 0 5px 1em 5px;
	background-color: #939;
	background-color: #7c9933;
	color: #fff;
	font-size: 75%;
	line-height: 130%;
	font-weight: bold;
	text-align:center;
}
div#siteList dl{
	margin: 0 10px 0 15px;
	padding: 0 0 10px 0;
}
div#siteList dl img{
	display: inline;
	vertical-align:bottom;
}
div#siteList dl dt{
	margin-bottom: 5px;
}
div#siteList dl dd{
	margin-bottom: 15px;
	font-size: 69%;
	line-height: 120%;
	color: #666;
}
div#siteList dl dd.end{
	margin-bottom: 0;
}




/* Alpha Ticker */
div#alphaTicker{
	width: 160px;
	margin: 0 0 20px 40px;
	padding: 0 0 0 0;
	text-align:center;
}





/* =====================================
      Common items
===================================== */

/*-----------------------------
      clear float
-------------------------------*/

/* (class for "br" tag) */
.clear{
	display: block;
	clear: both;
	width: 1px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

/* (Clearfix hack) */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0.1em;
	line-height:0;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*-----------------------------
      Link color
-------------------------------*/
a:link,
a:visited{
	color: #333;
}
a:hover{
	color: #f60;
}

/*-----------------------------
      Page top link
-------------------------------*/
p.gotoPageTop{
	width: 495px;
	margin: 0 0 0 0;
	text-align:right;
	clear:both;
	font-size: 69%;
}
p.gotoPageTop a{
	padding: 3px 0 3px 18px;
	background: url("../img/link_misc_top.gif") left center no-repeat;
}
p.gotoPageTop a:link,
p.gotoPageTop a:visited{color: #666;}
p.gotoPageTop a:hover{color: #f60;}


p.gotoPageTop2{
	width: 495px;
	margin: 0 0 20px 0;
	text-align:right;
	clear:both;
	font-size: 69%;
}
p.gotoPageTop2 a{
	padding: 3px 0 3px 18px;
	background: url("../img/link_misc_top.gif") left center no-repeat;
}
p.gotoPageTop2 a:link,
p.gotoPageTop2 a:visited{color: #666;}
p.gotoPageTop2 a:hover{color: #f60;}




/*-----------------------------
      Background decoration
-------------------------------*/


/*Left side*/
div#deco1{
	width:117px;
	position: absolute;
	z-index:10;
	top:250px;
	left: -170px;
}
div#deco2{
	width: 96px;
	position: absolute;
	z-index:9;
	top:500px;
	left: -100px;
}

/*Right side*/
div#deco3{
	width:81px;
	position: absolute;
	z-index:8;
	top:600px;
	left:770px;
}
div#deco4{
	width:122px;
	position: absolute;
	z-index:13;
	top:700px;
	left:800px;
}

div#deco5{
	width:57px;
	position: absolute;
	z-index:14;
	top: 900px;
	left:760px;
}






/*-----------------------------
      Margin
-------------------------------*/

.mT5{ margin-top: 5px;}
.mT10{ margin-top: 10px;}
.mT15{ margin-top: 15px;}
.mT20{ margin-top: 20px;}
.mT25{ margin-top: 25px;}
.mT30{ margin-top: 30px;}

.mB5{ margin-bottom: 5px;}
.mB10{ margin-bottom: 10px;}
.mB15{ margin-bottom: 15px;}
.mB20{ margin-bottom: 20px;}
.mB25{ margin-bottom: 25px;}
.mB30{ margin-bottom: 30px;}



/*-----------------------------
      Padding
-------------------------------*/

.pT5{ padding-top: 5px;}
.pT10{ padding-top: 10px;}
.pT15{ padding-top: 15px;}
.pT20{ padding-top: 20px;}
.pT25{ padding-top: 25px;}
.pT30{ padding-top: 30px;}

.pB5{ padding-bottom: 5px;}
.pB10{ padding-bottom: 10px;}
.pB15{ padding-bottom: 15px;}
.pB20{ padding-bottom: 20px;}
.pB25{ padding-bottom: 25px;}
.pB30{ padding-bottom: 30px;}


.pL5{ padding-left: 5px;}
.pL10{ padding-left: 10px;}
.pL15{ padding-left: 15px;}
.pL20{ padding-left: 20px;}
.pL25{ padding-left: 25px;}
.pL30{ padding-left: 30px;}