/*-----------------------------------------------
tag redefinition
-----------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background-color: #262626;
}

h1,h2,h3,h4,h5,p,td,div,form,span {
	margin: 0;
	padding: 0;
	/*height: auto;*/
	font-size: 12px;
	color: #5D5D5D;
}
ul,ol,dl,dd,li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	list-style-type: none;
}
img,a {
	outline: none;
	border: none;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.center{
	text-align: center;
}
.clearfix:after{
	content:"."; 
	display:block; 
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-block;}

* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}

.contentBox .stit {
	border-top: 1px solid #E2E2E2;
	padding-top: 6px;
	margin-bottom: 10px;
}

.notes {
	font-size: 10px;
	color: #666666;
	text-align: center;
}

.contentBox .notes2 {
	font-size: 10px;
	color: #666666;
	margin-top: 3px;
	margin-right: 19px;
	text-align: right;
}

.contentBox .notes3 {
	font-size: 10px;
	color: #666666;
	text-align: left;
}

.goBtn {
	text-align: center;
}

/*------------------------------------------------
layout
-----------------------------------------------*/
#container {
	text-align: left;
	line-height: 155%;
	padding-left: 11px;
	width: 1002px;
	background: url(../images/body_bg.gif) repeat-y left top;
}

.minheight {
	padding-bottom: 250px;
}
/*------------------------
heder
----------------------- */
#header {
	width: 780px;
	height: 120px;
	background: url(../images/header_shadow.gif) no-repeat left bottom;
}
#logo {
	float: left;
	width: 703px;
	height: 66px;
}
#homeBtn {
	float: left;
	background: url(../images/header_r.gif) no-repeat left top;
	height: 66px;
	width: 77px;
}

/*------------------------
globalNavi
-----------------------*/ 
#globalNavi {
	width: 780px;
	height: 39px;
	clear: left;
}

#globalNavi ul {
	list-style-type: none;
}

#globalNavi li  {
	width:129px;
	border-right: 1px solid #D2D1D9;
	text-decoration:none;
	float:left;
}

#globalNavi a {
	text-decoration: none;
	display: block;
	height: 39px;
	width: 129px;
	text-indent: -998px;
	background-position: 0px -39px;
}

/*------------------------*/ 
#globalNavi #about a {
	background: url(../images/g_menu_01.gif) no-repeat left top;
}
#globalNavi #list a {
	background: url(../images/g_menu_02.gif) no-repeat left top;
}
#globalNavi #topix a {
	background: url(../images/g_menu_03.gif) no-repeat left top;
}
#globalNavi #works a {
	background: url(../images/g_menu_04.gif) no-repeat left top;
}
#globalNavi #ask a {
	background: url(../images/g_menu_05.gif) no-repeat left top;
}
#globalNavi #inquiry a {
	background: url(../images/g_menu_06.gif) no-repeat left top;
}

#globalNavi #about a:hover,
#globalNavi #list a:hover,
#globalNavi #topix a:hover,
#globalNavi #works a:hover,
#globalNavi #ask a:hover,
#globalNavi #inquiry a:hover {
	background-position: 0px -39px;
}

/*-----------------------
submenu
------------------------*/
div#menu1 {
	top: 105px; 
	left: 140px;
	width: 129px;
}

div#menu2 {
	 top: 105px; 
	 left: 399px;
	 width: 129px;
}

*html div#menu1 {
	 top: 105px; 
	 left: 140px;
	 width: 130px;
}

*html div#menu2 {
	 top: 105px; 
	 left: 400px;
	 width: 130px;
}

div.submenu {
	position: absolute;
	visibility: hidden;
	width:124px;
	background-color:#ffffff;
	border: 1px solid #bfbfbf;
	text-align: center;
	letter-spacing: 1px;
	font-family: Geneva, Arial, sans-serif;
}
div.submenu ul li {
	width: 118px;
	line-height: 150%;
	background-image: none;
	text-indent: 0px;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #ececec;
}

* html div.submenu ul li {
	width: 126px;
}

div.submenu ul li a {
	text-decoration: none;
	display: block;
	color: #222222;
}
div.submenu ul li a:hover {
	background-color: #8C120E;
	color: #ffffff;
}	

/*------------------------
content
----------------------- */
#content {
	width: 780px;
	
	background-color: #FFFFFF;
	clear: left;
}

.contentBox {
	width: 780px;
	clear: left;
	overflow: hidden;
	margin-top: 20px;
}

