/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.selfclear { zoom:1; }
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

a { color: #003399; }
a:link, a:visited, a:active { text-decoration: underline; }
a:hover { text-decoration: underline; }

h1,h2,h3,h4,h5,h6,strong { color:#111111; }
h1,h2,h3,h4 { font-weight: bold; }


img{ 
	border-style:none;
	border: 0px none;
	vertical-align:top; 
}
br { letter-spacing: 0; }
.clear {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.textred {color:#00a0e9;}
.textgray {color:#969696;}
.textleft{ text-align:left; }
.textcenter{ text-align:center; }
.textright{ text-align:right; }
.texttop{ vertical-align:top; }
.textmiddle{ vertical-align:middle; }
.textbottom{ vertical-align:bottom; }

.textblue { color: #0080cb; }
.textpurple { color: #611c86; }
.textgreen { color: #21ab37; }
.textpink { color: #e3007e; }


 
/* LAYOUT */
html { 	
	background: #ffffff;
	height:100%;
	margin:0 0;
	padding: 0 0;
 }

body {
	background: #ffffff;
	height:100%;
	margin:0 0;
	padding: 0 0;
	color: #333333;
}

#headcontainer {
	float: left;
	height: 58px;
	width: 100%;
}

#headcontainer_left {
	float: left;
}

#headcontainer_right {
	float: right;
}

#headcontainer_left h1 {
	margin: 9px 0 0 9px;
}

#headcontainer_right img.textwin8 {
	margin: 15px 0 0 0;
}

#main {
	float: left;
	width: 770px;
	height: 100%;
	margin: 0 0 0 11px;
	padding: 0 0 0 0px;
}

.scrolltop {
	float: right;
	font-size: 11px;
	text-decoration: underline;
}

.scrolltop img{
	margin: 3px 0px 0 4px;
}

.scrolltop a {
	text-decoration: none;	
}

.more {
	float:right;
	text-decoration: underline;
	font-size: 90%;
	margin: 20px 0 0 0;
}

h2.bartitle{
	float: left;
}

.dotline_y770 {
	float: left;
	clear: both;
	margin: 0 0;
	height: 1px;
	width: 770px;
	background-image: url("../images/dotline_y770.gif");
	background-repeat: no-repeat;
}

.pagetop{
	float:right;
	text-decoration: underline;
	font-size: 90%;
	margin: 50px 0 30px 0;
	padding: 0 0;
}


.infoboxContainer {
	float: left;
	width: 770px;
	min-height: 100px;
	margin: 10px 0 40px 0px;
}

.infobox {
	float: left;
	width: 770px;
	margin: 20px 0 10px 0px;
	padding: 0 0 0 2px;
}

.infobox h3 {
	float: left;
	width: 770px;
	margin: 0 0 13px 0;
}

.infobox ul {
	float: left;
	margin: 0 0;
	width: 770px;
	list-style: none;
}

.infobox ul li {
	float: left;
	width: 770px;
	margin: 0 0 4px 0;
	font-size: 90%;
	list-style: none;
}

.topBannerArea{
	margin-bottom:15px;
	padding:10px;
	background-color:#f3f3f3;
}

.topBackNav{
	margin-bottom:68px;
}

.pagetopForBottom{
	float:left;
	width:770px;
	font-size:12px;
	margin-top:35px;
	margin-bottom:35px;
}

.bottomNavRight{
	float:right;
}

.bottomNavLeft{
	float:left;
}


ul.gnavi2 li{
	height:55px;
	list-style:none;
	display:inline;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb50{
	margin-bottom:50px;
}

.mb75{
	margin-bottom:75px;
}

.mb100{
	margin-bottom:100px;
}

.mt50{
	margin-top:50px
}

.m0{
	margin:0;
}

.mr20{
	margin-right:20px;
}

.mt36{
	margin-top:36px;
}

.ml20{
	margin-left:20px;
}
.pt20{
	padding-top:20px;
}
.pt30{
	padding-top:30px;
}
.pt50{
	padding-top:50px;
}




.float_l{
	float:left;
}

.float_r{
	float:right;
}

.h182{
	height:182px;
}

.h290{
	height:290px;
}

.w100{
	width:100px;
}
.w200{
	width:200px;
}
.w300{
	width:300px;
}
.w350{
	width:350px;
}
.w480{
	width:480px;
}
.w680{
	width:680px;
}
.w780{
	width:780px;
}
.w830{
	width:830px;
}
.panel_img{
	margin:2px;
}

.panel_img:hover{
	margin:0;
	border:2px solid rgba(0,0,0,0.3);
	border:2px solid #B2B2B2\9;
}

.tab_menu{
	list-style:none;
	height:52px;
	width:984px;
	
}

.tab_menu li{
	float:left;
}

.tab_menu img{
	display:block;
	float:left;
}




.play{
	background:url("/fmv/mycloud/home/images/title_main_bg.jpg") no-repeat;
	min-height:500px;
}

.photo{
	background:url("/fmv/mycloud/home/images/title_photo_bg.jpg") no-repeat;
}

.tv{
	background:url("/fmv/mycloud/home/images/title_tv_bg.jpg") no-repeat;
}

.music{
	background:url("/fmv/mycloud/home/images/title_music_bg.jpg") no-repeat;
}

.eco{
	background:url("/fmv/mycloud/home/images/title_eco_bg.jpg") no-repeat;
	min-height:278px;
}	

.outdoor{
	background:url("/fmv/mycloud/outdoor/images/title_main_bg.jpg") no-repeat;
}

.photo_out{
	background:url("/fmv/mycloud/outdoor/images/title_photo_bg.jpg") no-repeat;
}

.eco_out{
	background:url("/fmv/mycloud/outdoor/images/title_eco_bg.jpg") no-repeat;
}	

.car{
	background:url("/fmv/mycloud/outdoor/images/title_car_bg.jpg") no-repeat;
}

.use{
	background:url("/fmv/mycloud/practical-use/images/title_main_bg.jpg") no-repeat;
}

.strage{
	background:url("/fmv/mycloud/practical-use/images/title_strage_bg.jpg") no-repeat;
}

.privacy{
	background:url("/fmv/mycloud/practical-use/images/title_privacy_bg.jpg") no-repeat;
}

.photo_use{
	background:url("/fmv/mycloud/practical-use/images/title_photo_bg.png") top right no-repeat;
}

.support{
	background:url("/fmv/mycloud/practical-use/images/title_support_bg.jpg") no-repeat;
}


.circle_tab li{
	display:inline;
}

.circle_tab img{
	padding:0 20px;
}



.col1{
	width:480px;
	float:left;
}

.col2{
	width:480px;
	float:right;
}

.col_l{
	width:420px;
	float:left;
}

.col_r{
	width:475px;
	margin-right:65px;
	float:right;
}	
.title_txt{
	background-color: rgba(255,255,255,0.5);
	background-image:url("/fmv/mycloud/common/images/trance_bg.png")\9;
	
}

.fs90{
	font-size:90%;
}


.bgw{
	background-color:#fff;
}

table.noteTable td.notenum {
	white-space: nowrap;
}


table.noteTable td {
	vertical-align: top;
}

.dmy {
  position: relative;
}
.dmy:after {
  content: '\30c0\30df\30fc';
  position: absolute;
  left: 40%;
  top: 40%;
  background-color: fuchsia;
}