@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: 123px;
	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: 123px;
	line-height: 1.0;
}

#header h1 a {
 	display: block;
	width: 352px;
	height: 123px;
 	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;
}

#header #header-list li {
	list-style:none;
	height:40px;
	float:left;
}

#header #header-list li a{
	text-indent:-9999px;
	width:92px;
	height:40px;
	display:block;
	outline:none;
}

#header #tel a{
	width:200px;
	height:50px;
	display:block;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:49px;
	left:591px;
}


/*==========================================================================*/
/*                             Global_navi_index                            */
/*==========================================================================*/


#index #global_nav {
	background: url(../images/global_nav.jpg) 0 0 no-repeat;
}
#index #global_nav ul {
	margin:0 0 0 100px;
}
#index #global_nav ul li {
	float: left;
	list-style: none;

}
#index #global_nav ul li a {
	display: block;
	width: 200px;
	height: 35px;
	text-indent: -9999em;
	background: url(../images/global_nav02.jpg) 0 0 no-repeat;
}

#index #global_nav ul li.gnav01 a { background-position: 0px 0; }
#index #global_nav ul li.gnav02 a { background-position: -200px 0; }
#index #global_nav ul li.gnav03 a { background-position: -400px 0; }


#index #global_nav ul li.gnav01:hover a { background-position: 0 -35px; }
#index #global_nav ul li.gnav02:hover a { background-position: -200px -35px; }
#index #global_nav ul li.gnav03:hover a { background-position: -400px -35px; }

/*==========================================================================*/
/*                             Global_navi_price                          */
/*==========================================================================*/

#global_nav {
}

#global_nav ul {
	margin: 0;
}

#global_nav ul li {
	float: left;
	list-style: none;
}

#global_nav ul li a {
	display: block;
	width: 200px;
	height: 35px;
	text-indent: -9999em;
	background: url(../images/global_nav03.jpg) 0 0 no-repeat;
}

/*#global_nav ul li.gnav01 a { background-position: 0 0; }*/
#global_nav ul li.gnav02 a { background-position: 0 0; }
#global_nav ul li.gnav03 a { background-position: -200px 0; }
#global_nav ul li.gnav04 a { background-position: -400px 0; }
#global_nav ul li.gnav05 a { background-position: -600px 0; }

/*#global_nav ul li.gnav01:hover a { background-position: 0 -35px; }*/
#global_nav ul li.gnav02:hover a { background-position: 0 -35px; }
#global_nav ul li.gnav03:hover a { background-position: -200px -35px; }
#global_nav ul li.gnav04:hover a { background-position: -400px -35px; }
#global_nav ul li.gnav05:hover a { background-position: -600px -35px; }


/*==========================================================================*/
/*                              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;
}

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

/* index
------------------------------------------------------------------------*/
#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;
}

* 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;
}

/*#main_img .main_car {
	background:url(../images/main_car.gif) 0 0 no-repeat;
	width:114px;
	height:130px;
	position:absolute;
	top:197px;
	left:509px;
	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;
}


	

.case01 {
	width:580px;
}

/*.case01 h3#h3_01 {
	background:url(../images/index_h3_01.jpg) 0 0 no-repeat;
	float:left;
	text-indent:-9999px;
	width:410px;
	height:120px;
	margin-bottom:10px;
}

.case01 #link01 a{
	background:url(../images/link01.jpg) 0 0 no-repeat;
	width:178px;
	height:106px;
	text-indent:-9999px;
	display:block;
	float:right;
}

.case01 #link01 a:hover{
	background:url(../images/link01.jpg) 0 bottom no-repeat;
}
*/
.case01 h3#h3_02 {
	background:url(../images/index_h3_02.jpg) 0 0 no-repeat;
	float:left;
	text-indent:-9999px;
	width:410px;
	height:120px;
	margin-bottom:20px;
}

.case01 #link02 a{
	background:url(../images/link02.jpg) 0 0 no-repeat;
	width:150px;
	height:120px;
	text-indent:-9999px;
	display:block;
	float:right;
	margin-left:10px;
	margin-top:-5px;
}

.case01 #link02 a:hover{
	background:url(../images/link02.jpg) 0 bottom no-repeat;
}

.case01 h3#h3_03 {
	background:url(../images/index_h3_03.jpg) 0 0 no-repeat;
	float:left;
	text-indent:-9999px;
	width:410px;
	height:120px;
	margin-bottom:20px;
}

.case01 #link03 a{
	background:url(../images/link03.jpg) 0 0 no-repeat;
	width:150px;
	height:120px;
	text-indent:-9999px;
	display:block;
	float:right;
	margin-left:10px;
}

.case01 #link03 a:hover{
	background:url(../images/link03.jpg) 0 bottom no-repeat;
}

.case01 h3#h3_04 {
	background:url(../images/index_h3_04.jpg) 0 0 no-repeat;
	float:left;
	text-indent:-9999px;
	width:410px;
	height:120px;
	margin-bottom:20px;
}

.case01 #link04 a{
	background:url(../images/link04.jpg) 0 0 no-repeat;
	width:150px;
	height:120px;
	text-indent:-9999px;
	display:block;
	float:right;
	margin-left:10px;
}

.case01 #link04 a:hover{
	background:url(../images/link04.jpg) 0 bottom no-repeat;
}

.case01 h3#h3_05 {
	background:url(../images/index_h3_05.jpg) 0 0 no-repeat;
	float:left;
	text-indent:-9999px;
	width:410px;
	height:120px;
	margin-bottom:20px;
}