.contentBoxTwo {
	width: 780px;
	clear: left;
	overflow: hidden;
	margin-top: 10px;
}

/*------------------------
sideNavi
----------------------- */
#sideNavi {
	width: 200px;
	overflow: hidden;
	float: right;
	background: url(../images/side-bg_top.gif) no-repeat left top;
	background-color: #CCCCCC;
	padding: 10px 0 0px 0;
	position: absolute;
	left: 803px;
	top: 105px;
	text-align: center;
	z-index: 1;
}

#sideNaviBox { 
	width: 180px;
	margin: 0px auto 10px auto;
	text-align: left;
	background-color: #FFFFFF;
}

#sideNaviBoxTwo {
	width: 180px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: #FFFFFF;
}

.sideNaviSection {
	width: 180px;
	margin-bottom: 3px;
	text-align: center
}

.sideNaviSection p {
	color: #5D5D5D;
	width: 161px;
	font-size: 10px;
	margin: 0px auto 0 auto;
	text-align: left;
}

#sideNavi a {
	color: #5D5D5D;
	font-size: 10px;
}

.sideNaviSection .sideBtn {
	margin-top: 8px;
	margin-bottom: 3px;
}

/*------------------------
footer
----------------------- */
#footer {
	width: 780px;
	clear: both;
	overflow: hidden;
	border-top: 2px solid #CCCCCC;
	margin-top: 20px;
	padding-top: 3px;
	padding-bottom: 30px;
}

#footer p {
	font-size: 10px;
}

#footer p a {
	color: #5D5D5D;
	font-size: 10px;
}

#footer #footerLogo {
	float: left;
	width: 120px;
}

#footer #outline {
	float: right;
	width: 640px;
	text-align: right;
}

#footer #outline #copy {
	margin-top: 3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/*------------------------------------------------
category.css for top page only
-----------------------------------------------*/
#mainImg {
	width: 780px;
	height: 250px;
}

#movThumb {
	float: left;
	width: 130px;
}
.aboutSection {
	float: left;
	width: 315px;
	margin-left: 10px;
	
}
.aboutSection p {
	margin-top: 5px;
}

/*----------------------- */
.panoSectionL {
	float: left;
	width: 256px;
	font-size: 10px;
}

.panoSectionM,
.panoSectionR {
	float: left;
	width: 256px;
	margin-left: 5px;
	font-size: 10px;
}

.panoSectionL h3,
.panoSectionM h3,
.panoSectionR h3 {
	height: 54px;
}

.panoSectionL p,
.panoSectionM p,
.panoSectionR p {
	padding: 8px 10px 0px 10px;
	border-right: 2px solid #bfbfbf;
	border-left: 2px solid #bfbfbf;
}

/*for safari only*/
html:\66irst-child .panoSectionL p {
	padding-bottom: 18px;
}
/*end*/

.panoSectionL p#panoBg,
.panoSectionM p#quickBg,
.panoSectionR p#originalBg {
	padding: 0;
	border: none;
}

.contentBoxTwo p#originalBg {
	width: 760px;
	height: 40px;
	display: block;
	padding: 5px 10px;
	font-size: 10px;
	line-height: 1.5em;
	background: url(../../images/original_bg.jpg) no-repeat right top;
}

 /*for Win IE-6*/
* html .contentBoxTwo p#originalBg {
	float: right;
	width: 780px;
	height: 50px;
	display: block;
}/*end*/

.contentBoxTwo p#originalBg a {
	color: #262626;
	text-decoration: none;
	display: block
}

#pickup {
	width: 240px;
	float: left;
	line-height: 130%;
}

 /*for Win IE-6*/
* html #news {
	width: 520px;
}/*end*/

#pickup h4 {
	margin-bottom: 10px;
	height: 25px;
}

#pickup dd {
	font-size: 10px;
	margin-bottom: 5px;
}

#news {
	width: 510px;
	float: left;
	margin-left: 20px;
}

#news h4 {
	margin-bottom: 10px;
	width: 510px;
	height: 25px;
	background: url(../../images/topixnews_headline.gif) no-repeat left top;
	text-align: right;
	padding: 4px 10px 0 0;
}

 /*for Win IE-6*/
* html #news h4  {
	width: 520px;
}/*end*/

#news dl {
	overflow: auto;
	width: 520px;
	height: 100px;
}

#news dd {
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #cccccc;
	width: 490px;
}

