*{ margin: 0; padding: 0;}
body{
	background:#BDB1A6;
	background-position:center;

	font-size: 12px;color:#454421; line-height:150%;
	#font-family: "ＭＳ ゴシック", sans-serif;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", sans-serif;
}
table { background:#B4B4B4; width:100%;}
td{
	color: #454421; padding:9px;
	#font-family: "ＭＳ ゴシック", sans-serif;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", sans-serif;
}
h1,h2,h3,h4,h5,h6{ text-decoration:none; margin:0; padding:0; font-weight:normal; font-size:inherit;}
a {color:#50A235;}

/*
------------------------// General //------------------------
*/

#container{
width:950px; padding:0 10px; margin-left:auto; margin-right:auto;
background:url(../images/bg_base_img.gif) repeat-y center  ;
}
/*

------------------------// Header //------------------------

*/
#header{width:948px;height:165px; background:url(../images/head_bg.gif) repeat-x;
 border-left:solid 1px #F3F2E5; border-right:solid 1px #F3F2E5;}
 
#header h1{display:inline;}
.logo{margin-left:49px; margin-top:15px; display:inline; width:220px; float:left;}
.headCopy{ margin:40px 0 0 40px; float:left;}

/*
-----------// Header RightArea //-----------
*/
#headRight{ display:inline;float:right; width:220px; margin:0 49px 5px 0;}

/*-- language
*/
#fontFamily{ width:220px; height:18px;}
#fontFamily img{float:left;}
#fontFamily ul{list-style:none; margin:0; padding:0; float:left;}
#fontFamily ul li{display:inline;foat:left; margin:0; padding:0;}
#fontFamily ul li a{ float:left;}
#fontFamily ul li a#ja{display:block; background:url(/common/images/language/ja_off.gif) left top; width:55px; height:18px;}
#fontFamily ul li a#en{display:block;background:url(/common/images/language/en_on.gif) left top; width:55px; height:18px;}
#fontFamily ul li a#ca{display:block;background:url(/common/images/language/cn_on.gif) left top; width:55px; height:18px;}


/*-- Character Size Change
*/
#charSize{ width:205px; height:20px; margin:20px 0 0 0;}
#charSize img{float:left;}
#charSize ul{list-style:none; margin:0; padding:0; float:left;}
#charSize ul li{display:inline;foat:left; margin:0; padding:0;}
#charSize ul li a{ float:left;}
#charSize ul li a#font_small{display:block; background:url(../images/text_s.gif) left top; width:20px; height:20px;}
#charSize ul li a#font_mid{display:block;background:url(../images/text_m.gif) left top; width:20px; height:20px;}
#charSize ul li a#font_big{display:block;background:url(../images/text_b.gif) left top; width:21px; height:20px;}
#charSize ul li a#font_small:hover,
#charSize ul li a#font_mid:hover,
#charSize ul li a#font_big:hover{background-position:left -20px;}


/*-- Site Search Form 
*/
#siteSearchForm {height:25px; margin-top:5px;}
#siteSearchForm #siteSearch{ width:147px; height:17px; float:left;
border:solid 1px #B4B4B4;  padding:3px;
background:url(../images/search_form_bg.gif) left top;}
#siteSearchForm #site-search-btn{
 display:block;float:right;
 width:40px; height:25px; border:0;
 background:url(../images/search_submit.gif) no-repeat left top;
 text-indent:-9898px;font-size: 0px;line-height:0px;cursor:pointer;
}

/*

-----------// Global Navigation //-----------

*/
#globalNavi{ background:url(../images/globalnavi_bg.gif) repeat-x;
clear:both; height:69px; text-align:center;}

#globalNavi ul{list-style:none; width:850;}
#globalNavi ul li{display:inline; foat:left;}
#globalNavi ul li h2{display:inline;}

/*

------------------------// Top Page Only Contents Area //------------------------

*/
#mainVisi{clear:both; text-align:center; margin-bottom:18px;}
#topContents{ margin:0 50px 50px 47px;}

/*-------- LeftArea 
*/
#topContents #left{ float:left; width:566px; }

#topContents #left .infoBox{width:540px; margin:0 3px; padding:9px;
border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;
background:url(../images/infobox_bg.gif) repeat-x left top #FFF;}
#topContents #left .infoBox .title{margin:5px 0;}
#topContents #left .infoBoxBtm{ height:5px;margin:0 3px;background:url(../images/infobox_bg_btm.gif) repeat-x left top;border-top:solid 1px #CCCCCC; font-size:1px; margin-bottom:12px;}

