@charset "shift_jis";

/*------------------------------------------------------------
import css
------------------------------------------------------------*/

@import url("import.css");


/* CSS Document moiwa */

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

#header h1 {
width:890px;
height:308px;
vertical-align:top;
}

/* --------------top global menu -------------- */

#global-menu {
	width:862px;
	height:78px;
	position:absolute;
	top:290px;
	left:15px;
}

#global-menu01,
#global-menu02,
#global-menu03,
#global-menu04
 {
	float:left;
}


/*  global-menu01  */

#global-menu01-inner  {
	background-image:url(../images/common/globalnavi01.gif);
	background-repeat:no-repeat;
	width:203px;
	height:78px;
}

#global-menu01 a {
	display:block;
	text-indent:-9999px;
	width:203px;
	vertical-align:top;
	height:78px;	
}

#global-menu01 a:active,
#global-menu01 a:focus,
#global-menu01 a:hover {
	background:url(../images/common/globalnavi01.gif) -203px 0px;
	background-repeat:no-repeat;
}





/*  global-menu02  */

#global-menu02-inner  {
	background-image:url(../images/common/globalnavi02.gif);
	background-repeat:no-repeat;
	width:221px;
	height:78px;
}

#global-menu02 a {
	display:block;
	text-indent:-9999px;
	width:221px;
	vertical-align:top;
	height:78px;
}

#global-menu02 a:active,
#global-menu02 a:focus,
#global-menu02 a:hover {
	background:url(../images/common/globalnavi02.gif);
	background-position:-221px 0;
	background-repeat:no-repeat;
}


/*  global-menu03  */

#global-menu03-inner {
	background-image:url(../images/common/globalnavi03.gif);
	background-repeat:no-repeat;
	width:220px;
	height:78px;
}

#global-menu03 a {
	display:block;
	text-indent:-9999px;
	width:220px;
	vertical-align:top;
	height:78px;
}


#global-menu03 a:active,
#global-menu03 a:focus,
#global-menu03 a:hover {
	background:url(../images/common/globalnavi03.gif);
	background-position:-220px 0;
	background-repeat:no-repeat;
}

/*  global-menu04  */

#global-menu04-inner {
	background-image:url(../images/common/globalnavi04.gif);
	background-repeat:no-repeat;
	width:218px;
	height:78px;
}

#global-menu04 a {
	display:block;
	text-indent:-9999px;
	width:218px;
	vertical-align:top;
	height:78px;
}

#global-menu04 a:active,
#global-menu04 a:focus,
#global-menu04 a:hover {
	background:url(../images/common/globalnavi04.gif);
	background-position:-218px 0;
	background-repeat:no-repeat;
}


/*-----------------top contents area-------------------*/

#contents-area-bg {
width:890px;
height:126px;
position:absolute;
/*top:319px;*/
top:308px;
left:0;
background-image:url(../images/top/contents-area-bg-t.gif);
background-repeat:repeat-x;
}

#contents-area {
width:862px;
margin-left:auto;
margin-right:auto;
position:absolute;
top:86px;
left:15px;
letter-spacing:0.05em;
}

#float-box {
height:235px;
}
/*----- 新着情報スクロール --------*/
#box01 {
float:left;
width:428px;
}
#box01 .box01-1 {
width:362px;
height:21px;
}
#box01 .box01-2 {
width:428px;
height:96px;
margin-top:1px;
background-color:#F1F3EE;
overflow-y:scroll;
}
#box01 .box01-2 .topics-box {
	height:/58px;
	padding-top: 10px;
	padding-left: 10px;
}
.topics-box a {
	text-decoration:none;
}
#box01 .box01-2 .topics-box .txt-box {
height:58px;
}
.txt_style01 {
font-size:70%;
color:#EC6F72;
}
.txt_style02 {
font-size:75%;
font-weight:bold;
color:#E7494C;
}
.txt_style03 {
font-size:70%;
}
/*-----バナー領域　左列 --------*/
#box02 {
float:left;
width:202px;
margin-left:15px;
}
#float-box #box02 .box02-1 {
width:202px;
height:50px;
}
#float-box #box02 .box02-2 {
width:202px;
height:50px;
margin-top:17px;
}

/*-----バナー領域　右列 --------*/
#box03 {
float:left;
width:202px;
margin-left:15px;
}
#float-box #box03 .box03-1 {
width:202px;
height:50px;
}
#float-box #box03 .box03-2 {
width:202px;
height:50px;
margin-top:17px;
}


/*----- footerトップのみの指定 ----- */
#footer {
top:231px;
left:15px;
margin-top:0px;
}