@charset "UTF-8";


/* HELLO SMART　乗りたい!!スマート
------------------------------------------------------------- */

/* タブ */

div#main div#tub {
	margin: 20px 0 20px 0;
}

div#main div#tub ul {
	display:inline-block;
	list-style-type: none;
	border-bottom: 6px solid #454545;
}

div#main div#tub ul:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

div#main div#tub ul li {
	display: inline;
	float: left;
	margin-left: 10px;
}

div#main div#tub ul li#tub_menu {
	width: 330px;
	background: url(../../../meets/smartmove/image/index_02.gif) 0 0 no-repeat;
}

div#main div#tub ul li#tub_about {
	background: url(../../../meets/smartmove/image/index_03_f2.gif) 0 0 no-repeat;
}


div#main div#tub ul li a {
	display: block;
	width: 330px;
	height: 33px;
}


div#main div#tub ul li#tub_menu a:hover {
	width: 330px;
	background: url(../../../meets/smartmove/image/index_02.gif) 0 0 no-repeat;
}

div#main div#tub ul li#tub_about a:hover {
	background: url(../../../meets/smartmove/image/index_03.gif) 0 0 no-repeat;
}







div#main div#tub ul li a img {
	display: none;
}

/* タブ 2*/

div#main div#tub2 {
	margin: 20px 0 20px 0;
}

div#main div#tub2 ul {
	display:inline-block;
	list-style-type: none;
	border-bottom: 6px solid #454545;
}

div#main div#tub2 ul:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

div#main div#tub2 ul li {
	display: inline;
	float: left;
	margin-left: 10px;
}

div#main div#tub2 ul li#tub_beach {
	width: 217px;
	background: url(../../../meets/smartmove/image/vol02_01.gif) 0 0 no-repeat;
}

div#main div#tub2 ul li#tub_about {
	background: url(../../../meets/smartmove/image/vol02_02_f2.gif) 0 0 no-repeat;
}

div#main div#tub2 ul li#tub_now {
	background: url(../../../meets/smartmove/image/vol02_03_f2.gif) 0 0 no-repeat;
}


div#main div#tub2 ul li a {
	display: block;
	width: 217px;
	height: 33px;
}


div#main div#tub2 ul li#tub_beach a:hover {
	width: 217px;
	background: url(../../../meets/smartmove/image/vol02_01.gif) 0 0 no-repeat;
}

div#main div#tub2 ul li#tub_about a:hover {
	background: url(../../../meets/smartmove/image/vol02_02.gif) 0 0 no-repeat;
}

div#main div#tub2 ul li#tub_now a:hover {
	background: url(../../../meets/smartmove/image/vol02_03.gif) 0 0 no-repeat;
}


div#main div#tub2 ul li a img {
	display: none;
}



/* タブ 3*/

div#main div#tub3 {
	margin: 20px 0 20px 0;
}

div#main div#tub3 ul {
	display:inline-block;
	list-style-type: none;
	border-bottom: 6px solid #454545;
}

div#main div#tub3 ul:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

div#main div#tub3 ul li {
	display: inline;
	float: left;
	margin-left: 10px;
}

div#main div#tub3 ul li#tub_beach {
	width: 217px;
	background: url(../../../meets/smartmove/image/vol02_01_f2.gif) 0 0 no-repeat;
}

div#main div#tub3 ul li#tub_about {
	background: url(../../../meets/smartmove/image/vol02_02.gif) 0 0 no-repeat;
}

div#main div#tub3 ul li#tub_now {
	background: url(../../../meets/smartmove/image/vol02_03_f2.gif) 0 0 no-repeat;
}


div#main div#tub3 ul li a {
	display: block;
	width: 217px;
	height: 33px;
}


div#main div#tub3 ul li#tub_beach a:hover {
	width: 217px;
	background: url(../../../meets/smartmove/image/vol02_01.gif) 0 0 no-repeat;
}

div#main div#tub3 ul li#tub_about a:hover {
	background: url(../../../meets/smartmove/image/vol02_02.gif) 0 0 no-repeat;
}

div#main div#tub3 ul li#tub_now a:hover {
	background: url(../../../meets/smartmove/image/vol02_03.gif) 0 0 no-repeat;
}


div#main div#tub3 ul li a img {
	display: none;
}


/* タブ 4*/

div#main div#tub4 {
	margin: 20px 0 20px 0;
}

div#main div#tub4 ul {
	display:inline-block;
	list-style-type: none;
	border-bottom: 6px solid #454545;
}

div#main div#tub4 ul:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

div#main div#tub4 ul li {
	display: inline;
	float: left;
	margin-left: 10px;
}

div#main div#tub4 ul li#tub_beach {
	width: 217px;
	background: url(../../../meets/smartmove/image/vol02_01_f2.gif) 0 0 no-repeat;
}

div#main div#tub4 ul li#tub_about {
	background: url(../../../meets/smartmove/image/vol02_02_f2.gif) 0 0 no-repeat;
}

div#main div#tub4 ul li#tub_now {
	background: url(../../../meets/smartmove/image/vol02_03.gif) 0 0 no-repeat;
}


div#main div#tub4 ul li a {
	display: block;
	width: 217px;
	height: 33px;
}


div#main div#tub4 ul li#tub_beach a:hover {
	width: 217px;
	background: url(../../../meets/smartmove/image/vol02_01.gif) 0 0 no-repeat;
}

div#main div#tub4 ul li#tub_about a:hover {
	background: url(../../../meets/smartmove/image/vol02_02.gif) 0 0 no-repeat;
}

div#main div#tub4 ul li#tub_now a:hover {
	background: url(../../../meets/smartmove/image/vol02_03.gif) 0 0 no-repeat;
}


div#main div#tub4 ul li a img {
	display: none;
}




/* Vol.00 タイトル */

div#main h5 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 10px;	
}

div#main h3 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;	
}

div#main h4 {
	font-size: 85%;
}

div#main h3 em {
	display: block;
	margin-bottom: 10px;
}


div#main div#smart_exp div {
	display:inline-block;
	clear: both;
	margin-bottom: 30px;
	line-height: 1.8;
}


div#main div#smart_exp div:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

div#main div#smart_exp div img.image01 {
	float: left;
	margin-right: 18px;
}

div#main div#smart_exp div img.image02 {
	float: right;
	margin-left: 18px;
}