@charset "utf-8";

@import url("common.css"); /* common stylesheet */
@import url("title.css"); /* title stylesheet */
@import url("fonts.css"); /* fonts stylesheet */
@import url("tab.css"); /* tab stylesheet */
@import url("table.css"); /* table stylesheet */
@import url("print.css"); /* print stylesheet */

/*
CSS Name: style.css
Date: 2007.5
Version: 1.2
Author: Defsystem & SAP
Author URI: http://www.dweb-design.com/
http://www.salonad.com/
*/

/* main
------------------------------------------------------------------------- */
body {
  background: #F3F1F1 url(../images/common/bg/bg_header.jpg) repeat-x;
  text-align: center;
	color: #444444;
	line-height: 150%;
}

#page {
  background: url(../images/common/bg/bg_footer.jpg) repeat-x bottom;
  vertical-align: bottom;
  overflow: hidden;
}


#header,
#body,
#footer {
  width:910px;
	margin: 0 auto;
}

/* header
------------------------------------------------------------------------- */
#header {
	background: url(../images/common/bg/bg_main1.jpg) no-repeat bottom;
	color: #FF115F;
	text-align: left;
  position: relative;
}

.logo {
	float: left;
	line-height: 250%;
	text-indent: 15px;
	padding: 10px 0 0 10px;
}

address {
  background: url(../images/common/logo/address.gif) no-repeat;
  float: right;
  width: 400px;
  margin: 20px 0;
  padding: 77px 0 0 0;
  overflow: hidden;
  display: block;
  height: 0px!important;
  height /**/:77px;
}

#header ul {
	clear: both;
	height: 51px;
	padding: 0 5px 30px;
	list-style-type: none;
}
#header ul li {
  float: left;
}


/* General
-------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-size: 108%;
	margin-bottom: 15px;
}



/* anchor
------------------------------------------------------------------------- */
a {
  color: #DA6372;
	text-decoration: underline;
}

a:hover {
  color: #86202D;
  text-decoration: none;
}

hr {
  margin: 0;
  padding: 0;
  background: #FFF;
  border: 0px solid #FFF;
  height: 0;
  clear: both;
  color: #FFF;
}


/* image float
------------------------------------------------------------------------- */
.center {
  text-align: center;
  margin: 0 auto 15px;
}

img.right { 
  float: right;
  margin: 0 0 10px 10px;
  padding: 0;
}

img.left {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
}

/* #body
------------------------------------------------------------------------- */
#body {
  background: url(../images/common/bg/bg_main2.jpg) repeat-y;
	text-align: left;
	padding: 20px 0 25px
}


/* alpha
------------------------------------------------------------------------- */
#alpha {
	float: right;
	margin: 0 25px 0 0;
	padding: 15px;
	border: 1px solid #E4DADB;
	width: 590px !important;
	width: 620px;
	display: inline;
}

/* alpha block
-------------------------------------------------------------------------------- */
#alpha .block {
  margin: 0 0 20px;
}


#alpha .block p {
  margin: 0 0 20px;
}

#alpha p.breadcrumbs {
  margin-bottom: 15px;
}


/* beta
------------------------------------------------------------------------- */
#beta {
	width: 220px;
	margin: 0 0 0 25px;
	text-align: left;
}

#beta h3, #beta h4 {
  margin: 0 0 5px;
  border: none;
}

#beta ul {
	padding-bottom: 15px;
  margin-bottom: 10px;
  list-style: none;
}

/* beta block
-------------------------------------------------------------------------------- */
#beta .block {
	margin: 0 0 30px;
}


/* beta box_menu
-------------------------------------------------------------------------------- */
.type1 {
	border: 5px solid #F8E6E9;
	background: #FEF2F4;
}

.type2 {
	border: 5px solid #FAEBD9;
	background: #FDF5EE;
}

.box_menu li {
	margin: 0 10px;
	font-weight: bold;
	padding: 10px 0;
}
.box_menu .type1 li {
	background: url(../images/common/bg/line1.gif) repeat-x bottom;
}
.box_menu .type1 li a {
	background: url(../images/common/icon/arrow1_1.gif) no-repeat 0 3px;
	padding-left: 15px;
}
.box_menu .type1 li a:hover {
	background: url(../images/common/icon/arrow1_2.gif) no-repeat 0 3px;
}
.box_menu .type2 li {
	background: url(../images/common/bg/line2.gif) repeat-x bottom;
}
.box_menu .type2 li a {
	background: url(../images/common/icon/arrow2_1.gif) no-repeat 0 3px;
	padding-left: 15px;
	color: #CC7A00;
}
.box_menu .type2 li a:hover {
	background: url(../images/common/icon/arrow2_2.gif) no-repeat 0 3px;
	color: #A26213;
}

