@charset "utf-8";

/* ****************************************************
base.css
Define base layout.
***************************************************** */

/* ****************************************************
1: CSS for common setting
2: Header
3: Footer
99: extra
***************************************************** */

/*1: CSS for common setting
=========================================*/
body {
	text-align:center;
	background:#ecf8fd url(/ms/images/container_bg.jpg) repeat-x;
	color:#333333;
}
img {
	vertical-align:bottom;
}
hr {
	display:none;
}
em {
	font-style:normal;
}
strong {
	font-weight:bold;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a[name]:hover {
	text-decoration:underline;
}
sub {
	vertical-align:bottom;
}
sup {
	vertical-align:top;
}
.bold {
	font-weight:bold;
}
.clear {
	clear:both;
	margin:0;
	padding:0;
}

/* Container */
#container {
	margin:0 auto;
	width:100%;
	padding:0;
	text-align:center;
}
* html #container {
	height:1%;
}

/* Contents */
div#mscontents {
	clear:both;
	width:830px;
	height:100%;
	margin:0 auto 0;
	padding: 0;
	text-align:left;
	background:#FFFFFF url(/ms/images/contents_bg.jpg) no-repeat;
}

* html div#mscontents {
	width:830px;
}

#mscontents h1 {
	margin:0;
	padding:0;
}

* html #mscontents h1 {
	margin-left:-1px;
}


.logos {
	text-align:center;
	padding:15px 0 25px 0;
}

.comments {
width:765px;margin-left:30px;
}

.comment1 {
float:left;
}

.comment2 {
float:left;margin-left:15px;
}

.photo {
float:right;
}

.redbox {
width:771px;
height:460px;
margin:20px 0 20px 30px;
text-align:center;
padding:0;
background:#FFFFFF url(/ms/images/box.jpg) no-repeat;
}


/*2: Header
=========================================*/


#mainvisual {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	line-height:0;
	background:url(/ms/images/header_bg.jpg) repeat-x 0 0;
}
#mainvisual .wrap {
	width:812px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF;
}


/*3: Footer
=========================================*/

#footerbg {
	clear:both;
	margin:0; /* 0 -1px */
	padding:0;
	width:100%;
	height:97px;
	text-align:center;
	background:#ecf8fd url(/ms/images/footer_bg.jpg) repeat-x;
}

#footer {
	clear:both;
	margin:0 auto;
	width:802px;
	padding:10px 0 0 0;
	font-size:10px;
	height:97px;
	color:#FFFFFF;
	background:#ecf8fd url(/ms/images/footer.jpg) no-repeat;
}

*html #footer {
	height:150px;
}

*:first-child+html #footer {
	height:120px;
}


#footer a{
	color:#ffffff;
	background:none;
	padding:0;
}

#footer .footerbox{
	width:802px;
	line-height:2;
}

#footer .footerbox-left{
	margin:0;
	padding:10px 0 0 10px;
	width:620px;
	float:left;
	text-align:left;
}

#footer .footerbox-right{
	margin:0;
	padding:10px 10px 0 0;
	text-align:right;
	width:155px;
	float:right;
}


/*99: extra
=========================================*/

/* ==================================
Fontsize
================================== */
#fontSwitchL,
#fontSwitchM {
	display:none;
}

/* ==================================
Clear fix
================================== */
div#mscontents:after,
#header:after,
#header .wrap:after,
#header-right-box #option-box:after,
#global-navi:after,
#footer .contents-box:after,
#footer .foot-contents:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#mscontents,
#header,
#header .wrap,
#header-right-box #option-box,
#global-navi,
##footer .contents-box,
#footer .foot-contents {
	min-height: 1px;
}

/* for IE6 */
* html div#mscontents,
* html #header,
* html #header .wrap,
* html #header-right-box #option-box,
* html #global-navi,
* html #footer .contents-box,
* html #footer .foot-contents {
	height: 1px;
}

/* for IE7 */
*:first-child+html div#mscontents,
*:first-child+html #header,
*:first-child+html #header .wrap,
*:first-child+html #header-right-box #option-box,
*:first-child+html #global-navi,
*:first-child+html #footer .contents-box,
*:first-child+html #footer .foot-contents {
	zoom: 1;
}