@charset "utf-8";
/* CSS Document */

/* ALL START*/
*{
margin:0;
padding:0;
}

body {
	text-align:center;
	line-height:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(../images/main_bg_center.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

a:link{
text-decoration:none;
}


a:visited{
text-decoration:none;
}

/* ALL END*/

.clrfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;font-size:0;}
*html .clrfix{display:inline-block};
*:first-child+html .clrfix{display:inline-block};



/* CONTENTS COL START */
div#head_bg{
background:url(../images/main_bg_top.jpg) repeat-x;
height:70px;
}

div#contents_area{
position:relative;
width:900px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

div#contents_area_2{
width:895px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

/* CONTENTS COL END */

/* HEAD START*/
.head_area{
position:relative;
width:900px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:url(../images/head_area_bg.jpg);
height:70px;
}

.logo_exilim{
	position:absolute;
	top:25px;
	left:30px;
}

.logo_dynamic{
	position:absolute;
	top:0;
	left:329px;
}

.logo_dynamic_2{
	position:absolute;
	top:-70px;
	left:327px;
}

.logo_casio{
	position:absolute;
	top:17px;
	left:793px;
	bottom: -3px;
}

/* HEAD END*/

/* PULL DOWN START*/
.pull_down{
	position:absolute;
	top:-32px;
	left:655px;
	line-height:18px;
	z-index: 100;
}

.pull_down_sec_dir{
	position:absolute;
	top:-32px;
	left:654px;
	line-height:18px;
	z-index: 100000;
}

#dd {
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float:left;
}

#dd li a.menu {
  display: block;
  text-align: left;
  margin: 0 1px 0 0;
  color: #FFF;
  height:23px;
  width: 225px;
  text-decoration: none;
  letter-spacing:0;
  font-size:10px;
}

#dd li a.menu:hover {
}

.submenu {
  width:225px;
  background:url(../images/lang_bg_bottom.gif) bottom no-repeat;
  visibility: hidden;
  position: absolute;
  line-height:10px;
  font-size:10px;
  font-family:Verdana;
  letter-spacing:0;
  padding-bottom:5px;
}

.submenu a {
	display: block;
	text-align:left;
	text-decoration: none;
	color: #666666;
	padding-left:9px;
	padding-bottom:4px;
	background-color: #EEEEEE;
}

.submenu a:hover {
	color: #FFFFFF;
	text-decoration:underline;
	background-color: #999999;
}

.font_kakko{
font-weight:bold;
}
/* PULL DOWN END*/


/* PAGE TOP START */
div#page_top_area{
margin-top:20px;
position:relative;
width:895px;
height:23px;
}

.page_top_btn{
	position:absolute;
	top:0;
	left:765px;
}

/* PAGE TOP END */


/* FOOTER START */
div#footer_bg{
background:url(../images/main_bg_bottom.jpg) repeat-x;
height:39px;
}

div#footer_area{
position:relative;
width:895px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

div#footer_area{
position:relative;
width:895px;
height:39px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:url(../images/footer_bg.jpg);
}

div#footer_area .back_btn{
	position:absolute;
	top:11px;
	left: 3px;
}

div#footer_area .copyright{
	position:absolute;
	top:11px;
	left:650px;
}

/* FOOTER END */

/* SECOUND PAGE START */
div#contents_area_sec_dir{
width:895px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:url(../images/secound_bg_top.jpg) no-repeat top;
position:relative;
}

div#secound_col{
width:800px;
margin:0 auto 0;
padding-top:45px;
}

div#secound_col .secound_left_col{
float:left;
width:205px;
}

div#secound_col .secound_right_col{
float:right;
width:570px;
}


/* NAVI START */
ul.sec_navi{
list-style:none;
width:205px;
}

ul.sec_navi li{
margin-bottom:5px;
}

a .navi_area{
width:205px;
background:url(../images/sec_btn_bg_middle.jpg) repeat-y;
}
a .navi_area2{
width:205px;
background:url(../images/sec_btn_bg_middle2.jpg) repeat-y;
}
a div{
cursor:pointer;
}

a .navi_area .navi_area_bottom{
width:205px;
background:url(../images/sec_btn_bg_bottom.jpg) bottom no-repeat;
}

a .navi_area2 .navi_area_bottom2{
width:205px;
background:url(../images/sec_btn_bg_bottom2.jpg) bottom no-repeat;
}

a .navi_area .navi_area_bottom .navi_area_top_01{
width:205px;
background:url(../images/sec_btn_bg_top_01.jpg) top no-repeat;
}

a .navi_area .navi_area_bottom .navi_area_top_02{
width:205px;
background:url(../images/sec_btn_bg_top_02.jpg) top no-repeat;
}

a .navi_area .navi_area_bottom .navi_area_top_03{
width:205px;
background:url(../images/sec_btn_bg_top_03.jpg) top no-repeat;
}

