@charset "Shift_JIS";

/* base
----------------------------------------------------------- */

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;background-color:
	#ffcc33;text-align:center;
	height : 100%;
	background-image:url(../images/b10.jpg);
	background-repeat:repeat;
	background-position:left;
	}

hr      {
	
    	
   	border: #45aa31 1px solid;
	}

h1 	{
	color:#e5e5e5;
        margin:  0em; clear:both;    
	}
h1.hpromo 	{
	color:#e5e5e5;
        margin-left:  2em;margin-right:  2em; clear:both;    border-bottom:1px solid #847a6c;
	}


h2     {
	color:#ffefca;
	margin-top:10px;
	padding: 0px;
	text-align: left;
	font-size: 100%;
	border-bottom: 3px solid #847a6c;border-left:0px solid #d00026;border-top:0px solid #b68954;border-right:0px solid #b68954;
	background-image:url();
	background-repeat:no-repeat;background-position:left;
	text-indent: 3px;
	line-height:1.7em;
	}
h2.b    {
	color:#ffefca;
	margin-top:40px;
	padding: 0px;
	text-align: left;
	font-size: 100%;
	border-bottom: 3px solid #847a6c;border-left:0px solid #d00026;border-top:0px solid #b68954;border-right:0px solid #b68954;
	background-image:url();
	background-repeat:no-repeat;background-position:left;
	text-indent: 3px;
	line-height:1.7em;
	}

h3.top{
	color:#ffefca;
	margin-top:20px;margin-right:0px;
	padding: 5px 0 5px 0;
	text-align: left;
	font-size: 1em;
	border-bottom:2px solid #847a6c; border-left:0px solid #00ae42;border-top:0px dotted #b68954;border-right:0px dotted #b68954;
	background-image: url() ;background-position:left;
	text-indent: 7px;
	}

h3.topb{
	color:#ffefca;
	margin-top: 0px;margin-right:5px;
	padding: 5px 0 5px 0;
	text-align: left;
	font-size: 1em;
	border-bottom:2px solid #847a6c; border-left:0px solid #00ae42;border-top:0px dotted #b68954;border-right:0px dotted #b68954;
	background-image: url() ;background-position:left;
	text-indent: 7px;
	}

h3.cpntitle{
	color:#000;background-color:#b68954;
	padding: 5px;margin-top:0px;
	}
a {color:#ffefca;}

a:visited {color:#e8c59c;}  


a {text-decoration:none;}
a.news {text-decoration:underline;}
a:hover {text-decoration:underline;color:#f7376b;}

span.menu{font-weight: bold; color: #d4a56f; font-size: 105%;}

span.menua{float:left; color: #e8c59c; font-size: 100%;}

span.menub{float:right; color: #ffefca; font-size:70%;
	/* for ie6 */
	_font-size:60%;; _font-size:60%;
	/* for ie7 */
	_font-size:60%;; _font-size:60%;
	}



span.b   {font-weight: bold; color: #b68954; font-size: 110%;}
p  {margin: 10px; color:#f6f6f6;
	  text-align:left; font-size: 90%; letter-spacing: 1px;line-height:20px;
	 }

p#promo  {margin-left:  9.5em; color:#f6f6f6;
	  text-align:left; font-size: 75%; letter-spacing: 0.6px;line-height:20px;
	 }
p.menu {
	padding : 0px 10px 10px 10px;
	line-height:22px;
	background-image:url();
	background-repeat:no-repeat;
	background-position:bottom;
	}

p.pt {
	margin-top: 20px;
	padding-top: 10px;
	text-align:right;
	border-top: solid 1px #847a6c;width :570px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
}
p.ptb {
	margin-bottom: 40px;
	text-align:right;
	width :570px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
}
ol {width: 500px; color:#f6f6f6;text-align:left; font-size: 90%; letter-spacing: 1px;line-height:20px;}
ul{padding: 0px; margin:0px;}
ul.si{ margin-left:10px;padding-right10px;line-height:18px;font-size: 90%;}
ul#sidemenu {padding: 0px; margin-right: 30px;}
ul.py{padding-left: 17px; margin-left:10px;}
li {text-align:left;list-style-type:none;}
li.tb {text-align:left;list-style-type: square;}
li.pp {text-align:left;list-style-type: square;}

.mn1{
	width:245px;
	border-top:1px dotted #998195;
	border-left:0px solid #c0c0c0;
	border-bottom:0px solid #c0c0c0;
	border-right:0px solid #c0c0c0;
	padding:7px; font-size: 100%;
	letter-spacing: 1px;text-align:left;}
.mn2{
	width:245px;
	border-top:1px dotted #998195;
	border-left:0px solid #c0c0c0;
	border-bottom:1px dotted  #998195;
	border-right:0px solid #998195;
	padding:7px; font-size: 100%;
	letter-spacing: 1px;text-align:left;
	}

.top1{margin-top : 5px; margin-right : 10px;}

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

/* head
----------------------------------------------------------- */

#header{
	width:980px;
	height:87px;
	padding: 0px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	}
#logo	{
	border:0px;
	margin-left: 0px;margin-top: 0px;
	width:256px;
	height:87px;
	padding-left:0px;
	float:left;
	}
#inquiry{
	
	border:0px;
	margin-top: 0px;margin-right:0px;
	width:720px;height:87px;
	padding-right: 0px;
	float:right;
	}

/* globalnavi
----------------------------------------------------------- */

#globalnavi{
	border:0px;
	overflow: hidden;
	margin-top:10px;
	width:970px;
	height:51px;
	padding-right:2px;padding-left:8px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	}



#promotion{
        margin-top:203px;padding:5px;
	background: transparent url(../images/topback.png) repeat left top !important;
	background: none;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/topback.png", sizingMethod="scale");  /* 背景透過pngをIE6以下へ対応させる技 */
	clear:both;
	width:900px;
/* for ie6 */
	_width:900px; _margin-top:210px;
/* for ie7 */
	>width:900px; >margin-top:210px;

	height:120px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	}

/* contents
----------------------------------------------------------- */

#content{ background-image:url(../images/b3.jpg); background-repeat:repeat; background-position:top;
	margin-top:0px; 
	margin-left:auto;    /* 左側マージンを自動的に空ける */
        margin-right:auto;   /* 右側マージンを自動的に空ける */
	width: 950px;
	height :auto;
overflow: hidden;
	 padding:7px 25px 25px 10px;
	}
