/*================================================

	CSS
	ver.2007.11.15

================================================*/


/*================================================

base

================================================*/
* {
	margin:0px;
	padding:0px;
}

img {
 border: none;
}

a {
 text-decoration:underline;
}
a:link {
 color: #1b47ff;
 text-decoration:underline;
}
a:visited {
 color: #9720c9;
	text-decoration:underline;
}
a:hover { 
 color: #ff7d00;
 text-decoration:underline;
}
a.sub:link { 
 color: #1b47ff;
 text-decoration: none;
}
a.sub:visited {
 color: #9720c9;
	text-decoration: none;
}
a.sub:hover {
 color: #ff7d00;
	text-decoration: none;
}

.s10 {
 font-size: 65%;
}
.s10_66 {
 font-size: 65%;
	color: #666666;
}
.s10_F03 {
 font-size: 65%;
	color: #FF0033;
}
.s10_7D {
 font-size: 65%;
	color: #7d7d7d;
}
.s11 {
 font-size: 70%;
}
.s11_66 {
 font-size: 70%;
	color: #666666;
}
.s12 {
 font-size: 75%;
}
.s12b {
 font-size: 75%;
	font-weight: bold;
}
.s12_66 {
 font-size: 75%;
	color: #666666;
}
.s12_7D {
 font-size: 75%;
	color: #7d7d7d;
}
.s12_aa885b {
 font-size: 75%;
	color: #aa885b;
}
.s14 {
 font-size: 90%;
}
.s14b {
 font-size: 90%;
	font-weight: bold;
}
.s14b_red {
	font-size: 90%;
	font-weight: bold;
	color:#FF3333;
}
.s16b_san {
 color:#303030;
	font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	font-size:16px;
	font-weight:bold;
}
.s18b_00 {
 color:#000000;
	font-size:18px;
	font-weight:bold;
}
.s18b_66 {
 color:#666666;
	font-size:18px;
	font-weight:bold;
}
.s21b_san {
 color:#303030;
	font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	font-size:21px;
	font-weight:bold;
}
.s21b_F60_san {
 color: #FF6600;
	font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	font-size:21px;
	font-weight:bold;
}


strong,b {
 font-weight: 100;
}

body {
	background-color: #ffffff;
	color: #303030;
	text-align: center;
	/*font-family:"MS PGothic",Osaka;*/
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Osaka;
}

#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}




.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}

.h1_18b {
	color: #303030;
	font-size: 110%;
	font-weight: bold
}

.h2_12b {
	color: #303030;
	font-size: 75%;
	font-weight: bold
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */



/*================================================

header

================================================*/

#logo {
 float:left;
	height: 50px;
}

#header .menu{
 text-align:right;
	float:right;
	margin-top: 19px;
}

#pankuzu {
	background-color:#f3f3f3;
	padding: 4px 0 3px 1em;
}
#beginner {
	text-align: right;
	padding: 4px 0 3px 0;
}


/*================================================

footer

================================================*/

#footer {
 text-align: center;
	padding-top: 20px;
	margin-top: 40px;
	border-top: solid 2px #cdcdcd;
}

#footer2 {
 text-align: center;
	padding-top: 20px;
	border-top: solid 2px #cdcdcd;
}
#footlink {
 margin-top: 40px;
}


/*================================================

main

================================================*/

#h1title {
 font-size: 9px;
	text-indent: -999em;
	background-image: url(../images/tour_title_search.gif);
	height: 26px;
	width: 185px;
	margin-left: 10px;
}
#h1title_k {
 font-size: 9px;
	text-indent: -999em;
	background-image: url(../images/tour_title_keysearch.gif);
	height: 26px;
	width: 235px;
	margin-left: 10px;
}

#brand_title {
 border-left: solid 4px #0070CD;
	margin-left: 10px;
	padding-left: 5px;
}
#brand_catch {
	margin-left: 20px;
	margin-top: 10px;
}

/*================================================
MAINNAVI
================================================*/
#mainnavi {
 margin: 20px 20px 0 20px;
}
#mainnavi .box {
	background-color: #FBF5E1;
	background-image: url(../images/mainnavi_line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 9px 9px 11px 9px;
	margin: 3px 0 0 0;
}
#mainnavi .title {
	background-color: #ffeeb7;
	padding: 7px 4px;
	text-align: center;
}
#mainnavi .area {
	background-color: #ffffff;
	padding: 10px 10px 9px 10px;
	text-align: center;
}
#mainnavi .type3 {
	line-height: 1.2em;
	padding: 0 0 0 38px;
}
#mainnavi .type_key {
	line-height: 1.2em;
	padding: 0 0 0 5px;
}

#mainnavi .line {
	border-bottom: solid 1px #cccccc;
	margin-bottom: 2px;
}



/*================================================
SIDENAVI
================================================*/
#sidenavi {
	width: 200px;
	margin-right: 30px;
}
#sidenavi .box {
	background-color: #FBF5E1;
	background-image: url(../images/mainnavi_line.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 9px;
}
#sidenavi .block {
 margin-top: 8px;
}
#sidenavi .block2 {
 margin-top: 4px;
}
#sidenavi .title {
	background-color: #ffeeb7;
	padding: 5px 4px;
}
#sidenavi .title2 {
	background-color: #ffeeb7;
	padding: 7px 4px;
}
#sidenavi .type1 {
	font-weight: bold;
	padding-right: 3px;
}
#sidenavi .type2 {
	background-color: #ffeeb7;
	margin: 10px 0 0 0;
	padding: 7px;
}
#sidenavi .type3 {
 line-height: 0.1em;
}
#sidenavi select {
}
#sidenavi .line {
 padding: 10px 0 0 0;
 margin: 10px 0 0 0;
 border-top: solid 1px #ffecb9;
}
#sidenavi .listspace {
 margin-top: 5px;
}
#sidenavi .sp {
 margin: 0 0 0 1px;
}
#sidenavi .sp2 {
 margin: 0 0 0 7px;
}
#sidenavi .bt {
 margin: 15px 0 0 0;
	text-align: center;
}