a .navi_area .navi_area_bottom .navi_area_top_04{
width:205px;
background:url(../images/sec_btn_bg_top_04.jpg) top no-repeat;
}

a .navi_area .navi_area_bottom .navi_area_top_05{
width:205px;
background:url(../images/sec_btn_bg_top_05.jpg) top no-repeat;
}

a .navi_area .navi_area_bottom .navi_area_top_06{
width:205px;
background:url(../images/sec_btn_bg_top_06.jpg) top no-repeat;
}

a .navi_area .navi_area_bottom .navi_area_top_07{
width:205px;
background:url(../images/sec_btn_bg_top_07.jpg) top no-repeat;
}

a .navi_area2 .navi_area_bottom2 .navi_area_top_08{
width:205px;
background:url(../images/sec_btn_bg_top_08.jpg) top no-repeat;
}

a .navi_area2 .navi_area_bottom2 .navi_area_top_09{
width:205px;
background:url(../images/sec_btn_bg_top_09.jpg) top no-repeat;
}

a .navi_area2 .navi_area_bottom2 .navi_area_top_10{
width:205px;
background:url(../images/sec_btn_bg_top_10.jpg) top no-repeat;
}

li.select a .navi_area{
width:205px;
background:url(../images/sec_btn_bg_middle_over.jpg) repeat-y;
}

li.select a .navi_area2{
width:205px;
background:url(../images/sec_btn_bg_middle2_over.jpg) repeat-y;
}

li.select a .navi_area .navi_area_bottom{
width:205px;
background:url(../images/sec_btn_bg_bottom_over.jpg) bottom no-repeat;
}

li.select a .navi_area2 .navi_area_bottom2{
width:205px;
background:url(../images/sec_btn_bg_bottom2_over.jpg) bottom no-repeat;
}

li.select a .navi_area .navi_area_bottom .navi_area_top_01{
width:205px;
background:url(../images/sec_btn_bg_top_01_over.jpg) top no-repeat;
}

li.select a .navi_area .navi_area_bottom .navi_area_top_02{
width:205px;
background:url(../images/sec_btn_bg_top_02_over.jpg) top no-repeat;
}

li.select a .navi_area .navi_area_bottom .navi_area_top_03{
width:205px;
background:url(../images/sec_btn_bg_top_03_over.jpg) top no-repeat;
}

li.select a .navi_area .navi_area_bottom .navi_area_top_04{
width:205px;
background:url(../images/sec_btn_bg_top_04_over.jpg) top no-repeat;
}

li.select a .navi_area .navi_area_bottom .navi_area_top_05{
width:205px;
background:url(../images/sec_btn_bg_top_05_over.jpg) top no-repeat;
}

li.select a .navi_area .navi_area_bottom .navi_area_top_06{
width:205px;
background:url(../images/sec_btn_bg_top_06_over.jpg) top no-repeat;
}

li.select a .navi_area .navi_area_bottom .navi_area_top_07{
width:205px;
background:url(../images/sec_btn_bg_top_07_over.jpg) top no-repeat;
}

li.select a .navi_area2 .navi_area_bottom2 .navi_area_top_08{
width:205px;
background:url(../images/sec_btn_bg_top_08_over.jpg) top no-repeat;
}

li.select a .navi_area2 .navi_area_bottom2 .navi_area_top_09{
width:205px;
background:url(../images/sec_btn_bg_top_09_over.jpg) top no-repeat;
}

li.select a .navi_area2 .navi_area_bottom2 .navi_area_top_10{
width:205px;
background:url(../images/sec_btn_bg_top_10_over.jpg) top no-repeat;
}

a:hover .navi_area{
width:205px;
background:url(../images/sec_btn_bg_middle_over.jpg) repeat-y;
}

a:hover .navi_area2{
width:205px;
background:url(../images/sec_btn_bg_middle2_over.jpg) repeat-y;
}

a:hover .navi_area .navi_area_bottom{
width:205px;
background:url(../images/sec_btn_bg_bottom_over.jpg) bottom no-repeat;
}

a:hover .navi_area2 .navi_area_bottom2{
width:205px;
background:url(../images/sec_btn_bg_bottom2_over.jpg) bottom no-repeat;
}

a:hover .navi_area .navi_area_bottom .navi_area_top_01{
width:205px;
background:url(../images/sec_btn_bg_top_01_over.jpg) top no-repeat;
}

a:hover .navi_area .navi_area_bottom .navi_area_top_02{
width:205px;
background:url(../images/sec_btn_bg_top_02_over.jpg) top no-repeat;
}

a:hover .navi_area .navi_area_bottom .navi_area_top_03{
width:205px;
background:url(../images/sec_btn_bg_top_03_over.jpg) top no-repeat;
}

a:hover .navi_area .navi_area_bottom .navi_area_top_04{
width:205px;
background:url(../images/sec_btn_bg_top_04_over.jpg) top no-repeat;
}