#contenttop{ background-image:url(../images/.jpg); background-repeat:repeat; background-position:top;
	margin-top:0px; 
	margin-left:auto;    /* 左側マージンを自動的に空ける */
        margin-right:auto;   /* 右側マージンを自動的に空ける */
	width: 950px;
	height :auto;
overflow: hidden;
	 padding:7px 25px 25px 10px;
	}
#content2{
	margin-top:0px; 
	margin-left:auto;    /* 左側マージンを自動的に空ける */
        margin-right:auto;   /* 右側マージンを自動的に空ける */
	width:930px;
	height : 100%;
overflow: hidden;
	 padding:7px 20px 7px 20px;
	}

#contitle {
	width:950px;height: 100px; clear:both; border-bottom: 1px solid #b68954;

}

/* contents in big column
----------------------------------------------------------- */
.contl{background:url(../images/b3.jpg);
	border:0px solid #f5f5f5;background-color: #fff;
	margin-top:30px;
	margin-left: 10px;
/* for ie6 */
	 _margin-left: 5px;
	margin-right: 0px;
	float:left;
	width:290px;
	height:100%;
	
	}
.contr{
	border:0px solid #f5f5f5;
	background: #;
	background:url(../images/b3.jpg);
	margin-top: 20px;margin-right: 7px;
/* for ie6 */
	 _margin-right: 0px;
	width:605px;
	float:right;
	height:100%;
	padding: 0px;border:0px solid #402923;
	}

.conmenu{
	border:0px solid #f5f5f5;
	margin: 0px;
	width:260px;
	float:left;
	height:100%;overflow: hidden;
	padding: 10px 0px 20px 20px;
	}

.coninfo{
	border:0px solid #f5f5f5;
	margin: 10px;
	width:270px;
	float:left;
	height:100%;overflow: hidden;
	padding: 0px;
	}
/* for ie7 */
*+html .conmenu {padding: 20px 0px 20px 15px; }
/* for ie6 */
*html .conmenu {padding:10px 0px 10px 15px; }
*html .contr{
	border:0px solid #f5f5f5;background-color: #c0c0c0;
	margin-top: 0px;
	width:620px;
	height:100%;
	padding: 10px;
	}

.menuimg{margin-right: 10px;}

/* for ie7 on tab ui */
#fragment-1,#fragment-2,#fragment-3,#fragment-4,#fragment-5,#fragment-6 {width:585px;}


/* coupon
----------------------------------------------------------- */
.cpn{
	margin-top:20px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
 	margin-right:auto;   /* 右側マージンを自動的に空ける */
	width:500px;
	height:220px;
	padding:10px;
	font-size:80%;color:#000; border:dotted 1px;
	background-color: #fff;
	text-align : center;
	}
/* for ie7 */
*+html .cpn{padding-top: 20px ; font-size:80%;color:#000; border:dotted 1px;}

/* column
----------------------------------------------------------- */
.cln{
	margin-top:10px;
	
	width:100%;
	height:auto;
	padding:0px;
	font-size:100%;color:#000; 
	overflow:hidden;
	
	}

#page{width:100%; margin: 0px; padding:0px;text-align:center;background-color:#f5f5f5;

}
#page ul{padding: 0px; margin:0px;}
#page li{list-style-type:none; float:left;padding-left: 0px}

