@charset "UTF-8";

/* 共通設定 */

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	background:url(../imgcommon/bg.jpg) repeat-x #ffffff;
    color: #333333;
    font-size: 12px;
    text-align: center;
}

img {
    border-style: none;
}

a {
    text-decoration: underline;
	color: #666666;
}

a:hover {
    color: #4DBDE3;
}


.clearfix:after {
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both; 
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul li {
	list-style:none;
	line-height:100%;
}
 
.test { border:#FF0000 1px solid;}

.clr {
	clear: both;
/* macIE対策\*/
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
/* macIE対策*/
}
 
/*-----------------------------------------------
// メインレイアウト
//---------------------------------------------*/
#page {
    width: 870px;
    margin: 0 auto;
	padding:0;
    text-align: left;
}

/*-----------------------------------------------
// ヘッダー
//---------------------------------------------*/
#head {
	width:850px;
	padding:0 10px;
	height:152px;
	background:url(../imgcommon/bg_head.jpg) no-repeat;
}

#head h1{
	width:360px;
	height:66px;
	float:left;
	padding:33px 0 0 0;
	text-indent:-9999px;
}

#head h1 a{
	display:block;
	width:337px;
	height:63px;
	text-indent:-9999px;
	text-decoration:none;
}

#head ul {
	float:right;
	width:489px;
	height:40px;
	margin:51px 0 0 0;
}

#head ul li{
	float:left;
	height:40px;
}

#head ul li a{
	display:block;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
}

#head ul li.home a{
	width:74px;
	background:url(../imgcommon/btn_home.jpg) no-repeat;
}
#head ul li.home a:hover,
.top_box #head ul li.home a{background:url(../imgcommon/btn_home_on.jpg) no-repeat;}

#head ul li.about a{
	width:223px;
	background:url(../imgcommon/btn_about.jpg) no-repeat;}
#head ul li.about a:hover,
.about_box #head ul li.about a{background:url(../imgcommon/btn_about_on.jpg) no-repeat;}

#head ul li.info a{
	width:82px;
	background:url(../imgcommon/btn_info.jpg) no-repeat;}
#head ul li.info a:hover,
.info_box #head ul li.info a{background:url(../imgcommon/btn_info_on.jpg) no-repeat;}

#head ul li.inq a{
	width:110px;
	background:url(../imgcommon/btn_inquiry.jpg) no-repeat;}
#head ul li.inq a:hover{background:url(../imgcommon/btn_inquiry_on.jpg) no-repeat;}

/*-----------------------------------------------
// タブ
//---------------------------------------------*/
#tab {
	width:850px;
	height:30px;
	padding:0 10px;
	background:url(../imgcommon/bg_tab.jpg) no-repeat;
}

#tab li {
	float:left;
	width:212px;
	height:30px;
	margin:0 3px 0 0;
	padding:0;
	line-height:90%;
}

#tab li a {
	display:block;
	width:212px;
	height:30px;
	text-indent:-9999px;
	text-decoration:none;
	padding:0;
	margin:0;
}

#tab li.home a {background:url(../imgcommon/tab_home.jpg) no-repeat;}
#tab li.home a:hover,
.top_box #tab li.home a {background:url(../imgcommon/tab_home_on.jpg) no-repeat;}

#tab li.about a {background:url(../imgcommon/tab_about.jpg) no-repeat;}
#tab li.about a:hover,
.about_box #tab li.about a{background:url(../imgcommon/tab_about_on.jpg) no-repeat;}

#tab li.info a {background:url(../imgcommon/tab_info.jpg) no-repeat;}
#tab li.info a:hover,
.info_box #tab li.info a{background:url(../imgcommon/tab_info_on.jpg) no-repeat;}


/*-----------------------------------------------
// フッター
//---------------------------------------------*/
#footer {
	height:175px;
	background: url(../imgcommon/bg_footer.jpg) repeat-x;
	margin:10px 0 0;
}

#footer p {
	width:850px;
	margin:0 auto;
	padding:10px;
	font-size:10px;
	text-align:right;
	color:#CCCCCC;
}

/*-----------------------------------------------
// メイン
//---------------------------------------------*/
#main {
    width: 870px;
	background:url(../imgcommon/bg_main.jpg) repeat-y;
}

#main .top{
    width: 870px;
	background:url(../imgcommon/bg_main_top.jpg) top no-repeat;
}

#main .bottom{
    width: 870px;
	background:url(../imgcommon/bg_main_bottom.jpg) bottom no-repeat;
}

#main .bottom .cont{
	width:820px;
	padding:15px 25px;
}

#main .bg{
	width:820px;
	background-image:url(../imgcommon/detail_bg.jpg);
}

#main .detail_bottom{
	background:url(../imgcommon/detail_bottom.jpg) no-repeat bottom;
	padding: 0 0 20px 0;
}

#main .left{
	width:200px;
	float:left;
}

#main .right{
	width:610px;
	float:right;
	padding:0 0 0 5px;
}

/*----------------------
パンくず
-----------------------*/
.lootlistbox{
	width:780px;
	height:13px;
	padding:0 0 0 70px;
	margin-top:32px;
	font-size: 10px;
	color:#FFF;
	background:url(../imgcommon/lootlist.jpg) no-repeat;
}
.lootlistbox span{
	margin:0;
	padding:0;
	font-weight:bold;
}
.lootlistbox a, 
.lootlistbox a:visited {
	color: #4195B2;
}
.lootlistbox a:hover{
	color: #FFF;
	text-decoration: underline;
}