/*-------------------------------------------------*/
/*CommonStyle*/
/*-------------------------------------------------*/

body{
	margin:0;
	padding:0;
	font-size:80%;
	line-height:1.6em;
	text-align:center;
	color:#464646;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
p{
	margin:0;
	padding:0;
}


.clear {
	clear:both;
}

Img{
	border:0;
}

ul,
ol,
dl
{
	margin:0;
	padding:0;
	list-style-type:none;
}

li,
dt,
dd
{
	padding:0;
}

form{
	margin:0;
	padding:0;
}

/*.clearfix {
	zoom: 100%; }*/

.clearfix{
  overflow:hidden;
}

* html .clearfix{
  height:1%;
  overflow:visible;
}

.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.clear {
	clear: both;
	visibility: hidden;
	font-size:1px;
}

.to_inline {
	display:inline;
}

.m_bottom {
	margin:0 0 30px 0;
}


.space-s{height:5px;}
.space-m{height:15px;}
.space-l{height:25px;}
/*-------------------------------------------------*/
/*link
/*-------------------------------------------------*/
a{
	color:#2E507F;
}

a:visited,
a:active{
	color:#487CC5;
}

a:hover{
	color:#2E507F;
	text-decoration: none;
}

/*Table of Contents : Page
-----------------------------------------
	-header
	-menu
	-content
	-mein
	-sidebar
	-footer
-----------------------------------------*/

body {
	color: #222222;
	/*background: url(../images/top/index_bg.gif) repeat-x;*/
	line-height: 130%;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	text-align: center;
}


/*-----------------------
	-header
-----------------------*/

#wrapper-header {
	position:relative;
	width: 100%;
	height: 337px;
	margin: 0 auto;
	padding:0;
	background: #004f99;
}

#header img {
	vertical-align:bottom;
}

#header {
	position:relative;
	text-align:left;
	width: 920px;
	height: 337px;
	margin: 0 auto;
	padding:0;
	background: url(../images/img_top_02_20220704.jpg) no-repeat top center;
	background-repeat: no-repeat;
	background-position: top center;
}
#header.newbg {
	background: url(../images/img_top_02_20230801.jpg) no-repeat top center;
}
#affiliateArea {
	float:left;
}

#header_right {
	width:242px;
	float:right;
	text-align:right;
}

#header #titles {
	/*padding: 30px 0 0 26px;*/
	/*padding: 13px 0 0 26px;*/
	padding: 13px 0 0 37px;
}

#login {
	position:absolute;
	top:15px;
	left:791px;
}
#orderprint {
	position:absolute;
	top:244px;
	left:586px;
}

#price {
	position:absolute;
	top:34px;
	right:9px;
}

#pricelist {
	background:transparent url(../images/top/bg_pricelist.gif) right no-repeat scroll;
	padding-right:21px;
}

#header .taxtxt {
	text-align:right;
	color:#ffffff;
	font-size:12px;
}

/*-----------------------
	-menu
-----------------------*/


#wrapper-menu {
	background: url(../images/page/menu_bg.gif) repeat-x;
	height:52px;
}

#menu {
	width: 902px;
	margin:0 auto;
	white-space: nowrap;
	padding:0;
}

#menu img {
	vertical-align:bottom;
}

#menu ul {
	float: left;
	width: 902px;
}

#menu li {
	display: inline;
}

#favorite {
	/*padding-left: 43px;*/
	padding-left: 20px;
}


/*-----------------------
	-content
-----------------------*/


#wrapper-content {
	clear:left;
}

#content {
	width: 902px;
	padding:30px 0 0 0;
	margin: 0 auto;
	/*background: url(../images/page/content_bg.gif) repeat-x;*/
	text-align: left;
}


/*-----------------------
	-main
-----------------------*/


#main {
	float:left;
	width:630px;
}

#main img {
	vertical-align:bottom;
}

#main_inner{
		position:relative;
}

#banner03 {
/*	height:173px;*/
	height:213px;

}
#banner04 {
	height:530px;
}
#banner05 {
	height:480px;

}
.appwrap {
	 border:1px solid #cccccc;
	 margin:10px 0;
}
#cam01 {
	position:absolute;
	top:0;
	left:0;
}

#cam02 {
	position:absolute;
	top:44px;
	left:0;
}

#cam03 {
	position:absolute;
	top:89px;
	left:0;
}