#page a{display:block;  }


/* footer
----------------------------------------------------------- */

#footer{
	clear:both;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
 	margin-right:auto;   /* 右側マージンを自動的に空ける */
	width:970px;
	height:50px;
	padding:0px;
	font-size:80%;color:#fff;
	line-height:15px;

	}

#crfooter{
	margin-top :10px;
	margin-right: 10px;
	float:right;
	position:relative;
	width :450px;
	height: auto;
	padding-right: 0px;
	font-size:87%;
	line-height:15px;
	text-align:right;
	
	}
#mlfooter{
	
	margin: 0px;
	float:left;
	position:relative;
	width :360px;
	height: auto;
	padding-left: 0px;
	font-size:80%;
	line-height:15px;
	color: #e6e6e6;
	text-align:left;
	
	}



/* navi-program
----------------------------------------------------------- */


#fnavi{width:330px; height:30px; margin-top: 9px; float:left;}
#fnavi ul{padding-left: 5px; margin:0px;}
#fnavi li{list-style-type:none; float:left;padding-right:10px;}

#fnavi a{display:block; text-decoration:none; }
#fnavi a em{position: absolute; left:-9999px;}


#sm {background-image: url(menu/sm.jpg); background-repeat: no-repeat; width:100px; height:20px;}
#sm:hover {background-image: url(menu/sm.jpg);}
#pp {background-image: url(menu/pp.jpg); background-repeat: no-repeat; width:150px; height:20px;}
#pp:hover {background-image: url(menu/pp.jpg);}
#as {background-image: url(menu/ccas.jpg); background-repeat: no-repeat; width:110px; height:17px;}
#as:hover {background-image: url(menu/ccas2.jpg);}


#navibk{width:100%; margin: 0px; padding:0px;}
#navibk ul{padding: 0px; margin:0px;}
#navibk li{list-style-type:none; float:left;padding-left: 0px}

#navibk a{display:block; text-decoration:none; }
#navibk a em{position: absolute; left:-9999px;}

#a0 {background-image: url(../images/navi/0.png); background-repeat: no-repeat; width:138px; height:51px; padding-left:0px; padding-right:0px;}
#a0:hover {background-image: url(../images/navi/0u.png);}
#a1 {background-image: url(../images/navi/1.png); background-repeat: no-repeat; width:138px; height:51px; padding-left:0px; padding-right:0px;}
#a1:hover {background-image: url(../images/navi/1u.png);}
#a2 {background-image: url(../images/navi/2.png); background-repeat: no-repeat; width:138px; height:51px; padding-left:0px; padding-right:0px;}
#a2:hover {background-image: url(../images/navi/2u.png);}
#a3 {background-image: url(../images/navi/3.png); background-repeat: no-repeat; width:138px; height:51px; padding-left:0px; padding-right:0px;}
#a3:hover {background-image: url(../images/navi/3u.png);}
#a4 {background-image: url(../images/navi/4.png); background-repeat: no-repeat; width:138px; height:51px; padding-left:0px; padding-right:0px;}
#a4:hover {background-image: url(../images/navi/4u.png);}
#a5 {background-image: url(../images/navi/5.png); background-repeat: no-repeat; width:138px; height:51px; padding-left:0px; padding-right:0px;}
#a5:hover {background-image: url(../images/navi/5u.png);}
#a6 {background-image: url(../images/navi/6.png); background-repeat: no-repeat; width:138px; height:51px; padding-left:0px; padding-right:0px;}
#a6:hover {background-image: url(../images/navi/6u.png);}
#a7 {background-image: url(../images/navi/7.png); background-repeat: no-repeat; width:138px; height:51px; padding-left:0px; padding-right:0px;}
#a7:hover {background-image: url(../images/navi/7u.png);}

#b1 {background-image: url(../menu/1u.jpg); background-repeat: no-repeat; width:200px; height:51px; padding-left:0px; padding-right:0px;}
#b1:hover {background-image: url(../menu/1.jpg);}
#b2 {background-image: url(../menu/2u.jpg); background-repeat: no-repeat; width:200px; height:51px; padding-left:0px; padding-right:0px;}
#b2:hover {background-image: url(../menu/2.jpg);}
#b3 {background-image: url(../menu/3.jpg); background-repeat: no-repeat; width:200px; height:51px; padding-left:0px; padding-right:0px;}
#b3:hover {background-image: url(../menu/3.jpg);}
#b4 {background-image: url(../menu/4u.jpg); background-repeat: no-repeat; width:200px; height:51px; padding-left:0px; padding-right:0px;}
#b4:hover {background-image: url(../menu/4.jpg);}
#b5 {background-image: url(../menu/5u.jpg); background-repeat: no-repeat; width:200px; height:51px; padding-left:0px; padding-right:0px;}
#b5:hover {background-image: url(../menu/5.jpg);}