@charset "Shift_JIS";

/****** 基本設定 ******/

body{
font-size:12px;
margin:0;
color:#222222;
font-family: "ＭＳ Ｐゴシック",sans-serif;
line-height:20px;
letter-spacing:2px;
text-align:center;
background-color:#F0F0FF;
}

*{
margin:0;
padding:0;
font-size:normal;
}

#head h1{
font-size:9px;
font-weight:normal;
text-align:right;
}

h1{
font-size:9px;
font-weight:normal;
}

h2{
font-size:9px;
font-weight:normal;
}

h3{

font-weight:borld;

}

.hx2 h3{
width:500px;
height:25px;
background-image:url(img/hx2.gif);
background-repeat:no-repeat;
text-indent:15px;
line-height:25px;
margin:0;
padding:0;
border:none;
color:#ffffff;
font-size:12px;
margin:10px 0px;
}


.hx h3{
width:500px;
height:25px;
background-image:url(img/qa/hx.gif);
background-repeat:no-repeat;
text-indent:15px;
line-height:25px;
margin:0;
padding:0;
border:none;
color:#ffffff;
font-size:12px;
margin:10px 0px;
}

.qa_flame{
width:490px;
height:auto;
padding:2px 2px 2px 6px;
border:1px dashed #808080;

}

.orange{
color:orange;
}

p{
margin:5px;
padding:0;

}

.f10{
font-size:10px;
letter-spacing:1px;
line-height:13px;
}

.f14{
font-size:14px;
letter-spacing:1px;
line-height:13px;
}

img {
margin:0;
padding:0;
border:0;
}

.left {
float:left;
}

.right {
float:right;
}

.center{
text-align:center;
margin:0 auto;
}

.b {
font-weight:bold;
}

.m5{
margin-top:5px;
}

.m10{
margin-top:10px;
}

.m10u{
margin-bottom:10px;
}

.m20{
margin-top:20px;
}

.m20u{
margin-bottom:20px;
}

.pl5 {
padding-left:5px;
}

.pl15 {
padding-left:15px;
}

.pl20 {
padding-left:20px;
}

.pl40 {
padding-left:40px;
}

.pl50 {
padding-left:50px;
}

.pl70 {
padding-left:70px;
}

.pl90 {
padding-left:90px;
}

.pl100 {
padding-left:100px;
}

.w350 {
margin:10px 0 0 0;
padding:0;
width:350px;
height:auto;
}

.inner {
padding:5px;
}

.red {
color:#ff0000;
}

.blue {
color:#0000fd;
}


.ff45 a {
color:#ff4500;
}


#head{
width:760px;
height:85px;
background-image:url(img/top/head_back2.gif);
background-repeat:no-repeat;
}

#head_in{
padding:40px 30px 0 0;
text-align:right;
height:20px;
}

#head_in li{
display:inline;
margin-right:3px;
height:20px;
padding-left:16px;
background-image:url(img/ya_icon.gif);
background-position:left;
background-repeat:no-repeat;
font-size:12px;
line-height:20px;
letter-spacing:0.5px;
}

#head_in a {
text-decoration:none;
color:#ffffff;
}

#head_in a:hover{
text-decoration:underline;
color:#ec2e00;}


a {
text-decoration:none;
color:#07007b;
}
a:hover{
text-decoration:underline;
color:#ec2e00;}


#main{
clear:both;
width:760px;
height:auto;
margin:0;
padding:0;
background-color:#ffffff;
}

.mpic{
width:760px;
height:auto;
}

.cont{
padding:5px 0 10px 0;
width:550px;
height:auto;
float:right;
background-image:url(./img/navi_dotted.gif);
background-repeat:repeat-y;
background-position:left;
text-align:left;
}

.cont2{
padding:5px 0 10px 0;
width:550px;
height:auto;
float:right;
text-align:left;
}

.cont_line{
width:510px;
height:2px;
background-image:url(img/navi_line.gif);
background-position:top left;
background-repeat:repeat-x;
margin:10px auto;
}

.navi{
width:210px;
height:100%;
float:left;
background-image:url(img/top_image04.gif);
background-position:top left;
background-repeat:no-repeat;
}


.navi_dot{
background-image:url(./img/navi_dotted.gif);
background-repeat:repeat-y;
background-position:right;

}

.navi_line{
width:180px;
height:2px;
background-image:url(img/navi_line2.gif);
background-position:top left;
background-repeat:repeat-x;
margin:5px auto 0 auto;
}



#footer{
width:760px;
height:25px;
line-height:25px;
clear:both;
background-color:#ffffff;
background-image:url(img/u_line.gif);
background-repeat:repeat-x;
background-position:top;
padding-top:10px;
font-weight:bold;
font-size:10px;
leter-spacing:1px;
overflow:hidden;
}

#base{
width:760px;
margin:0 auto;
text-align:center;
background-color:#ffffff;
clear:both;
overflow:hidden;
}

