@charset 'UTF-8';


/* base */

		body {	background-color: #333333;	color:#333333;	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro",Geneva,Arial,Verdana,sans-serif;
				font-size:12px;	font-size-adjust:none;	font-style:normal;	font-variant:normal;	font-weight:normal;	line-height:18px;}

		html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {margin:0pt;padding:0pt;}
		h1,h2,h3,h4,h5,h6		{	font-size: 12px;}
		a 						{	color:#FF3366;overflow:hidden;outline:none;}
		a:link 					{	color:#FF3366;	text-decoration: underline;overflow:hidden;outline:none;} 
		a:visited 				{	color:#FF3366;	text-decoration: underline;overflow:hidden;outline:none;} 
		a:hover 				{	color:#FF3366;	text-decoration: none;overflow:hidden;outline:none;} 
		ul,ol 					{	list-style: none;}
		fieldset,img 			{	border: none;}
		caption,th 				{	text-align: left;}
		table 					{	border-collapse: collapse; border-spacing: 0;}


/* head */
#contents{ background-color:#FFFFFF; width:100%;}
#contents-area  { width:928px; margin: 0 auto; padding-bottom:30px;}
#head		{
	width:900px;
	height:100px;
	margin: 0 auto;
	position: relative;
	left: 0px;
	top: 0px;
}
#head-left{
	float:left;
	width:420px;
	background-image: url(../img/af01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:1;
}
#head-right{
	float:right;
	text-align:right;
	width:535px;
	z-index:5;
}
.header-link{
	padding-top:10px;
	margin-bottom:10px;
	text-align:right;
}
.header-link li{
	display:inline !important;
	white-space:nowrap;
	margin-right:5px;
}
.header-link a{
	display:inline-block;
	padding-left:15px;
	background:url(../img/icon01.jpg) no-repeat left center;
}
#logo{ padding:10px 0px;}
h1		{ font-weight:normal; margin-bottom:10px;}
#contactbana{ }


#g-navi{
	width: 900px;
	margin:0px auto 10px auto;
	height:80px;
	clear:both;
	padding-bottom:5px;
}
#g-navi li{
	float:left;
}
#g-navi li a{
	display:block;
	height:80px;
	text-indent:-20000px;
}

/* btn01---------------------------- */


#g-navi #btn01 a{
	width:150px;
	text-align:left;
	background: url(../img/btn01.jpg) no-repeat 0px 0px;
}
#g-navi #btn01 a:hover{
	background: url(../img/btn01.jpg) no-repeat 0px -80px ;
}
#g-navi #btn01 a:active{
	background: url(../img/btn01.jpg) no-repeat 0px -160px;
}

#make #g-navi #btn01 a{
	background: url(../img/btn01.jpg) no-repeat 0px -80px;
}

/* btn02---------------------------- */


#g-navi #btn02 a{
	width:150px;
	text-align:left;
	background: url(../img/btn02.jpg) no-repeat 0px 0px;
}
#g-navi #btn02 a:hover{
	background: url(../img/btn02.jpg) no-repeat 0px -80px;
}
#g-navi #btn02 a:active{
	background: url(../img/btn02.jpg) no-repeat 0px -160px;
}

#netshop #g-navi #btn02 a{
	background: url(../img/btn02.jpg) no-repeat 0px -80px;
	
}

/* btn03---------------------------- */


#g-navi #btn03 a{
	width:150px;
	text-align:left;
	background: url(../img/btn03.jpg) no-repeat 0px 0px;
}
#g-navi #btn03 a:hover{
	background: url(../img/btn03.jpg) no-repeat 0px -80px;
}
#g-navi #btn03 a:active{
	background: url(../img/btn03.jpg) no-repeat 0px -160px;
}

#seo #g-navi #btn03 a{
	background: url(../img/btn03.jpg) no-repeat 0px -80px;
}

/* btn04---------------------------- */


#g-navi #btn04 a{
	width:150px;
	text-align:left;
	background: url(../img/btn04.jpg) no-repeat 0px 0px;
}
#g-navi #btn04 a:hover{
	background: url(../img/btn04.jpg) no-repeat 0px -80px;
}
#g-navi #btn04 a:active{
	background: url(../img/btn04.jpg) no-repeat 0px -160px;
}

#hp #g-navi #btn04 a{
	background: url(../img/btn04.jpg) no-repeat 0px -80px;
}

/* btn05---------------------------- */


#g-navi #btn05 a{
	width:150px;
	text-align:left;
	background: url(../img/btn05.jpg) no-repeat 0px 0px;
}
#g-navi #btn05 a:hover{
	background: url(../img/btn05.jpg) no-repeat 0px -80px;
}
#g-navi #btn05 a:active{
	background: url(../img/btn05.jpg) no-repeat 0px -160px;
}

#management #g-navi #btn05 a{
	background: url(../img/btn05.jpg) no-repeat 0px -80px;
}