.case01 #link05 a{
	background:url(../images/link05.jpg) 0 0 no-repeat;
	width:150px;
	height:120px;
	text-indent:-9999px;
	display:block;
	float:right;
	margin-left:10px;
}

.case01 #link05 a:hover{
	background:url(../images/link05.jpg) 0 bottom no-repeat;
}

#greeting {
	background:url(../images/back.jpg) 0 0 no-repeat;
	width:800px;
	height:196px;
}

#greeting p {
	color:#000099;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	padding-top:40px;
	margin-left:20px;
}

#border_ban {
	width:168px;
	height:63px;
	text-decoration:none;
	margin-top:15px;
}

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

#price #img01 {
	background:url(../images/price01.jpg) 0 0 no-repeat;
	width:780px;
	height:223px;
	text-indent:-9999px;
	margin-top:10px;
}

#price #img02 {
	background:url(../images/price02.jpg) 0 0 no-repeat;
	width:780px;
	height:223px;
	text-indent:-9999px;
	margin-top:10px;
}

#price #img03 {
	background:url(../images/price03.jpg) 0 0 no-repeat;
	width:780px;
	height:223px;
	text-indent:-9999px;
	margin-top:10px;
}

#price #img04 {
	background:url(../images/price04.jpg) 0 0 no-repeat;
	width:780px;
	height:223px;
	text-indent:-9999px;
	margin-top:10px;
}

#price #img05 {
	background:url(../images/price05.jpg) 0 0 no-repeat;
	width:780px;
	height:223px;
	text-indent:-9999px;
	margin-top:10px;
}

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

#profile table {
	margin:20px auto;
}

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

#contact table {
	margin:20px auto;
}

.center {
	text-align:center;
}

.txt {
	line-height:20px;
}

.red {
	color:#CC0000;
}

/***************************************************/
/*----- トピックス --------------------------------*/
/***************************************************/

#topics {
  width: 190px;
  height: 573px;
  padding-top:10px;
  float:right;
  background:url(../images/topics_bg.jpg) 0 0 no-repeat;
  display:inline;
}

#topics_tit {
  width: 180px;
  height: 41px;
  text-indent: -9999px;
  background: url(../images/topics.jpg) 0 0 no-repeat;
  margin-left:2px;}

#twitter_update_list {
	line-height:20px;
	text-decoration:underline;
}

#topi_bot {
  width: 137px;
  height: 18px;
  float: right;
  text-indent: -9999px;
  margin: 5px 5px 5px 0;}

#topi_bot a {
  background: url(../images/topi_bot.gif) 0 0 no-repeat;
  display: block;
  height: 18px;}

#topi_bot a:hover {
  background: url(../images/topi_bot.gif) 0 -18px no-repeat;}

#frame {
 	width: 190px;
 	height: 440px;
 	padding: 0;
	overflow: scroll;
	overflow-x:hidden;
	position:relative;
	top:0px;
	left:0px;}
	
#frame #twitter_div {
	position:absolute;
	top:140px;
	left:10px;
	}
	
* html #frame {margin-bottom: 0px;}

#frame dl {
  width: 532px;
  height: 130px;
	overflow: scroll;
	overflow-x:hidden;
  margin: 0;
  padding: 10px 0 0 10px;
  border-bottom: solid 1px #cccccc;
	font-size: 1.2em;}
	
* html #frame dl {width: 543px;height: 127px;}

#frame dt {
  width: 543px;
  color: #4883c9;
  font-weight: bold;
  float: left;
  margin: 6px 0 6px 0;
  display: inline;
  font-size: 11px;}

#frame dd {
  width: 543px;
  float: left;
  margin: 3px 0 5px 0;
  display: inline;
  background: url(../images/icon01.gif) 0 0.2em no-repeat;
  padding: 0 0 0 10px;}

#frame dd a {
  color: #666666;
  text-decoration: none;}

#frame dd a:hover {
  color: #999999;
  text-decoration: underline;}

#frame dd.line {
  background: url(../images/topi_line.jpg) bottom no-repeat;
  height: 5px;
  margin: 5px 0;
  padding: 0;
	text-indent:-9999px;
}

#frame dd.media {
  color: #666666;
  float: left;
  margin: 0 0 3px 0;
  display: inline;
  font-size: 12px;
  line-height: 16px;}

#frame dd.space {
  background: none;
  height: 5px;
  margin: 0;
  padding: 0;
}

.new {
  color: #fa82b0;
  font-weight: bold;}
  

/*IE6*/
  
*html #frame dd.line {
  background: url(../images/topi_line.jpg) bottom no-repeat;
  height: 5px;
  margin: 0;
  padding: 0;
  text-indent:-9999px;
}


*html #frame dd.media {
  color: #666666;
  float: left;
  margin: 0 0 0px 0;
  display: inline;
  font-size: 12px;
  line-height: 16px;}  
  
*html #frame dd.space {
  background: none;
  height: 0px;
  font-size: 1px;
  line-height: 0px;
  margin: 0;
  padding: 0;
}


#contact_ban {
	float:right;
	margin-left:10px;
	width:185px;
	height:199px;
}

#contact_ban a {
	background:url(../images/con_ban.jpg) 0 0 no-repeat;
	width:185px;
	height:199px;
	display:block;
	outline:none;
	text-indent:-9999px;
}

#contact_ban a:hover {
	background:url(../images/con_ban.jpg) 0 -199px no-repeat;
}