@charset "utf-8";

html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:after {


    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*===================== all base =====================*/
* { 
	margin: 0; padding: 0; 
	font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}
body{
	padding:20px 0; 
	background:#FFF;
	text-align:center;
	font-size:62.5%;
}

/*-------------- flame --------------*/
#container{
	width: 960px;
	margin:0 auto;
	text-align:left;
}
#headerArea{
	height:155px;
}
#footerArea{
	padding: 30px 0; 
}
#sideArea{
	width: 235px;
	float:left;
}
#mainArea{
	width: 690px;
	float:right;
}

/*-------------- header --------------*/
ul.headNavi{
	list-style-type:none;
	margin-top:20px;
}		
ul.headNavi li{
	float:left;
}
ul.headNavi li a{
	display:block;
	height:21px;
	background: url(../img/head_navi.gif) no-repeat 0 0;
}
ul.headNavi li.Hnavi1 a {width:90px;background-position: 0px 0px;}
ul.headNavi li.Hnavi2 a {width:74px;background-position: -90px 0px;}
ul.headNavi li.Hnavi3 a {width:113px;background-position: -164px 0px;}
ul.headNavi li.Hnavi4 a {width:105px;background-position: -277px 0px;}
ul.headNavi li.Hnavi1 a:hover {background-position: 0px -21px;}
ul.headNavi li.Hnavi2 a:hover {background-position: -90px -21px;}
ul.headNavi li.Hnavi3 a:hover {background-position: -164px -21px;}
ul.headNavi li.Hnavi4 a:hover {background-position: -277px -21px;}

ul.headmenu{
	list-style-type:none;
	margin-top:20px;
}
ul.headmenu li{
	float:left;
}
ul.headmenu li a{
	display:block;
	height:50px;
	background: url(../img/menu.gif) no-repeat 0 0;
}
ul.headmenu li.menu1 a {width:185px;background-position: 0px 0px;}
ul.headmenu li.menu2 a {width:196px;background-position: -185px 0px;}
ul.headmenu li.menu3 a {width:198px;background-position: -381px 0px;}
ul.headmenu li.menu4 a {width:196px;background-position: -579px 0px;}
ul.headmenu li.menu5 a {width:185px;background-position: -775px 0px;}
ul.headmenu li.menu1 a:hover {background-position: 0px -50px;}
ul.headmenu li.menu2 a:hover {background-position: -185px -50px;}
ul.headmenu li.menu3 a:hover {background-position: -381px -50px;}
ul.headmenu li.menu4 a:hover {background-position: -579px -50px;}
ul.headmenu li.menu5 a:hover {background-position: -775px -50px;}

/* NO gallery */
ul.headmenu li div{
	display:block;
	height:50px;
	background: url(../img/menu.gif) no-repeat 0 0;
}
ul.headmenu li.menu3 div {width:198px;background-position: -381px 0px;}

/* ------- */

.pan{
	margin-bottom:30px;
	height:33px;
	background: url(../img/pankuzu_bg.gif) no-repeat 0 0;
}
.pan p{
	padding-left:30px;
	font-size:10px;
	line-height:33px;
}


/*-------------- footer --------------*/
.pagetopF{
	width: 960px;
	margin:0 auto;
	text-align:right;
	padding-bottom:10px;
}
.footBG{
	margin-top:5px;
	background: url(../img/foot_bg.gif) repeat-x 0 0;
	text-align:left;
}
.footer{
	width: 960px;
	margin:0 auto;
	padding-top:20px;
}
ul.footNavi{
list-style-type:none;
}		
ul.footNavi li{
	float:left;
}
ul.footNavi li a{
	display:block;
	height:21px;
	background: url(../img/foot_navi.gif) no-repeat 0 0;
}
ul.footNavi li.Fnavi1 a {width:70px;background-position: 0px 0px;}
ul.footNavi li.Fnavi2 a {width:75px;background-position: -70px 0px;}
ul.footNavi li.Fnavi3 a {width:125px;background-position: -145px 0px;}
ul.footNavi li.Fnavi4 a {width:95px;background-position: -270px 0px;}
ul.footNavi li.Fnavi1 a:hover {background-position: 0px -21px;}
ul.footNavi li.Fnavi2 a:hover {background-position: -70px -21px;}
ul.footNavi li.Fnavi3 a:hover {background-position: -145px -21px;}
ul.footNavi li.Fnavi4 a:hover {background-position: -270px -21px;}



/*-------------- side --------------*/
.sideOrder{
	padding:15px 0 0;
	background: url(../img/dotline234.gif) no-repeat left bottom;
}
.sideOrder p{
	padding:5px 0 10px;
	font-size:10px;
	text-align:center;
}

.banner{
	padding-top:7px;
}
.banner img{
	margin-top:8px;
}



/*-------------- other --------------*/
/*---- float ----*/
.left{
	float:left;
}
.right{
	float:right;
}


/*---- font ----*/
p , td , th {
	font-size:1.3em;
	color:#333;
	line-height:150%;
}
.bold{
	font-weight:bold;
}
.fcolor01{
	color:#AC9D88;
}
.fcolor02{
	color:#F873B4;
}
.fcolor03{
	color:#009CC4;
}

span.text_out {
	position:absolute;
	top:-5000px;
	left:-999px;
}
/*IEのみ*/
* html span.text_out{
	position:static;
	visibility: hidden;
}

/*---- link ----*/
a:link,
a:visited{
	color:#F774B3;
	text-decoration: none;
}
a.line:link,
a.line:visited{
	color:#F774B3;
	text-decoration: underline;
}
a.gray:link,
a.gray:visited{
	color:#333;
	text-decoration: underline;
}
a:hover,
a:active ,
a.line:hover,
a.line:active,
a.gray:hover,
a.gray:active{
	color:#FBBAD9;
	text-decoration: underline;
}



/*---- pagetop ----*/
.pagetop{
	text-align:right;
}

/*---- order ----*/
.order{
	padding-top:20px;
	text-align:right;
}