/* btn06---------------------------- */


#g-navi #btn06 a{
	width:150px;
	text-align:left;
	background: url(../img/btn06.jpg) no-repeat 0px 0px;
}
#g-navi #btn06 a:hover{
	background: url(../img/btn06.jpg) no-repeat 0px -80px;
}
#g-navi #btn06 a:active{
	background: url(../img/btn06.jpg) no-repeat 0px -160px;
}

#really #g-navi #btn06 a{
	background: url(../img/btn06.jpg) no-repeat 0px -80px;
}

/* footer---------------------------- */
#fotter-area{
	width:100%;
	background-color:#333333;
}
#fotter {
	width:900px;
	margin: 0 auto;
	clear: both;
	padding: 10px 0px;
	color:#FFFFFF;
	background:url(../img/copy.jpg) no-repeat right 100px;
	position: relative;
}

.footer-link{
	margin-bottom:20px;
	text-align:right;
	float:left;
	width:535px;
}

.footer-link li{
	display:inline !important;
	white-space:nowrap;
	margin-right:5px;
}
.footer-link li a{
	display:inline-block;
	padding-left:15px;
	background:url(../img/icon_02.jpg) no-repeat left center;
}
#copy-right {
	clear:both;
}
#fotter-left{
	float:left;
	width:365px;
}
/* start: clearfix---------------------------- */
#fotter:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
#fotter { display:inline-table; }
/* Hides from Mac IE \*/
* html #fotter { height:1px; }
#fotter{ display:block; }
*:first-child+html #fotter { min-height:1px;}
/* end: clearfix------------------------------ */

.pagetop{
	position: absolute;
	top: -71px;
	right:-9px;
}

/* main---------------------------- */
#maincontents{
width:930px;
margin: 0 auto;
}
/* start: clearfix---------------------------- */
#maincontents:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
#maincontents { display:inline-table; }
/* Hides from Mac IE \*/
* html #maincontents { height:1px; }
#maincontents{ display:block; }
*:first-child+html #maincontents { min-height:1px;}
/* end: clearfix------------------------------ */


/* 左コンテンツ共通---------------------------- */
#left-content {
	width:690px;
	margin-right:20px;
	float: left;
	padding-bottom:30px;
}



#gallery-case{
width:690px;
height:68px;
background:url(../img/gallery_01.jpg) no-repeat left top;
}
.listtitle{
float:left;
padding: 25px 0px 0px 80px;
width:101px;
height:24px;
}

.arrow{
float:right;
padding: 28px 20px 0px 0px;
}
.back{
padding-right:10px;
}

#gallery-list{
width:679px;
clear:both;
padding:1px 0px 10px 21px;
}
#gallery-backimage{
background:url(../img/gallery_02.jpg) repeat-y left;
}
#gallery-list li{
	float:left;
	margin-right:10px;
	text-align:center;
	font-size:11px;
}

#gallery-list .last{
margin-right:0px !important;
}

/* start: clearfix---------------------------- */
#gallery-list:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
#gallery-list { display:inline-table; }
/* Hides from Mac IE \*/
* html #gallery-list { height:1px; }
#gallery-list { display:block; }
*:first-child+html #gallery-list { min-height:1px;}
/* end: clearfix------------------------------ */

#gallery-bottom{
	width:690px;
	height:5px;
	font-size:0;
	background:url(../img/gallery_03.jpg) no-repeat left top;
	margin-bottom:12px;
}

#whats-contents{
	width:680px;
	padding-left:10px;
}
#whats-lists{
	padding-top:15px;
	width:680px;
}
#whats-lists li{
	width:215px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	font-size:11px;
}
.separate{
	padding-bottom:30px;
}
.whats-icon{
	float:left;
	width:78px;
	margin-right:10px;
}
.whats-comment{
	float:left;
	width:127px;
}
.more-btn{
	clear:both;
	padding:15px 0px 0px 0px;
}


/* 右コンテンツ------------------------------------ */
#right-content {
	width:210px;
	float: left;
	padding-bottom:30px;
}


#side-menu{
	width:200px;
}
#side-menu li{
	padding: 10px 10px 10px 7px;
	background-color:#EFF6E9;
	border-bottom: dotted 1px #CCCCCC;
}

/* start: clearfix---------------------------- */
#side-menu:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
#side-menu { display:inline-table; }
/* Hides from Mac IE \*/
* html #side-menu { height:1px; }
#side-menu { display:block; }
*:first-child+html #side-menu { min-height:1px;}
/* end: clearfix------------------------------ */

#side-menu-bottom{
font-size:0;
height: 4px;
width:200px;
background: url(../img/sidemenu_02.jpg) no-repeat left bottom;

}
.contactbana{
	padding:11px 0px 8px 0px;
}

#mainimg{
	margin-bottom: 10px;
	margin-left: 13px;
	height: 350px;
	width: 900px;
}