/* CSS Document */

/*--clearfix--*/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     clear: both;
     height: 0;
}
.clearfix{
     zoom:100%;
     overflow:hidden; /* for dreamweaver */
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
		◆構造　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#pankuz{}
#wrapper{}
	#contents{}
		#main{}
		#sub{} /* sub.css参照 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
		◆ラッパー　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper{
	background:#EEEEEE url(../images/sp/bg.jpg) repeat-y top center;
	border-top:#CCCCCC 2px solid;
	}
#wrapper *{
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	}
#wrapper ul,#wrapper ol,#wrapper li,#wrapper dl,#wrapper dd,#wrapper dt,
#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6,
#wrapper table,#wrapper tr,#wrapper th,#wrapper td,#wrapper img,#wrapper p,
#wrapper span,#wrapper a{
	margin:0;
	padding:0;
	line-height:100%;
	list-style:none;
	border:none;
	}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆パンくずリスト　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#pankuz {
	width:960px;
	margin:8px auto 5px auto;
	}
#pankuz *{
	margin:0;
	padding:0;
	border:0;
	line-height:100%;
	list-style:none;
	font-weight:400;
	font-size:12px;
	line-height:1.1em;
	}
#pankuz ul li{
	float:left;
	background-image:url(../images/arrow_pankuz.png);
	background-position:1px -2px;
	background-repeat:no-repeat;
	text-indent:18px;
	}
#pankuz ul li:first-child{
	text-indent:0;
	background-image:none;
	}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆コンテンツ　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents{
	width:960px;
	margin:8px auto 0 auto;
	background:#FFFFFF;
	}
#wrapper #contents .date{
	text-align:right;
	margin-top:0;
	margin-right:10px;
	margin-bottom:5px;
	font-size:12px;
	}
#wrapper #contents h1{
	margin:0 auto 10px auto;
	width:950px;
	}
#wrapper #contents a{
	color:#003F98;	
	}
#wrapper #contents a:link {color:#003F98; text-decoration:underline;}
#wrapper #contents a:visited {color:#003F98; text-decoration:underline;} 
#wrapper #contents a:hover {color:#34A4FA; text-decoration:underline;} 
#wrapper #contents a:active {color:#34A4FA; text-decoration:none;}
#wrapper #contents table{
	margin-top:5px;
	border-collapse:collapse;	
	}
#wrapper #wrapper #contents th{
	border:1px solid #BBB;
	padding:5px;
	font-weight:700;
	background-color:#EdEdEd;
	line-height:100%;	
	}
#wrapper #contents td{
	border:1px solid #BBB;
	padding:5px;
	line-height:150%;	
	}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆アンカーリンク
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #anchorlink{
	width:auto;
	text-align:center;
	}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆メイン　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main{
	margin-top:10px;
	margin-left:10px;
	_margin-left:5px;
	width:730px;
	float:left;
	}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆メニュー　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*#wrapper #contents #main #naviMenu {
	}*/
#wrapper #contents #main #mainmenu div.naviPanel {
	float:left;
	background: url(../images/sp/navipanel_bg.jpg) top left no-repeat;
	width:240px;
	padding:0;
	height:auto;
	margin-bottom:15px;
	}
#wrapper #contents #main #mainmenu div.naviPanelBgPatch2 { /* naviPanelと併用 */
	background: url(../images/sp/navipanel_bg_2.jpg) top left no-repeat;
	}
#wrapper #contents #main #mainmenu div.naviPanel img {
	margin:3px 5px 10px 5px;
	}
#wrapper #contents #main #mainmenu div.naviPanel a {
	width:230px;
	display:block;
	text-align:center;
	}
	
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆商品掲載枠　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main .compart {
	width:708px;
	border:#AAAAAA 1px solid;
	clear:both;
	}
#wrapper #contents #main .compart h2{
	background:#004098;
	margin-top:7px;
	margin-bottom:15px;
	height:28px;
	line-height:30px;
	text-indent:15px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	}
#wrapper #contents #main .compart h3{
	width: 668px;
	/*width: 568px;*/
	background:#34A4FA;
	background:#888888;
	margin-left:20px;
	height:24px;
	line-height:26px;
	text-indent:15px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}
#wrapper #contents #main .compart table.tour-box {
	width:688px;
	margin:0 auto 15px auto;
	border-collapse:collapse;
	border:#888888 1px solid;
	}
#wrapper #contents #main .compart table.tour-boxs tr:hover {
	background-color: #F6F6F0
	}
#wrapper #contents #main .compart table.tour-box th {
	padding-top:5px;
	padding-bottom:2px;
	border-right:none;
	border-left:none;
	line-height:13px;
	background-color:#DDDDDD;	
	}
