@charset 'utf-8';
@import url("./common.css");

@charset 'utf-8';

/* ==================================================
  INDEX common.css
 ----------------------------------------------------
  1.header
  2.contents
  3.footer
================================================== */


/* 1.header
================================================== */
#header{
	padding		: 0 5px;
	}

h1{
	margin		: 5px 5px 0 20px;
	font-weight	: bold;
	}


/* 2.contents
=====================================*/
#contents{
	width		: 900px;
	margin		: 0 5px;
	}

/* 2-1.sideL
=====================================*/
#sideL{
	width		: 430px;
	float		: left;
	margin		: 0 10px 0 10px;
	}
	
.topimg{
    width		: 430px;
	height      : 412px;
    float		: left;
	clear		: both;
	background	: url("../img/bg_top.jpg") top left repeat-y #320404;
	}
	
#logo{
	margin		: 308px auto 0 0;
	}
	
#top_info{
    width		: 390px;
	color		: #BB8981;
	margin-top	: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	}

.top_shop{
	width		: 425px;
	color		: #FFF;
	margin-bottom	: 10px;
	float		: left;
	border		: solid 1px #fff;
	}

.top_shop h2{
	margin		: 3px 0 3px 1px;
	}

.top_shop p{
	margin		: 8px 10px;
	}

.shop{
	float		: left;
	margin		: 5px 10px 10px 5px;
	}

/* 2-2.sideR
=====================================*/
#sideR{
	width		: 430px;
	float		: right;
	margin		: 0 10px;
	}

h3{
	margin		: 0 0 8px 0;
	}

.top_special{
	width		: 430px;
	margin-bottom	: 10px;
	float		: right;
	border		: solid 1px #680808;
	background	: #680808;
	}

.top_special h2{
	margin		: 3px 0 3px 1px;
	}

.top_special p{
	margin		: 5px 10px;
	color	: #ffffff;
	}

.special{
	float		: left;
	margin		: 0 10px 10px 5px;
	}
			
.top_menuL{
	width		: 210px;
	font-size	: 10px;
	margin-bottom	: 10px;
	float		: left;
	line-height	: 1.8;
	border		: solid 1px #680808;
	background	: #680808;
	}
	
.top_menuR{
	width		: 210px;
	font-size	: 10px;
	margin-left	: 6px;
	margin-bottom	: 10px;
	float		: left;
	line-height	: 1.8;
	border		: solid 1px #680808;
	background	: #680808;
	}

.top_menuL h2,
.top_menuR h2{
	margin		: 3px 0 3px 1px;
	}

.top_menuL p,
.top_menuR p{
	margin		: 5px 5px;
	}

.menu{
	float		: left;
	margin		: 0 10px 10px 5px;
	}

.syousai{
	float		: right;
	margin		: 5px 0 5px 0;
	}
	
.top_sisetu{
	width		: 210px;
	font-size	: 10px;
	margin-bottom	: 10px;
	float		: left;
	line-height	: 1.8;
	border		: solid 1px #320404;
	background	: #320404;
	}
	
.top_spot{
	width		: 210px;
	font-size	: 10px;
	margin-left	: 6px;
	margin-bottom	: 10px;
	float		: left;
	line-height	: 1.8;
	border		: solid 1px #320404;
	background	: #320404;
	}

.top_sisetu h2,
.top_spot h2{
	margin		: 3px 0 3px 1px;
	}

.top_sisetu p,
.top_spot p{
	margin		: 5px 5px;
	}

.spot{
	float		: left;
	margin		: 0 10px 10px 5px;
	}

.syousai{
	float		: right;
	margin		: 5px 0 5px 0;
	}

.area_box{
	width		: 205px;
	margin		: 10px 5px 0 5px;
	float		: left;
	}
	
/* 3.footer
================================================== */
#footer{
    clear		: both;
	}

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

#footer p{
	margin		: 2px;
	}

#f_logo{
	width		: 149px;
	height		: 40px;
	float		: left;
	margin-left : 70px;
	}

#footer h3{
	padding-top	: 5px;
	float		: left;
	}
	
#footer h3 a:hover {  
	color		: #fff;
	text-decoration	: none;
	}

#footer h3 a:visited {  
	color		: #fff;
	text-decoration	: none;
	}

#f_menu{
	padding		: 0 30px 0 0;
	font-size	: 10px;
	text-align	: right;
	float		: right;
	}

address{
    padding		: 2px 0 0 5px;
	}

.copyright{
	width		: 900x;
	padding-top  : 4px;
	text-align	: center;
	letter-spacing	: 0em;
	}