#news dd a {
	color:#152468;
	text-decoration: none;
}

#news dd a:hover {
	color:#152468;
	text-decoration: underline;
}
/*for safari only*/
html:\66irst-child #news dd a:hover {
	border-bottom: 1px solid #152468;
}
/*end*/

h4#works {
	width: 770px;
	height: 27px;
	background: url(../../images/panoramawork_headline.gif) no-repeat left top;
	text-align: right;
	padding: 8px 10px 0 0;
}
 /*for Win IE-6*/
* html h4#works  {
	width: 780px;
	height: 35px;
}/*end*/

.thumbBox {
	width: 780px;
	clear: left;
	overflow: hidden;
	margin: 10px 0 5px 0;
	text-align: center;
	line-height: 150%;
}

.thumbBox dl {
	float: left;
	margin: 0px auto 0 auto;
	width: 90px;
}

.thumbBox dl.secL {
	margin-left: 21px;
}

/*for Win IE-6*/
* html .thumbBox dl.secL {
	margin-left: 11px;
}/*end*/

.thumbBox dl.secR {
	margin-left: 18px;	
}

.thumbBox dd {
	font-size: 10px;
}
/*for Win IE-6*/
* html .thumbBox dd {	
}/*end*/


/*for safari only*/
html:\66irst-child .thumbBox dd img {
	margin-top: 5px;
}/*end*/

.thumbBox dd a {
	color: #5D5D5D;
}

/*------------------------
plugin
----------------------- */
#pluginBox {
	margin-top: 10px;
}
.pluginL {
	float: left;
	width: 256px;
	font-size: 10px;
}

.pluginM,
.pluginR {
	float: left;
	width: 256px;
	margin-left: 5px;
	font-size: 10px;
}

.pluginL p.banner a,
.pluginM p.banner a,
.pluginR p.banner a {
	border: 1px solid #5D5D5D;
	display: block;
}

.pluginL p.banner a:hover,
.pluginM p.banner a:hover,
.pluginR p.banner a:hover {
	border: 1px solid #ff0000;
}

.pluginL a,
.pluginM a,
.pluginR a {
	color: #5D5D5D;
	font-size: 10px;
}

/*------------------------
shared
----------------------- */
.path {
	font-size: 10px;
}

.path a {
	color: #5d5d5d;
}

.btn {
	text-align: center;
	margin-top: 20px;
	width: 780px;
}

.btnTwo {
	text-align: right;
	margin-top: 20px;
	width: 780px;
}

.btnThree {
	text-align: right;
	margin-top: 20px;
	margin-left: 20px;
	width: 740px;
}

/*------------------------
shared for contact.html,order.html
----------------------- */
#form {
	text-align: center;
}

#formBox {
	width: 530px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#formBox2 {
	width: 530px;
	margin: 0px auto 0 auto;
	text-align: left;
}

*html #formBox2 {
	margin-left: -20px;
}

fieldset {
	border: 1px solid #CCC;
	padding: 10px;
}

.necessity {
	color: #FF0000;
}

label {
	width: 142px;
	height: 22px;
	margin-top: 3px;
	margin-right: 2px;
	padding-top: 11px;
	padding-left: 6px;
	background-color: #DDDDDD;
	float: left;
	overflow: hidden;
	clear: left;
	color: #222222;
}

* html label {
	height: 32px;
}

#rightSide {
	background-color: #DEE8EA;
	width: 200px;
	padding: 5px;
	margin-top: 40px;
	float: right;
	border: 1px solid #CCC;
	font: normal 12px Arial;
	color: #666666;
}

.texbox {
	width: 347px;
	height: 25px;
	float: right;
	background-color: #ececec;
	margin-top: 3px;
	padding: 5px 0 3px 5px;
}

.textbox {
	width: 285px;
	color: #444444;
	padding: 3px 5px 3px 19px;
}

.textbox:focus, .textbox:hover {
	background-color: #FCF0ED;
}

.username {
	width: 285px;
    font: normal 18px Arial;
    color: #999999;
    padding: 3px 5px 3px 19px;
}

.username:focus, .username:hover {
	background-color: #F0FFE6;
}  

.button {
	clear: both;
	width: 530px;
	text-align: right;
	padding-top:20px;
	text-align: center;
}


/*-----------------------------------------------------------------------
@act_old_font
------------------------------------------------------------------------*/


.px11-120{

	font-size: 11px;

	line-height: 120%;

}