/*-- New Information 
*/
.infoBox ul{ list-style:none; margin-bottom:15px; }
.infoBox ul.information{height:60px; overflow:auto;}
.infoBox ul.fb{height:28px;overflow:auto;margin-top:5px;}
.infoBox ul.whatsnew{height:155px; overflow:auto;}
.infoBox ul li{ background:url(../images/border_dot.gif) bottom left repeat-x; padding:3px 7px;}
.infoBox ul li span{display:block;width:15%; margin-right:10px;float:left;}

/*-- Contents Menu 
*/

.topContBox{clear:both; #padding-bottom:5px;}
.topContTile{width:276px; margin-bottom:14px; text-align:center;
 background:url(../images/topmenu_bg.gif) repeat-y;}

.topContTile .text{display:block; width:240px; margin:0 18px; line-height:180%; color:#422100; text-align:left;}
.topContTile .image{ margin:20px 0 14px 0;}


/*-------- RightArea 
*/
#topContents #right{ float:right; width:270px;}

#topContents #right .infoBox{width:250px; padding:9px;
border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;
background:url(../images/infobox_bg.gif) repeat-x left top #FFF;}

#topContents #right .infoBoxBtm{ height:5px; clear:both; font-size:0px; padding:0px;
background:url(../images/infobox_bg_btm.gif) repeat-x left top #000;
border-top:solid 1px #CCCCCC;}

#topContents #right .infoBox dd{display:block;margin:0; padding:0; width:250px; }
#topContents #right .infoBox dt{display:block; height:40px; float:left;width:70px;}
#topContents #right .infoBox dd{ display:block;width:170px;float:right;}

#topBanner a{display:block;margin-top:5px;}

/*

------------------------// Usually Contents Area //------------------------

*/
#contents{ margin:0 50px 50px 50px;}

/*-------- LeftArea 
*/
#contents #left{ float:left; width:270px;}


/*-- LeftNavi First Generation --
*/
#leftNavi ul{
 list-style:none; margin:0; padding:0 0 24px 0; background:#fff;
 border-left:solid 1px #CCC;border-right:solid 1px #CCC;border-bottom:solid 1px #CCC;
} 
#leftNavi ul li{
 background:url(../images/border_dot.gif) bottom left repeat-x; margin:0 9px; padding:0 0 1px 0;
}
#leftNavi ul li a{
 display:block; background:url(../images/leftnavi_bg.gif) left top no-repeat #FFF; 
 width:230px; padding:7px 0 6px 20px;#padding:4px 0 9px 20px;_padding:6px 0 7px 20px; line-height:100%; 
 text-decoration:none; font-size:115%; vertical-align:top;
}
#leftNavi ul li a.focus{
 font-weight:bold;
}
#leftNavi ul li a:hover,#leftNavi ul li a.focus{
 background:url(../images/leftnavi_bg.gif) left top no-repeat #EDF6EA;
}
/*-- LeftNavi Child Generation --
*/
#leftNavi ul li ul { border:none; padding:0; margin:0;}
#leftNavi ul li ul li{
 background:url(../images/border_dot.gif) top left repeat-x; margin:0; padding:1px 0 0px 0;
}
#leftNavi ul li ul li a{
 display:block; background:url(../images/leftnavi_bg.gif) 15px top no-repeat #FFF; 
 width:215px; padding:7px 0 6px 35px;#padding:4px 0 9px 35px;_padding:6px 0 7px 35px; line-height:100%; 
 text-decoration:none; font-size:115%; vertical-align:top;
}
#leftNavi ul li ul li a:hover,#leftNavi ul li ul li a.focus{
 background:url(../images/leftnavi_bg.gif) 15px top no-repeat #EDF6EA;
}
/*-- LeftNavi Grandchild Generation --
*/
#leftNavi ul li ul li ul { border:none; padding:0; margin:0;}
#leftNavi ul li ul li ul li{
 background:url(../images/border_dot.gif) top left repeat-x; margin:0; padding:1px 0 0px 0;
}
#leftNavi ul li ul li ul li a{
 display:block; background:url(../images/leftnavi_bg.gif) 30px top no-repeat #FFF; 
 width:200px; padding:7px 0 6px 50px;#padding:4px 0 9px 50px;_padding:6px 0 7px 50px; line-height:100%; 
 text-decoration:none; font-size:115%; vertical-align:top;
}
#leftNavi ul li ul li ul li a:hover,#leftNavi ul li ul li ul li a.focus{
 background:url(../images/leftnavi_bg.gif) 30px top no-repeat #EDF6EA;
}
/*-- LeftNavi Great-grandchild Generation --
*/
#leftNavi ul li ul li ul li ul { border:none; padding:0; margin:0;}
#leftNavi ul li ul li ul li ul li{
 background:url(../images/border_dot.gif) top left repeat-x; margin:0; padding:1px 0 0px 0;
}
#leftNavi ul li ul li ul li ul li a{
 display:block; background:url(../images/leftnavi_bg.gif) 45px top no-repeat #FFF; 
 width:185px; padding:7px 0 6px 65px;#padding:4px 0 9px 65px;_padding:6px 0 7px 65px; line-height:100%; 
 text-decoration:none; font-size:115%; vertical-align:top;
}
#leftNavi ul li ul li ul li ul li a:hover,#leftNavi ul li ul li ul li ul li a.focus{
 background:url(../images/leftnavi_bg.gif) 45px top no-repeat #EDF6EA;
}



