/* CSS Document */
/* ----------------------------------------------------------------
		general setting 
------------------------------------------------------------------*/
body { margin:0; padding:0; font-family: Arial, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "Meiryo", sans-serif; font-size:12px; background:url(/img/bg_background.gif); }
div{ margin:0; padding:0; color:666; font-weight:normal; }
class{ margin:0; padding:0; color:666; font-weight:normal; }
ul{ margin:0; padding:0; color:666; font-weight:normal; }
li{ margin:0; padding:0; color:666; font-weight:normal; }
h1{ margin:0; padding:0; color:666; font-weight:normal; }
h2{ margin:0; padding:0; color:666; font-weight:normal; }
h3{ margin:0; padding:0; color:666; font-weight:normal; }
h4 { margin:0; padding:0; color:666; font-weight:normal; }
form { margin:0; padding:0;}
a { color:#ff8a21; font-weight:normal; }
a:hover { color:#fcae68; }
ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0; color:#686868; }
p { font-size:1.0em; color:#686868; line-height:140%; }
span.bold { font-weight:bold; }
span.small{ font-size:0.9em; }
span.red { color:#c65b5b; }
#container{ margin:0; text-align:left; }
input, textarea{ color:#666;}


/* ----------------------------------------------------------------
		header 
------------------------------------------------------------------*/
#containerBg { margin:0 auto; text-align:center; width:802px; background:url(/img/bg_container.gif) 0 -5px; }
#container_bg { margin:0 auto; text-align:center; width:802px; background:url(/img/bg_top.gif) repeat-y; }

#container_bg .header_left{ width:297px; height:390px; float:left; background:url(/img/top_left.gif) no-repeat; text-indent:-9999px;}
#container_bg .header_left p{ width:48px; height:72px; margin-top:318px; float:left; text-indent:-9999px;}
#container_bg .header_left p#one{ background:url(/img/top_thumb_01.gif) no-repeat; margin-left:12px;}
#container_bg .header_left p#two{ background:url(/img/top_thumb_02.gif) no-repeat; margin-left:7px;}
#container_bg .header_left p#three{ background:url(/img/top_thumb_03.gif) no-repeat; margin-left:7px;}
#container_bg .header_left p#four{ background:url(/img/top_thumb_04.gif) no-repeat; margin-left:12px;}
#container_bg .header_left p#five{ background:url(/img/top_thumb_05.gif) no-repeat; margin-left:7px;}
#container_bg .header_left p#six{ background:url(/img/top_thumb_06.gif) no-repeat; margin-left:7px;}
#container_bg .header_left p#seven{ background:url(/img/top_thumb_07.gif) no-repeat; margin-left:12px;}
#container_bg .header_left p#seven02{ background:url(/img/top_thumb_07_02.gif) no-repeat; margin-left:12px;}


#container_bg .header_mid{ width:309px; height:390px; float:left; background:url(/img/top_mid.gif) no-repeat;}

#container_bg .header_right{ width:196px; height:200px; padding-top:190px; float:left; background:url(/img/top_right.gif) no-repeat;}
#container_bg .header_right p{ font-size:11px; line-height:140%; color:#4a4c4f;}
#container_bg .header_right p#title{ display:block; width:194px; background-color:#8d8d8d; font-size:11px; line-height:140%; color:#ffffff; text-align:center; margin:0 auto; padding:0 auto;}
#container_bg .header_right p#normal{text-align:left; padding:0 5px; width:186px;}
#container_bg .header_right p#center{text-align:center; padding-top:7px; font-size:12px;}

#headerBg { height:282px; background:url(/img/bg_header.jpg); }
#headerBg2 { height:286px; background:url(/img/bg_header2.jpg); }

#logo { margin:90px 0 0 65px; float:left; }
#logo a {  width:289px; height:148px; display:block; text-indent:-9999px; }
#logo p { text-indent:-9999px; }
#menu { margin:101px 0 0 0; padding-right:12px; width:354px; height:114px; float:right; background:url(/img/bg_menu.jpg) no-repeat; }
#menu2 { margin:101px 0 0 0; padding-right:12px; width:354px; height:114px; float:right; background:url(/img/bg_menu2.jpg) no-repeat; }
#menu ul, #menu2 ul { list-style:none; }
#menu li, #menu2 li { width:114px; float:left; list-style:none; background:none; }
#menu li a, #menu2 li a { width:114px; height:114px; float:left; display:block;  text-indent:-9999px;}
#menu li#sample, #menu2 li#sample2 { margin:0 0 0 7px; }
#menu li#contact, #menu2 li#contact2 { margin:0 0 0 5px; }
#menu li#about a:hover{ background:url(/img/bg_menu.jpg) 0 -114px; }
#menu2 li#about2 a:hover{ background:url(/img/bg_menu2.jpg) 0 -114px; }
#menu li#sample a:hover{ background:url(/img/bg_menu.jpg) -121px -114px; }
#menu2 li#sample2 a:hover{ background:url(/img/bg_menu2.jpg) -121px -114px; }
#menu li#contact a:hover{ background:url(/img/bg_menu.jpg) -240px -114px; }
#menu2 li#contact2 a:hover{ background:url(/img/bg_menu2.jpg) -240px -114px; }


/* ----------------------------------------------------------------
		right contents
------------------------------------------------------------------*/
#rightContentBg { float:right; width:195px; }
.rightContent { margin-bottom:10px; width:187px; background:url(/img/bg_right_content.gif) repeat-y; }
.rightContent p { margin:5px 0 5px 20px;  }
.rightContent p.list { padding:0 0 0 13px; background:url(/img/bg_list.gif) no-repeat;  }
.rightContent p.center { margin-left:30px; }
.rightContent .contentBottom { width:188px; height:13px; background:url(/img/right_bottom.gif) no-repeat; }
img.sample { margin:0 0 0 5px; }
#btnRightDetails { margin:0 0 15px 70px; width:100px; height:23px; text-indent:-9999px; background:url(/img/btn_right_details.gif) no-repeat; }
#btnRightDetails a { height:23px; display:block; text-indent:-9999px; }
#btnRightDetails a:hover { background:url(/img/btn_right_details.gif) no-repeat 0 -23px; }
#bdrRight { height:20px; text-indent:-9999px; background:url(/img/right_image_bdr.gif) no-repeat; }






/* ----------------------------------------------------------------
		left contents
------------------------------------------------------------------*/
#leftContentBg { padding-bottom:70px; width:601px; float:left; background:url(/img/bg_left_content.gif); }
.leftContent { margin:0 0 0 70px; width:473px; }
.leftContent .box { margin:0; width:410px; padding:5px 20px 5px 43px; color:#666;}
.leftContent .boxLft { margin:0; width:100px; float:left;}
.leftContent .boxRgt { margin:0; width:310px; float:left;}

.leftContent p { margin:5px 0 5px 20px; }
.leftContent p.list { padding:0 20px 0 13px; background:url(/img/bg_list.gif) no-repeat;}
.leftContent p.list_02 { padding:10px 40px 0 13px;}
.leftContent p.list_no { padding:0 40px 0 13px; font-size:0.9em;}
.leftContent p.list_top { padding:10px 20px 0 13px;}
.leftContent p.list_center { padding:10px 20px 0 116px;}
.list_center02 { padding:10px 20px 0 150px;}
.list_center03 { padding-left:25px;}
.leftContent p.center { margin:10px 0 20px 0; text-align:center;}
.leftContent p.line { margin:13px 0 13px 25px; width:423px; height:4px; background:url(/img/line.gif); }
.leftContent p.title { margin:15px 0 2px 20px; }
.leftContent p.title_02 { margin:5px 0 5px 20px; }
.leftContent p.rightWord { padding:10px 20px; text-align:right; }
.leftContent p.pad1 { margin-top:30px; }
.leftContent p.pad2 { margin-top:10px; }
.leftContent p.pad_top { margin-top:20px; padding: 0 20px 0 10px; }
.leftContent ul { margin:0 0 0 20px; }
.leftContent ul li { margin:15px 0; padding:0 0 0 13px; background:url(/img/bg_list.gif) no-repeat; }
.leftContent #pageUnder { margin-top:10px; width:450px; }
.leftContent #pageUnder p.line { margin-bottom:10px; }
.leftContent #pageUnder a { float:right; border:none; }
.leftContent #pageUnder a img { border:none; }
img.title { margin:0 0 0 52px; }
img.subTitle { margin-top:15px; }
.explanation p { text-indent:-9999px; }
.top1 { margin:0 0 0 30px; width:413px; height:197px; background:url(/img/image1.gif); }
.eachGame { margin:10px 0 0 10px; width:454px; height:173px; }
.what1 { background:url(/img/image_what1.jpg) no-repeat; }
.what2 { background:url(/img/image_what2.jpg) no-repeat; }
.what3 { background:url(/img/image_what3.jpg) no-repeat; }
.eachGame h3 { text-indent:-9999px; }
.eachGame p a { height:150px; display:block; text-indent:-9999px;}
table { margin:0 0 0 20px; width:420px; border:1px solid #ccc; }
table.tableTop { border:1px solid #ccc; border-spacing:0; border-collapse:collapse; }
table.tableTop .tableTitle { margin:5px 0; float:left; font-size:0.9em; }
table.tableTop .tableForm { margin:5px 0; padding:0 10px 0 0; float:right; }
.fild { margin:0 0 0 20px; width:430px; border:1px solid #ccc; font-family: Arial, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "Meiryo", sans-serif; font-size:12px; }
.submitText{margin:0 0 0 20px; border:1px solid #ccc; font-family: Arial, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "Meiryo", sans-serif; font-size:12px; }
.fildTop { width:215px; border:1px solid #ccc; }
textarea { width:430px; border:1px solid #ccc; }
.radio { width:13px; height:13px; border:none; }
table td { padding:5px 0; }


#video_bg{ width:352px; height:326px; margin:0 auto; padding-top:10px; text-align:center;}
#video_bg2{ width:352px; height:35px; margin:0 auto; padding:0; }
#video_top{ width:240px; height:260px; margin:0 auto; margin:95px 0 0 28px; *margin:95px 0 0 -15px; text-align:center;}

/* ----------------------------------------------------------------
		footer
------------------------------------------------------------------*/
#footer { margin:0 0 0 2px; clear:both; text-align:center; width:798px; }
#footer ul { margin:0; padding:5px 0 0 0; height:20px; background:url(/img/footer_img2.gif) top left repeat-x;}
#footer ul li { margin:0 20px 0 0; float:left; font-size:11px; }
#footer ul li#home { padding:0 5px 0 260px; }
#footer a { color:#fff; }
#footer a:hover { color:#fff; text-decoration:none; }
#footer p { margin:0; padding:5px 0; text-align:center; }
#footer p#privacy { font-size:10px; background:#3b414a; }
#footer p#privacy a { color:#bbb; }
#footer p#copyRight { background:#2f343b; }

/* ----------------------------------------------------------------
		clearFix 
------------------------------------------------------------------*/
.clearFix:after { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix:before { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix { display:inline-block; }
/* Hides from IE-mac \*/
*html.clearFix { height: 1%; }
.clearFix {display:block; }
/* End hide from IE-mac */