/* 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 {
	height: 47px;
	width: 100%;
}

#headcontainer_left {
	float: left;
}

#headcontainer_right {
	float: right;
}

#headcontainer_left h3 {
	margin: 9px 0 0 0px;
}

#headcontainer_right img.textwin8 {
	margin: 8px 0 0 0;
}

.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("/fmv/mycloud/common/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;
}