.px11-130{

	font-size: 11px;

	line-height: 130%;

}

.px11-140{

	font-size: 11px;

	line-height: 140%;

}

.px11-150{

	font-size: 11px;

	line-height: 150%;

}

.px11-160{

	font-size: 11px;

	line-height: 160%;

}

.px11-170{

	font-size: 11px;

	line-height: 170%;

}

.px11-180{

	font-size: 11px;

	line-height: 180%;

}

.px12-120{

	font-size: 12px;

	line-height: 120%;

}

.px12-130{

	font-size: 12px;

	line-height: 130%;

}

.px12-140{

	font-size: 12px;

	line-height: 140%;

}

.px12-150{

	font-size: 12px;

	line-height: 150%;

}

.px12-160{

	font-size: 12px;

	line-height: 160%;

}

.px12-170{

	font-size: 12px;

	line-height: 170%;

}

.px12-180{

	font-size: 12px;

	line-height: 180%;

}

.px14-120{

	font-size: 14px;

	line-height: 120%;

}

.px14-130{

	font-size: 14px;

	line-height: 130%;

}

.px14-140{

	font-size: 14px;

	line-height: 140%;

}

.px14-150{

	font-size: 14px;

	line-height: 150%;

}

.px14-160{

	font-size: 14px;

	line-height: 160%;

}

.px14-170{

	font-size: 14px;

	line-height: 170%;

}

.px14-180{

	font-size: 14px;

	line-height: 180%;

}

.px16-120{

	font-size: 16px;

	line-height: 120%;

}

.px16-130{

	font-size: 16px;

	line-height: 130%;

}

.px16-140{

	font-size: 16px;

	line-height: 140%;

}

.px16-150{

	font-size: 16px;

	line-height: 150%;

}

.px16-160{

	font-size: 16px;

	line-height: 160%;

}

.px16-160{

	font-size: 16px;

	line-height: 160%;

}

.px16-170{

	font-size: 16px;

	line-height: 170%;

}

.px16-180{

	font-size: 16px;

	line-height: 180%;

}
.px13-120 {


	font-size: 13px;

	line-height: 120%;
}
.px13-130 {


	font-size: 13px;

	line-height: 130%;
}
.px13-140 {


	font-size: 13px;

	line-height: 140%;
}
.px13-150 {


	font-size: 13px;

	line-height: 150%;
}
.px13-160 {


	font-size: 13px;

	line-height: 160%;
}
.px13-170 {


	font-size: 13px;

	line-height: 170%;
}
.px13-180 {


	font-size: 13px;

	line-height: 180%;
}
.px10 {
	font-size: 10px;
	line-height: 130%;
}
.12px-100 {
	font-size: 12px;
	line-height: 10px;
}
.px10-120 {

	font-size: 10px;
	line-height: 120%;
}
.px10-100 {


	font-size: 10px;
	line-height: 100%;
}
.px10-140 {


	font-size: 10px;
	line-height: 140%;
}
.px11-100 {


	font-size: 11px;

	line-height: 100%;
}
.px10-white {
	font-size: 10px;
	line-height: 100%;
	color: #FFFFFF;

}
.px10-blue {
	font-size: 10px;
	line-height: 130%;
	color: #003366;

}
.px10-green {
	font-size: 10px;
	line-height: 130%;
	color: #006600;

}
.px10-red {
	font-size: 10px;
	line-height: 130%;
	color: #D2491C;

}
.px11-140-menu {
	font-size: 11px;
	line-height: 140%;
	color: #97815F;

}
.px10-130 {
	font-size: 10px;
	line-height: 130%;
	color: #333333;
}

a { text-decoration:none }
a:hover { color:#0000CC; text-decoration:underline}
.px9-120 {
	font-size: 9px;
	line-height: 120%;
	color: #CCCCCC;
}

a.link-white {color:#CCCCCC; 
	font-size: 10px;
	line-height: 110%;
	text-decoration:none;}
a.link-white:hover {color:#CCCCCC;
	font-size: 10px;
	line-height: 110%;
	text-decoration:underline;}

a.link-red {color:#990000; 
	font-size: 10px;
	line-height: 110%;
	text-decoration:none;}
a.link-red:hover {color:#990000;
	font-size: 10px;
	line-height: 110%;
	text-decoration:underline;}
.top-waku {
	padding: 4px;
	border: 1px solid #CBC6AF;
}