/* beta bn
------------------------------------------------------------------------- */
#beta .bn p {
	margin: 0 0 10px;
}

/* beta corner
------------------------------------------------------------------------- */
#beta .corner ul {
	border: 1px solid #F7DCBB;
	background: #FDF5EE;
}

.corner li {
	margin: 0 10px;
	padding: 5px 0;
	background: url(../images/common/bg/line2.gif) repeat-x bottom;
}

.corner li a {
	background: url(../images/common/icon/arrow2_1.gif) no-repeat 0 6px;
	padding-left: 15px;
	color: #CC7A00;
	display:block;
}
.corner li a:hover {
	background: url(../images/common/icon/arrow2_2.gif) no-repeat 0 6px;
	color: #A26213;
}

/* footer
------------------------------------------------------------------------- */
#footer {
  background: url(../images/common/bg/bg_main3.jpg) no-repeat;
  color: #8E545A;
  clear: both;
	height: 195px;
}

#footer ul {
	padding: 20px 5px 45px;
	list-style-type: none;
}
#footer ul li {
  float: left;
}

#footer a {
	color: #8E545A;
	text-decoration: none;
}


/* copyright
-------------------------------------------------------------------------------- */
.copyright {
  clear: both;
	padding: 15px;
	text-align: right
}


/* top
============================================================================ */
#home #body {
  padding: 0 0 25px;
  clear: both;
}

#home #alpha {
	padding: 0;
	border: none;
	width: 620px !important;
}

#home #main {
	float: left;
	border-top: 3px solid #FF79A5;
	padding-top: 1px;
	width: 400px;
}

#home #sub {
	float: right;
	width: 200px;
}

#home #main .box1,
#home #main .box2 {
	padding: 15px;
	border: 1px solid #E4DADB;
	width: 368px !important;
	width: 400px;
}

#home #sub .box3 {
	border: 1px solid #E4DADB;
	color: #CB4357;
	line-height: 125%;
}
#home #sub .box3 p {
	margin: 0 8px 20px;
}

#home #main .box1 {
  background: url(../images/index/bg_box1.jpg) no-repeat;
}

#home #main .box2 {
  background: url(../images/index/bg_box2.jpg) repeat-x;
}

#home h2 {
  border: none;
}

#home #sub h3 {
  margin-bottom: 5px;
  border: none;
}

#sub dl a {
	font-weight: bold;
}
#sub dl dt {
	margin: 10px 10px 0;
}
#sub dl dd {
	margin: 5px 10px 10px;
	line-height: 125%;
}
#sub dl.type1 dd {
	background: url(../images/common/bg/line1.gif) repeat-x bottom;
	padding-bottom: 10px;
}
#sub dl.type2 dd {
	color: #8E5962;
}
/*
------------------------------------------------------------------------- */
#top_info {
  background: url(../images/index/bg_top.jpg) no-repeat bottom;
	padding: 0 10px 35px;
	margin-bottom: 20px;
}
.top_box {
  background: #FDD9DE url(../images/index/img_top1.jpg) no-repeat right;
	height: 290px;
	color: #8E5962;
	position: relative;
}
.top_box ul {
	list-style-type: none;
	padding: 5px;
	position: relative;
}
.top_box ul li a {
	position: absolute;
}
.top_box ul li a:hover {
	border: none;
	z-index: 10;
}
.to_pass {
	position: absolute;
	top: 213px;
	left: 493px;
}
.top_news {
	position: absolute;
	line-height: 150%;
	width: 160px;
	top: 195px;
	left: 695px;
}

.preface strong {
	padding: 0 1px;
}
.preface span {
	color: #6B1D28;
	font-weight: bold;
}

p.pagetop {
  background: url(/images/common/icon/arrow1_1.gif) no-repeat 0 50%;
  padding: 0 0 0 15px;
}

#beta .box3 {
  border: 1px solid #E4DADB;
  color: #CB4357;
  line-height: 125%;
  text-align: center;
}

#beta .box3 p {
  margin: 0 8px 20px;
  text-align: left;
  font-size: 77%;
}

/* ========================================================================== */

#header p.mail a {
  background: url(/images/common/logo/mail.gif) no-repeat 0 0;
  position: absolute;
  left: 720px;
  top: 48px;
  width: 156px;
  margin: 0;
  padding: 20px 0 0 0;
  overflow: hidden;
  display: block;
  height: 0px!important;
  height /**/:20px;
}

/* hack clearfix 回り込みハック
-------------------------------------------------------------------------------- */
#body:after, #header:after, .clear:after, #page:after, #beta:after {
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#body, #header, .clear, #page, #beta {
  zoom: 100%;
} /* ie */