@charset "UTF-8";

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	}
	
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
img {
	border: none;
	}
	
a {
  color: #000000;
  text-decoration: none;
  overflow:hidden;
  outline:none;
  }	
	
* {
	font-family:
	"ヒラギノ角ゴ Pro W3", "HIragino Kaku Gothic Pro", 
	"メイリオ", Meiryo,
	Osaka,
	"MS P ゴシック", "MS P Gothic",
	sans-serif;
	}
	
/* IE 7に対するフォントの種類*/
*:first-child+html * {
	font-family:
	"メイリオ", Meiryo,
	"MS P ゴシック", "MS P Gothic",
	sans-serif;
	}
	
/* IE 6に対するフォントの種類*/	
* html * {
	font-family:
	"メイリオ", Meiryo,
	"MS P ゴシック", "MS P Gothic",
	sans-serif;
	}
	
	
body {
	width: 1000px;
	background-image:url(../top_img/sp_freckles.jpg);
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	}				

#wrapper {
	width: 1000px;
	position: relative;
	}
	
/* header部分*/						
	
#header {
	width: 1000px;
	height: 135px;
	background-color:#FFFFFF;
	padding-bottom: 15px;
	}
	
#logo {
	width:349px;
	height: 100px;		
	float:left;
	}
	
h1 {
	display: block;
	text-indent:-9999px;
	width: 349px;
	height:100px;
	background-image: url(../top_img/mb_logo.jpg);
	margin-top:35px;
	padding:0px;	
	}
		
h1 a {
	display: block;
	width: 349px;
	height:100px;	
	}
	
h1 a:hover {
	background-image: url(../top_img/mb_logo_ho.jpg);
	}
	

/* グローバルナビ*/		
	
#navi {
	width: 500px;
	height: 50px;
	float: right;
	margin-top: 60px;
	margin-right: 40px;
	}
	
#navi ul li {
    text-indent:-9999px;
	width: 100px;
	list-style: none;
	float: left;
	}
	
#navi ul li#navi01 {
	background-image:url(../top_img/gnv_01.gif);
	width: 100px;
	height: 50px;
	}	
#navi ul li#navi01 a:hover {
	background-image:url(../top_img/gnv_01_ho.gif);
	}	
		
#navi ul li#navi02 {
	background-image:url(../top_img/gnv_02_cu.gif);
	width: 100px;
	height: 50px;
	}	

#navi ul li#navi03 {
	background-image:url(../top_img/gnv_03.gif);
	width: 100px;
	height: 50px;
	}	
#navi ul li#navi03 a:hover {
	background-image:url(../top_img/gnv_03_ho.gif);
	}	

#navi ul li#navi04 {
	background-image:url(../top_img/gnv_04.gif);
	width: 100px;
	height: 50px;
	}	
#navi ul li#navi04 a:hover {
	background-image:url(../top_img/gnv_04_ho.gif);
	}	

#navi ul li#navi05 {
	background-image:url(../top_img/gnv_05.gif);
	width: 100px;
	height: 50px;
	}	
#navi ul li#navi05 a:hover {
	background-image:url(../top_img/gnv_05_ho.gif);
	}	
	
#navi ul li a {
	display: block;
	width: 100px;
	height: 50px;
	}
	
#navi ul li a:focus {
	overflow: hidden;
	outline: none;
	}	
	
/*header イメージ部分*/		
													
#header-img {
	width: 1000px;
	height: 150px;
	background-image: url(../works_img/header_bg.png);
	margin: 0px;
	padding: 0px;
	clear: both;
	}
	
#header-img p {
	font-size: 105%;
	line-height: 1.5em;
	color: #535353;
	padding-top: 35px;
	padding-left:245px;
 }
 
ul.select {
	width: 460px;
	height: 50px;
	margin-top:20px;
	margin-left:531px;
	}
	
ul.select li {	
	float:left;
	list-style-type:none;	
	}				
	
								