#cam04 {
	position:absolute;
	top:122px;
	left:0;
}

#cam05 {
	position:absolute;
	top:89px;
	left:205px;
}

#cam06 {
	position:absolute;
	top:44px;
	left:311px;
}

#cam07 {
	position:absolute;
	top:89px;
	left:311px;
}

#cam08 {
	position:absolute;
	top:124px;
	left:311px;
}

#cam09 {
	position:absolute;
	top:89px;
	left:540px;
}

#cam10 {
	position:absolute;
	top:-16px;
	right:0;
}

#subtitle {
background: url(../images/page/line_check.gif) bottom repeat-x scroll;
padding:39px 0 16px 0;
}

.paper_before #box_image01 {
	position:absolute;
/*	top:282px;*/
/*	top:220px;*/
	top:830px;
	left:20px;
}
.paper_after #box_image01 {
	position:relative;
	top:-150px;
	left:20px;
}
.paper_before #box_image02 {
	position:absolute;
/*	top:282px;*/
/*	top:220px;*/
	top:830px;
	left:343px;
	z-index:3;
}
.paper_after #box_image02 {
	position:relative;
	top:-150px;
	left:263px;
	z-index:3;
}
#box_image03 {
	position:absolute;
/*	top:429px;*/
	top:268px;
	left:25px;
}

#box_image04 {
	position:absolute;
/*	top:429px;*/
	top:268px;
	left:343px;
}

#box_wrapper p {
	color:#646464;
	font-size:12px;
	padding-top:13px;
}

.box {
	float:left;
	margin-top:20px;
}

.inside_box {
	width:305px;
	height:114px;
	background:transparent url(../images/top/top_box_bottom.gif) bottom left no-repeat scroll;
	padding:0;
}

.inside_box2 {
	width:305px;
	height:160px;
	background:transparent url(../images/top/top_box_bottom.gif) bottom left no-repeat scroll;
	padding:0;
}

.inside_box h3 {
	padding-top:7px;
}

.box .box_con {
	padding:0 10px 0 100px;
}

.box_right {
	margin-left:20px;
}



/*-----------------------
	-sidebar
-----------------------*/

#information {
	width:240px;
	margin-bottom:30px;
}

#information h3 {
	background: url(../images/page/line_check.gif) bottom repeat-x scroll;
	padding:0 0 16px 0;
}

#information ul {
	width:240px;
	white-space:normal;
}

#information ul li {
	border-top:1px solid #c6c7ca;
	white-space:normal;
	padding:12px 0px;
}

#information .date {
	color:#787878;
	font-size:90%
}

#sidebar {
	float:right;
	width:240px;
}

#subnavi ul {
	width:234px;
	border-left:3px solid #d6d6d6;
	border-right:3px solid #d6d6d6;
}

#subnavi ul li {
	padding:0.5em 0 0.5em 4em;
}

#subnavi ul li#screen{
	background:transparent url(../images/page/icon_screen.gif) no-repeat scroll 1em 0.5em;
}

#subnavi ul li#picture{
	border-top:1px dotted #d6d6d6;
	background:transparent url(../images/page/icon_picture.gif) no-repeat scroll 1em 0.5em;
}

#subnavi ul li#money{
	border-top:1px dotted #d6d6d6;
	background:transparent url(../images/page/icon_money.gif) no-repeat scroll 1em 0.5em;
}

#subnavi ul li#present{
	border-top:1px dotted #d6d6d6;
	background:transparent url(../images/page/icon_present.gif) no-repeat scroll 1em 0.5em;
}

#banner {
	margin-top:26px;
	margin-bottom:30px;
}

#banner img {
	vertical-align:bottom;
}

#banner ul li{
	margin-bottom:15px;
	text-align:center;
	font-size:90%;
	line-height:2em;
}

#sidebar #btn03 {
	text-align:center;
}

/*-----------------------
	-footer
-----------------------*/


#wrapper-footer {
	clear:both;
}

.foot-line{
	height:20px;
	border-bottom:3px solid #e3e3e3;
}

#footer {
	/*background: url(../images/page/footer_bg.gif) repeat-x;*/
/*	padding:81px 0 41px 0;*/
	padding:40px 0 41px 0;
	width: 902px;
	margin: 0 auto;
}

#footer li {
	display: inline;
}

#copyright {
	color:#646464;
	font-size:95%;
	margin:15px 0 0 0;
}