/*brand*/
.sidebrand {
	width: 200px;
	margin-right: 30px;
}
.sidebrand .box {
	background-color: #ffeeb7;
	padding: 9px;
}


/*================================================
content
================================================*/
#content {
	width: 680px;
}
#content .line {
	border-bottom: solid 1px #cccccc;
	margin-bottom: 2px;
}
#content .line3 {
 text-align: right;
 border-top: solid 1px #cccccc;
	padding-top: 5px;
}
#content .cassette {
 margin: 30px 0 0 0;
}
#content .cassette .tbox {
	border: solid 1px #a2ceda;
	background-color: #d5e5f8;
	margin-top: 2px;
	margin-bottom: 10px;
}
#content .cassette .tbox td {
 padding: 5px 0px;
}
#content .cassette .icon1px {
 padding: 1px 0;
}
#content .cassette .tbox .wbox {
 background: #FFFFFF
}
#content .cassette .tbox .line2 {
 border-top: solid 1px #a2ceda;
}
#content .cassette .mmm {
 margin: 0 2px;
}
#content .cassette .tbox p {
 margin: 0 10px;
}
#content .cassette .name {
	line-height: 1.3em;
}
#content .cassette .text {
 margin-top: 10px;
}
#content .cassette .icon3 {
 margin-top: 10px;
	margin-bottom: 3px;
}
#content .cassette .info {
	margin-right: 2em;
	display: block;
}
#content .gtitle {
 color: #666666;
}
#content .deta {
 padding-left: 4px;
}
#content .here2 {
	font-weight: bold;
}

.photo a:hover {
 position: relative;
	top: 1px;
	left: 1px;
}

#main {
 margin: 20px 20px 0 20px;
}
#gopagetop {
	text-align: right;
	padding: 4px 0 3px 0;
}

.minimum_h {
 height: 570px;
}

/*brand*/
.contentbrand {
	width: 680px;
}
.contentbrand .line {
	border-bottom: solid 1px #cccccc;
	margin-bottom: 2px;
}
.contentbrand .line3 {
 text-align: right;
 border-top: solid 1px #cccccc;
	padding-top: 5px;
}
.contentbrand .cassette {
 margin: 0 0 30px 0;
}
.contentbrand .cassette .tbox {
	border: solid 1px #a2ceda;
	background-color: #d5e5f8;
	margin-top: 2px;
	margin-bottom: 10px;
}
.contentbrand .cassette .tbox td {
 padding: 5px 0px;
}
.contentbrand .cassette .tbox .wbox {
 background: #FFFFFF
}
.contentbrand .cassette .tbox .line2 {
 border-top: solid 1px #a2ceda;
}
.contentbrand .cassette .mmm {
 margin: 0 2px;
}
.contentbrand .cassette .tbox p {
 margin: 0 10px;
}
.contentbrand .cassette .name {
	line-height: 1.3em;
}
.contentbrand .cassette .text {
 margin-top: 10px;
}
.contentbrand .cassette .icon3 {
 margin-top: 10px;
	margin-bottom: 3px;
}
.contentbrand .cassette .info {
	margin-right: 2em;
	display: block;
}
.contentbrand .gtitle {
 color: #666666;
}
.contentbrand .deta {
 padding-left: 4px;
}
.contentbrand .here2 {
	font-weight: bold;
}



.mainbrand {
 margin: 20px 20px 0 20px;
	background-image: url(../images/brand_side_bg1.gif);
}
.mainbrand2 {
 margin: 20px 20px 0 20px;
	background-image: url(../images/brand_side_bg2.gif);
}
.contentbrand .bg1 {
 background-color: #d5e5f8;
	padding: 5px 10px;
}
.contentbrand .bg2 {
	background-color: #EDF3F8;
	padding: 5px 10px;
}
.contentbrand .bg3 {
 background-color: #d5e5f8;
	padding: 8px 15px;
}
.contentbrand .bg4 {
	background-color: #EDF3F8;
	padding: 8px 15px;
}
.contentbrand .start {
	padding: 0 17px 0 12px;
}
.gopagetopbrand {
	text-align: right;
	padding: 4px 18px 3px 0;
}
.brandname {
	margin: 50px 20px 0 20px;
	padding: 15px;
	background-color: #eeeeee;
	line-height: 80%;
}
.brandname a {
 text-decoration: none;
}
.brand_w {
 background: #FFFFFF;
	padding: 5px;
	line-height: 120%;
}


.info {
	text-align: right;
	padding: 4px 0 2px 0;
}
.here {
	color: #000000;
	font-weight: bold;
}
.clearfloat {
 clear: both;
}
.fleft {
 float: left;
}
.fright {
 float: right;
}
.tright {
 text-align: right;
}
.tcenter {
 text-align: center;
}
.mtop5 {
 margin-top: 5px;
}
.mtop10 {
 margin-top: 10px;
}
.mtop30 {
 margin-top: 30px;
}
.mleft20 {
 margin-left: 20px;
}
.nobold {
 font-weight: 100;
}


.pull_width{
	width: 60px;
}
.pull_width2{
	width: 78px;
}