/* contents部分*/	

#contents {
	width: 1000px;
	height: auto;
	clear:both;
	}
	
#box_graph {
	width:870px;
	height:1140px;
	background-color:#DCDCDC;
	margin: auto;

	}
	
#box_graph ul {
	width: 830px;
	height:auto;
	padding-top: 41px;
	margin-left: 41px;
	}

#box_graph ul li {
	list-style-type:none;
	float:left;
	margin-right:16px;
	margin-bottom: 16px;
	}
	
#box_web {
	width:870px;
	height:198px;
	background-color:#D9DEE8;
	margin: auto;
	}
	
#box_web ul {
	width: 830px;
	height:auto;
	padding-top: 41px;
	margin-left: 41px;
	}

#box_web ul li {
	list-style-type:none;
	float:left;
	margin-right:16px;
	margin-bottom: 16px;
	}	
	
h2.tab_g {
	width:870px;
	height: 63px;
	text-indent: -9999px;
	background-image: url(../works_img/tab_graph.png);
	margin: auto;
	}
	
p.bottom_g {
	width:870px;
	height: 50px;
	text-indent:-9999px;
	background-image: url(../works_img/tab_graph_bottom.png);
	margin: auto;
	margin-bottom: 15px;
	clear:both;
	}			
	
h2.tab_w {
	width:870px;
	height: 63px;
	text-indent: -9999px;
	background-image: url(../works_img/tab_web.png);
	margin: auto;
	}
	
p.bottom_w {
	width:870px;
	height: 50px;
	text-indent:-9999px;
	background-image: url(../works_img/tab_web_bottom.png);
	margin: auto;
	margin-bottom: 50px;
	clear:both;
	}		
	

	
				
/* footer 部分*/											
	
#footer {
	width: 1000px;
	height: 180px;
	background-color: #ffffff;
	margin-top: 15px;
	clear: both;
	}
	


/*footerを1つにしてgo to top のアイコンを指定位置にいつも画面上に表示する*/

#footer ul {
	width: 400px;
	height: 30px;
	padding-top: 20px;
	padding-left: 30px;
	}	
		
	
#footer ul li {
	text-indent:-9999px;
	width: 80px;
	list-style: none;
	float: left;
	}
	
				
#footer ul li a {
	display: block;
	width: 80px;
	height: 30px;
	}
	
	 
#footer ul li#f_navi01 {
	background-image:url(../top_img/fnv_01.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi01 a:hover {
	background-image:url(../top_img/fnv_01_ho.gif);
	}	
		
#footer ul li#f_navi02 {
	background-image:url(../top_img/fnv_02.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi02 a:hover {
	background-image:url(../top_img/fnv_02_ho.gif);
	}			

#footer ul li#f_navi03 {
	background-image:url(../top_img/fnv_03.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi03 a:hover {
	background-image:url(../top_img/fnv_03_ho.gif);
	}	

#footer ul li#f_navi04 {
	background-image:url(../top_img/fnv_04.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi04 a:hover {
	background-image:url(../top_img/fnv_04_ho.gif);
	}	

#footer ul li#f_navi05 {
	background-image:url(../top_img/fnv_05.gif);
	width: 80px;
	height: 30px;
	}	
#footer ul li#f_navi05 a:hover {
	background-image:url(../top_img/fnv_05_ho.gif);
	}
	
			
	

#go_top {
 	position:fixed !important;
	position:absolute;
	bottom: 35px;
	right: 50px;
	margin:0;
	overflow: hidden;
	}			

#go_top a {
	display: block;
	text-indent: -9999px;
	background-image:url(../top_img/go_top_s.png);
	width: 80px;
	height: 80px;
	}	
	
#go_top a:hover {
	background-image:url(../top_img/go_top_s_ho.png);
	}	

p.with_love {
	padding-top: 40px;
	padding-left:45px;
	}