a:hover .navi_area .navi_area_bottom .navi_area_top_05{
width:205px;
background:url(../images/sec_btn_bg_top_05_over.jpg) top no-repeat;
}

a:hover .navi_area .navi_area_bottom .navi_area_top_06{
width:205px;
background:url(../images/sec_btn_bg_top_06_over.jpg) top no-repeat;
}

a:hover .navi_area .navi_area_bottom .navi_area_top_07{
width:205px;
background:url(../images/sec_btn_bg_top_07_over.jpg) top no-repeat;
}

a:hover .navi_area2 .navi_area_bottom2 .navi_area_top_08{
width:205px;
background:url(../images/sec_btn_bg_top_08_over.jpg) top no-repeat;
}

a:hover .navi_area2 .navi_area_bottom2 .navi_area_top_09{
width:205px;
background:url(../images/sec_btn_bg_top_09_over.jpg) top no-repeat;
}

a:hover .navi_area2 .navi_area_bottom2 .navi_area_top_10{
width:205px;
background:url(../images/sec_btn_bg_top_10_over.jpg) top no-repeat;
}

.navi_text_area{
padding:30px 0 28px 37px;
color:#555555;
line-height:18px;
font-family:"Osaka";
font-weight: bold;
letter-spacing: 0;
}

.navi_text_area_2{
padding:30px 0 25px 37px;
color:#555555;
line-height:18px;
font-family:"Osaka";
font-weight: bold;
letter-spacing: 0;
}

.home_btn_box{
margin-top:10px;
width:205px;
}

a .home_area{
width:205px;
background:url(../images/sec_btn_home_bg_middle.jpg) repeat-y;
}

a .home_area .home_area_bottom{
width:205px;
background:url(../images/sec_btn_home_bg_bottom.jpg) bottom no-repeat;
}

a .home_area .home_area_bottom .home_area_top{
width:205px;
background:url(../images/sec_btn_home_bg_top.jpg) top no-repeat;
}

a:hover .home_area{
width:205px;
background:url(../images/sec_btn_home_bg_middle_over.jpg) repeat-y;
}

a:hover .home_area .home_area_bottom{
width:205px;
background:url(../images/sec_btn_home_bg_bottom_over.jpg) bottom no-repeat;
}

a:hover .home_area .home_area_bottom .home_area_top{
width:205px;
background:url(../images/sec_btn_home_bg_top_over.jpg) top no-repeat;
}


.home_text_area{
padding:23px 0 25px 37px;
color:#555555;
line-height:18px;
font-weight: bold;
letter-spacing: 0;
}

/* NAVI END */


/* LINE UP START */
.sec_line_up_area{
margin-top:10px;
width:205px;
background:url(../images/sec_line_up_bg_middle.gif) repeat-y;
}

.sec_line_up_area_top{
width:205px;
background:url(../images/sec_line_up_bg_top.gif) no-repeat top;
}

.sec_line_up_area_bottom{
width:205px;
background:url(../images/sec_line_up_bg_bottom.gif) no-repeat bottom;
}

.sec_line_up_cont_area{
width:175px;
margin:0 auto 0;
padding-top:20px;
padding-bottom:20px;
line-height:18px;
color:#666666;
}

.sec_line_up_tilte{
padding-left: 10px;
}

.sec_line_up_line{
margin:5px 0 0 0;
}

.sec_line_up_btn_area{
margin:10px 0 0 0;
}

/* LINE UP END */


/* RIGHT CONTENTS START */

.sec_right_cont_area{
width:570px;
background:url(../images/sec_cont_bg_middle.jpg) repeat-y;
}


.sec_right_cont_area_top{
width:570px;
background:url(../images/sec_cont_bg_top.jpg) no-repeat top;
}


.sec_right_cont_area_bottom{
width:570px;
background:url(../images/sec_cont_bg_bottom.jpg) no-repeat bottom;
position: relative;
}


.sec_right_cont_main_area{
margin:0px auto 0;
padding:30px 0 10px 0;
width:515px;
line-height:18px;
color: #404040;
}

.sec_main_area_title{
color:#005C9E;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
font-family:"Osaka";
}

.sec_main_area_border{
margin-bottom:10px;
}

.sec_bottom_arrow_box{
width:520px;
margin:0 auto 0;
padding-bottom:25px;
color:#005C9E;
}

.sec_bottom_arrow_box a{
color:#005C9E;
}

.sec_bottom_arrow_box a:hover{
color:#005C9E;
text-decoration:underline;
}

.sec_bottom_arrow_box .arrow_prev{
float:left;
width:60px;
color:#005C9E;
}

.sec_bottom_arrow_box .arrow_next{
float:right;
width:60px;
color:#005C9E;
text-align:right;
}

.arrow_prev_img{
margin-bottom:-3px;
padding-right:5px;
}

.arrow_next_img{
margin-bottom:-3px;
padding-left:5px;
}