#wrapper #contents #main .compart table.tour-box td {
	border-bottom:#AAAAAA 1px dotted;
	border-right:none;
	border-left:none;
	padding-top:9px;
	padding-bottom:6px;
	line-height:13px;
	background-color:#FFFFFF;
	font-size:14px;
	}
#wrapper #contents #main .compart .bnArea {
	text-align:center;
	margin:10px auto;
	}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆商品リスト　クラス名の統一 /宇田/09/09/19作成
		■areatop_900.css「商品リスト　クラス名の統一」で定義された、
		  同様のセレクタを使用
		■4列合計100%
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main .compart .tour-box td.co-head {
	font-size:14px;
	font-weight:bold;
	line-height:1.1em;
	color: #777777;
	padding-left:13px;
	}
#wrapper #contents #main .compart .tour-box th{
	font-size:13px;
	}
#wrapper #contents #main .compart .tour-box .co-cord{
	font-size:13px;
	width: 17%;	
	text-align:center;
	}
#wrapper #contents #main .compart .tour-box .co-title {
	font-size:13px;
	width: 49%;
	padding:10px;
	}
#wrapper #contents #main .compart .tour-box .co-title a{
	font-size:14px;
	}
#wrapper #contents #main .compart .tour-box .co-date{
	font-size:13px;
	width: 14%;
	text-align:center;
	}
#wrapper #contents #main .compart .tour-box .co-price {
	width: 18%;
	text-align:center;
	}
#wrapper #contents #main .compart .tour-box td.co-price {
	width: 20%;
	text-align:center;
	color:#FF0000;
	}
#wrapper #contents #main .compart .tour-box td.co-price	.co-price-tac{
	font-size:11.5px;
	color:#666666;
	line-height:1.8em;
	letter-spacing:0.05em;
	}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆商品リスト内汎用スタイル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main .compart .tour-box .co-title .copy{
	color:#FF0000;
	}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆ページのいちばん上へ移動
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main .toPageTop {
	width:703px;
	margin-top:4px;
	margin-bottom:6px;
	text-align:right;
	clear:both;
	}
#wrapper #contents #main .toPageTop a {
	font-size:12px;
	line-height:13px;
	}
#wrapper #contents #main .toPageTop a:link {color:#666666; text-decoration:none;}
#wrapper #contents #main .toPageTop a:visited {color:#666666; text-decoration:none;} 
#wrapper #contents #main .toPageTop a:hover {color:#999999; text-decoration:none;} 
#wrapper #contents #main .toPageTop a:active {color:#999999; text-decoration:none;}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆当該ページリンク（ページ最下部用）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main #myPageLink {
	width:703px;
	margin-top:25px;
	margin-bottom:6px;
	text-align:left;
	clear:both;
	}
#wrapper #contents #main #myPageLink a {
	font-size:10px;
	line-height:12px;
	}
#wrapper #contents #main #myPageLink a:link {color:#666666; text-decoration:none;}
#wrapper #contents #main #myPageLink a:visited {color:#666666; text-decoration:none;} 
#wrapper #contents #main #myPageLink a:hover {color:#999999; text-decoration:none;} 
#wrapper #contents #main #myPageLink a:active {color:#999999; text-decoration:none;}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆電話番号　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #contents #main .contact_tel01 , #wrapper #contents #main .contact_tel01 div{
	margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	line-height:1.1em;	
}
#wrapper #contents #main .contact_tel01 .tit{
	font-size:18px;
	font-weight:700;
	line-height:1.8em;
	padding-top:4px;
	background:#0033CC;
	color:#FFFFFF;
	width:320px;
	text-align:center;
	margin-bottom:10px;	
	/* 角丸 */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}
#wrapper #contents #main .contact_tel01 .name{
	font-size:24px;
	font-weight:700;
	line-height:1.2em;
	margin-bottom:2px;	
}
#wrapper #contents #main .contact_tel01 .num{
	font-size:48px;
	font-weight:700;
	color: #FF0000;
	line-height:1.1em;
	margin-right:15px;
	float:left;	
}
#wrapper #contents #main .contact_tel01 .num a{
	font-size:48px;
	font-weight:700;
	color: #FF0000;
	text-decoration:none;
	line-height:1.1em;
}
#wrapper #contents #main .contact_tel01 .info{
	font-size:12px;
	font-weight:400;
	line-height:1.1em;
}
#wrapper #contents #main .contact_tel01 .info .open{
	font-size:12px;
	font-weight:400;
	line-height:1.2em;	
}
#wrapper #contents #main .contact_tel01 .info .point{
	font-size:12px;
	font-weight:400;
	line-height:1.2em;	
}
#wrapper #contents #main .contact_tel01 .info .official{
	font-size:12px;
	font-weight:400;
	line-height:1.2em;	
}