.red{color:#DC143C;}

.navi dl{
margin:0;
padding:5px 0 0 10px;
font-size:12px;
text-align:left;
}

.navi dt{
height:20px;
line-height:20px;
padding-left:15px;
background-image:url(img/ya_icon2.gif);
background-position:left middle;
background-repeat:no-repeat;
}

.navi .none dl{
margin:0;
padding:5px 0 0 3px;
font-size:12px;
text-align:left;
}

.navi .none dt{
height:20px;
line-height:20px;
padding-left:15px;
}

.navi dd{
padding-left:20px;
height:20px;
}

.privacy{
text-align:right;
}

.privacy li{
font-size:12px;
display:inline;
margin:0 10px;
padding-left:15px;
background-image:url(img/ya_icon2.gif);
background-position:left middle;
background-repeat:no-repeat;
}

.init{
padding:0 20px;
font-size:12px;
}

.price_l{
width:120px;
height:25px;
padding-left:5px;
border:1px solid #8c8c8c;
}

.price_r{
width:350px;
height:25px;
padding-left:5px;
border:1px solid #8c8c8c;
}

.gaiyo_l{
width:120px;
height:25px;
padding-left:5px;
}

.gaiyo_r{
width:350px;
height:25px;
padding-left:5px;
}

.saiyo_l{
width:120px;
height:25px;
padding-left:5px;
border:1px solid #c0c0c0;
}

.saiyo_r{
width:350px;
height:25px;
padding-left:5px;
border:1px solid #c0c0c0;
}


.gray{
padding:5px 5px;
background-color:#dddddd;
}

.list1{
width:500px;
height:auto;
background-color:#efefef;
margin:10px 0;
padding:0;
list-style-type:none;
}

.list1 li{
background-image:url(img/ya_icon2.gif);
background-position:left middle;
background-repeat:no-repeat;
margin:3px;
padding:0 0 0 20px;
}

.image_right{
float:right;
display:inline;
}

.clear{
clear:both;
}

.toi_l{
width:180px;
height:25px;
padding-left:5px;
background-color:#cacaca;
}

.toi_r{
width:350px;
height:25px;
padding-left:5px;
}

#sitemap {
margin:0;
padding:0;
}

#sitemap table {
margin:10px 0 0 0;
paddign:0;
width:500px;
height:auto;
border-collapse:collapse;
border-spacing:5px;
}

.price_img {
margin:10px 0 0 0;
padding:0;
}

.lowprice {
margin:5px 0;
padding:5px;
width:489px;
height:120px;
border:1px solid #aaaaaa;
letter-spacing:1px;
color:#0000cd;
}

.lowprice_dline {
margin:0;
padding:0;
border-bottom:3px double #0000CD;
}

#info {
font-size:11px;
margin:20px 0 0 40px;
padding:15px 10px 10px 10px;
width:450px;
height:250px;
overflow:scroll;
border:1px solid #aaaaaa;
}

#info h3{
margin:0;
padding:0;
font-size:18px;
border:0;
}

#info .t_r {
text-align:right;
}

/****** 20101219魅力ページ *******/

.ster {
margin:0;
padding:0;
list-style-type:none;
}

.ster li {
margin:0;
padding:0 0 0 20px;
background-image:url("./img/poster/ster.gif");
background-repeat:no-repeat;
background-position:top left;
}


.naviBox {
margin-top:10px;
	margin-bottom: 15px;
	margin-left:10px;
	width:195px;
	padding:2px;
	background:#eaeaea;
	text-align:left;
}

.globalNavi ul {
	padding-top: 0;
}

.globalNavi ul li {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	list-style:none;
}

.globalNavi ul li a {
	display: block;
	height: 30px !important;
	height /**/: 44px;
	padding: 14px 0 0 28px;
	border-bottom: none;
	color: #000;
	text-decoration: none;
	background: url(./img/globalnavi.gif) no-repeat left top;
}

.globalNavi ul li a:hover {
	background: url(./img/globalnavi_over.gif) no-repeat left top;
	color:#666;
	text-decoration: none;
}

.globalNavi ul li.last a {
	display: block;
	height: 31px !important;
	height /**/: 45px;
	padding: 14px 0 0 28px;
	border-bottom: none;
	color: #000;
	text-decoration: none;
	background: url(./img/globalnavi_last.gif) no-repeat left top;
}

.globalNavi ul li.last a:hover {
	background: url(./img/globalnavi_last_over.gif) no-repeat left top;
	color:#666;
	text-decoration: none;
}

.globalNavi ul li ul li a {
	display: block;
	height: 30px !important;
	height /**/: 44px;
	padding: 14px 0 0 35px;
	border-bottom: none;
	color: #000;
	text-decoration: none;
	background: url(./img/globalnavi_ul.gif) no-repeat left top;
}

.globalNavi ul li ul li a:hover {
	background: url(./img/globalnavi_ul_over.gif) no-repeat left top;
	color:#666;
	text-decoration: none;
}




#side {
width:200px;
display: inline;
margin:0 auto;
padding-bottom: 50px;
}

#side h3 {
	font-size: 100%;
	color: #FFFFFF;	/*h3タグ（SIDE MENUとか入っている所）の文字色*/
	background-color: #4169E1;	/*背景色*/
	text-align: center;	/*文字をセンタリング*/
	margin-bottom: 5px;	/*下に少し余白*/
}

#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

/*サイドメニュー（SIDE MENU）*/
#side ul.sidemenu a {
	display: block;
	text-decoration: none;
	width: 195px;
	padding-left: 10px;
	border-top: 1px solid #c9c9c9;		/*メニューの上の線*/
	border-right: 1px solid #c9c9c9;	/*メニューの右側の線*/
	border-bottom: 1px solid #c9c9c9;	/*メニューの下の線*/
	border-left: 4px solid #4169E1;
}

#side ul.sidemenu li {
	margin-bottom: 5px;	/*メニュー同士の余白*/
	text-align:left;
	list-style:none;
}

#side ul.sidemenu a:hover {
	background-color: #f5f5f5;	/*カーソルオーバー時の背景色*/
}