#leftNavi .home{
 display:block;background:#fff;border:solid 1px #CCC; padding:0 0px; margin-top:10px;
}
#leftNavi .home a{
 display:block; background:url(../images/leftnavi_bg.gif) 9px top no-repeat #FFF;
 padding:7px 0 6px 29px; line-height:100%; text-decoration:none; font-size:115%;
}
#leftNavi .home a:hover{
 background:url(../images/leftnavi_bg.gif) 9px top no-repeat #EDF6EA;
}

/*-------- RightArea 
*/
#contents #right{float:right; width:560px;}
#contents #right .contTitle{margin-bottom:20px;}
#contents #right .title{
 font-size:133%;font-weight:bold; color:#422100;
 margin-bottom:15px; padding-left:15px;padding-bottom:9px;
 border-bottom:solid 3px #422100;
}
#contents #right p{
 line-height:150%;
 margin:0 15px 27px 15px;
}



#contents #right .pageNavi{ 
 padding:15px 0; margin-top:20px; 
 background:url(../images/border_dot.gif) top left repeat-x;
}
#contents #right .pageNavi a.back,#contents #right .pageNavi a.next{
 font-weight:bold;
}
#contents #right .pageNavi a.back{
 display:block; float:left;
 padding-left:15px; margin-left:40px;_margin-left:20px;
 background:url(../images/link_arrow_back.gif) left 4px no-repeat;
}
#contents #right .pageNavi a.next{
 display:block; float:right;
 padding-right:15px; margin-right:40px; _margin-right:20px;
 background:url(../images/link_arrow.gif) right 4px no-repeat;
}

#contents #right #intro #leftintro{ float:left; width:350px;}
#contents #right #intro #rightintro{ float:right;margin-right:5px;margin-top:1px;}



/*

------------------------// Photo Album Page //------------------------

*/

.gallery {
padding:0 0px 0px 15px; clear:both;
}
.photoItem{width:170px;float:left; margin-right:10px;}
.photoImg{margin-bottom:5px;}
.photoImg img{ border:solid 5px #FFFFFF;}
.photoTxt{width:170px; padding-bottom:10px;}

#photoNavi{padding:15px 0; margin-top:20px; background:url(../images/border_dot.gif) top left repeat-x; font-weight:bold;}
#photoNaviJS{width:300px; text-align:center; font-size:12px;font-weight:normal; position:static;margin:0 auto; }
#backNumber{width:200px; border:solid 1px #CCC;}

#photoNavi .back{
 display:block; float:left; width:70px; text-align:left;
 padding-left:15px; margin-left:40px;_margin-left:20px;
 background:url(../images/link_arrow_back.gif) left 4px no-repeat;
 #background:url(../images/link_arrow_back.gif) left 5px no-repeat;
}
#photoNavi .next{
 display:block; float:right; width:70px; text-align:right;
 padding-right:15px; margin-right:40px; _margin-right:20px;
 background:url(../images/link_arrow.gif) right 4px no-repeat;
 #background:url(../images/link_arrow.gif) right 5px no-repeat;
}

/*

------------------------// Footer //------------------------

*/
#footer{
padding-top:68px; color:#FFF;font-size:12px; line-height:18px;
background:url(../images/footer_bg_img.jpg) no-repeat left top;
}
#footer_info{background:#50A235; padding:0px 0px;}
#footer_info address{ text-decoration:none; font-style:normal; margin-top:10px; margin-bottom:10px; margin-left:40px; margin-right:55px; float:left;}
#footer_info a{float:left; vertical-align:middle; margin-top:18px; margin-bottom:17px;}
#footer_info .copy{ font-size:10px; float:right; margin-right:50px; margin-top:30px;}
#footer_btm{ background:url(../images/footer_bg_img_bottom.jpg) no-repeat; clear:both; height:41px;}


/*

------------------------// Another Class //------------------------

*/

.underline {text-decoration:underline;}
.clear_div {clear:both; line-height:0;font-size:0;height:0px;}
.bdr_btmDot{background:url(../images/border_dot.gif) bottom left repeat-x; padding-bottom:9px; margin-bottom:10px;clear:both;}
.clear{clear:both;}

.left{float:left;}
.right{float:right;}
.leftintro{float:left;width:100px;}

.imgRight{float:right; margin:0 0 10px 10px;}
.imgLeft{float:left; margin:0 10px 10px 0;}