@charset "UTF-8";


body {
color: #333333;
background:#FFFFFF;
font-size:small;
line-height:1.4em;
text-align:center;
}


/* マージンをリセット */
* {
margin: 0;
padding: 0;
}

a{
border:0;
}

/* 画像は枠なし */
a img {
border: 0;
}

img{
border:0;
}


a,a:link {
  color: #333333;
  text-decoration: none;
}

a:hover {
  color: #125382;
  text-decoration: underline;
}



/* ---------------------------------------------------------------- *
ドキュメント全体に関する設定
* ---------------------------------------------------------------- */


#container {
position:absolute;
top:50%;
left:50%;
margin-top:-270px;
margin-left:-400px;
width: 800px;
height:540px;
text-align:left;
}

ul{
list-style:none;

}


/* ---------------------------------------------------------------- *
ヘッダ部分の設定
* ---------------------------------------------------------------- */

#header {
background: #FFFFFF;

}



/* ---------------------------------------------------------------- *
メインボックスの設定
* ---------------------------------------------------------------- */

#mainbox {
	text-align:left;
	clear: both;
	position: relative;
	height: 540px;
	background-color: #94bdda;
	background-image: url(../images/bg_blue.gif);
}


/* ---------------------------------------------------------------- *
トピックス部分の設定
* ---------------------------------------------------------------- */


#topics_title{
padding: 0px;
margin:0px;
bottom: auto;
right: 100px;
position:absolute;
left: 450px;
top:335px;
}

#topics_box {
background: transparent;
width: 330px;
height:150px !important;
position:absolute;
top: 359px;
bottom: auto;
left: 450px;
right: auto;
border:1px solid #EBF2FF;
}


#chuui{
	position:absolute;
	top:266px;
	left:623px;
	width:160px;
	color:#FFFFFF;
	line-height:1.4em;
	font-size:10px;
}


/* ---------------------------------------------------------------- *
ロゴ画像部分の設定
* ---------------------------------------------------------------- */

#brand_logo{
display: block;
position: absolute;
padding: 0px;
margin:0px;
bottom: auto;
right: auto;
left: 380px;
top:36px;
}
#brand_logo h1{
margin:0px;
padding:0px;
}

/* ---------------------------------------------------------------- *
メイン画像部分の設定
* ---------------------------------------------------------------- */

#mainimgbox {
display: block;
position: absolute;
top: 0px;
bottom: auto;
left: auto;
right: auto;

}


/* ---------------------------------------------------------------- *
メインナビゲーション部分の設定
* ---------------------------------------------------------------- */


#navibox {
	width: 163px;
	position: absolute;
	top: 36px;
	bottom: auto;
	left: 607px;
	right: auto;
	background-color: #94bdda;
}


#btn_home{
position:absolute;
top:0px;
left:0px;
width:172px;
height:25px;
}
#btn_sea{
position:absolute;
top:25px;
left:0px;
width:172px;
height:36px;
}
#btn_fea{
	position:absolute;
	top:61px;
	left:0px;
	width:172px;
	height:24px;
}
#btn_about{
	position:absolute;
	top:85px;
	left:0px;
	width:172px;
	height:25px;
}
#btn_order{
	position:absolute;
	top:110px;
	left:0px;
	width:172px;
	height:25px;
}
#btn_fabric{
	position:absolute;
	top:135px;
	left:0px;
	width:172px;
	height:25px;
}
#btn_shop{
	position:absolute;
	top:160px;
	left:0px;
	width:172px;
	height:25px;
}
#btn_dm{
	position:absolute;
	top:185px;
	left:0px;
	width:172px;
	height:25px;
}


/* ---------------------------------------------------------------- *
フッタ部分の設定
* ---------------------------------------------------------------- */

#footer {
width:800px;
clear: both;
margin-top:4px;
white-space: nowrap;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 70%;
}

#footer div {
float:left;
display: inline;
}
#footer address{
float:right;
font-style:normal;
}