@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* tag 
------------------------------------------------------------------------*/

h1 {} /* Header内で設定 */
h2 { line-height: .1;
margin-left:10px; }
h3 {
	height: 30px;
	text-indent: -9999em;
}
h4 {}

a { color: #028eaf; text-decoration: underline; }
a:hover,
a:active { color: #de91a2; }
a:visited {
}

/* Contents
------------------------------------------------------------------------*/

#main p { padding: .5em 1em; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

ul.totop { clear: both; padding-bottom: 20px; }
ul.totop li { list-style: none; }
ul.totop li a {
	display: block;
	width: 100px;
	height: 20px;
	float: right;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

body {
  /*background: url(../images/body_bg.jpg) top repeat-x;*/
	color: #333;
	text-align: center;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
}
#container {
	width: 100%;
	margin: 0 auto;
	/*background: url(../images/container_bg.png) 50% repeat-y;*/
}
#main {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
#content {
	display: inline;
	width: 780px;
	float: right;
	margin: 10px;
	padding-left:20px;
}

* html #content {
	display: inline;
	width: 800px;
	margin: 10px;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 800px;
	height: 253px;
	margin: 0 auto;
	text-align: left;
  	background: url(../images/header_bg.jpg) 0 0 no-repeat;
 	position:relative;
}

#header h1 { 
	float: left; 
	text-indent: -9999px;
	width: 352px;
	height: 253px;
	line-height: 1.0;
}

#header h1 a {
 	display: block;
	width: 352px;
	height: 253px;
 	background: url(../images/h1.jpg) 0 0 no-repeat;
	margin-left:221px;
}

#header #header-list{
	position:absolute;
	width:185px;
	height:40px;
	left: -5px;
	top: 0px;
}


/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	height: 40px;
	color: #fff;
	clear: both;
	text-align: center;
  	background: url(../images/footer_bg.jpg) 0 repeat-x;
}

#footer ul { 
	line-height:6px;
	list-style: none;
	margin: 5px 0;
	padding-top:10px;
	}
	
*:first-child+html #footer ul { 
	line-height:6px;
	list-style: none;
	margin: 5px 0;
	padding-top:5px;
	}

#footer li {
	font-size:1.0em;
	display: inline;
	}

#footer li a{
	margin:0 5px;
}

#footer address {
	width: 800px;
	margin: 0 auto;
	line-height: 20px;
}

#footer02 {
	height: 40px;
	color: #fff;
	clear: both;
	text-align: center;
  	background:url(../images/footer_bg_02.jpg) repeat-x;
}

#footer02 ul { 
	line-height:6px;
	list-style: none;
	margin: 5px 0;
	padding-top:10px;
	}
	
*:first-child+html #foote02r ul { 
	line-height:6px;
	list-style: none;
	margin: 5px 0;
	padding-top:5px;
	}

#footer02 li {
	font-size:1.0em;
	display: inline;
	}

#footer02 li a{
	margin:0 5px;
}

#footer02 address {
	width: 800px;
	margin: 0 auto;
	line-height: 20px;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/
#main_img h2 {
	background:url(../images/top_img.jpg) 0 0 no-repeat;
	width:800px;
	height:300px;
	position:relative;
	top:0px;
	left:-10px;
	text-indent:-9999px;
}

#main_img02 h2 {
	background:url(../images/top_img02.jpg) 0 0 no-repeat;
	width:800px;
	height:300px;
	position:relative;
	top:0px;
	left:-10px;
	text-indent:-9999px;
}

/*
* html #main_img h2 {
	background:url(../images/index_h2.gif) 0 0 no-repeat;
	width:800px;
	height:196px;
	position:relative;
	top:0px;
	left:10px;
	text-indent:-9999px;
}*/


.center_txt {
	text-align:center;
	font-size:12px;
	margin:10px auto;
}

.txt_r {
	text-align:right;
	font-size:12px;
	margin-right:20px;
}

#content {
	margin-top:10px;
}


/* contact
------------------------------------------------------------------------*/
#contact h3 {
	background:url(../images/contact_h3.jpg) 0 0 no-repeat;
	width:780px;
	height:42px;
	text-indent:-9999px;
}

#contact #h3_02 {
	background:url(../images/contact_h3_02.jpg) 0 0 no-repeat;
	width:780px;
	height:42px;
	text-indent:-9999px;
}

#contact table {
	margin:20px auto;
}

.center {
	text-align:center;
}

.txt {
	line-height:20px;
}

.red {
	color:#CC0000;
}

.txt_mini {
	font-size:9px;
}